Update Clover, remove Nectar, Bloom.

global.d.ts

@@ -1 +1,2 @@
 declare module "@/.canopy*";
+declare module "@samvera/clover-iiif*";

package.json

@@ -25,9 +25,7 @@
     "@radix-ui/react-dialog": "^1.0.2",
     "@radix-ui/react-icons": "^1.1.1",
     "@radix-ui/themes": "^1.1.2",
-    "@samvera/bloom-iiif": "^0.5.0",
-    "@samvera/clover-iiif": "^1.14.1",
-    "@samvera/nectar-iiif": "^0.0.20",
+    "@samvera/clover-iiif": "^2.1.0",
     "@stitches/react": "^1.2.8",
     "axios": "^0.24.0",
     "clsx": "^1.1.1",

src/components/Card/Card.tsx

@@ -5,7 +5,7 @@ import { LazyMotion, MotionConfig, domAnimation, m } from "framer-motion";
 import { useEffect, useState } from "react";
 
 import Figure from "@/components/Figure/Figure";
-import { Label } from "@samvera/nectar-iiif";
+import { Label } from "@samvera/clover-iiif/primitives";
 import Link from "next/link";
 import { getJsonByURI } from "@/lib/utils";
 import { getPresentation3 } from "@/lib/iiif/context";

src/components/Header/Header.tsx

@@ -3,7 +3,7 @@ import { Content, Title, Wrapper } from "@/components/Header/Header.styled";
 import React, { useEffect, useState } from "react";
 
 import { HamburgerMenuIcon } from "@radix-ui/react-icons";
-import { Label } from "@samvera/nectar-iiif";
+import { Label } from "@samvera/clover-iiif/primitives";
 import Link from "next/link";
 import Locale from "@/components/Shared/Locale/Locale";
 import Nav from "@/components/Nav/Nav";

src/components/Hero/Hero.tsx

@@ -2,13 +2,15 @@ import "swiper/css";
 import "swiper/css/effect-fade";
 import "swiper/css/navigation";
 import "swiper/css/pagination";
+
 import { Autoplay, EffectFade, Keyboard, Navigation } from "swiper";
-import { Label, Thumbnail } from "@samvera/nectar-iiif";
+import { Label, Thumbnail } from "@samvera/clover-iiif/primitives";
 import { Swiper, SwiperSlide } from "swiper/react";
+
+import Container from "../Shared/Container";
 import { HeroStyled } from "@/components/Hero/Hero.styled";
 import Link from "next/link";
 import React from "react";
-import Container from "../Shared/Container";
 
 interface HeroProps {
   collection?: any;

src/components/Map/Map.tsx

@@ -10,7 +10,7 @@ import {
   Popup,
   TileLayer,
 } from "react-leaflet";
-import { Label, Thumbnail } from "@samvera/nectar-iiif";
+import { Label, Thumbnail } from "@samvera/clover-iiif/primitives";
 import { useEffect, useRef, useState } from "react";
 
 import Container from "../Shared/Container";
@@ -90,7 +90,7 @@ const Map: React.FC<MapProps> = ({ manifests }) => {
                   <Popup>
                     <figure>
                       <Link href={item.slug}>
-                        <Thumbnail thumbnail={item.thumbnail} />
+                        <Thumbnail thumbnail={item.thumbnail} />{" "}
                         <figcaption>
                           <Container className="slide-inner" isFlex>
                             <Label

src/components/Viewer/Slider.tsx

@@ -1,11 +1,12 @@
-import React from "react";
-import dynamic from "next/dynamic";
 import "swiper/css";
+
+import CloverSlider from "@samvera/clover-iiif/slider";
+import React from "react";
+import { SliderStyled } from "./Slider.styled";
+import { SwiperProps } from "swiper/react";
 import { gr } from "@/styles/helpers/goldenRatio";
 import { rem } from "@/styles/global";
 import { width } from "@/styles/theme/media";
-import { SliderStyled } from "./Slider.styled";
-import { SwiperProps } from "swiper/react";
 
 type SwiperBreakpoints = SwiperProps["breakpoints"];
 
@@ -44,22 +45,11 @@ const breakpoints: SwiperBreakpoints = {
   },
 };
 
-const BloomIIIF: React.ComponentType<{
-  collectionId: string;
-  options: {
-    breakpoints: SwiperBreakpoints;
-    enablePreview: boolean;
-  };
-}> = dynamic(() => import("@samvera/bloom-iiif"), {
-  ssr: false,
-});
-
 const Slider = ({ collectionId }: { collectionId: string }) => (
   <SliderStyled>
-    <BloomIIIF
-      collectionId={collectionId}
+    <CloverSlider
+      iiifContent={collectionId}
       options={{
-        enablePreview: false,
         breakpoints: breakpoints,
       }}
     />

src/components/Viewer/Viewer.tsx

@@ -1,13 +1,16 @@
 import React from "react";
 import dynamic from "next/dynamic";
 
-const Clover: React.ComponentType<{
+const CloverViewer: React.ComponentType<{
   customTheme: any;
-  id: string;
+  iiifContent: string;
   options: any;
-}> = dynamic(() => import("@samvera/clover-iiif"), {
-  ssr: false,
-});
+}> = dynamic(
+  () => import("@samvera/clover-iiif").then((Clover) => Clover.Viewer),
+  {
+    ssr: false,
+  }
+);
 
 const customTheme = {
   colors: {
@@ -35,15 +38,18 @@ const defaultOptions = {
       scrollToZoom: false,
     },
   },
-  renderAbout: false,
+  informationPanel: {
+    open: false,
+    renderAbout: false,
+    renderToggle: false,
+  },
   showTitle: false,
   showIIIFBadge: false,
-  showInformationToggle: false,
 };
 
 const Viewer = ({ id, options }: { id: string; options?: any }) => (
-  <Clover
-    id={id}
+  <CloverViewer
+    iiifContent={id}
     options={{ ...defaultOptions, ...options }}
     customTheme={customTheme}
   />

src/components/Work/Inner.tsx

@@ -3,14 +3,15 @@ import {
   Metadata,
   RequiredStatement,
   Summary,
-} from "@samvera/nectar-iiif";
+} from "@samvera/clover-iiif/primitives";
 import { StyledWorkInner, WorkData } from "@/components/Work/Inner.styled";
+
+import { DefinitionListWrapper } from "../Shared/DefinitionList.styled";
 import FACETS from "@/.canopy/facets";
-import Link from "next/link";
-import React from "react";
 import Heading from "@/components/Shared/Heading/Heading";
-import { DefinitionListWrapper } from "../Shared/DefinitionList.styled";
+import Link from "next/link";
 import { Manifest } from "@iiif/presentation-3";
+import React from "react";
 
 interface ValueAsListItemProps {
   searchParam: string;

src/pages/search.tsx

@@ -9,7 +9,7 @@ import Facets from "@/components/Facets/Facets";
 import Layout from "@/components/layout";
 import { LocaleString } from "@/hooks/useLocale";
 import SearchResults from "@/components/Search/Results";
-import { Summary } from "@samvera/nectar-iiif";
+import { Summary } from "@samvera/clover-iiif/primitives";
 import { headerHeight } from "@/styles/global";
 import { searchRequest } from "@/lib/search/request";
 import { useCanopyState } from "@/context/canopy";