@manifest-editor/components 1.3.1 → 1.4.0

package/dist/index.css

@@ -694,6 +694,9 @@
 .right-1 {
   right: 0.25rem;
 }
+.right-3 {
+  right: 0.75rem;
+}
 .start-12 {
   inset-inline-start: 3rem;
 }
@@ -703,6 +706,9 @@
 .top-1 {
   top: 0.25rem;
 }
+.top-3 {
+  top: 0.75rem;
+}
 .z-0 {
   z-index: 0;
 }
@@ -734,6 +740,10 @@
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .my-8 {
   margin-top: 2rem;
   margin-bottom: 2rem;
@@ -762,6 +772,12 @@
 .mt-1 {
   margin-top: 0.25rem;
 }
+.line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
 .block {
   display: block;
 }
@@ -801,6 +817,9 @@
 .h-8 {
   height: 2rem;
 }
+.h-96 {
+  height: 24rem;
+}
 .h-\[23px\] {
   height: 23px;
 }
@@ -883,6 +902,10 @@
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+.-translate-y-1 {
+  --tw-translate-y: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-3 {
   --tw-translate-x: 0.75rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -971,6 +994,9 @@
 .gap-2 {
   gap: 0.5rem;
 }
+.gap-3 {
+  gap: 0.75rem;
+}
 .gap-4 {
   gap: 1rem;
 }
@@ -1079,6 +1105,10 @@
 .border-transparent {
   border-color: transparent;
 }
+.border-b-gray-200 {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
 .border-b-me-gray-300 {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
@@ -1105,6 +1135,10 @@
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
 .bg-me-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
@@ -1210,6 +1244,9 @@
 .pt-3 {
   padding-top: 0.75rem;
 }
+.text-left {
+  text-align: left;
+}
 .text-center {
   text-align: center;
 }
@@ -1279,6 +1316,10 @@
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
 .text-gray-900 {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
@@ -1308,6 +1349,9 @@
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-70 {
+  opacity: 0.7;
+}
 .opacity-90 {
   opacity: 0.9;
 }
@@ -1374,6 +1418,14 @@
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
 }
+.ring-me-gray-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(161 161 161 / var(--tw-ring-opacity));
+}
+.ring-me-primary-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(241 214 229 / var(--tw-ring-opacity));
+}
 .ring-me-primary-500 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
@@ -1458,6 +1510,10 @@
   --grid-item--min-width: 120px;
   --total-gap-width: 1.5rem;
 }
+div[data-floating-ui-portal] {
+  z-index: 505;
+  position: relative;
+}
 .grid-lg,
 .grid-md,
 .grid-sm {
@@ -1621,6 +1677,14 @@ div.mdxeditor-popup-container > *[role=dialog] {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.hover\:ring-2:hover {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
 .focus\:border-me-primary-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(184 76 116 / var(--tw-border-opacity));
@@ -1661,9 +1725,37 @@ div.mdxeditor-popup-container > *[role=dialog] {
   --tw-border-opacity: 1;
   border-color: rgb(137 44 78 / var(--tw-border-opacity));
 }
+.data-\[active\]\:border-b-me-primary-500[data-active] {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(184 76 116 / var(--tw-border-opacity));
+}
+.data-\[active\]\:bg-gray-200[data-active] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+.data-\[selected\]\:bg-me-primary-100[data-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 214 229 / var(--tw-bg-opacity));
+}
+.data-\[active\]\:text-me-primary-500[data-active] {
+  --tw-text-opacity: 1;
+  color: rgb(184 76 116 / var(--tw-text-opacity));
+}
 .data-\[visible\]\:opacity-100[data-visible] {
   opacity: 1;
 }
+.data-\[selected\]\:ring-2[data-selected] {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.data-\[selected\]\:ring-me-primary-500[data-selected] {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
+}
 .prose-a\:text-me-primary-500 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
   --tw-text-opacity: 1;
   color: rgb(184 76 116 / var(--tw-text-opacity));
@@ -1677,11 +1769,6 @@ div.mdxeditor-popup-container > *[role=dialog] {
 .prose-ul\:list-disc :is(:where(ul):not(:where([class~=not-prose], [class~=not-prose] *))) {
   list-style-type: disc;
 }
-@media (min-width: 768px) {
-  .md\:p-5 {
-    padding: 1.25rem;
-  }
-}
 .\[\&\>svg\]\:h-16 > svg {
   height: 4rem;
 }

package/dist/index.d.cts

@@ -1,18 +1,19 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps, TabsProps, TabListProps, TabProps, TabPanelProps, LabelProps } from 'react-aria-components';
 import * as _floating_ui_react_dom from '@floating-ui/react-dom';
-import { UseFloatingReturn } from '@floating-ui/react-dom';
+import { UseFloatingReturn, Placement as Placement$1 } from '@floating-ui/react-dom';
+import { UseInteractionsReturn, Placement } from '@floating-ui/react';
 import * as React$1 from 'react';
 import React__default, { ReactNode, SVGProps, ForwardedRef } from 'react';
-import { UseInteractionsReturn, Placement } from '@floating-ui/react';
 import { createHelper } from 'polygon-editor';
 import { InternationalString } from '@iiif/presentation-3';
 import { MDXEditorMethods, MDXEditorProps } from '@mdxeditor/editor';
 import { TextualContentStrategy } from 'react-iiif-vault';
 
-declare function ActionButton({ className, primary, center, children, ...props }: {
+declare function ActionButton({ className, primary, center, large, children, ...props }: {
     primary?: boolean;
     center?: boolean;
+    large?: boolean;
 } & ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare function Sidebar({ children }: {
@@ -88,9 +89,12 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.HTM
     asChild?: boolean;
     onPress?: any;
 }, "ref"> & React$1.RefAttributes<HTMLElement>>;
-declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement> & {
+    root?: HTMLElement;
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function DefaultTooltipContent(props: {
     className?: string;
+    root?: HTMLElement;
     children: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
@@ -122,7 +126,10 @@ interface ModalProps {
     children: React.ReactNode;
     actions?: React.ReactNode;
 }
-declare function Modal({ id, title, open, onClose, actions, children, }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function ModalBackSlot({ children }: {
+    children: React.ReactNode;
+}): React$1.ReactPortal | null;
+declare function Modal({ id, title, open, onClose, actions, children }: ModalProps): react_jsx_runtime.JSX.Element;
 
 declare function ControlButton({ children, className, ...props }: React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement>>): react_jsx_runtime.JSX.Element;
 
@@ -197,7 +204,7 @@ declare function SidebarTabs({ menu, menuId, selectedKey, onSelectionChange, }:
 
 declare function MetadataContainer({ className, label, children, ...props }: {
     label: InternationalString | null;
-} & React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+} & React.HTMLAttributes<HTMLFieldSetElement>): react_jsx_runtime.JSX.Element;
 
 declare function EmptyState(props: {
     children: React.ReactNode;
@@ -212,6 +219,7 @@ declare function MeRadioGroup({ className, ...props }: any): react_jsx_runtime.J
 declare function MeRadio({ className, ...props }: any): react_jsx_runtime.JSX.Element;
 declare function MeForm({ className, ...props }: any): react_jsx_runtime.JSX.Element;
 declare function MeInput({ className, ...props }: any): react_jsx_runtime.JSX.Element;
+declare function MeTextArea({ className, ...props }: any): react_jsx_runtime.JSX.Element;
 declare function MeInputContainer({ horizontal, className, ...props }: React.HTMLProps<HTMLDivElement> & {
     horizontal?: boolean;
 }): react_jsx_runtime.JSX.Element;
@@ -222,6 +230,7 @@ declare const Form: {
     InputContainer: typeof MeInputContainer;
     RadioGroup: typeof MeRadioGroup;
     Radio: typeof MeRadio;
+    TextArea: typeof MeTextArea;
 };
 
 declare function HTMLEditor({ value, onChange, disabled, }: {
@@ -234,12 +243,15 @@ declare function MDXEditor({ editorRef, ...props }: {
     editorRef?: ForwardedRef<MDXEditorMethods> | null;
 } & MDXEditorProps): react_jsx_runtime.JSX.Element;
 
-declare function IconButton({ children, active, label, disabled, onPress, }: {
+declare function IconButton({ children, active, label, disabled, onPress, root, className, placement, }: {
     children: React.ReactNode;
     onPress?: () => void;
+    className?: string;
     active?: boolean;
     disabled?: boolean;
     label: string;
+    placement?: Placement$1;
+    root?: HTMLElement;
 }): react_jsx_runtime.JSX.Element;
 
 declare function ItemWithHandle({ children, handle, actions, grid, }: {
@@ -251,6 +263,18 @@ declare function ItemWithHandle({ children, handle, actions, grid, }: {
 
 declare const HandleContainer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
+declare function CollectionListItem({ isActive, onAction }: {
+    isActive: boolean;
+    onAction: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ManifestListItem({ isActive, onAction }: {
+    isActive: boolean;
+    onAction: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Spinner(props: React$1.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function CreateCanvasIcon(): react_jsx_runtime.JSX.Element;
 
 declare const AddImageIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -263,8 +287,23 @@ declare const HTMLIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JS
 
 declare const IIIFBrowserIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare function InfoIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & {
+    title?: string;
+    titleId?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ListingIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & {
+    title?: string;
+    titleId?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare const YouTubeIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare function ListEditIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & {
+    title?: string;
+    titleId?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare const VideoIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const AudioIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -286,6 +325,20 @@ declare function TextIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX
 
 declare function MoreMenu(): react_jsx_runtime.JSX.Element;
 
+declare function ManifestIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CollectionIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PreviewIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ImageListIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function BackIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function GridIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ScaledImageIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 interface ErrorMessageProps {
     children: React__default.ReactNode;
     small?: boolean;
@@ -315,4 +368,4 @@ interface IIIFMediaPlayerProps {
 }
 declare function IIIFMediaPlayer(props: IIIFMediaPlayerProps): react_jsx_runtime.JSX.Element;
 
-export { ActionButton, AddIcon, AddImageIcon, AtlasBanner, AudioIcon, CanvasThumbnailGridItem, Card3D, ConfirmSelectionButton, ControlButton, CreateCanvasIcon, CreatorGrid, type CreatorGridItemProps, DefaultTooltipContent, DeleteForeverIcon, DownloadButton, DownloadIcon, EmptyCanvasIcon, EmptyState, ErrorMessage, Form, HTMLEditor, HTMLIcon, HandleContainer, IIIFBrowserIcon, IIIFLogo, IIIFMediaPlayer, type IIIFMediaPlayerProps, IconButton, ItemWithHandle, LazyThumbnail, MDXEditor, ManifestEditorLogo, ManifestOverviewEmptyState, MetadataContainer, Modal, type ModalProps, MoreMenu, OpaqueControls, PanelSideMenu, RenderTextualContent, Sidebar, SidebarContent, SidebarHeader, SidebarTabs, SvgControlBar, Tab, TabList, TabPanel, Tabs, TextIcon, ThumbnailGridContainer, Tooltip, TooltipContent, TooltipTrigger, VideoIcon, YouTubeIcon, createDownload, useFastList, useTooltip, useTooltipContext };
+export { ActionButton, AddIcon, AddImageIcon, AtlasBanner, AudioIcon, BackIcon, CanvasThumbnailGridItem, Card3D, CollectionIcon, CollectionListItem, ConfirmSelectionButton, ControlButton, CreateCanvasIcon, CreatorGrid, type CreatorGridItemProps, DefaultTooltipContent, DeleteForeverIcon, DownloadButton, DownloadIcon, EmptyCanvasIcon, EmptyState, ErrorMessage, Form, GridIcon, HTMLEditor, HTMLIcon, HandleContainer, IIIFBrowserIcon, IIIFLogo, IIIFMediaPlayer, type IIIFMediaPlayerProps, IconButton, ImageListIcon, InfoIcon, ItemWithHandle, LazyThumbnail, ListEditIcon, ListingIcon, MDXEditor, ManifestEditorLogo, ManifestIcon, ManifestListItem, ManifestOverviewEmptyState, MetadataContainer, Modal, ModalBackSlot, type ModalProps, MoreMenu, OpaqueControls, PanelSideMenu, PreviewIcon, RenderTextualContent, ScaledImageIcon, Sidebar, SidebarContent, SidebarHeader, SidebarTabs, Spinner, SvgControlBar, Tab, TabList, TabPanel, Tabs, TextIcon, ThumbnailGridContainer, Tooltip, TooltipContent, TooltipTrigger, VideoIcon, YouTubeIcon, createDownload, useFastList, useTooltip, useTooltipContext };

package/dist/index.d.ts

@@ -1,18 +1,19 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps, TabsProps, TabListProps, TabProps, TabPanelProps, LabelProps } from 'react-aria-components';
 import * as _floating_ui_react_dom from '@floating-ui/react-dom';
-import { UseFloatingReturn } from '@floating-ui/react-dom';
+import { UseFloatingReturn, Placement as Placement$1 } from '@floating-ui/react-dom';
+import { UseInteractionsReturn, Placement } from '@floating-ui/react';
 import * as React$1 from 'react';
 import React__default, { ReactNode, SVGProps, ForwardedRef } from 'react';
-import { UseInteractionsReturn, Placement } from '@floating-ui/react';
 import { createHelper } from 'polygon-editor';
 import { InternationalString } from '@iiif/presentation-3';
 import { MDXEditorMethods, MDXEditorProps } from '@mdxeditor/editor';
 import { TextualContentStrategy } from 'react-iiif-vault';
 
-declare function ActionButton({ className, primary, center, children, ...props }: {
+declare function ActionButton({ className, primary, center, large, children, ...props }: {
     primary?: boolean;
     center?: boolean;
+    large?: boolean;
 } & ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare function Sidebar({ children }: {
@@ -88,9 +89,12 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.HTM
     asChild?: boolean;
     onPress?: any;
 }, "ref"> & React$1.RefAttributes<HTMLElement>>;
-declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement> & {
+    root?: HTMLElement;
+}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function DefaultTooltipContent(props: {
     className?: string;
+    root?: HTMLElement;
     children: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
@@ -122,7 +126,10 @@ interface ModalProps {
     children: React.ReactNode;
     actions?: React.ReactNode;
 }
-declare function Modal({ id, title, open, onClose, actions, children, }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function ModalBackSlot({ children }: {
+    children: React.ReactNode;
+}): React$1.ReactPortal | null;
+declare function Modal({ id, title, open, onClose, actions, children }: ModalProps): react_jsx_runtime.JSX.Element;
 
 declare function ControlButton({ children, className, ...props }: React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement>>): react_jsx_runtime.JSX.Element;
 
@@ -197,7 +204,7 @@ declare function SidebarTabs({ menu, menuId, selectedKey, onSelectionChange, }:
 
 declare function MetadataContainer({ className, label, children, ...props }: {
     label: InternationalString | null;
-} & React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+} & React.HTMLAttributes<HTMLFieldSetElement>): react_jsx_runtime.JSX.Element;
 
 declare function EmptyState(props: {
     children: React.ReactNode;
@@ -212,6 +219,7 @@ declare function MeRadioGroup({ className, ...props }: any): react_jsx_runtime.J
 declare function MeRadio({ className, ...props }: any): react_jsx_runtime.JSX.Element;
 declare function MeForm({ className, ...props }: any): react_jsx_runtime.JSX.Element;
 declare function MeInput({ className, ...props }: any): react_jsx_runtime.JSX.Element;
+declare function MeTextArea({ className, ...props }: any): react_jsx_runtime.JSX.Element;
 declare function MeInputContainer({ horizontal, className, ...props }: React.HTMLProps<HTMLDivElement> & {
     horizontal?: boolean;
 }): react_jsx_runtime.JSX.Element;
@@ -222,6 +230,7 @@ declare const Form: {
     InputContainer: typeof MeInputContainer;
     RadioGroup: typeof MeRadioGroup;
     Radio: typeof MeRadio;
+    TextArea: typeof MeTextArea;
 };
 
 declare function HTMLEditor({ value, onChange, disabled, }: {
@@ -234,12 +243,15 @@ declare function MDXEditor({ editorRef, ...props }: {
     editorRef?: ForwardedRef<MDXEditorMethods> | null;
 } & MDXEditorProps): react_jsx_runtime.JSX.Element;
 
-declare function IconButton({ children, active, label, disabled, onPress, }: {
+declare function IconButton({ children, active, label, disabled, onPress, root, className, placement, }: {
     children: React.ReactNode;
     onPress?: () => void;
+    className?: string;
     active?: boolean;
     disabled?: boolean;
     label: string;
+    placement?: Placement$1;
+    root?: HTMLElement;
 }): react_jsx_runtime.JSX.Element;
 
 declare function ItemWithHandle({ children, handle, actions, grid, }: {
@@ -251,6 +263,18 @@ declare function ItemWithHandle({ children, handle, actions, grid, }: {
 
 declare const HandleContainer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
+declare function CollectionListItem({ isActive, onAction }: {
+    isActive: boolean;
+    onAction: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ManifestListItem({ isActive, onAction }: {
+    isActive: boolean;
+    onAction: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Spinner(props: React$1.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function CreateCanvasIcon(): react_jsx_runtime.JSX.Element;
 
 declare const AddImageIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -263,8 +287,23 @@ declare const HTMLIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JS
 
 declare const IIIFBrowserIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare function InfoIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & {
+    title?: string;
+    titleId?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ListingIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & {
+    title?: string;
+    titleId?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare const YouTubeIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare function ListEditIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & {
+    title?: string;
+    titleId?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare const VideoIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const AudioIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -286,6 +325,20 @@ declare function TextIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX
 
 declare function MoreMenu(): react_jsx_runtime.JSX.Element;
 
+declare function ManifestIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CollectionIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PreviewIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ImageListIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function BackIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function GridIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ScaledImageIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 interface ErrorMessageProps {
     children: React__default.ReactNode;
     small?: boolean;
@@ -315,4 +368,4 @@ interface IIIFMediaPlayerProps {
 }
 declare function IIIFMediaPlayer(props: IIIFMediaPlayerProps): react_jsx_runtime.JSX.Element;
 
-export { ActionButton, AddIcon, AddImageIcon, AtlasBanner, AudioIcon, CanvasThumbnailGridItem, Card3D, ConfirmSelectionButton, ControlButton, CreateCanvasIcon, CreatorGrid, type CreatorGridItemProps, DefaultTooltipContent, DeleteForeverIcon, DownloadButton, DownloadIcon, EmptyCanvasIcon, EmptyState, ErrorMessage, Form, HTMLEditor, HTMLIcon, HandleContainer, IIIFBrowserIcon, IIIFLogo, IIIFMediaPlayer, type IIIFMediaPlayerProps, IconButton, ItemWithHandle, LazyThumbnail, MDXEditor, ManifestEditorLogo, ManifestOverviewEmptyState, MetadataContainer, Modal, type ModalProps, MoreMenu, OpaqueControls, PanelSideMenu, RenderTextualContent, Sidebar, SidebarContent, SidebarHeader, SidebarTabs, SvgControlBar, Tab, TabList, TabPanel, Tabs, TextIcon, ThumbnailGridContainer, Tooltip, TooltipContent, TooltipTrigger, VideoIcon, YouTubeIcon, createDownload, useFastList, useTooltip, useTooltipContext };
+export { ActionButton, AddIcon, AddImageIcon, AtlasBanner, AudioIcon, BackIcon, CanvasThumbnailGridItem, Card3D, CollectionIcon, CollectionListItem, ConfirmSelectionButton, ControlButton, CreateCanvasIcon, CreatorGrid, type CreatorGridItemProps, DefaultTooltipContent, DeleteForeverIcon, DownloadButton, DownloadIcon, EmptyCanvasIcon, EmptyState, ErrorMessage, Form, GridIcon, HTMLEditor, HTMLIcon, HandleContainer, IIIFBrowserIcon, IIIFLogo, IIIFMediaPlayer, type IIIFMediaPlayerProps, IconButton, ImageListIcon, InfoIcon, ItemWithHandle, LazyThumbnail, ListEditIcon, ListingIcon, MDXEditor, ManifestEditorLogo, ManifestIcon, ManifestListItem, ManifestOverviewEmptyState, MetadataContainer, Modal, ModalBackSlot, type ModalProps, MoreMenu, OpaqueControls, PanelSideMenu, PreviewIcon, RenderTextualContent, ScaledImageIcon, Sidebar, SidebarContent, SidebarHeader, SidebarTabs, Spinner, SvgControlBar, Tab, TabList, TabPanel, Tabs, TextIcon, ThumbnailGridContainer, Tooltip, TooltipContent, TooltipTrigger, VideoIcon, YouTubeIcon, createDownload, useFastList, useTooltip, useTooltipContext };