@manifest-editor/components 1.4.2 → 2.0.0

package/dist/index.d.ts

@@ -1,380 +1,757 @@
-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, 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 { 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, large, children, ...props }: {
-    primary?: boolean;
-    center?: boolean;
-    large?: boolean;
-} & ButtonProps): react_jsx_runtime.JSX.Element;
-
-declare function AccessibilityButton({ className, children, ...props }: ButtonProps & {
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Sidebar({ children }: {
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function SidebarContent({ children, className, padding, }: {
-    children: React.ReactNode;
-    className?: string;
-    padding?: boolean;
-}): react_jsx_runtime.JSX.Element;
-interface SidebarHeaderProps {
-    actions?: Array<{
-        icon: any;
-        onClick: () => void;
-        disabled?: boolean;
-        toggled?: boolean;
-        title: string;
-    }>;
-    title: string;
+import { ButtonProps, LabelProps, TabListProps, TabPanelProps, TabProps, TabsProps } from "react-aria-components";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { TextualContentStrategy } from "react-iiif-vault";
+import * as react0 from "react";
+import React$1, { DetailedHTMLProps, ForwardedRef, ReactNode, SVGProps } from "react";
+import { Placement, UseInteractionsReturn } from "@floating-ui/react";
+import "@mdxeditor/editor/style.css";
+import { MDXEditorMethods, MDXEditorProps } from "@mdxeditor/editor";
+import "@vidstack/react/player/styles/base.css";
+import "@vidstack/react/player/styles/default/theme.css";
+import "@vidstack/react/player/styles/default/captions.css";
+import "@vidstack/react/player/styles/default/layouts/video.css";
+import { Step } from "react-joyride";
+import { InternationalString } from "@iiif/presentation-3";
+import * as _floating_ui_react_dom0 from "@floating-ui/react-dom";
+import { Placement as Placement$1, UseFloatingReturn } from "@floating-ui/react-dom";
+import { createHelper } from "polygon-editor";
+
+//#region src/AccessibilityButton.d.ts
+declare function AccessibilityButton({
+  className,
+  children,
+  ...props
+}: ButtonProps & {
+  className?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ActionButton.d.ts
+declare function ActionButton({
+  className,
+  primary,
+  center,
+  large,
+  onDark,
+  children,
+  ...props
+}: {
+  primary?: boolean;
+  onDark?: boolean;
+  center?: boolean;
+  large?: boolean;
+} & ButtonProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/AtlasBanner.d.ts
+declare function AtlasBanner({
+  children,
+  controlsId
+}: {
+  controlsId: string;
+  children: ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/CanvasThumbnailGridItem.d.ts
+interface CanvasThumbnailGridItemProps {
+  onClick?: () => void;
+  id: string;
+  selected?: boolean;
+  active?: boolean;
+  className?: string;
+  icon?: React.ReactNode;
+  hideLabel?: boolean;
+  containerProps?: any;
+  dragState?: any;
+  customLabel?: (opts: {
+    className: string;
+    children: InternationalString;
+  }) => React.ReactNode;
 }
-declare function SidebarHeader(props: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
-
-interface PanelSideMenuProps {
-    items: Array<{
-        id: string;
-        icon: React.ReactNode;
-        label: string;
-        divide?: boolean;
-        onClick: () => void;
-    }>;
-    open: boolean;
-    current: string | null;
+declare function CanvasThumbnailGridItem(props: CanvasThumbnailGridItemProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Card3D.d.ts
+declare function Card3D({
+  className,
+  shouldTranslate,
+  children,
+  ...props
+}: {
+  shouldTranslate?: boolean;
+} & React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/CollectionListItem.d.ts
+declare function CollectionListItem({
+  isActive,
+  onAction
+}: {
+  isActive: boolean;
+  onAction: () => void;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ConfirmSelectionButton.d.ts
+declare function ConfirmSelectionButton({
+  onPress,
+  children
+}: {
+  onPress: () => void;
+  children: ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ControlButton.d.ts
+declare function ControlButton({
+  children,
+  className,
+  ...props
+}: React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement>>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/CreatorGrid.d.ts
+declare function CreatorGrid(props: {
+  label: string;
+  items: CreatorGridItemProps[];
+}): react_jsx_runtime0.JSX.Element;
+interface CreatorGridItemProps {
+  id: string;
+  icon: ReactNode;
+  title: string;
+  description: string;
+  onClick: () => void;
 }
-declare function PanelSideMenu(props: PanelSideMenuProps): react_jsx_runtime.JSX.Element;
-
-interface TooltipOptions {
-    initialOpen?: boolean;
-    placement?: Placement;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+//#endregion
+//#region src/DownloadButton.d.ts
+interface DownloadButtonProps {
+  getData: () => any;
+  fileName: string;
+  id?: string;
+  fileType?: string;
+  label?: string;
 }
-declare function useTooltip({ initialOpen, placement, open: controlledOpen, onOpenChange: setControlledOpen, }?: TooltipOptions): {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-} & UseFloatingReturn & UseInteractionsReturn;
-declare const useTooltipContext: () => {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-} & {
-    placement: Placement;
-    strategy: _floating_ui_react_dom.Strategy;
-    middlewareData: _floating_ui_react_dom.MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: React$1.CSSProperties;
-    refs: {
-        reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
-        floating: React$1.MutableRefObject<HTMLElement | null>;
-        setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    };
-    elements: {
-        reference: _floating_ui_react_dom.ReferenceType | null;
-        floating: HTMLElement | null;
-    };
-} & UseInteractionsReturn;
-declare function Tooltip({ children, ...options }: {
-    children: React$1.ReactNode;
-} & TooltipOptions): react_jsx_runtime.JSX.Element;
-declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLElement> & {
-    asChild?: boolean;
-    onPress?: any;
-}, "ref"> & React$1.RefAttributes<HTMLElement>>;
-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;
-
-declare function ThumbnailGridContainer(props: {
-    children: React.ReactNode;
-    wide?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-declare function LazyThumbnail({ cover, fade, }: {
-    cover?: boolean;
-    fade?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-interface CanvasThumbnailGridItemProps {
-    onClick?: () => void;
+declare function DownloadButton({
+  label,
+  id: _id,
+  getData,
+  fileName,
+  fileType
+}: DownloadButtonProps): react_jsx_runtime0.JSX.Element;
+declare function createDownload(data: any, fileName: string, fileType?: string): void;
+//#endregion
+//#region src/EmptyState.d.ts
+declare function EmptyState(props: {
+  children: React.ReactNode;
+  $noMargin?: boolean;
+  $box?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ErrorMessage.d.ts
+interface ErrorMessageProps {
+  children: React$1.ReactNode;
+  small?: boolean;
+  className?: string;
+}
+declare function ErrorMessage({
+  children,
+  small,
+  className
+}: ErrorMessageProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Forms.d.ts
+declare function MeLabel({
+  className,
+  ...props
+}: LabelProps): react_jsx_runtime0.JSX.Element;
+declare function MeRadioGroup({
+  className,
+  ...props
+}: any): react_jsx_runtime0.JSX.Element;
+declare function MeRadio({
+  className,
+  ...props
+}: any): react_jsx_runtime0.JSX.Element;
+declare function MeForm({
+  className,
+  ...props
+}: any): react_jsx_runtime0.JSX.Element;
+declare function MeInput({
+  className,
+  ...props
+}: any): react_jsx_runtime0.JSX.Element;
+declare function MeTextArea({
+  className,
+  ...props
+}: any): react_jsx_runtime0.JSX.Element;
+declare function MeInputContainer({
+  horizontal,
+  className,
+  ...props
+}: React.HTMLProps<HTMLDivElement> & {
+  horizontal?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare const Form: {
+  Input: typeof MeInput;
+  Form: typeof MeForm;
+  Label: typeof MeLabel;
+  InputContainer: typeof MeInputContainer;
+  RadioGroup: typeof MeRadioGroup;
+  Radio: typeof MeRadio;
+  TextArea: typeof MeTextArea;
+};
+//#endregion
+//#region src/HandleContainer.d.ts
+declare const HandleContainer: react0.ForwardRefExoticComponent<react0.HTMLAttributes<HTMLDivElement> & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/HTMLAnnotationBodyRender.d.ts
+declare function HTMLAnnotationBodyRender({
+  className,
+  locale
+}: {
+  className?: string;
+  locale?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/HTMLEditor.d.ts
+declare function HTMLEditor({
+  className,
+  value,
+  onChange,
+  disabled
+}: {
+  className?: string;
+  value: string;
+  disabled?: boolean;
+  onChange: (text: string) => void;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/hooks/use-fast-list.d.ts
+declare function useFastList<T>(list: undefined | T[], firstRender?: number): T[];
+//#endregion
+//#region src/hooks/use-grid-options.d.ts
+declare function useGridOptions(name?: string, options?: {
+  defaultGridSize?: "grid-sm" | "grid-md" | "grid-lg";
+  onDark?: boolean;
+}): readonly [{
+  readonly size: "grid-sm" | "grid-md" | "grid-lg";
+}, react_jsx_runtime0.JSX.Element];
+//#endregion
+//#region src/hooks/use-local-storage.d.ts
+declare function useOptionalLocalStorage<T>(key: string, initialValue?: T, disabled?: boolean): readonly [T | undefined, react0.Dispatch<react0.SetStateAction<T | undefined>>] | readonly [T, (value: T | ((prev: T) => T)) => void];
+declare function useLocalStorage<T>(key: string, initialValue?: T): readonly [T, (value: ((prev: T) => T) | T) => void, react0.MutableRefObject<string | undefined>];
+//#endregion
+//#region src/hooks/use-load-more-items.d.ts
+declare function useLoadMoreItems<T extends object>(items: T[], options: {
+  batchSize: number;
+}): readonly [T[], {
+  readonly intersector: react_jsx_runtime0.JSX.Element | null;
+  readonly loadMore: () => void;
+  readonly isFullyLoaded: boolean;
+  readonly reset: () => void;
+}];
+//#endregion
+//#region src/IconButton.d.ts
+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_runtime0.JSX.Element;
+//#endregion
+//#region src/IconHandle.d.ts
+declare const IconHandle: react0.ForwardRefExoticComponent<ButtonProps & react0.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/IIIFMediaPlayer.d.ts
+interface IIIFMediaPlayerProps {
+  canvas: {
     id: string;
-    selected?: boolean;
-    active?: boolean;
+  };
+  media: {
+    duration: number;
+    format: string;
+    url: string;
+  };
+  captions?: any[];
+  poster?: string;
+  startTime?: number;
+  language?: string;
 }
-declare function CanvasThumbnailGridItem(props: CanvasThumbnailGridItemProps): react_jsx_runtime.JSX.Element;
-
+declare function IIIFMediaPlayer(props: IIIFMediaPlayerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/InfoMessage.d.ts
+interface InfoMessageProps {
+  children: React$1.ReactNode;
+  small?: boolean;
+  className?: string;
+}
+declare function InfoMessage({
+  children,
+  small,
+  className
+}: InfoMessageProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ItemWithHandle.d.ts
+declare function ItemWithHandle({
+  children,
+  handle,
+  actions,
+  grid
+}: {
+  grid?: boolean;
+  children: React.ReactNode;
+  handle: React.ReactNode;
+  actions?: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/AddIcon.d.ts
+declare function AddIcon({
+  className,
+  inline,
+  height,
+  color
+}: {
+  inline?: boolean;
+  height?: number;
+  className?: string;
+  color?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/AddImageIcon.d.ts
+declare const AddImageIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/AnnotationPopInIcon.d.ts
+declare function AnnotationPopInIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/AnnotationPopOutIcon.d.ts
+declare function AnnotationPopOutIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/AudioIcon.d.ts
+declare const AudioIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/BackIcon.d.ts
+declare function BackIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/CheckIcon.d.ts
+declare function CheckIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/CollectionIcon.d.ts
+declare function CollectionIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/CreateCanvasIcon.d.ts
+declare function CreateCanvasIcon(): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/DeleteForeverIcon.d.ts
+declare function DeleteForeverIcon(props: react0.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/DeleteIcon.d.ts
+declare function DeleteIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/DownloadIcon.d.ts
+declare const DownloadIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/EditTextIcon.d.ts
+declare function EditTextIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/EmptyCanvasIcon.d.ts
+declare const EmptyCanvasIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/GridIcon.d.ts
+declare function GridIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/HTMLIcon.d.ts
+declare const HTMLIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/IIIFBrowserIcon.d.ts
+declare const IIIFBrowserIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/IIIFLogo.d.ts
+declare const IIIFLogo: ({
+  mono,
+  ...props
+}: SVGProps<SVGSVGElement> & {
+  mono?: boolean;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/ImageListIcon.d.ts
+declare function ImageListIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/InfoIcon.d.ts
+declare function InfoIcon({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & {
+  title?: string;
+  titleId?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/ListEditIcon.d.ts
+declare function ListEditIcon({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & {
+  title?: string;
+  titleId?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/ListingIcon.d.ts
+declare function ListingIcon({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & {
+  title?: string;
+  titleId?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/ManifestIcon.d.ts
+declare function ManifestIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/MoreMenu.d.ts
+declare function MoreMenu(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+declare const MoreMenuIcon: typeof MoreMenu;
+//#endregion
+//#region src/icons/PreviewIcon.d.ts
+declare function PreviewIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/RangesIcon.d.ts
+declare function RangesIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/ResetIcon.d.ts
+declare function ResetIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/ResizeHandleIcon.d.ts
+declare function ResizeHandleIcon({
+  title,
+  ...props
+}: SVGProps<SVGSVGElement> & {
+  title?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/ScaledImageIcon.d.ts
+declare function ScaledImageIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/TargetIcon.d.ts
+declare function TargetIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/TextIcon.d.ts
+declare function TextIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/VideoIcon.d.ts
+declare const VideoIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/YouTubeIcon.d.ts
+declare const YouTubeIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/LazyThumbnail.d.ts
+declare function LazyThumbnail({
+  cover,
+  fade
+}: {
+  cover?: boolean;
+  fade?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ListResizeDragHandle.d.ts
+declare function ListResizeDragHandle(): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ManifestEditorLogo.d.ts
+declare function ManifestEditorLogo(props: SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ManifestListItem.d.ts
+declare function ManifestListItem({
+  isActive,
+  onAction
+}: {
+  isActive: boolean;
+  onAction: () => void;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ManifestOverviewEmptyState.d.ts
+declare function ManifestOverviewEmptyState({
+  onCreate,
+  canCreate
+}: {
+  onCreate: () => void;
+  canCreate: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/MDXEditor.d.ts
+declare function MDXEditor({
+  editorRef,
+  ...props
+}: {
+  editorRef?: ForwardedRef<MDXEditorMethods> | null;
+} & MDXEditorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/MetadataContainer.d.ts
+declare function MetadataContainer({
+  className,
+  label,
+  children,
+  ...props
+}: {
+  label: InternationalString | null;
+} & React.HTMLAttributes<HTMLFieldSetElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Modal.d.ts
 interface ModalProps {
-    id?: string;
-    title: string | React.ReactNode;
-    onClose: () => void;
-    open?: boolean;
-    width?: number | string;
-    height?: number | string;
-    children: React.ReactNode;
-    actions?: React.ReactNode;
+  id?: string;
+  title: string | React.ReactNode;
+  onClose: () => void;
+  className?: string;
+  open?: boolean;
+  width?: number | string;
+  height?: number | string;
+  children: React.ReactNode;
+  actions?: React.ReactNode;
 }
-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;
-
+declare function ModalBackSlot({
+  children
+}: {
+  children: React.ReactNode;
+}): react0.ReactPortal | null;
+declare function Modal({
+  id,
+  className,
+  title,
+  open,
+  onClose,
+  actions,
+  children
+}: ModalProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/MoreMenuButton.d.ts
+declare function MoreMenuButton(): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/OnboardingTour.d.ts
+interface OnboardingTourProps {
+  id: string;
+  steps: Step[];
+  forceStart?: boolean;
+  onClose?: () => void;
+}
+declare function OnboardingTour({
+  id,
+  steps,
+  forceStart,
+  onClose
+}: OnboardingTourProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/OpaqueControls.d.ts
 declare function OpaqueControls(props: {
-    children: React.ReactNode;
-    active?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Tabs({ className, children, ...props }: TabsProps & React.RefAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function TabList<T extends object>({ className, children, ...props }: TabListProps<T> & React.RefAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function Tab({ className, children, ...props }: TabProps & React.RefAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function TabPanel({ className, children, ...props }: TabPanelProps & React.RefAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-declare function CreatorGrid(props: {
-    label: string;
-    items: CreatorGridItemProps[];
-}): react_jsx_runtime.JSX.Element;
-interface CreatorGridItemProps {
+  children: React.ReactNode;
+  active?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/PaddedSidebarContainer.d.ts
+declare const PaddedSidebarContainer: react0.ForwardRefExoticComponent<Omit<DetailedHTMLProps<react0.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/PanelSideMenu.d.ts
+interface PanelSideMenuProps {
+  items: Array<{
     id: string;
-    icon: ReactNode;
-    title: string;
-    description: string;
+    icon: React.ReactNode;
+    label: string;
+    divide?: boolean;
     onClick: () => void;
+  }>;
+  open: boolean;
+  current: string | null;
 }
-
-interface DownloadButtonProps {
-    getData: () => any;
-    fileName: string;
+declare function PanelSideMenu(props: PanelSideMenuProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/RenderTextualContent.d.ts
+declare function RenderTextualContent(props: {
+  strategy: TextualContentStrategy;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ResizeHandle.d.ts
+declare const ResizeHandle: react0.ForwardRefExoticComponent<ButtonProps & react0.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/SelectionCheckbox.d.ts
+declare function SelectionCheckbox({
+  alwaysVisible
+}: {
+  alwaysVisible?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Sidebar.d.ts
+declare function Sidebar({
+  children
+}: {
+  children: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+declare function SidebarContent({
+  id,
+  children,
+  className,
+  padding
+}: {
+  id?: string;
+  children: React.ReactNode;
+  className?: string;
+  padding?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+interface SidebarHeaderProps {
+  actions?: Array<{
     id?: string;
-    fileType?: string;
-    label?: string;
+    icon: any;
+    onClick?: () => void;
+    disabled?: boolean;
+    toggled?: boolean;
+    title: string;
+    menu?: React.ReactNode;
+  }>;
+  title: string | InternationalString;
+  customActions?: React.ReactNode;
 }
-declare function DownloadButton({ label, id: _id, getData, fileName, fileType }: DownloadButtonProps): react_jsx_runtime.JSX.Element;
-declare function createDownload(data: any, fileName: string, fileType?: string): void;
-
-declare function AtlasBanner({ children, controlsId }: {
-    controlsId: string;
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-declare function SvgControlBar({ helper, state, showShapes, }: {
-    helper: ReturnType<typeof createHelper>;
-    state: any;
-    showShapes: any;
-}): react_jsx_runtime.JSX.Element;
-
-declare function ConfirmSelectionButton({ onPress, children }: {
-    onPress: () => void;
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-declare function ManifestOverviewEmptyState({ onCreate, canCreate }: {
-    onCreate: () => void;
-    canCreate: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Card3D({ className, shouldTranslate, children, ...props }: {
-    shouldTranslate?: boolean;
-} & React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
+declare function SidebarHeader(props: SidebarHeaderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/SidebarTabs.d.ts
 interface SidebarTabsProps {
-    menuId: string;
-    menu: Array<{
-        id: string;
-        label: string;
-        renderComponent: () => ReactNode;
-    }>;
-    selectedKey?: string;
-    onSelectionChange?: (key: string) => void;
-    isNested?: boolean;
-    rootResource?: {
-        id: string;
-        type: string;
-    };
-}
-declare function SidebarTabs({ menu, menuId, selectedKey, onSelectionChange }: SidebarTabsProps): react_jsx_runtime.JSX.Element;
-
-declare function MetadataContainer({ className, label, children, ...props }: {
-    label: InternationalString | null;
-} & React.HTMLAttributes<HTMLFieldSetElement>): react_jsx_runtime.JSX.Element;
-
-declare function EmptyState(props: {
-    children: React.ReactNode;
-    $noMargin?: boolean;
-    $box?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-declare function ManifestEditorLogo(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function MeLabel({ className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
-declare function MeRadioGroup({ className, ...props }: any): react_jsx_runtime.JSX.Element;
-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;
-declare const Form: {
-    Input: typeof MeInput;
-    Form: typeof MeForm;
-    Label: typeof MeLabel;
-    InputContainer: typeof MeInputContainer;
-    RadioGroup: typeof MeRadioGroup;
-    Radio: typeof MeRadio;
-    TextArea: typeof MeTextArea;
-};
-
-declare function HTMLEditor({ value, onChange, disabled, }: {
-    value: string;
-    disabled?: boolean;
-    onChange: (text: string) => void;
-}): react_jsx_runtime.JSX.Element;
-
-declare function MDXEditor({ editorRef, ...props }: {
-    editorRef?: ForwardedRef<MDXEditorMethods> | null;
-} & MDXEditorProps): react_jsx_runtime.JSX.Element;
-
-declare function IconButton({ children, active, label, disabled, onPress, root, className, placement, }: {
-    children: React.ReactNode;
-    onPress?: () => void;
-    className?: string;
-    active?: boolean;
-    disabled?: boolean;
+  menuId: string;
+  menu: Array<{
+    id: string;
     label: string;
-    placement?: Placement$1;
-    root?: HTMLElement;
-}): react_jsx_runtime.JSX.Element;
-
-declare function ItemWithHandle({ children, handle, actions, grid, }: {
-    grid?: boolean;
-    children: React.ReactNode;
-    handle: React.ReactNode;
-    actions?: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-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;
-
-declare const IIIFLogo: ({ mono, ...props }: SVGProps<SVGSVGElement> & {
-    mono?: boolean;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const HTMLIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-
-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;
-
-declare const EmptyCanvasIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-
-declare const DownloadIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-
-declare function AddIcon({ className, inline, height, color, }: {
-    inline?: boolean;
-    height?: number;
-    className?: string;
-    color?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function DeleteForeverIcon(props: React$1.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function TextIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-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;
-    className?: string;
+    renderComponent: () => ReactNode;
+  }>;
+  selectedKey?: string;
+  onSelectionChange?: (key: string) => void;
+  isNested?: boolean;
+  rootResource?: {
+    id: string;
+    type: string;
+  };
 }
-declare function ErrorMessage({ children, small, className }: ErrorMessageProps): react_jsx_runtime.JSX.Element;
-
-declare function useFastList<T>(list: undefined | T[], firstRender?: number): T[];
-
-declare function RenderTextualContent(props: {
-    strategy: TextualContentStrategy;
-}): react_jsx_runtime.JSX.Element;
-
-interface IIIFMediaPlayerProps {
-    canvas: {
-        id: string;
-    };
-    media: {
-        duration: number;
-        format: string;
-        url: string;
-    };
-    captions?: any[];
-    poster?: string;
-    startTime?: number;
-    language?: string;
+declare function SidebarTabs({
+  menu,
+  menuId,
+  selectedKey,
+  onSelectionChange
+}: SidebarTabsProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Spinner.d.ts
+declare function Spinner(props: react0.SVGProps<SVGSVGElement>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/SvgControlBar.d.ts
+declare function SvgControlBar({
+  helper,
+  showShapes
+}: {
+  helper: ReturnType<typeof createHelper>;
+  state: any;
+  showShapes: any;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Tabs.d.ts
+declare function Tabs({
+  className,
+  children,
+  ...props
+}: TabsProps): react_jsx_runtime0.JSX.Element;
+declare function TabList<T extends object>({
+  className,
+  children,
+  ...props
+}: TabListProps<T>): react_jsx_runtime0.JSX.Element;
+declare function Tab({
+  className,
+  children,
+  ...props
+}: TabProps): react_jsx_runtime0.JSX.Element;
+declare function TabPanel({
+  className,
+  children,
+  ...props
+}: TabPanelProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ThumbnailGridContainer.d.ts
+declare function ThumbnailGridContainer(props: {
+  size?: 'grid-sm' | 'grid-md' | 'grid-lg';
+  children: React.ReactNode;
+  wide?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/Tooltip.d.ts
+interface TooltipOptions {
+  initialOpen?: boolean;
+  placement?: Placement;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
 }
-declare function IIIFMediaPlayer(props: IIIFMediaPlayerProps): react_jsx_runtime.JSX.Element;
-
-export { AccessibilityButton, 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 };
+declare function useTooltip({
+  initialOpen,
+  placement,
+  open: controlledOpen,
+  onOpenChange: setControlledOpen
+}?: TooltipOptions): {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+} & UseFloatingReturn & UseInteractionsReturn;
+declare const useTooltipContext: () => {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+} & {
+  placement: Placement;
+  strategy: _floating_ui_react_dom0.Strategy;
+  middlewareData: _floating_ui_react_dom0.MiddlewareData;
+  x: number;
+  y: number;
+  isPositioned: boolean;
+  update: () => void;
+  floatingStyles: react0.CSSProperties;
+  refs: {
+    reference: react0.MutableRefObject<_floating_ui_react_dom0.ReferenceType | null>;
+    floating: react0.MutableRefObject<HTMLElement | null>;
+    setReference: (node: _floating_ui_react_dom0.ReferenceType | null) => void;
+    setFloating: (node: HTMLElement | null) => void;
+  };
+  elements: {
+    reference: _floating_ui_react_dom0.ReferenceType | null;
+    floating: HTMLElement | null;
+  };
+} & UseInteractionsReturn;
+declare function Tooltip({
+  children,
+  ...options
+}: {
+  children: react0.ReactNode;
+} & TooltipOptions): react_jsx_runtime0.JSX.Element;
+declare const TooltipTrigger: react0.ForwardRefExoticComponent<Omit<react0.HTMLProps<HTMLElement> & {
+  asChild?: boolean;
+  onPress?: any;
+  as?: any;
+  $dir?: any;
+}, "ref"> & react0.RefAttributes<HTMLElement>>;
+declare const TooltipContent: react0.ForwardRefExoticComponent<Omit<react0.HTMLProps<HTMLDivElement> & {
+  root?: HTMLElement;
+}, "ref"> & react0.RefAttributes<HTMLDivElement>>;
+declare function DefaultTooltipContent(props: {
+  className?: string;
+  root?: HTMLElement;
+  children: react0.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/WarningMessage.d.ts
+interface WarningMessageProps {
+  children: React$1.ReactNode;
+  small?: boolean;
+  className?: string;
+}
+declare function WarningMessage({
+  children,
+  small,
+  className
+}: WarningMessageProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AccessibilityButton, ActionButton, AddIcon, AddImageIcon, AnnotationPopInIcon, AnnotationPopOutIcon, AtlasBanner, AudioIcon, BackIcon, CanvasThumbnailGridItem, Card3D, CheckIcon, CollectionIcon, CollectionListItem, ConfirmSelectionButton, ControlButton, CreateCanvasIcon, CreatorGrid, CreatorGridItemProps, DefaultTooltipContent, DeleteForeverIcon, DeleteIcon, DownloadButton, DownloadIcon, EditTextIcon, EmptyCanvasIcon, EmptyState, ErrorMessage, Form, GridIcon, HTMLAnnotationBodyRender, HTMLEditor, HTMLIcon, HandleContainer, IIIFBrowserIcon, IIIFLogo, IIIFMediaPlayer, IIIFMediaPlayerProps, IconButton, IconHandle, ImageListIcon, InfoIcon, InfoMessage, ItemWithHandle, LazyThumbnail, ListEditIcon, ListResizeDragHandle, ListingIcon, MDXEditor, ManifestEditorLogo, ManifestIcon, ManifestListItem, ManifestOverviewEmptyState, MetadataContainer, Modal, ModalBackSlot, ModalProps, MoreMenu, MoreMenuButton, MoreMenuIcon, OnboardingTour, OpaqueControls, PaddedSidebarContainer, PanelSideMenu, PreviewIcon, RangesIcon, RenderTextualContent, ResetIcon, ResizeHandle, ResizeHandleIcon, ScaledImageIcon, SelectionCheckbox, Sidebar, SidebarContent, SidebarHeader, SidebarTabs, Spinner, SvgControlBar, Tab, TabList, TabPanel, Tabs, TargetIcon, TextIcon, ThumbnailGridContainer, Tooltip, TooltipContent, TooltipTrigger, VideoIcon, WarningMessage, YouTubeIcon, createDownload, useFastList, useGridOptions, useLoadMoreItems, useLocalStorage, useOptionalLocalStorage, useTooltip, useTooltipContext };
+//# sourceMappingURL=index.d.ts.map