@manifest-editor/components 1.4.2 → 2.0.0

package/dist/index.cjs

@@ -1,2197 +1,17 @@
-'use client'
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.tsx
-var src_exports = {};
-__export(src_exports, {
-  AccessibilityButton: () => AccessibilityButton,
-  ActionButton: () => ActionButton,
-  AddIcon: () => AddIcon,
-  AddImageIcon: () => AddImageIcon,
-  AtlasBanner: () => AtlasBanner,
-  AudioIcon: () => AudioIcon,
-  BackIcon: () => BackIcon,
-  CanvasThumbnailGridItem: () => CanvasThumbnailGridItem,
-  Card3D: () => Card3D,
-  CollectionIcon: () => CollectionIcon,
-  CollectionListItem: () => CollectionListItem,
-  ConfirmSelectionButton: () => ConfirmSelectionButton,
-  ControlButton: () => ControlButton,
-  CreateCanvasIcon: () => CreateCanvasIcon,
-  CreatorGrid: () => CreatorGrid,
-  DefaultTooltipContent: () => DefaultTooltipContent,
-  DeleteForeverIcon: () => DeleteForeverIcon,
-  DownloadButton: () => DownloadButton,
-  DownloadIcon: () => DownloadIcon,
-  EmptyCanvasIcon: () => EmptyCanvasIcon,
-  EmptyState: () => EmptyState,
-  ErrorMessage: () => ErrorMessage,
-  Form: () => Form,
-  GridIcon: () => GridIcon,
-  HTMLEditor: () => HTMLEditor,
-  HTMLIcon: () => HTMLIcon,
-  HandleContainer: () => HandleContainer,
-  IIIFBrowserIcon: () => IIIFBrowserIcon,
-  IIIFLogo: () => IIIFLogo,
-  IIIFMediaPlayer: () => IIIFMediaPlayer,
-  IconButton: () => IconButton,
-  ImageListIcon: () => ImageListIcon,
-  InfoIcon: () => InfoIcon,
-  ItemWithHandle: () => ItemWithHandle,
-  LazyThumbnail: () => LazyThumbnail,
-  ListEditIcon: () => ListEditIcon,
-  ListingIcon: () => ListingIcon,
-  MDXEditor: () => MDXEditor,
-  ManifestEditorLogo: () => ManifestEditorLogo,
-  ManifestIcon: () => ManifestIcon,
-  ManifestListItem: () => ManifestListItem,
-  ManifestOverviewEmptyState: () => ManifestOverviewEmptyState,
-  MetadataContainer: () => MetadataContainer,
-  Modal: () => Modal,
-  ModalBackSlot: () => ModalBackSlot,
-  MoreMenu: () => MoreMenu2,
-  OpaqueControls: () => OpaqueControls,
-  PanelSideMenu: () => PanelSideMenu,
-  PreviewIcon: () => PreviewIcon,
-  RenderTextualContent: () => RenderTextualContent,
-  ScaledImageIcon: () => ScaledImageIcon,
-  Sidebar: () => Sidebar,
-  SidebarContent: () => SidebarContent,
-  SidebarHeader: () => SidebarHeader,
-  SidebarTabs: () => SidebarTabs,
-  Spinner: () => Spinner,
-  SvgControlBar: () => SvgControlBar,
-  Tab: () => Tab,
-  TabList: () => TabList,
-  TabPanel: () => TabPanel,
-  Tabs: () => Tabs,
-  TextIcon: () => TextIcon,
-  ThumbnailGridContainer: () => ThumbnailGridContainer,
-  Tooltip: () => Tooltip,
-  TooltipContent: () => TooltipContent,
-  TooltipTrigger: () => TooltipTrigger,
-  VideoIcon: () => VideoIcon,
-  YouTubeIcon: () => YouTubeIcon,
-  createDownload: () => createDownload,
-  useFastList: () => useFastList,
-  useTooltip: () => useTooltip,
-  useTooltipContext: () => useTooltipContext
-});
-module.exports = __toCommonJS(src_exports);
-var import_dist = require("iiif-browser/dist/index.css");
-
-// src/ActionButton.tsx
-var import_react_aria_components = require("react-aria-components");
-var import_tailwind_merge = require("tailwind-merge");
-var import_jsx_runtime = require("react/jsx-runtime");
-function ActionButton({
-  className: className2,
-  primary,
-  center,
-  large,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_aria_components.Button,
-    {
-      className: (t) => (0, import_tailwind_merge.twMerge)(
-        //
-        "border-none flex gap-1 items-center bg-gray-100 text-me-primary-500 text-sm rounded hover:bg-gray-200",
-        primary ? "bg-me-primary-500 text-white hover:bg-me-primary-600" : "",
-        center ? "place-content-center" : "",
-        large ? "px-4 py-2" : "px-2 py-1",
-        t.isDisabled ? "opacity-70 cursor-not-allowed pointer-events-none" : "",
-        typeof className2 === "string" ? className2 : className2?.(t)
-      ),
-      ...props,
-      children
-    }
-  );
-}
-
-// src/AccessibilityButton.tsx
-var import_react_aria_components2 = require("react-aria-components");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function AccessibilityButton({ className: className2, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components2.Button, { className: ["sr-only focus:not-sr-only p-2 bg-white text-black", className2].join(" "), ...props, children });
-}
-
-// src/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge2 = require("tailwind-merge");
-var cn = (...inputs) => {
-  return (0, import_tailwind_merge2.twMerge)((0, import_clsx.clsx)(inputs));
-};
-
-// src/Tooltip.tsx
-var import_react = require("@floating-ui/react");
-var React = __toESM(require("react"), 1);
-var import_react_aria_components3 = require("react-aria-components");
-var import_tailwind_merge3 = require("tailwind-merge");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function useTooltip({
-  initialOpen = false,
-  placement = "top",
-  open: controlledOpen,
-  onOpenChange: setControlledOpen
-} = {}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);
-  const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = setControlledOpen ?? setUncontrolledOpen;
-  const data = (0, import_react.useFloating)({
-    placement,
-    open,
-    onOpenChange: setOpen,
-    whileElementsMounted: import_react.autoUpdate,
-    middleware: [
-      (0, import_react.offset)(5),
-      (0, import_react.flip)({
-        crossAxis: placement.includes("-"),
-        fallbackAxisSideDirection: "start",
-        padding: 5
-      }),
-      (0, import_react.shift)({ padding: 5 })
-    ]
-  });
-  const context = data.context;
-  const hover = (0, import_react.useHover)(context, {
-    move: false,
-    enabled: controlledOpen == null
-  });
-  const focus = (0, import_react.useFocus)(context, {
-    enabled: controlledOpen == null
-  });
-  const dismiss = (0, import_react.useDismiss)(context);
-  const role = (0, import_react.useRole)(context, { role: "tooltip" });
-  const interactions = (0, import_react.useInteractions)([hover, focus, dismiss, role]);
-  return React.useMemo(
-    () => ({
-      open,
-      setOpen,
-      ...interactions,
-      ...data
-    }),
-    [open, setOpen, interactions, data]
-  );
-}
-var TooltipContext = React.createContext(null);
-var useTooltipContext = () => {
-  const context = React.useContext(TooltipContext);
-  if (context == null) {
-    throw new Error("Tooltip components must be wrapped in <Tooltip />");
-  }
-  return context;
-};
-function Tooltip({ children, ...options }) {
-  const tooltip = useTooltip(options);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipContext.Provider, { value: tooltip, children });
-}
-var TooltipTrigger = React.forwardRef(function TooltipTrigger2({ children, asChild = false, ...props }, propRef) {
-  const context = useTooltipContext();
-  const childrenRef = children.ref;
-  const ref = (0, import_react.useMergeRefs)([context.refs.setReference, propRef, childrenRef]);
-  if (asChild && React.isValidElement(children)) {
-    return React.cloneElement(
-      children,
-      context.getReferenceProps({
-        ref,
-        ...props,
-        ...children.props,
-        "data-state": context.open ? "open" : "closed"
-      })
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react_aria_components3.Button,
-    {
-      ref,
-      "data-state": context.open ? "open" : "closed",
-      ...context.getReferenceProps(props),
-      children
-    }
-  );
-});
-var TooltipContent = React.forwardRef(function TooltipContent2({ style, root, ...props }, propRef) {
-  const context = useTooltipContext();
-  const ref = (0, import_react.useMergeRefs)([context.refs.setFloating, propRef]);
-  if (!context.open)
-    return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react.FloatingPortal, { root, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "div",
-    {
-      ref,
-      style: {
-        ...context.floatingStyles,
-        ...style
-      },
-      ...context.getFloatingProps(props)
-    }
-  ) });
-});
-function DefaultTooltipContent(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    TooltipContent,
-    {
-      root: props.root,
-      className: (0, import_tailwind_merge3.twMerge)("bg-me-gray-900 text-white text-sm px-3 py-2 rounded opacity-90 z-50", props.className),
-      children: props.children
-    }
-  );
-}
-
-// src/Sidebar.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function Sidebar({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-full h-full flex flex-col overflow-hidden", children });
-}
-function SidebarContent({
-  children,
-  className: className2,
-  padding
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn("flex-1 min-h-0 overflow-y-auto pb-64", className2, padding && "px-3 pt-3"), children });
-}
-function SidebarHeader(props) {
-  const { actions, title } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "bg-me-gray-100 h-12 flex items-center px-3 z-10 text-black border-b-me-gray-300 border-b flex-shrink-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-1", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ml-auto flex gap-2 items-center", children: actions?.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Tooltip, { placement: "bottom", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "button",
-        {
-          className: cn(
-            //
-            `p-1 rounded hover:bg-me-gray-300`,
-            action.toggled && "bg-me-gray-300",
-            action.disabled && "opacity-50 cursor-not-allowed"
-          ),
-          onClick: action.onClick,
-          title: action.title,
-          disabled: action.disabled,
-          children: action.icon
-        },
-        index
-      ) }),
-      !action.disabled ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DefaultTooltipContent, { children: action.title }) : null
-    ] }, index)) })
-  ] });
-}
-
-// src/PanelSideMenu.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-
-// src/PanelSideMenuItem.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function PanelSideMenuItem(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tooltip, { placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "button",
-    {
-      className: cn(
-        "border-none aspect-square w-full flex justify-center items-center hover:bg-me-primary-100 hover:text-black [&>svg]:text-2xl cursor-default",
-        props.selected ? "bg-me-primary-500 hover:bg-me-primary-600 hover:text-white text-white" : "text-me-gray-700"
-      ),
-      "aria-label": props.label,
-      onMouseDown: props.onClick,
-      children: [
-        props.icon,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipContent, { className: "bg-me-gray-900 text-white text-sm px-3 py-2 rounded opacity-90 z-50", children: props.label })
-      ]
-    }
-  ) }) });
-}
-
-// src/PanelSideMenu.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function PanelSideMenu(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "bg-white border-me-gray-300 border-t border-r flex flex-col w-12 pb-2", "data-open": props.open, children: props.items.map((panel) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    panel.divide ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex-1 block w-2 min-h-1" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      PanelSideMenuItem,
-      {
-        label: panel.label,
-        selected: panel.id === props.current && props.open,
-        icon: panel.icon,
-        onClick: panel.onClick
-      },
-      panel.id
-    )
-  ] }, panel.id)) });
-}
-
-// src/ThumbnailGridContainer.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function ThumbnailGridContainer(props) {
-  if (props.wide) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "grid grid-md gap-4 p-4 overflow-y-auto", children: props.children });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "grid grid-cols-2 gap-4 p-4", children: props.children });
-}
-
-// src/LazyThumbnail.tsx
-var import_react2 = require("react");
-var import_react_iiif_vault = require("react-iiif-vault");
-var import_react_lazy_load_image_component = require("react-lazy-load-image-component");
-var import_tailwind_merge4 = require("tailwind-merge");
-
-// src/Spinner.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function Spinner(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "svg",
-    {
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 42 42",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: "currentColor",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { transform: "translate(2 2)", strokeWidth: 5, fill: "none", fillRule: "evenodd", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { strokeOpacity: 0.5, cx: 18, cy: 18, r: 18 }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            type: "rotate",
-            from: "0 18 18",
-            to: "360 18 18",
-            dur: "1s",
-            repeatCount: "indefinite"
-          }
-        ) })
-      ] })
-    }
-  );
-}
-
-// src/icons/TextIcon.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function TextIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 24 24",
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { children: "Text" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "path",
-          {
-            fill: "currentColor",
-            d: "M3 21v-2h18v2zm0-4v-2h12v2zm0-4v-2h18v2zm0-4V7h12v2zm0-4V3h18v2z"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/LazyThumbnail.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function LazyThumbnail({
-  cover,
-  fade = true
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_lazy_load_image_component.LazyLoadComponent, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LazyThumbnailInner, { cover, fade }) });
-}
-var renderCache = /* @__PURE__ */ new Map();
-function LazyThumbnailInner({
-  cover,
-  fade = true
-}) {
-  const img = (0, import_react2.useRef)(null);
-  const canvas = (0, import_react_iiif_vault.useCanvas)();
-  const isCached = canvas ? !!renderCache.get(canvas?.id) : false;
-  const [isLoading, setIsLoading] = (0, import_react2.useState)(!isCached);
-  const thumbnail = (0, import_react_iiif_vault.useThumbnail)({ height: 256, width: 256 }, true);
-  let thumbnailId = thumbnail?.id;
-  if (canvas?.id && thumbnailId) {
-    renderCache.set(canvas.id, thumbnailId);
-  } else if (canvas?.id && renderCache.get(canvas.id)) {
-    thumbnailId = renderCache.get(canvas?.id);
-  }
-  (0, import_react2.useEffect)(() => {
-    if (thumbnailId && !isCached) {
-      setIsLoading(true);
-    }
-  }, [thumbnailId, isCached]);
-  const checkImage = (0, import_react2.useCallback)(
-    (node) => {
-      if (node && !isCached) {
-        if (node.complete || node.naturalWidth > 0) {
-          setIsLoading(false);
-        }
-      }
-    },
-    [isCached]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `w-full h-full relative`, children: [
-    thumbnail?.id ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      "img",
-      {
-        onLoad: () => setIsLoading(false),
-        ref: checkImage,
-        src: thumbnail?.id,
-        alt: "",
-        className: `w-full h-full ${cover ? "object-cover" : "object-contain"} ${!isLoading ? isCached ? "" : "animate-fadeIn" : "opacity-0"}`
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ThumbnailFallback, {}),
-    !thumbnail?.id || isLoading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      "div",
-      {
-        className: (0, import_tailwind_merge4.twMerge)(
-          "absolute inset-0 flex items-center justify-center bg-me-gray-100 text-2xl z-10",
-          fade && "animate-fadeIn"
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner, {})
-      }
-    ) : null
-  ] });
-}
-function ThumbnailFallback() {
-  const [strategy] = (0, import_react_iiif_vault.useRenderingStrategy)();
-  if (strategy.type === "textual-content") {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-black/30 flex items-center justify-center h-full bg-me-gray-100 animate-fadeInDelayed absolute inset-0 z-20", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TextIcon, { className: "w-16 h-16" }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-black/30 flex items-center justify-center h-full bg-me-gray-100 animate-fadeInDelayed absolute inset-0 z-20", children: "No thumbnail" });
-}
-
-// src/CanvasThumbnailGridItem.tsx
-var import_react_iiif_vault3 = require("react-iiif-vault");
-
-// src/CanvasLabel.tsx
-var import_react_iiif_vault2 = require("react-iiif-vault");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function CanvasLabel(props) {
-  const canvas = (0, import_react_iiif_vault2.useCanvas)();
-  if (!canvas)
-    return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_iiif_vault2.LocaleString, { className: props.className, as: props.as, children: canvas.label });
-}
-
-// src/Card3D.tsx
-var import_react3 = require("react");
-var import_tailwind_merge5 = require("tailwind-merge");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function Card3D({
-  className: className2,
-  shouldTranslate,
-  children,
-  ...props
-}) {
-  const outer = (0, import_react3.useRef)(null);
-  const inner = (0, import_react3.useRef)(null);
-  (0, import_react3.useLayoutEffect)(() => {
-    if (!outer.current || !inner.current)
-      return;
-    let bounds;
-    function rotateToMouse(e) {
-      const mouseX = e.clientX;
-      const mouseY = e.clientY;
-      const leftX = mouseX - bounds.x;
-      const topY = mouseY - bounds.y;
-      const center = {
-        x: leftX - bounds.width / 2,
-        y: topY - bounds.height / 2
-      };
-      const distance = Math.sqrt(center.x ** 2 + center.y ** 2);
-      if (shouldTranslate) {
-        outer.current.style.transform = `
+"use client";var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));require(`./lib-7rNuVt0m.cjs`);let c=require(`react-aria-components`),l=require(`react/jsx-runtime`),u=require(`tailwind-merge`),d=require(`react-aria`),f=require(`react-iiif-vault`),p=require(`react`);p=s(p);let m=require(`@iiif/helpers`),h=require(`react-lazy-load-image-component`),ee=require(`clsx`),te=require(`@iiif/helpers/i18n`),g=require(`@floating-ui/react`),_=require(`showdown`),v=require(`tiny-use-debounce`),y=require(`turndown`);y=s(y),require(`@mdxeditor/editor/style.css`);let b=require(`@mdxeditor/editor`),x=require(`mitt`);x=s(x),require(`@vidstack/react/player/styles/base.css`),require(`@vidstack/react/player/styles/default/theme.css`),require(`@vidstack/react/player/styles/default/captions.css`),require(`@vidstack/react/player/styles/default/layouts/video.css`);let S=require(`@vidstack/react`),C=require(`@vidstack/react/player/layouts/default`),w=require(`@headlessui/react`),T=require(`react-dom`),E=require(`react-joyride`);E=s(E);let ne=require(`@react-aria/collections`);function re({className:e,children:t,...n}){return(0,l.jsx)(c.Button,{className:[`sr-only focus:not-sr-only p-2 bg-white text-black`,e].join(` `),...n,children:t})}function D({className:e,primary:t,center:n,large:r,onDark:i,children:a,...o}){return(0,l.jsx)(c.Button,{className:a=>(0,u.twMerge)(`border-none flex gap-1 items-center bg-me-50 flex-nowrap whitespace-nowrap text-me-700 text-sm rounded hover:bg-me-100`,t&&!i?`bg-me-500 text-white hover:bg-me-600`:``,t&&i?`bg-me-700 text-white hover:bg-me-800`:``,n?`place-content-center`:``,r?`px-4 py-2`:`px-2 py-1`,a.isDisabled?`opacity-70 cursor-not-allowed pointer-events-none`:``,typeof e==`string`?e:e?.(a)),...o,children:a})}function ie({children:e,controlsId:t}){return(0,l.jsxs)(`div`,{className:`bg-me-gray-100 border-b text-black p-1 flex gap-4 items-center h-12`,children:[(0,l.jsx)(`div`,{className:`px-4`,children:e}),(0,l.jsx)(`div`,{id:t||`atlas-controls`,className:`flex gap-2`})]})}function ae(e){let t=(0,f.useCanvas)();return t?(0,l.jsx)(f.LocaleString,{className:e.className,as:e.as,children:t.label}):null}function O({className:e,shouldTranslate:t,children:n,...r}){let i=(0,p.useRef)(null),a=(0,p.useRef)(null);return(0,p.useLayoutEffect)(()=>{if(!i.current||!a.current)return;let e;function n(n){let r=n.clientX,o=n.clientY,s=r-e.x,c=o-e.y,l={x:s-e.width/2,y:c-e.height/2},u=Math.sqrt(l.x**2+l.y**2);t&&(i.current.style.transform=`
         scale3d(1.07, 1.07, 1.07)
         rotate3d(
-          ${center.y / 100},
-          ${-center.x / 100},
+          ${l.y/100},
+          ${-l.x/100},
           0,
-          ${Math.log(distance) * 2}deg
+          ${Math.log(u)*2}deg
         )
-      `;
-      }
-      inner.current.style.backgroundImage = `
+      `),a.current.style.backgroundImage=`
         radial-gradient(
           circle at
-          ${center.x * 2 + bounds.width / 2}px
-          ${center.y * 2 + bounds.height / 2}px,
+          ${l.x*2+e.width/2}px
+          ${l.y*2+e.height/2}px,
           #ffffff66,
           #ffffff00
         )
-      `;
-    }
-    function reset() {
-      outer.current.style.transform = "";
-      inner.current.style.backgroundImage = "";
-    }
-    let isActive = false;
-    const mouseenter = () => {
-      bounds = outer.current.getBoundingClientRect();
-      isActive = true;
-    };
-    const mouseleave = () => {
-      isActive = false;
-      reset();
-    };
-    const mousemove = (e) => {
-      if (!isActive)
-        return;
-      rotateToMouse(e);
-    };
-    outer.current.addEventListener("mouseenter", mouseenter);
-    outer.current.addEventListener("mouseleave", mouseleave);
-    outer.current.addEventListener("mousemove", mousemove);
-    return () => {
-      outer.current.removeEventListener("mouseenter", mouseenter);
-      outer.current.removeEventListener("mouseleave", mouseleave);
-      outer.current.removeEventListener("mousemove", mousemove);
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    "div",
-    {
-      ref: outer,
-      className: (0, import_tailwind_merge5.twMerge)(
-        //
-        "relative transition-all hover:duration-50",
-        shouldTranslate && "hover:shadow-xl",
-        className2
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "div",
-          {
-            className: "pointer-events-none absolute inset-0 transition-all",
-            style: {
-              backgroundImage: "radial-gradient(circle at 50% -20%, #ffffff00, #ffffff00)"
-            },
-            ref: inner
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/CanvasThumbnailGridItem.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function CanvasThumbnailGridItem(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_iiif_vault3.CanvasContext, { canvas: props.id, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { onMouseDown: props.onClick, className: "flex flex-col", "data-canvas-selected": props.selected, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "bg-me-gray-100 w-full aspect-square flex-1 overflow-hidden rounded", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      Card3D,
-      {
-        "data-canvas-selected": props.active,
-        "aria-selected": props.active,
-        className: cn(
-          "border-2 border-transparent  p-1 w-full h-full rounded",
-          props.selected && "border-me-primary-500"
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LazyThumbnail, {})
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CanvasLabel, { className: "text-sm text-center truncate mt-1", as: "div" })
-  ] }) });
-}
-
-// src/Modal.tsx
-var import_react4 = require("@headlessui/react");
-var import_react_dom = require("react-dom");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-function ModalBackSlot({ children }) {
-  const element = document.getElementById("modal-back-slot");
-  if (!element)
-    return null;
-  return (0, import_react_dom.createPortal)(children, element);
-}
-function Modal({ id, title, open = true, onClose, actions, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react4.Dialog, { open, onClose, id, className: "relative z-[500]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `fixed inset-0 bg-black/30 animate-fadeIn z-[501]`, "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "fixed inset-0 flex w-screen items-center justify-center p-4 z-[502]", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative p-4 w-full max-w-4xl max-h-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react4.DialogPanel, { className: "relative bg-white rounded-lg overflow-hidden shadow-2xl max-h-[80vh] flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex  items-center justify-between gap-3 p-4 rounded-t-lg sticky top-0 bg-white", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { id: "modal-back-slot" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react4.DialogTitle, { className: "text-xl font-semibold text-gray-900 ", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react4.CloseButton, { className: "text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            "svg",
-            {
-              className: "w-3 h-3",
-              "aria-hidden": "true",
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 14 14",
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                "path",
-                {
-                  stroke: "currentColor",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Close" })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto flex flex-col", children }),
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center p-4 border-t border-gray-200 rounded-b justify-end", children: actions }) : null
-    ] }) }) })
-  ] }) });
-}
-
-// src/ControlButton.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function ControlButton({
-  children,
-  className: className2,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    "button",
-    {
-      className: cn(
-        "bg-white border border-me-primary-500 text-xs py-1 px-2 rounded text-me-primary-600 hover:bg-me-primary-50",
-        className2
-      ),
-      ...props,
-      children
-    }
-  );
-}
-
-// src/OpaqueControls.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-function OpaqueControls(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    "div",
-    {
-      className: cn("flex w-full p-0.5 opacity-0 transition-opacity duration-300 gap-2", props.active && "opacity-1"),
-      children: props.children
-    }
-  );
-}
-
-// src/Tabs.tsx
-var import_react_aria_components4 = require("react-aria-components");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function Tabs({ className: className2, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components4.Tabs,
-    {
-      className: (state) => {
-        const cs = typeof className2 === "function" ? className2(state) : className2;
-        return cn("", cs);
-      },
-      ...props,
-      children
-    }
-  );
-}
-function TabList({
-  className: className2,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components4.TabList,
-    {
-      className: (state) => {
-        const cs = typeof className2 === "function" ? className2(state) : className2;
-        return cn("flex gap-4", cs);
-      },
-      ...props,
-      children
-    }
-  );
-}
-function Tab({ className: className2, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components4.Tab,
-    {
-      className: (state) => {
-        const cs = typeof className2 === "function" ? className2(state) : className2;
-        return cn(
-          "cursor-default outline-none group py-1 font-semibold px-2 border-b-2 text-me-gray-700",
-          state.isSelected && "border-b-me-primary-600 text-black",
-          state.isFocusVisible && "focus-visible:bg-me-primary-100",
-          cs
-        );
-      },
-      ...props,
-      children
-    }
-  );
-}
-function TabPanel({ className: className2, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components4.TabPanel,
-    {
-      className: (state) => {
-        const cs = typeof className2 === "function" ? className2(state) : className2;
-        return cn("", cs);
-      },
-      ...props,
-      children
-    }
-  );
-}
-
-// src/CreatorGrid.tsx
-var import_react_aria_components5 = require("react-aria-components");
-var import_tailwind_merge6 = require("tailwind-merge");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function CreatorGrid(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_react_aria_components5.ListBox,
-    {
-      orientation: "horizontal",
-      "aria-label": props.label,
-      selectionMode: "single",
-      items: props.items,
-      className: "grid grid-sm gap-4 p-4 mb-8",
-      children: (item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CreatorGridItem, { ...item })
-    }
-  );
-}
-function CreatorGridItem(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-    import_react_aria_components5.ListBoxItem,
-    {
-      id: props.id,
-      onAction: props.onClick,
-      className: ($s) => (0, import_tailwind_merge6.twMerge)(
-        "bg-white p-2 border-me-gray-300 rounded-md border hover:border-me-primary-500",
-        $s.isFocused && "border-me-primary-500 outline-me-primary-500 outline-2"
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "rounded bg-me-gray-300 mb-2 flex items-center justify-center py-1 aspect-square", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-center [&>svg]:w-16 [&>svg]:h-16", children: props.icon }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-center font-semibold text-sm", children: props.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-sm text-center text-black/50", children: props.description })
-      ]
-    }
-  );
-}
-
-// src/icons/DownloadIcon.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var DownloadIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#5f6368", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-  "path",
-  {
-    d: "M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z",
-    fill: "currentColor"
-  }
-) });
-
-// src/DownloadButton.tsx
-var import_react_aria = require("react-aria");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function DownloadButton({ label, id: _id, getData, fileName, fileType }) {
-  const id = (0, import_react_aria.useId)(_id);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Tooltip, { placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    TooltipTrigger,
-    {
-      className: "bg-me-gray-100 hover:bg-me-primary-500 hover:text-white p-1 rounded-md text-me-primary-500 text-2xl",
-      "aria-label": label,
-      id,
-      onPress: () => createDownload(getData(), fileName, fileType),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DownloadIcon, { "aria-labelledby": _id }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DefaultTooltipContent, { children: label })
-      ]
-    }
-  ) });
-}
-function createDownload(data, fileName, fileType = "text/json") {
-  const blob = data instanceof Blob ? data : new Blob([data], { type: fileType });
-  const a = document.createElement("a");
-  a.download = fileName;
-  a.href = window.URL.createObjectURL(blob);
-  const clickEvt = new MouseEvent("click", {
-    view: window,
-    bubbles: true,
-    cancelable: true
-  });
-  a.dispatchEvent(clickEvt);
-  a.remove();
-}
-
-// src/AtlasBanner.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function AtlasBanner({ children, controlsId }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "bg-me-gray-100 border-b text-black p-1 flex gap-4 items-center h-12", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "px-4", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { id: controlsId || "atlas-controls", className: "flex gap-2" })
-  ] });
-}
-
-// src/SvgControlBar.tsx
-var import_react_iiif_vault4 = require("react-iiif-vault");
-
-// src/icons/DrawIcon.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var DrawIcon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M160-120v-170l527-526q12-12 27-18t30-6q16 0 30.5 6t25.5 18l56 56q12 11 18 25.5t6 30.5q0 15-6 30t-18 27L330-120H160Zm80-80h56l393-392-28-29-29-28-392 393v56Zm560-503-57-57 57 57Zm-139 82-29-28 57 57-28-29ZM560-120q74 0 137-37t63-103q0-36-19-62t-51-45l-59 59q23 10 36 22t13 26q0 23-36.5 41.5T560-200q-17 0-28.5 11.5T520-160q0 17 11.5 28.5T560-120ZM183-426l60-60q-20-8-31.5-16.5T200-520q0-12 18-24t76-37q88-38 117-69t29-70q0-55-44-87.5T280-840q-45 0-80.5 16T145-785q-11 13-9 29t15 26q13 11 29 9t27-13q14-14 31-20t42-6q41 0 60.5 12t19.5 28q0 14-17.5 25.5T262-654q-80 35-111 63.5T120-520q0 32 17 54.5t46 39.5Z"
-        }
-      )
-    ]
-  }
-);
-
-// src/icons/PolygonIcon.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var PolygonIcon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M600-80v-100L320-320H120v-240h172l108-124v-196h240v240H468L360-516v126l240 120v-50h240v240H600ZM480-720h80v-80h-80v80ZM200-400h80v-80h-80v80Zm480 240h80v-80h-80v80ZM520-760ZM240-440Zm480 240Z"
-        }
-      )
-    ]
-  }
-);
-
-// src/icons/LineIcon.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function LineIcon({ title, titleId, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", "aria-labelledby": titleId, ...props, children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("title", { id: titleId, children: title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("g", { fill: "none", fillRule: "evenodd", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("circle", { cx: 4.5, cy: 4.5, r: 2.5, fill: "currentColor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("circle", { cx: 15.5, cy: 15.5, r: 2.5, fill: "currentColor" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { stroke: "currentColor", strokeLinecap: "square", strokeWidth: 2, d: "m13.5 13.5-9-9" })
-    ] })
-  ] });
-}
-
-// src/icons/LineBoxIcon.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-function LineBoxIcon({ title, titleId, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", "aria-labelledby": titleId, ...props, children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { id: titleId, children: title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("g", { fill: "none", fillRule: "evenodd", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M0 0h20v20H0z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { stroke: "currentColor", strokeLinecap: "square", strokeWidth: 2, d: "m8.5 11.5 6-6M16 4v3m0-3h-3m0 14L2 7" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { stroke: "currentColor", strokeOpacity: 0.407, strokeWidth: 2, d: "m2 7 5-5 11 11-5 5z" })
-    ] })
-  ] });
-}
-
-// src/icons/ShapesIcon.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var ShapesIcon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M600-360ZM320-242q10 1 19.5 1.5t20.5.5q11 0 20.5-.5T400-242v82h400v-400h-82q1-10 1.5-19.5t.5-20.5q0-11-.5-20.5T718-640h82q33 0 56.5 23.5T880-560v400q0 33-23.5 56.5T800-80H400q-33 0-56.5-23.5T320-160v-82Zm40-78q-117 0-198.5-81.5T80-600q0-117 81.5-198.5T360-880q117 0 198.5 81.5T640-600q0 117-81.5 198.5T360-320Zm0-80q83 0 141.5-58.5T560-600q0-83-58.5-141.5T360-800q-83 0-141.5 58.5T160-600q0 83 58.5 141.5T360-400Zm0-200Z"
-        }
-      )
-    ]
-  }
-);
-
-// src/icons/SquareIcon.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var SquareIcon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0 0v-560 560Z"
-        }
-      )
-    ]
-  }
-);
-
-// src/icons/TriangleIcon.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var TriangleIcon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "m80-160 400-640 400 640H80Zm144-80h512L480-650 224-240Zm256-205Z", fill: "currentColor" })
-    ]
-  }
-);
-
-// src/icons/HexagonIcon.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var HexagonIcon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M272-120 64-480l208-360h416l208 360-208 360H272Zm46-80h324l161-280-161-280H318L156-480l162 280Zm162-280Z"
-        }
-      )
-    ]
-  }
-);
-
-// src/icons/DeleteForeverIcon.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-function DeleteForeverIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("svg", { height: "1em", width: "1em", viewBox: "0 0 24 24", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M0 0h24v24H0z", fill: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-      "path",
-      {
-        d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z",
-        fill: "currentColor"
-      }
-    )
-  ] });
-}
-
-// src/SvgControlBar.tsx
-var import_react5 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var className = 'bg-me-gray-100 border hover:bg-me-gray-300 rounded p-1 text-2xl text-me-primary-500 data-[active="true"]:border-me-primary-600';
-var icons = {
-  DrawIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DrawIcon, {}),
-  PolygonIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PolygonIcon, {}),
-  LineIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LineIcon, {}),
-  LineBoxIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LineBoxIcon, {}),
-  ShapesIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ShapesIcon, {}),
-  SquareIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SquareIcon, {}),
-  TriangleIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TriangleIcon, {}),
-  HexagonIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(HexagonIcon, {}),
-  DeleteForeverIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DeleteForeverIcon, {})
-};
-function SvgControlBar({
-  helper,
-  state,
-  showShapes
-}) {
-  (0, import_react5.useEffect)(() => {
-    helper.stamps.square();
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    import_react_iiif_vault4.RenderSvgEditorControls,
-    {
-      icons,
-      helper,
-      state,
-      showShapes,
-      classNames: {
-        button: className
-      }
-    }
-  );
-}
-
-// src/ConfirmSelectionButton.tsx
-var import_react_aria_components6 = require("react-aria-components");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-function ConfirmSelectionButton({ onPress, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components6.Button, { className: "bg-me-primary-500 px-3 py-1 hover:bg-me-primary-600 text-white rounded", onPress, children });
-}
-
-// src/ManifestOverviewEmptyState.tsx
-var import_react_aria_components7 = require("react-aria-components");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-function ManifestOverviewEmptyState({ onCreate, canCreate }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center flex-col gap-5 py-16", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      Card3D,
-      {
-        shouldTranslate: true,
-        onClick: canCreate ? onCreate : void 0,
-        className: "border-2 border-dotted bg-black/5 aspect-[3/4] rounded w-32 border-black"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "font-bold text-lg", children: "Let's get started!" }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "max-w-xl px-5 my-4", children: "Add a title and top level information for this manifest using the editing panel on the right, and then add some canvases and content." }),
-    canCreate ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      import_react_aria_components7.Button,
-      {
-        className: "px-8 font-bold py-2 border rounded-lg border-me-primary-500 text-me-primary-500 hover:border-me-primary-600 hover:text-me-primary-600",
-        onPress: onCreate,
-        children: "Start adding content"
-      }
-    ) : null
-  ] });
-}
-
-// src/SidebarTabs.tsx
-var import_collections = require("@react-aria/collections");
-var import_react6 = require("react");
-var import_react_aria_components8 = require("react-aria-components");
-var import_react_dom2 = require("react-dom");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-function SidebarTabs({ menu, menuId, selectedKey, onSelectionChange }) {
-  const ref = (0, import_react6.useRef)(null);
-  const [hidden, setHidden] = (0, import_react6.useState)(0);
-  const [hiddenMenu, setHiddenMenu] = (0, import_react6.useState)(null);
-  const widths = (0, import_react6.useRef)([]);
-  const itemsRef = (0, import_react6.useRef)([]);
-  const selectedIndex = (0, import_react6.useMemo)(() => menu.findIndex((item) => item.id === selectedKey), [menu, selectedKey]);
-  (0, import_react6.useLayoutEffect)(() => {
-    const cb = () => {
-      if (widths.current.length === 0) {
-        widths.current = [];
-        for (const item of itemsRef.current) {
-          if (item) {
-            widths.current.push(item.getBoundingClientRect().width);
-          }
-        }
-      }
-      const fullWidth = widths.current.reduce((a, b) => a + b, 0);
-      if (fullWidth && ref.current) {
-        const el = ref.current;
-        const width = el.getBoundingClientRect().width - 20;
-        let hidden2 = 0;
-        let total = 0;
-        for (let i = widths.current.length - 1; i >= 0; i--) {
-          total += widths.current[i];
-          if (total > width) {
-            hidden2 = i + 1;
-            break;
-          }
-        }
-        setHidden(hidden2);
-      }
-    };
-    cb();
-    const interval = setInterval(cb, 500);
-    return () => {
-      clearInterval(interval);
-    };
-  }, []);
-  const menuHidden = menu.filter((item, idx) => hidden >= menu.length - idx);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-      import_react_aria_components8.Tabs,
-      {
-        className: "w-full flex-1 overflow-hidden flex flex-col",
-        selectedKey,
-        onSelectionChange,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center w-full tab-shadow", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components8.TabList, { ref, className: "flex-1 overflow-hidden w-full flex text-sm whitespace-nowrap", children: menu.map((item, idx) => {
-              const isHidden = hidden >= menu.length - idx;
-              return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-                import_react_aria_components8.Tab,
-                {
-                  ref: (el) => itemsRef.current[idx] = el,
-                  id: item.id,
-                  className: (state) => cn(
-                    //
-                    "border-b-2 px-2 py-1 text-sm text-gray-400 select-none hover:text-black focus:ring-0 focus:outline-none",
-                    state.isSelected && "border-me-primary-500 text-black",
-                    state.isFocusVisible && "ring-0 bg-me-gray-100",
-                    isHidden && "hidden"
-                  ),
-                  children: item.label
-                },
-                item.id
-              );
-            }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref: setHiddenMenu, id: "hidden-menu" })
-          ] }),
-          menu.map((item) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components8.TabPanel, { id: item.id, className: "flex-1 overflow-y-auto h-full", children: item.renderComponent }, item.id))
-        ]
-      },
-      menuId
-    ),
-    hiddenMenu && hidden > 0 ? (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        MoreMenu,
-        {
-          hidden,
-          menuHidden,
-          selectedIndex,
-          selectedKey,
-          onSelectionChange
-        }
-      ),
-      hiddenMenu
-    ) : null
-  ] });
-}
-var MoreMenu = (0, import_collections.createHideableComponent)(({ selectedIndex, hidden, menuHidden, selectedKey, onSelectionChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_aria_components8.MenuTrigger, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      import_react_aria_components8.Button,
-      {
-        className: cn(
-          "border-none rounded bg-gray-100 px-1.5 py-1 mr-2 mb-1 text-me-primary-500 semibold uppercase text-[10px]",
-          selectedIndex > hidden && "bg-me-primary-500 text-white rounded"
-        ),
-        children: "MORE"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components8.Popover, { children: menuHidden.length ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components8.Menu, { className: "bg-white rounded shadow-lg flex flex-col gap-0.5 p-0.5 min-w-28", children: menuHidden.map((item) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        import_react_aria_components8.MenuItem,
-        {
-          className: (state) => cn(
-            "hover:bg-me-gray-100 p-1 rounded-sm text-sm",
-            selectedKey === item.id && "ring ring-me-primary-500"
-          ),
-          onAction: () => onSelectionChange?.(item.id),
-          children: item.label
-        },
-        item.id
-      );
-    }) }) : null })
-  ] });
-});
-
-// src/MetadataContainer.tsx
-var import_react_iiif_vault5 = require("react-iiif-vault");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-function MetadataContainer({
-  className: className2,
-  label,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-    "fieldset",
-    {
-      className: cn(
-        "hover:ring ring-gray-200 focus-within:ring-me-primary-500 focus-within:ring p-2 rounded mb-2",
-        className2
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_iiif_vault5.LocaleString, { className: "text-lg font-bold text-[#333] mb-2", as: "h3", children: label }),
-        children
-      ]
-    }
-  );
-}
-
-// src/EmptyState.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
-function EmptyState(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    "div",
-    {
-      className: cn(
-        "flex items-center justify-center text-gray-400 text-md",
-        props.$noMargin ? "" : "m-4",
-        props.$box ? "p-4 border border-gray-200 rounded" : ""
-      ),
-      children: props.children
-    }
-  );
-}
-
-// src/ManifestEditorLogo.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-function ManifestEditorLogo(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    "svg",
-    {
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 206 27",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "me-logo h-[23px] w-[176px]",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("g", { fill: "none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          "path",
-          {
-            d: "M62.558 5.41v14.873h-2.983v-9.675l-3.985 9.675h-2.26l-4.006-9.675v9.675H46.34V5.41h3.388l4.73 11.06L59.19 5.41zm2.173 8.928c0-1.194.238-2.252.714-3.176.476-.923 1.123-1.633 1.94-2.13.816-.498 1.73-.746 2.738-.746.88 0 1.651.177 2.312.532.66.355 1.19.803 1.588 1.343V8.477h3.004v11.806h-3.004v-1.726c-.384.554-.913 1.012-1.588 1.374-.675.363-1.453.544-2.334.544-.994 0-1.9-.256-2.717-.767-.816-.512-1.463-1.233-1.939-2.163-.476-.93-.714-2-.714-3.207Zm9.292.042c0-.724-.143-1.346-.427-1.864a3.005 3.005 0 0 0-1.15-1.194 3.076 3.076 0 0 0-1.556-.415c-.554 0-1.066.135-1.534.405-.47.27-.85.664-1.14 1.182-.292.519-.437 1.133-.437 1.844 0 .71.145 1.331.437 1.864.29.533.674.941 1.15 1.226.476.284.984.426 1.524.426.554 0 1.073-.139 1.556-.416a3.005 3.005 0 0 0 1.15-1.193c.284-.519.427-1.14.427-1.865Zm12.466-6.073c1.406 0 2.543.444 3.41 1.332.866.888 1.3 2.127 1.3 3.718v6.926h-2.984v-6.52c0-.938-.234-1.66-.703-2.164-.47-.504-1.108-.756-1.918-.756-.824 0-1.474.252-1.95.756-.476.505-.714 1.226-.714 2.163v6.521h-2.983V8.477h2.983v1.47a4.121 4.121 0 0 1 1.524-1.203 4.713 4.713 0 0 1 2.035-.437Zm9.057-1.237c-.526 0-.963-.166-1.311-.5a1.657 1.657 0 0 1-.522-1.247c0-.497.174-.912.522-1.246.348-.334.785-.5 1.31-.5.526 0 .963.166 1.311.5.348.334.522.75.522 1.246 0 .498-.174.913-.522 1.247-.348.334-.785.5-1.31.5Zm1.47 1.407v11.806h-2.983V8.477h2.983Zm8.354 2.451h-2.068v9.355h-3.026v-9.355h-1.342v-2.45h1.342V7.88c0-1.45.412-2.515 1.236-3.197.824-.682 2.067-1.001 3.73-.959V6.24c-.725-.014-1.23.106-1.513.362-.284.256-.427.718-.427 1.385v.49h2.068v2.451Zm12.913 3.197c0 .426-.028.81-.085 1.15h-8.63c.07.853.369 1.52.895 2.003.525.483 1.172.725 1.939.725 1.108 0 1.896-.476 2.365-1.428h3.218c-.34 1.137-.994 2.07-1.96 2.802-.967.732-2.153 1.098-3.56 1.098-1.136 0-2.155-.252-3.057-.757a5.325 5.325 0 0 1-2.11-2.141c-.504-.924-.756-1.99-.756-3.197 0-1.222.248-2.294.745-3.218a5.204 5.204 0 0 1 2.089-2.13c.895-.498 1.925-.746 3.09-.746 1.122 0 2.127.241 3.015.724a5.1 5.1 0 0 1 2.067 2.057c.49.887.735 1.907.735 3.058Zm-3.09-.853c-.014-.767-.29-1.381-.83-1.843-.54-.462-1.201-.693-1.982-.693-.74 0-1.36.224-1.865.671-.504.448-.813 1.07-.927 1.865h5.604Zm9.782 7.203c-.966 0-1.833-.174-2.6-.522-.767-.348-1.375-.82-1.822-1.417a3.591 3.591 0 0 1-.735-1.982h3.004c.057.454.281.83.672 1.13.39.298.877.447 1.46.447.568 0 1.012-.114 1.331-.341.32-.227.48-.519.48-.874 0-.383-.196-.671-.586-.863-.391-.192-1.012-.401-1.865-.629-.88-.213-1.602-.433-2.163-.66a3.755 3.755 0 0 1-1.449-1.044c-.405-.47-.607-1.101-.607-1.897 0-.653.188-1.25.564-1.79.377-.54.917-.966 1.62-1.279.703-.312 1.53-.468 2.483-.468 1.406 0 2.528.351 3.367 1.054.838.704 1.3 1.652 1.385 2.845h-2.856c-.042-.469-.238-.841-.586-1.118-.348-.277-.813-.416-1.396-.416-.54 0-.955.1-1.246.298a.951.951 0 0 0-.437.831c0 .398.199.7.597.906.397.206 1.015.416 1.854.629.852.213 1.555.433 2.11.66a3.727 3.727 0 0 1 1.438 1.055c.405.476.614 1.105.628 1.886 0 .682-.188 1.293-.564 1.833-.377.54-.917.962-1.62 1.268-.703.305-1.524.458-2.461.458Zm10.569-9.547v5.711c0 .398.096.686.288.863.192.178.515.267.97.267h1.385v2.514h-1.875c-2.515 0-3.772-1.222-3.772-3.665v-5.69h-1.407v-2.45h1.407v-2.92h3.004v2.92h2.643v2.45h-2.643Zm12.851-3.111v3.73h5.007v2.364h-5.007v3.943h5.647v2.43h-8.631V5.386h8.63v2.43zm7.585 6.521c0-1.194.239-2.252.715-3.176.476-.923 1.126-1.633 1.95-2.13.824-.498 1.74-.746 2.749-.746.767 0 1.498.167 2.194.5.697.334 1.25.778 1.663 1.332V4.514h3.026v15.77h-3.026v-1.748c-.37.582-.888 1.051-1.556 1.406s-1.442.533-2.323.533a5.07 5.07 0 0 1-2.727-.767c-.824-.512-1.474-1.233-1.95-2.163-.476-.93-.714-2-.714-3.207Zm9.292.042c0-.724-.142-1.346-.426-1.864a3.005 3.005 0 0 0-1.151-1.194 3.076 3.076 0 0 0-1.556-.415 3.02 3.02 0 0 0-1.534.405c-.469.27-.849.664-1.14 1.182-.291.519-.437 1.133-.437 1.844 0 .71.146 1.331.437 1.864.291.533.675.941 1.15 1.226a2.93 2.93 0 0 0 1.524.426c.554 0 1.073-.139 1.556-.416a3.005 3.005 0 0 0 1.15-1.193c.285-.519.427-1.14.427-1.865Zm7.438-7.31c-.527 0-.963-.166-1.311-.5a1.657 1.657 0 0 1-.523-1.247c0-.497.174-.912.523-1.246.348-.334.784-.5 1.31-.5s.963.166 1.31.5c.349.334.523.75.523 1.246 0 .498-.174.913-.522 1.247-.348.334-.785.5-1.31.5Zm1.47 1.407v11.806h-2.984V8.477h2.984Zm6.414 2.451v5.711c0 .398.096.686.287.863.192.178.515.267.97.267h1.385v2.514h-1.875c-2.515 0-3.772-1.222-3.772-3.665v-5.69h-1.406v-2.45h1.406v-2.92h3.005v2.92h2.642v2.45h-2.642Zm10.036 9.547c-1.136 0-2.159-.252-3.068-.757a5.447 5.447 0 0 1-2.141-2.141c-.519-.924-.778-1.99-.778-3.197s.266-2.273.799-3.196a5.553 5.553 0 0 1 2.184-2.142c.924-.504 1.954-.756 3.09-.756 1.137 0 2.167.252 3.09.756a5.553 5.553 0 0 1 2.184 2.142c.533.923.8 1.989.8 3.196 0 1.208-.274 2.273-.821 3.197a5.681 5.681 0 0 1-2.216 2.141c-.93.505-1.971.757-3.122.757Zm0-2.6a3.1 3.1 0 0 0 1.524-.394c.476-.263.856-.657 1.14-1.183.285-.526.427-1.165.427-1.918 0-1.122-.295-1.985-.885-2.589a2.907 2.907 0 0 0-2.163-.906c-.852 0-1.566.302-2.141.906-.576.604-.863 1.467-.863 2.59 0 1.122.28 1.985.841 2.588.562.604 1.268.906 2.12.906Zm11.338-7.565a4.194 4.194 0 0 1 1.502-1.47c.618-.356 1.325-.533 2.12-.533v3.132h-.788c-.938 0-1.644.22-2.12.661-.476.44-.714 1.208-.714 2.302v5.881h-2.984V8.477h2.984v1.833Z",
-            fill: "#000"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { fill: "#E94581", className: "me-logo-1", d: "M0 13.343 13.343 0l13.343 13.343-13.343 13.343z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { fill: "#E94581", className: "me-logo-2", d: "M12.137 13.346 25.48.003l13.343 13.343L25.48 26.69z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { fill: "#C63E75", className: "me-logo-3", d: "m12.104 13.348 7.311-7.311 7.312 7.311-7.312 7.312z" })
-      ] })
-    }
-  );
-}
-
-// src/Forms.tsx
-var import_react_aria_components9 = require("react-aria-components");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-function MeLabel({ className: className2, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components9.Label,
-    {
-      className: cn(
-        //
-        "font-semibold text-sm",
-        className2
-      ),
-      ...props
-    }
-  );
-}
-function MeRadioGroup({ className: className2, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components9.RadioGroup,
-    {
-      className: cn(
-        //
-        "",
-        className2
-      ),
-      ...props
-    }
-  );
-}
-function MeRadio({ className: className2, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components9.Radio,
-    {
-      className: (state) => cn(
-        //
-        "outline outline-me-primary-500 outline-offset-2 w-5 h-5 rounded-full bg-white transition-all border-[7px] border-gray-700 group-pressed:border-gray-800 outline-0",
-        className2
-      ),
-      ...props
-    }
-  );
-}
-function MeForm({ className: className2, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components9.Form,
-    {
-      className: cn(
-        //
-        "",
-        className2
-      ),
-      ...props
-    }
-  );
-}
-function MeInput({ className: className2, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components9.Input,
-    {
-      className: cn(
-        //
-        "p-2 bg-me-gray-100 border-b border-b-me-gray-500",
-        "focus:ring-0 outline-0 focus:border-me-primary-500 focus:bg-[#ECEEF5]",
-        className2
-      ),
-      ...props
-    }
-  );
-}
-function MeTextArea({ className: className2, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components9.TextArea,
-    {
-      className: cn(
-        //
-        "p-2 bg-me-gray-100 border-b border-b-me-gray-500",
-        "focus:ring-0 outline-0 focus:border-me-primary-500 focus:bg-[#ECEEF5]",
-        className2
-      ),
-      ...props
-    }
-  );
-}
-function MeInputContainer({
-  horizontal,
-  className: className2,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    "div",
-    {
-      className: cn(
-        //
-        "flex flex-col gap-2",
-        horizontal && "flex-row",
-        className2
-      ),
-      ...props
-    }
-  );
-}
-var Form = {
-  Input: MeInput,
-  Form: MeForm,
-  Label: MeLabel,
-  InputContainer: MeInputContainer,
-  RadioGroup: MeRadioGroup,
-  Radio: MeRadio,
-  TextArea: MeTextArea
-};
-
-// src/HTMLEditor.tsx
-var import_react8 = require("react");
-var import_showdown = require("showdown");
-var import_tiny_use_debounce = require("tiny-use-debounce");
-var import_turndown = __toESM(require("turndown"), 1);
-
-// src/MDXEditor.tsx
-var import_style = require("@mdxeditor/editor/style.css");
-var import_editor = require("@mdxeditor/editor");
-var import_react7 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-function MDXEditor({
-  editorRef,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_editor.MDXEditor,
-    {
-      plugins: (0, import_react7.useMemo)(
-        () => [
-          // Example Plugin Usage
-          (0, import_editor.headingsPlugin)({ allowedHeadingLevels: [2, 3] }),
-          (0, import_editor.listsPlugin)(),
-          (0, import_editor.linkPlugin)(),
-          (0, import_editor.quotePlugin)(),
-          (0, import_editor.thematicBreakPlugin)(),
-          (0, import_editor.linkDialogPlugin)(),
-          (0, import_editor.imagePlugin)(),
-          (0, import_editor.diffSourcePlugin)(),
-          (0, import_editor.toolbarPlugin)({
-            toolbarClassName: "mdx-toolbar",
-            toolbarContents: () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_editor.UndoRedo, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_editor.BoldItalicUnderlineToggles, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_editor.BlockTypeSelect, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_editor.ListsToggle, { options: ["bullet", "number"] }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_editor.CreateLink, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_editor.InsertImage, {})
-            ] })
-          })
-        ],
-        []
-      ),
-      ...props,
-      ref: editorRef
-    }
-  );
-}
-
-// src/HTMLEditor.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var converter = new import_showdown.Converter();
-converter.setFlavor("github");
-var turndownService = new import_turndown.default();
-function HTMLEditor({
-  value,
-  onChange,
-  disabled
-}) {
-  const editorRef = (0, import_react8.useRef)(null);
-  const [_value, _setValue] = (0, import_react8.useState)(void 0);
-  const internalOnChange = (0, import_react8.useCallback)(() => {
-    if (editorRef.current) {
-      onChange(converter.makeHtml(editorRef.current.getMarkdown()));
-    }
-  }, []);
-  const debounceSave = (0, import_tiny_use_debounce.useDebounce)(internalOnChange, 400);
-  const memoState = (0, import_react8.useMemo)(() => {
-    return turndownService.turndown(value);
-  }, []);
-  (0, import_react8.useEffect)(() => {
-    const ref = editorRef.current;
-    return () => {
-      if (ref) {
-        onChange(converter.makeHtml(ref.getMarkdown()));
-      }
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    MDXEditor,
-    {
-      editorRef,
-      onBlur: internalOnChange,
-      readOnly: disabled,
-      className: [
-        "bg-white prose-sm text-sm border rounded-lg prose-a:text-me-primary-500 prose-a:underline prose-ul:list-disc p-0.5",
-        "prose-ol:list-decimal",
-        "focus-within:outline-none focus-within:border-me-primary-500 z-50 relative"
-      ].join(" "),
-      markdown: memoState,
-      suppressHtmlProcessing: true,
-      onError: (err) => {
-        console.log("err", err);
-      },
-      onChange: (value2) => {
-        _setValue(value2);
-        debounceSave();
-      }
-    }
-  );
-}
-
-// src/IconButton.tsx
-var import_tailwind_merge7 = require("tailwind-merge");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-function IconButton({
-  children,
-  active,
-  label,
-  disabled,
-  onPress,
-  root,
-  className: className2,
-  placement = "top"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Tooltip, { placement, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-    TooltipTrigger,
-    {
-      "aria-label": label,
-      onClick: onPress,
-      className: (0, import_tailwind_merge7.twMerge)(
-        "rounded flex items-center bg-white justify-center p-2 hover:bg-gray-100 text-2xl",
-        active ? "bg-me-primary-500 bg-opacity-40 hover:bg-opacity-70 hover:bg-me-primary-500" : "",
-        disabled ? "opacity-50 pointer-events-none" : "",
-        className2
-      ),
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DefaultTooltipContent, { root, className: "translate-x-3 z-50", children: label })
-      ]
-    }
-  ) });
-}
-
-// src/ItemWithHandle.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-function ItemWithHandle({
-  children,
-  handle,
-  actions,
-  grid
-}) {
-  const gridStyleClassName = grid ? (
-    // Tailwind
-    "absolute flex p-1 gap-1 bg-white z-1 right-1 top-1 rounded"
-  ) : "flex-shrink-0 flex items-center gap-1 px-1";
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: grid ? "relative flex flex-col" : "flex items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 min-w-0", style: { flex: 1, minWidth: 0 }, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: gridStyleClassName, children: [
-      actions,
-      handle
-    ] })
-  ] });
-}
-
-// src/HandleContainer.tsx
-var import_react9 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var HandleContainer = (0, import_react9.forwardRef)(function HandleContainer2({ className: className2, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    "div",
-    {
-      ref,
-      className: `relative text-2xl flex p-0.5 rounded-sm aspect-square hover:bg-me-primary-100 aria-expanded:bg-me-primary-500 aria-expanded:text-white ${className2 || ""}`,
-      ...props
-    }
-  );
-});
-
-// src/CollectionListItem.tsx
-var import_react_iiif_vault6 = require("react-iiif-vault");
-
-// src/icons/CollectionIcon.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-function CollectionIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 -960 960 960",
-      "aria-label": "collection",
-      role: "img",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        "path",
-        {
-          d: "M320-320h480v-480h-80v280l-100-60-100 60v-280H320v480Zm0 80q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320ZM160-80q-33 0-56.5-23.5T80-160v-560h80v560h560v80H160Zm360-720h200-200Zm-200 0h480-480Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
-}
-
-// src/CollectionListItem.tsx
-var import_react_aria2 = require("react-aria");
-var import_i18n = require("@iiif/helpers/i18n");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-function CollectionListItem({ isActive, onAction }) {
-  const collection = (0, import_react_iiif_vault6.useCollection)({});
-  const { pressProps } = (0, import_react_aria2.usePress)({
-    onPress: onAction
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-    "li",
-    {
-      "aria-label": (0, import_i18n.getValue)(collection?.label),
-      className: "border-b-2 border-b-gray-200 flex p-2 gap-3 text-left truncate items-center w-full hover:bg-gray-100 data-[active]:bg-gray-200 data-[active]:border-b-me-primary-500",
-      "data-active": isActive || void 0,
-      ...pressProps,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          CollectionIcon,
-          {
-            "data-active": isActive || void 0,
-            className: "flex-shrink-0 text-2xl data-[active]:text-me-primary-500 text-gray-400"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_iiif_vault6.LocaleString, { children: collection?.label })
-      ]
-    }
-  );
-}
-
-// src/ManifestListItem.tsx
-var import_react_iiif_vault7 = require("react-iiif-vault");
-
-// src/icons/ManifestIcon.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-function ManifestIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "1em",
-      height: "1em",
-      viewBox: "20 -910 960 960",
-      "aria-label": "manifest",
-      role: "img",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        "path",
-        {
-          d: "M480-160q-48-38-104-59t-116-21q-42 0-82.5 11T100-198q-21 11-40.5-1T40-234v-482q0-11 5.5-21T62-752q46-24 96-36t102-12q58 0 113.5 15T480-740v484q51-32 107-48t113-16q36 0 70.5 6t69.5 18v-480q15 5 29.5 10.5T898-752q11 5 16.5 15t5.5 21v482q0 23-19.5 35t-40.5 1q-37-20-77.5-31T700-240q-60 0-116 21t-104 59Zm80-200v-380l200-200v400L560-360Zm-160 65v-396q-33-14-68.5-21.5T260-720q-37 0-72 7t-68 21v397q35-13 69.5-19t70.5-6q36 0 70.5 6t69.5 19Zm0 0v-396 396Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
-}
-
-// src/ManifestListItem.tsx
-var import_react_aria3 = require("react-aria");
-var import_helpers = require("@iiif/helpers");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-function ManifestListItem({ isActive, onAction }) {
-  const manifest = (0, import_react_iiif_vault7.useManifest)();
-  const { pressProps } = (0, import_react_aria3.usePress)({
-    onPress: onAction
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-    "li",
-    {
-      "aria-label": (0, import_helpers.getValue)(manifest?.label),
-      className: "border-b-2 border-b-gray-200 flex p-2 gap-3 text-left truncate items-center w-full hover:bg-gray-100 data-[active]:bg-gray-200 data-[active]:border-b-me-primary-500",
-      "data-active": isActive || void 0,
-      ...pressProps,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          ManifestIcon,
-          {
-            "data-active": isActive || void 0,
-            className: "flex-shrink-0 text-2xl data-[active]:text-me-primary-500 text-gray-400"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_iiif_vault7.LocaleString, { children: manifest?.label })
-      ]
-    }
-  );
-}
-
-// src/icons/CreateCanvasIcon.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-function CreateCanvasIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "0 0 24 24", width: "24", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      "path",
-      {
-        d: "M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z",
-        fill: "currentColor"
-      }
-    )
-  ] });
-}
-
-// src/icons/AddImageIcon.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var AddImageIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#5f6368", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-  "path",
-  {
-    d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h360v80H200v560h560v-360h80v360q0 33-23.5 56.5T760-120H200Zm480-480v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM240-280h480L570-480 450-320l-90-120-120 160Zm-40-480v560-560Z",
-    fill: "currentColor"
-  }
-) });
-
-// src/icons/IIIFLogo.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var IIIFLogo = ({ mono = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlSpace: "preserve",
-    width: "1em",
-    height: "1em",
-    ...props,
-    viewBox: "0 0 493.36 441.333",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-        "path",
-        {
-          d: "m65.242 2178.75 710-263.75-1.25-1900-708.75 261.25v1902.5m738.903 461.34c81.441-240.91-26.473-436.2-241.04-436.2-214.558 0-454.511 195.29-535.953 436.2-81.433 240.89 26.48 436.18 241.039 436.18 214.567 0 454.512-195.29 535.954-436.18",
-          style: {
-            fill: mono ? "currentColor" : "#2873ab",
-            fillOpacity: 1,
-            fillRule: "nonzero",
-            stroke: "none"
-          },
-          transform: "matrix(.13333 0 0 -.13333 0 441.333)"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-        "path",
-        {
-          d: "M1678.58 2178.75 968.578 1915l1.25-1900 708.752 261.25v1902.5m-743.498 461.34c-81.437-240.91 26.477-436.2 241.038-436.2 214.56 0 454.51 195.29 535.96 436.2 81.43 240.89-26.48 436.18-241.04 436.18-214.57 0-454.52-195.29-535.958-436.18",
-          style: {
-            fill: mono ? "currentColor" : "#ed1d33",
-            fillOpacity: 1,
-            fillRule: "nonzero",
-            stroke: "none"
-          },
-          transform: "matrix(.13333 0 0 -.13333 0 441.333)"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-        "path",
-        {
-          d: "m1860.24 2178.75 710-263.75-1.25-1900-708.75 261.25v1902.5m743.5 461.34c81.45-240.91-26.47-436.2-241.03-436.2-214.58 0-454.52 195.29-535.96 436.2-81.44 240.89 26.48 436.18 241.03 436.18 214.57 0 454.51-195.29 535.96-436.18",
-          style: {
-            fill: mono ? "currentColor" : "#2873ab",
-            fillOpacity: 1,
-            fillRule: "nonzero",
-            stroke: "none"
-          },
-          transform: "matrix(.13333 0 0 -.13333 0 441.333)"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-        "path",
-        {
-          d: "M3700.24 3310v-652.5s-230 90-257.5-142.5c-2.5-247.5 0-336.25 0-336.25l257.5 83.75V1690l-258.61-92.5v-1335L2735.24 0v2360s-15 850 965 950",
-          style: {
-            fill: mono ? "currentColor" : "#ed1d33",
-            fillOpacity: 1,
-            fillRule: "nonzero",
-            stroke: "none"
-          },
-          transform: "matrix(.13333 0 0 -.13333 0 441.333)"
-        }
-      )
-    ]
-  }
-);
-
-// src/icons/HTMLIcon.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var HTMLIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#5f6368", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-  "path",
-  {
-    d: "M0-360v-240h60v80h80v-80h60v240h-60v-100H60v100H0Zm310 0v-180h-70v-60h200v60h-70v180h-60Zm170 0v-200q0-17 11.5-28.5T520-600h180q17 0 28.5 11.5T740-560v200h-60v-180h-40v140h-60v-140h-40v180h-60Zm320 0v-240h60v180h100v60H800Z",
-    fill: "currentColor"
-  }
-) });
-
-// src/icons/IIIFBrowserIcon.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var IIIFBrowserIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#5f6368", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-  "path",
-  {
-    d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h200v80H200v560h560v-214l80 80v134q0 33-23.5 56.5T760-120H200Zm40-160 120-160 90 120 120-160 150 200H240Zm622-144L738-548q-21 14-45 21t-51 7q-74 0-126-52.5T464-700q0-75 52.5-127.5T644-880q75 0 127.5 52.5T824-700q0 27-8 52t-20 46l122 122-56 56ZM644-600q42 0 71-29t29-71q0-42-29-71t-71-29q-42 0-71 29t-29 71q0 42 29 71t71 29Z",
-    fill: "currentColor"
-  }
-) });
-
-// src/icons/InfoIcon.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-function InfoIcon({ title, titleId, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", "aria-labelledby": titleId, ...props, children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { id: titleId, children: title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-      "path",
-      {
-        d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z",
-        fill: "currentColor"
-      }
-    )
-  ] });
-}
-
-// src/icons/ListingIcon.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function ListingIcon({
-  title,
-  titleId,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      width: "1em",
-      height: "1em",
-      "aria-labelledby": titleId,
-      ...props,
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { id: titleId, children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("g", { fill: "none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M0 0h24v24H0V0z" }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M0 0h24v24H0V0z", opacity: ".87" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-          "path",
-          {
-            d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/icons/YouTubeIcon.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var YouTubeIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#5f6368", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-  "path",
-  {
-    d: "M616-242q-27 1-51.5 1.5t-43.5.5h-41q-71 0-133-2-53-2-104.5-5.5T168-257q-26-7-45-26t-26-45q-6-23-9.5-56T82-447q-2-36-2-73t2-73q2-30 5.5-63t9.5-56q7-26 26-45t45-26q23-6 74.5-9.5T347-798q62-2 133-2t133 2q53 2 104.5 5.5T792-783q26 7 45 26t26 45q6 23 9.5 56t5.5 63q2 36 2 73v17q-19-8-39-12.5t-41-4.5q-83 0-141.5 58.5T600-320q0 21 4 40.5t12 37.5ZM400-400l208-120-208-120v240Zm360 200v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z",
-    fill: "currentColor"
-  }
-) });
-
-// src/icons/ListEditIcon.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-function ListEditIcon({
-  title,
-  titleId,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      "aria-labelledby": titleId,
-      ...props,
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { id: titleId, children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z" })
-      ]
-    }
-  );
-}
-
-// src/icons/VideoIcon.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var VideoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#5f6368", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-  "path",
-  {
-    d: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h480q33 0 56.5 23.5T720-720v180l160-160v440L720-420v180q0 33-23.5 56.5T640-160H160Zm0-80h480v-480H160v480Zm0 0v-480 480Z",
-    fill: "currentColor"
-  }
-) });
-
-// src/icons/AudioIcon.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var AudioIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#5f6368", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-  "path",
-  {
-    d: "M480-400q-50 0-85-35t-35-85v-240q0-50 35-85t85-35q50 0 85 35t35 85v240q0 50-35 85t-85 35Zm0-240Zm-40 520v-123q-104-14-172-93t-68-184h80q0 83 58.5 141.5T480-320q83 0 141.5-58.5T680-520h80q0 105-68 184t-172 93v123h-80Zm40-360q17 0 28.5-11.5T520-520v-240q0-17-11.5-28.5T480-800q-17 0-28.5 11.5T440-760v240q0 17 11.5 28.5T480-480Z",
-    fill: "currentColor"
-  }
-) });
-
-// src/icons/EmptyCanvasIcon.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var EmptyCanvasIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "#5f6368", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-  "path",
-  {
-    d: "M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z",
-    fill: "currentColor"
-  }
-) });
-
-// src/icons/AddIcon.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
-function AddIcon({
-  className: className2,
-  inline,
-  height = 16,
-  color = "black"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: `${height}px`,
-      viewBox: "0 0 24 24",
-      width: "24px",
-      fill: color,
-      style: { verticalAlign: inline ? "bottom" : void 0 },
-      className: className2,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", fill: "currentColor" })
-      ]
-    }
-  );
-}
-
-// src/icons/MoreMenu.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-function MoreMenu2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "1em",
-      viewBox: "0 0 24 24",
-      width: "1em",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-          "path",
-          {
-            d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/icons/PreviewIcon.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
-function PreviewIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3"
-    }
-  ) });
-}
-
-// src/icons/ImageListIcon.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
-function ImageListIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M1 5h2v14H1zm4 0h2v14H5zm17 0H10c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1M11 17l2.5-3.15L15.29 16l2.5-3.22L21 17z"
-    }
-  ) });
-}
-
-// src/icons/BackIcon.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
-function BackIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { fill: "currentColor", d: "M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20z" }) });
-}
-
-// src/icons/GridIcon.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
-function GridIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M10 10h4v4h-4zm0 6h4v4h-4zM4 4h4v4H4zm0 6h4v4H4zm0 6h4v4H4zM16 4h4v4h-4zm0 6h4v4h-4zm0 6h4v4h-4zM10 4h4v4h-4z",
-        opacity: ".3"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M8 20H4v-4h4zm0-6H4v-4h4zm0-6H4V4h4zm6 12h-4v-4h4zm0-6h-4v-4h4zm0-6h-4V4h4zm6 12h-4v-4h4zm0-6h-4v-4h4zm0-6h-4V4h4z"
-      }
-    )
-  ] });
-}
-
-// src/icons/ScaledImageIcon.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
-function ScaledImageIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M21 15h2v2h-2zm0-4h2v2h-2zm2 8h-2v2c1 0 2-1 2-2M13 3h2v2h-2zm8 4h2v2h-2zm0-4v2h2c0-1-1-2-2-2M1 7h2v2H1zm16-4h2v2h-2zm0 16h2v2h-2zM3 3C2 3 1 4 1 5h2zm6 0h2v2H9zM5 3h2v2H5zm-4 8v8c0 1.1.9 2 2 2h12V11zm2 8l2.5-3.21l1.79 2.15l2.5-3.22L13 19z"
-    }
-  ) });
-}
-
-// src/ErrorMessage.tsx
-var import_tailwind_merge8 = require("tailwind-merge");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-function ErrorMessage({ children, small = false, className: className2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-    "div",
-    {
-      className: (0, import_tailwind_merge8.twMerge)(
-        "bg-red-500 text-white",
-        "border-1 drop-shadow border-red-700 w-full rounded-md py-2 px-4 leading-[1.9em] flex items-center",
-        "has-[a]:text-white",
-        small && "text-xs whitespace-nowrap py-1 px-2 leading-[1.6em] w-fit",
-        className2
-      ),
-      children
-    }
-  );
-}
-
-// src/hooks.ts
-var import_react10 = require("react");
-function useFastList(list, firstRender = 24) {
-  const [isMounted, setIsMounted] = (0, import_react10.useState)(false);
-  (0, import_react10.useLayoutEffect)(() => {
-    if (list) {
-      setTimeout(() => {
-        setIsMounted(true);
-      }, 0);
-    }
-  }, [list]);
-  if (!list) {
-    return [];
-  }
-  if (isMounted) {
-    return list;
-  }
-  return list.slice(0, firstRender);
-}
-
-// src/RenderTextualContent.tsx
-var import_react11 = require("react");
-var import_react_aria_components10 = require("react-aria-components");
-var import_react_iiif_vault8 = require("react-iiif-vault");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-function RenderTextualContent(props) {
-  const languages = props.strategy.items.map(
-    (item) => Object.keys(item.text)[0]
-  );
-  const [langauge, setLanguage] = (0, import_react11.useState)(languages[0]);
-  const selected = props.strategy.items.find(
-    (item) => Object.keys(item.text)[0] === langauge
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "overflow-y-auto bg-white shadow", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex gap-2 border-b", children: languages.map((language) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-        import_react_aria_components10.Button,
-        {
-          className: `py-1 px-3 ${langauge === language ? "bg-me-500 text-white" : "bg-white text-black"}`,
-          onPress: () => setLanguage(language),
-          children: language
-        },
-        language
-      );
-    }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "p-4 prose", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-      import_react_iiif_vault8.LocaleString,
-      {
-        enableDangerouslySetInnerHTML: true,
-        defaultText: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-gray-500 my-8", children: "No content available" }),
-        children: selected?.text
-      }
-    ) })
-  ] });
-}
-
-// src/IIIFMediaPlayer.tsx
-var import_base = require("@vidstack/react/player/styles/base.css");
-var import_theme = require("@vidstack/react/player/styles/default/theme.css");
-var import_captions = require("@vidstack/react/player/styles/default/captions.css");
-var import_video = require("@vidstack/react/player/styles/default/layouts/video.css");
-var import_react12 = require("@vidstack/react");
-var import_default = require("@vidstack/react/player/layouts/default");
-var import_helpers2 = require("@iiif/helpers");
-var import_react13 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-function IIIFMediaPlayer(props) {
-  const mediaPlayer = (0, import_react13.useRef)(null);
-  const captions = props.captions || [];
-  const language = props.language;
-  const timeRef = (0, import_react13.useRef)(props.startTime || 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-    import_react12.MediaPlayer,
-    {
-      onTimeUpdate: (time) => {
-        const newT = Math.round(time.currentTime);
-        if (timeRef.current === newT)
-          return;
-        timeRef.current = newT;
-      },
-      ref: mediaPlayer,
-      lang: language,
-      className: "h-full w-full min-w-[275px] flex radius-0",
-      playsInline: true,
-      currentTime: props.startTime,
-      duration: props.media.duration,
-      src: [
-        {
-          src: props.media.url,
-          type: props.media.format
-        }
-      ],
-      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_react12.MediaProvider, { className: "w-full h-full [&>video]:w-full [&>video]:h-full [&>video]:object-contain", children: [
-        captions.map((caption) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-            import_react12.Track,
-            {
-              src: caption.id,
-              kind: "subtitles",
-              label: (0, import_helpers2.getValue)(caption.label),
-              default: caption.language === language,
-              language: caption.language
-            },
-            caption.id
-          );
-        }),
-        props.poster ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-          import_react12.Poster,
-          {
-            className: "absolute inset-0 bg-black block h-full w-full opacity-0 transition-opacity data-[visible]:opacity-100 object-contain",
-            src: props.poster
-          }
-        ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Gestures, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-          import_default.DefaultVideoLayout,
-          {
-            className: "z-1",
-            noGestures: true,
-            icons: import_default.defaultLayoutIcons
-          }
-        )
-      ] })
-    }
-  );
-}
-function Gestures() {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-      import_react12.Gesture,
-      {
-        className: "pointer-coarse:hidden absolute top-0 start-12 bottom-20 right-0 -z-1 block",
-        event: "pointerup",
-        action: "toggle:paused"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react12.Gesture, { className: "absolute inset-0 z-0 block h-full w-full", event: "dblpointerup", action: "toggle:fullscreen" })
-  ] });
-}
+      `}function r(){i.current.style.transform=``,a.current.style.backgroundImage=``}let o=!1,s=()=>{e=i.current.getBoundingClientRect(),o=!0},c=()=>{o=!1,r()},l=e=>{o&&n(e)};return i.current.addEventListener(`mouseenter`,s),i.current.addEventListener(`mouseleave`,c),i.current.addEventListener(`mousemove`,l),()=>{i.current.removeEventListener(`mouseenter`,s),i.current.removeEventListener(`mouseleave`,c),i.current.removeEventListener(`mousemove`,l)}},[]),(0,l.jsxs)(`div`,{ref:i,className:(0,u.twMerge)(`relative transition-all hover:duration-50`,t&&`hover:shadow-xl`,e),...r,children:[n,(0,l.jsx)(`div`,{className:`pointer-events-none absolute inset-0 transition-all`,style:{backgroundImage:`radial-gradient(circle at 50% -20%, #ffffff00, #ffffff00)`},ref:a})]})}function k(e){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:[(0,l.jsx)(`title`,{children:`Text`}),(0,l.jsx)(`path`,{fill:`currentColor`,d:`M3 21v-2h18v2zm0-4v-2h12v2zm0-4v-2h18v2zm0-4V7h12v2zm0-4V3h18v2z`})]})}function A(e){return(0,l.jsx)(`svg`,{width:`1em`,height:`1em`,viewBox:`0 0 42 42`,xmlns:`http://www.w3.org/2000/svg`,stroke:`currentColor`,...e,children:(0,l.jsxs)(`g`,{transform:`translate(2 2)`,strokeWidth:5,fill:`none`,fillRule:`evenodd`,children:[(0,l.jsx)(`circle`,{strokeOpacity:.5,cx:18,cy:18,r:18}),(0,l.jsx)(`path`,{d:`M36 18c0-9.94-8.06-18-18-18`,children:(0,l.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,from:`0 18 18`,to:`360 18 18`,dur:`1s`,repeatCount:`indefinite`})})]})})}function j({cover:e,fade:t=!0}){return(0,l.jsx)(h.LazyLoadComponent,{children:(0,l.jsx)(oe,{cover:e,fade:t})})}const M=new Map;function oe({cover:e,fade:t=!0}){let[n]=(0,f.useRenderingStrategy)();return n.type===`images`&&n.images.length>1?(0,l.jsx)(le,{cover:e,fade:t}):n.type===`textual-content`?(0,l.jsx)(`div`,{className:`text-black/30 flex items-center justify-center h-full bg-me-gray-100 animate-fadeInDelayed absolute inset-0`,children:(0,l.jsx)(k,{className:`w-16 h-16`})}):(0,l.jsx)(se,{cover:e,fade:t})}function se({cover:e,fade:t=!0}){(0,p.useRef)(null);let n=(0,f.useCanvas)(),r=n?!!M.get(n?.id):!1,[i,a]=(0,p.useState)(!r),o=(0,f.useThumbnail)({height:256,width:256},!0),s=o?.id;n?.id&&s?M.set(n.id,s):n?.id&&M.get(n.id)&&(s=M.get(n?.id)),(0,p.useEffect)(()=>{s&&!r&&a(!0)},[s,r]);let c=(0,p.useCallback)(e=>{e&&!r&&(e.complete||e.naturalWidth>0)&&a(!1)},[r]);return(0,l.jsxs)(`div`,{className:`w-full h-full relative`,children:[o?.id?(0,l.jsx)(`img`,{onLoad:()=>a(!1),ref:c,src:o?.id,alt:``,className:`select-none w-full h-full ${e?`object-cover`:`object-contain`} ${i?`opacity-0`:r?``:`animate-fadeIn`}`}):(0,l.jsx)(ce,{}),!o?.id||i?(0,l.jsx)(`div`,{className:(0,u.twMerge)(`absolute inset-0 flex items-center justify-center bg-me-gray-100 text-2xl z-10`,t&&`animate-fadeIn`),children:(0,l.jsx)(A,{})}):null]})}function ce(){let[e]=(0,f.useRenderingStrategy)();return e.type===`textual-content`?(0,l.jsx)(`div`,{className:`text-black/30 flex items-center justify-center h-full bg-me-gray-100 animate-fadeInDelayed absolute inset-0`,children:(0,l.jsx)(k,{className:`w-16 h-16`})}):(0,l.jsx)(`div`,{className:`text-black/30 flex items-center justify-center h-full bg-me-gray-100 animate-fadeInDelayed absolute inset-0`,children:`No thumbnail`})}function le({cover:e,fade:t=!0}){let n=(0,f.useCanvas)(),[r]=(0,f.useRenderingStrategy)(),i=(0,f.useVault)(),a=(0,p.useMemo)(()=>(0,m.createThumbnailHelper)(i),[i]),[o,s]=(0,p.useState)({canvasId:null,imagesToRender:[]});return(0,p.useEffect)(()=>{let e=new AbortController;return(async()=>{if(!n||r.type!==`images`||r.images.length<=1)return;let t=[];for(let o of r.images){let r=o.annotation.body[0]?i.get(o.annotation.body[0]):o.annotation;if(await a.getBestThumbnailAtSize(r,{width:256,height:256,maxWidth:768,maxHeight:768,unsafeImageService:!0,allowUnsafe:!0,returnAllOptions:!0}).then(n=>{if(!e.signal.aborted&&n.best?.type===`fixed`){if(n.best.id.includes(`/full/full/`)){t.push({image:{...n.best,id:n.best.id.replace(`/full/full/`,`/full/256,/`)},target:o.target});return}t.push({image:n.best,target:o.target})}}),e.signal.aborted)return;s({canvasId:n.id,imagesToRender:t})}})().catch(e=>{}),()=>{e.abort()}},[r,a]),!o||!n||o.canvasId!==n?.id?(0,l.jsx)(`div`,{className:(0,u.twMerge)(`absolute inset-0 flex items-center justify-center bg-me-gray-100 text-2xl z-10`,t&&`animate-fadeIn`),children:(0,l.jsx)(A,{})}):(0,l.jsx)(`div`,{className:`flex items-center justify-center w-full h-full`,children:(0,l.jsx)(`div`,{className:`relative overflow-hidden margin-auto h-full w-full basis-[content] bg-white`,style:{aspectRatio:`${n.width/n.height}`},children:o.imagesToRender.map(e=>(0,l.jsx)(`div`,{className:`absolute`,style:{width:`${e.target.spatial.width/n.width*100}%`,height:`${e.target.spatial.height/n.height*100}%`,top:`${e.target.spatial.y/n.height*100}%`,left:`${e.target.spatial.x/n.width*100}%`},children:(0,l.jsx)(`img`,{className:`w-full h-full object-cover select-none`,src:e.image.id})},e.image.id))})})}const N=(...e)=>(0,u.twMerge)((0,ee.clsx)(e));function ue(e){let{dragProps:t}=(0,d.useDrag)({isDisabled:!e.dragState,getItems(){return[{"text/plain":JSON.stringify(e.dragState)}]}});return(0,l.jsx)(f.CanvasContext,{canvas:e.id,children:(0,l.jsxs)(`div`,{...e.dragState?t:{},onClick:e.onClick,className:(0,u.twMerge)(`flex flex-col`,e.className),"data-canvas-selected":e.selected,...e.containerProps||{},children:[(0,l.jsxs)(`div`,{className:`bg-me-gray-100 relative w-full aspect-square group flex-1 overflow-hidden rounded`,children:[(0,l.jsx)(O,{"data-canvas-selected":e.active,"aria-selected":e.active,className:N(`border-2 border-transparent  p-1 w-full h-full rounded select-none`,e.selected&&`border-me-primary-500`),children:(0,l.jsx)(j,{})}),e.icon||null]}),e.hideLabel?null:e.customLabel?e.customLabel({className:`text-sm text-center truncate mt-1`}):(0,l.jsx)(ae,{className:`text-sm text-center truncate mt-1`,as:`div`})]})})}function P(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 -960 960 960`,"aria-label":`collection`,role:`img`,...e,children:(0,l.jsx)(`path`,{d:`M320-320h480v-480h-80v280l-100-60-100 60v-280H320v480Zm0 80q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320ZM160-80q-33 0-56.5-23.5T80-160v-560h80v560h560v80H160Zm360-720h200-200Zm-200 0h480-480Z`,fill:`currentColor`})})}function de({isActive:e,onAction:t}){let n=(0,f.useCollection)({}),{pressProps:r}=(0,d.usePress)({onPress:t});return(0,l.jsxs)(`li`,{"aria-label":(0,te.getValue)(n?.label),className:`border-b-2 border-b-gray-200 flex p-2 gap-3 text-left truncate items-center w-full hover:bg-gray-100 data-[active]:bg-gray-200 data-[active]:border-b-me-primary-500`,"data-active":e||void 0,...r,children:[(0,l.jsx)(P,{"data-active":e||void 0,className:`flex-shrink-0 text-2xl data-[active]:text-me-primary-500 text-gray-400`}),(0,l.jsx)(f.LocaleString,{children:n?.label})]})}function fe({onPress:e,children:t}){return(0,l.jsx)(c.Button,{className:`bg-me-primary-500 px-3 py-1 hover:bg-me-primary-600 text-white rounded`,onPress:e,children:t})}function pe({children:e,className:t,...n}){return(0,l.jsx)(`button`,{className:N(`bg-white border border-me-primary-500 text-xs py-1 px-2 rounded text-me-primary-600 hover:bg-me-primary-50`,t),...n,children:e})}function me(e){return(0,l.jsx)(c.ListBox,{orientation:`horizontal`,"aria-label":e.label,selectionMode:`single`,items:e.items,className:`grid grid-sm gap-4 p-4 mb-8`,children:e=>(0,l.jsx)(he,{...e})})}function he(e){return(0,l.jsxs)(c.ListBoxItem,{id:e.id,onAction:e.onClick,className:e=>(0,u.twMerge)(`bg-white p-2 border-me-gray-300 rounded-md border hover:border-me-primary-500`,e.isFocused&&`border-me-primary-500 outline-me-primary-500 outline-2`),children:[(0,l.jsx)(`div`,{className:`rounded bg-me-gray-300 mb-2 flex items-center justify-center py-1 aspect-square`,children:(0,l.jsx)(`div`,{className:`text-center [&>svg]:w-16 [&>svg]:h-16`,children:e.icon})}),(0,l.jsx)(`div`,{className:`text-center font-semibold text-sm`,children:e.title}),(0,l.jsx)(`div`,{className:`text-sm text-center text-black/50`,children:e.description})]})}const F=e=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`#5f6368`,viewBox:`0 -960 960 960`,...e,children:(0,l.jsx)(`path`,{d:`M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z`,fill:`currentColor`})});function I({initialOpen:e=!1,placement:t=`top`,open:n,onOpenChange:r}={}){let[i,a]=p.useState(e),o=n??i,s=r??a,c=(0,g.useFloating)({placement:t,open:o,onOpenChange:s,whileElementsMounted:g.autoUpdate,middleware:[(0,g.offset)(5),(0,g.flip)({crossAxis:t.includes(`-`),fallbackAxisSideDirection:`start`,padding:5}),(0,g.shift)({padding:5})]}),l=c.context,u=(0,g.useInteractions)([(0,g.useHover)(l,{move:!1,enabled:n==null}),(0,g.useFocus)(l,{enabled:n==null}),(0,g.useDismiss)(l),(0,g.useRole)(l,{role:`tooltip`})]);return p.useMemo(()=>({open:o,setOpen:s,...u,...c}),[o,s,u,c])}const L=p.createContext(null),R=()=>{let e=p.useContext(L);if(e==null)throw Error(`Tooltip components must be wrapped in <Tooltip />`);return e};function z({children:e,...t}){let n=I(t);return(0,l.jsx)(L.Provider,{value:n,children:e})}const B=p.forwardRef(function({children:e,as:t,asChild:n=!1,...r},i){let a=R(),o=e.ref,s=(0,g.useMergeRefs)([a.refs.setReference,i,o]);return n&&p.isValidElement(e)?p.cloneElement(e,a.getReferenceProps({ref:s,...r,...e.props,"data-state":a.open?`open`:`closed`})):(0,l.jsx)(t||c.Button,{ref:s,"data-state":a.open?`open`:`closed`,...a.getReferenceProps(r),children:e})}),V=p.forwardRef(function({style:e,root:t,...n},r){let i=R(),a=(0,g.useMergeRefs)([i.refs.setFloating,r]);return i.open?(0,l.jsx)(g.FloatingPortal,{root:t,children:(0,l.jsx)(`div`,{ref:a,style:{...i.floatingStyles,...e},...i.getFloatingProps(n)})}):null});function H(e){return(0,l.jsx)(V,{root:e.root,className:(0,u.twMerge)(`bg-me-gray-900 text-white text-sm px-3 py-2 rounded opacity-90 z-50`,e.className),children:e.children})}function ge({label:e,id:t,getData:n,fileName:r,fileType:i}){let a=(0,d.useId)(t);return(0,l.jsx)(z,{placement:`bottom`,children:(0,l.jsxs)(B,{className:`bg-me-gray-100 hover:bg-me-primary-500 hover:text-white p-1 rounded-md text-me-primary-500 text-2xl`,"aria-label":e,id:a,onPress:()=>U(n(),r,i),children:[(0,l.jsx)(F,{"aria-labelledby":t}),(0,l.jsx)(H,{children:e})]})})}function U(e,t,n=`text/json`){let r=e instanceof Blob?e:new Blob([e],{type:n}),i=document.createElement(`a`);i.download=t,i.href=window.URL.createObjectURL(r);let a=new MouseEvent(`click`,{view:window,bubbles:!0,cancelable:!0});i.dispatchEvent(a),i.remove()}function _e(e){return(0,l.jsx)(`div`,{className:N(`flex items-center justify-center text-gray-400 text-md`,e.$noMargin?``:`m-4`,e.$box?`p-4 border border-gray-200 rounded`:``),children:e.children})}function ve({children:e,small:t=!1,className:n}){return(0,l.jsx)(`div`,{className:(0,u.twMerge)(`bg-red-500 text-white`,`border-1 drop-shadow border-red-700 w-full rounded-md py-2 px-4 leading-[1.9em] flex items-center`,`has-[a]:text-white`,t&&`text-xs whitespace-nowrap py-1 px-2 leading-[1.6em] w-fit`,n),children:e})}function ye({className:e,...t}){return(0,l.jsx)(c.Label,{className:N(`font-semibold text-sm`,e),...t})}function be({className:e,...t}){return(0,l.jsx)(c.RadioGroup,{className:N(``,e),...t})}function xe({className:e,...t}){return(0,l.jsx)(c.Radio,{className:t=>N(`outline outline-me-primary-500 outline-offset-2 w-5 h-5 rounded-full bg-white transition-all border-[7px] border-gray-700 group-pressed:border-gray-800 outline-0`,e),...t})}function Se({className:e,...t}){return(0,l.jsx)(c.Form,{className:N(``,e),...t})}function Ce({className:e,...t}){return(0,l.jsx)(c.Input,{className:N(`p-2 bg-me-gray-100 border-b border-b-me-gray-500`,`focus:ring-0 outline-0 focus:border-me-primary-500 focus:bg-[#ECEEF5]`,e),...t})}function we({className:e,...t}){return(0,l.jsx)(c.TextArea,{className:N(`p-2 bg-me-gray-100 border-b border-b-me-gray-500`,`focus:ring-0 outline-0 focus:border-me-primary-500 focus:bg-[#ECEEF5]`,e),...t})}function Te({horizontal:e,className:t,...n}){return(0,l.jsx)(`div`,{className:N(`flex flex-col gap-2`,e&&`flex-row`,t),...n})}const Ee={Input:Ce,Form:Se,Label:ye,InputContainer:Te,RadioGroup:be,Radio:xe,TextArea:we},De=(0,p.forwardRef)(function({className:e,...t},n){return(0,l.jsx)(`div`,{ref:n,className:`relative text-2xl flex p-0.5 rounded-sm aspect-square hover:bg-me-primary-100 aria-expanded:bg-me-primary-500 aria-expanded:text-white ${e||``}`,...t})});function Oe({className:e,locale:t}){let n=(0,f.useAnnotation)();return(0,l.jsx)(`div`,{className:e,children:(0,p.useMemo)(()=>{if(!n?.body)return[];let e=[];if(t&&n){let r=n.body.filter(e=>(Array.isArray(e.language)?e.language[0]:e.language)===t);e=r.length?r:[n.body[0]]}else e=n.body;return e.filter(e=>e).map(e=>e.value).filter(Boolean)},[t,n]).map((e,t)=>(0,l.jsx)(`div`,{className:`prose-headings:mt-1 prose-headings:mb-1 prose-sm`,children:(0,l.jsx)(`div`,{dangerouslySetInnerHTML:{__html:e}})},t))})}function W({editorRef:e,...t}){return(0,l.jsx)(b.MDXEditor,{plugins:(0,p.useMemo)(()=>[(0,b.headingsPlugin)({allowedHeadingLevels:[2,3]}),(0,b.listsPlugin)(),(0,b.linkPlugin)(),(0,b.quotePlugin)(),(0,b.thematicBreakPlugin)(),(0,b.linkDialogPlugin)(),(0,b.imagePlugin)(),(0,b.diffSourcePlugin)(),(0,b.toolbarPlugin)({toolbarClassName:`mdx-toolbar`,toolbarContents:()=>(0,l.jsxs)(l.Fragment,{children:[` `,(0,l.jsx)(b.UndoRedo,{}),(0,l.jsx)(b.BoldItalicUnderlineToggles,{}),(0,l.jsx)(b.BlockTypeSelect,{}),(0,l.jsx)(b.ListsToggle,{options:[`bullet`,`number`]}),(0,l.jsx)(b.CreateLink,{}),(0,l.jsx)(b.InsertImage,{})]})})],[]),...t,ref:e})}const G=new _.Converter;G.setFlavor(`github`);const ke=new y.default;function Ae({className:e,value:t,onChange:n,disabled:r}){let i=(0,p.useRef)(null),[a,o]=(0,p.useState)(void 0),s=(0,p.useCallback)(()=>{i.current&&n(G.makeHtml(i.current.getMarkdown()))},[]),c=(0,v.useDebounce)(s,400),d=(0,p.useMemo)(()=>ke.turndown(t),[]);return(0,p.useEffect)(()=>{let e=i.current;return()=>{e&&n(G.makeHtml(e.getMarkdown()))}},[]),(0,l.jsx)(W,{editorRef:i,onBlur:s,readOnly:r,className:(0,u.twMerge)([`bg-white prose-sm text-sm border rounded prose-a:text-me-primary-500 prose-a:underline prose-ul:list-disc p-0.5`,`prose-ol:list-decimal`,`focus-within:outline-none focus-within:border-me-primary-500 z-50 relative`].join(` `),e),markdown:d,suppressHtmlProcessing:!0,onError:e=>{console.log(`err`,e)},onChange:e=>{o(e),c()}})}function je(e,t=24){let[n,r]=(0,p.useState)(!1);return(0,p.useLayoutEffect)(()=>{e&&setTimeout(()=>{r(!0)},0)},[e]),e?n?e:e.slice(0,t):[]}globalThis.MS_LS_EMITTER=globalThis.MS_LS_EMITTER||(0,x.default)();const K=globalThis.MS_LS_EMITTER;function Me(e,t,n){let[r,i]=(0,p.useState)(t),[a,o]=q(e,t);return n?[r,i]:[a,o]}function q(e,t){let n=(0,p.useRef)();!n.current&&t!==void 0&&(n.current=JSON.stringify(t));let[r,i]=(0,p.useState)(()=>{try{if(typeof window>`u`||window.localStorage===void 0)return t;let r=window.localStorage.getItem(e);return r!=null&&(n.current=r),r?JSON.parse(r):t}catch(e){return console.log(e),t}});return(0,p.useEffect)(()=>{let t=({valueJson:e})=>{if(e&&e!==n.current)try{i(JSON.parse(e)),n.current=e}catch{}};return K.on(`change:${e}`,t),()=>{K.off(`change:${e}`,t)}},[e]),[r,r=>{try{if(typeof window<`u`&&window.localStorage!==void 0){let a=t;try{a=n.current===void 0?t:JSON.parse(n.current)}catch{}let o=r instanceof Function?r(a):r;i(o);let s=JSON.stringify(o);window.localStorage.setItem(e,s),s!==n.current&&(n.current=s,K.emit(`change:${e}`,{valueJson:s}))}}catch(e){console.log(e)}},n]}function Ne(e,t={}){let{defaultGridSize:n=`grid-md`,onDark:r=!1}=t,[i,a]=q(e||`default-grid-size`,n||`grid-md`);return[{size:i},(0,l.jsxs)(`div`,{className:`flex gap-2 items-center`,id:`grid-options`,children:[(0,l.jsx)(`div`,{className:r?`opacity-90 text-white text-sm`:`opacity-90 text-sm`,children:`Grid size:`}),(0,l.jsx)(D,{onDark:r,primary:i===`grid-sm`,onPress:()=>a(`grid-sm`),children:`Small`}),(0,l.jsx)(D,{onDark:r,primary:i===`grid-md`,onPress:()=>a(`grid-md`),children:`Medium`}),(0,l.jsx)(D,{onDark:r,primary:i===`grid-lg`,onPress:()=>a(`grid-lg`),children:`Large`})]})]}function Pe(e,t){let[n,r]=(0,p.useState)(t.batchSize),i=(0,p.useMemo)(()=>e.slice(0,n),[e,n]),a=(0,p.useCallback)(()=>{r(e=>e+t.batchSize)},[t.batchSize]),o=(0,p.useMemo)(()=>(0,l.jsx)(`div`,{style:{width:1,height:1},ref:e=>{let t=new IntersectionObserver(e=>{e[0]?.isIntersecting&&a()},{root:e?.parentElement,threshold:.1});return e&&t.observe(e),()=>{e&&t.unobserve(e)}}}),[a]),s=n>=e.length;return[s?e:i,{intersector:s?null:o,loadMore:a,isFullyLoaded:s,reset:()=>{r(t.batchSize)}}]}function Fe({children:e,active:t,label:n,disabled:r,onPress:i,root:a,className:o,placement:s=`top`}){return(0,l.jsx)(z,{placement:s,children:(0,l.jsxs)(B,{"aria-label":n,onClick:i,className:(0,u.twMerge)(`rounded flex items-center bg-white justify-center p-2 hover:bg-gray-100 text-2xl`,t?`bg-me-primary-500 bg-opacity-40 hover:bg-opacity-70 hover:bg-me-primary-500`:``,r?`opacity-50 pointer-events-none`:``,o),children:[e,(0,l.jsx)(H,{root:a,className:`translate-x-3 z-50`,children:n})]})})}const Ie=(0,p.forwardRef)(function({className:e,...t},n){return(0,l.jsx)(c.Button,{className:(0,u.twMerge)(`transition-all mt-1 mb-1 opacity-0 transform scale-y-70 focus:ring focus:ring-me-500`,`bg-white h-8 w-8 flex items-center justify-center rounded-full drop-shadow select-none group-hover:opacity-100 text-gray-500`,`hover:text-me-500 hover:bg-me-100`,e),...t,ref:n})});function Le(e){let t=(0,p.useRef)(null),n=e.captions||[],r=e.language,i=(0,p.useRef)(e.startTime||0);return(0,l.jsx)(S.MediaPlayer,{onTimeUpdate:e=>{let t=Math.round(e.currentTime);i.current!==t&&(i.current=t)},ref:t,lang:r,className:`h-full w-full min-w-[275px] flex radius-0`,playsInline:!0,currentTime:e.startTime,duration:e.media.duration,src:[{src:e.media.url,type:e.media.format}],children:(0,l.jsxs)(S.MediaProvider,{className:`w-full h-full [&>video]:w-full [&>video]:h-full [&>video]:object-contain`,children:[n.map(e=>(0,l.jsx)(S.Track,{src:e.id,kind:`subtitles`,label:(0,m.getValue)(e.label),default:e.language===r,language:e.language},e.id)),e.poster?(0,l.jsx)(S.Poster,{className:`absolute inset-0 bg-black block h-full w-full opacity-0 transition-opacity data-[visible]:opacity-100 object-contain`,src:e.poster}):null,(0,l.jsx)(Re,{}),(0,l.jsx)(C.DefaultVideoLayout,{className:`z-1`,noGestures:!0,icons:C.defaultLayoutIcons})]})})}function Re(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(S.Gesture,{className:`pointer-coarse:hidden absolute top-0 start-12 bottom-20 right-0 -z-1 block`,event:`pointerup`,action:`toggle:paused`}),(0,l.jsx)(S.Gesture,{className:`absolute inset-0 z-0 block h-full w-full`,event:`dblpointerup`,action:`toggle:fullscreen`})]})}function ze({children:e,small:t=!1,className:n}){return(0,l.jsx)(`div`,{className:(0,u.twMerge)(`bg-me-500 text-white`,`border-1 drop-shadow border-me-700 w-full rounded-md py-2 px-4 leading-[1.9em] flex items-center`,`has-[a]:text-white`,t&&`text-xs whitespace-nowrap py-1 px-2 leading-[1.6em] w-fit`,n),children:e})}function Be({children:e,handle:t,actions:n,grid:r}){return(0,l.jsxs)(`div`,{className:r?`relative flex flex-col`:`flex items-center`,children:[(0,l.jsx)(`div`,{className:`flex-1 min-w-0`,style:{flex:1,minWidth:0},children:e}),(0,l.jsxs)(`div`,{className:r?`absolute flex p-1 gap-1 bg-white z-1 right-1 top-1 rounded`:`flex-shrink-0 flex items-center gap-1 px-1`,children:[n,t]})]})}function Ve({className:e,inline:t,height:n=16,color:r=`black`}){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`${n}px`,viewBox:`0 0 24 24`,width:`24px`,fill:r,style:{verticalAlign:t?`bottom`:void 0},className:e,children:[(0,l.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,l.jsx)(`path`,{d:`M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z`,fill:`currentColor`})]})}const He=e=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`#5f6368`,viewBox:`0 -960 960 960`,...e,children:(0,l.jsx)(`path`,{d:`M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h360v80H200v560h560v-360h80v360q0 33-23.5 56.5T760-120H200Zm480-480v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM240-280h480L570-480 450-320l-90-120-120 160Zm-40-480v560-560Z`,fill:`currentColor`})});function Ue(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm9-2V5H5v14z`})})}function We(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h16q.825 0 1.413.588T22 6v5h-2V6H4v12h11v2H4Zm7.075-5.5l1.425-1.425L9.4 10H12V8H6v6h2v-2.575l3.075 3.075ZM17 20v-7h5v7h-5Zm-5-8Z`})})}const Ge=e=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`#5f6368`,viewBox:`0 -960 960 960`,...e,children:(0,l.jsx)(`path`,{d:`M480-400q-50 0-85-35t-35-85v-240q0-50 35-85t85-35q50 0 85 35t35 85v240q0 50-35 85t-85 35Zm0-240Zm-40 520v-123q-104-14-172-93t-68-184h80q0 83 58.5 141.5T480-320q83 0 141.5-58.5T680-520h80q0 105-68 184t-172 93v123h-80Zm40-360q17 0 28.5-11.5T520-520v-240q0-17-11.5-28.5T480-800q-17 0-28.5 11.5T440-760v240q0 17 11.5 28.5T480-480Z`,fill:`currentColor`})});function Ke(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20z`})})}function qe(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z`})})}function Je(){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`24`,viewBox:`0 0 24 24`,width:`24`,children:[(0,l.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,l.jsx)(`path`,{d:`M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z`,fill:`currentColor`})]})}function J(e){return(0,l.jsxs)(`svg`,{height:`1em`,width:`1em`,viewBox:`0 0 24 24`,...e,children:[(0,l.jsx)(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),(0,l.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,l.jsx)(`path`,{d:`M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z`,fill:`currentColor`})]})}function Ye(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12l1.41 1.41L13.41 14l2.12 2.12l-1.41 1.41L12 15.41l-2.12 2.12l-1.41-1.41L10.59 14zM15.5 4l-1-1h-5l-1 1H5v2h14V4z`})})}function Xe(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M14 11c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1s.45-1 1-1h9c.55 0 1 .45 1 1M3 7c0 .55.45 1 1 1h9c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1m7 8c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1h5c.55 0 1-.45 1-1m8.01-2.13l.71-.71a.996.996 0 0 1 1.41 0l.71.71c.39.39.39 1.02 0 1.41l-.71.71zm-.71.71l-5.16 5.16c-.09.09-.14.21-.14.35v1.41c0 .28.22.5.5.5h1.41c.13 0 .26-.05.35-.15l5.16-5.16z`})})}const Ze=e=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`#5f6368`,viewBox:`0 -960 960 960`,...e,children:(0,l.jsx)(`path`,{d:`M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z`,fill:`currentColor`})});function Qe(e){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:[(0,l.jsx)(`path`,{fill:`currentColor`,d:`M10 10h4v4h-4zm0 6h4v4h-4zM4 4h4v4H4zm0 6h4v4H4zm0 6h4v4H4zM16 4h4v4h-4zm0 6h4v4h-4zm0 6h4v4h-4zM10 4h4v4h-4z`,opacity:`.3`}),(0,l.jsx)(`path`,{fill:`currentColor`,d:`M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M8 20H4v-4h4zm0-6H4v-4h4zm0-6H4V4h4zm6 12h-4v-4h4zm0-6h-4v-4h4zm0-6h-4V4h4zm6 12h-4v-4h4zm0-6h-4v-4h4zm0-6h-4V4h4z`})]})}const $e=e=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`#5f6368`,viewBox:`0 -960 960 960`,...e,children:(0,l.jsx)(`path`,{d:`M0-360v-240h60v80h80v-80h60v240h-60v-100H60v100H0Zm310 0v-180h-70v-60h200v60h-70v180h-60Zm170 0v-200q0-17 11.5-28.5T520-600h180q17 0 28.5 11.5T740-560v200h-60v-180h-40v140h-60v-140h-40v180h-60Zm320 0v-240h60v180h100v60H800Z`,fill:`currentColor`})}),et=e=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`#5f6368`,viewBox:`0 -960 960 960`,...e,children:(0,l.jsx)(`path`,{d:`M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h200v80H200v560h560v-214l80 80v134q0 33-23.5 56.5T760-120H200Zm40-160 120-160 90 120 120-160 150 200H240Zm622-144L738-548q-21 14-45 21t-51 7q-74 0-126-52.5T464-700q0-75 52.5-127.5T644-880q75 0 127.5 52.5T824-700q0 27-8 52t-20 46l122 122-56 56ZM644-600q42 0 71-29t29-71q0-42-29-71t-71-29q-42 0-71 29t-29 71q0 42 29 71t71 29Z`,fill:`currentColor`})}),tt=({mono:e=!0,...t})=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,xmlSpace:`preserve`,width:`1em`,height:`1em`,...t,viewBox:`0 0 493.36 441.333`,children:[(0,l.jsx)(`path`,{d:`m65.242 2178.75 710-263.75-1.25-1900-708.75 261.25v1902.5m738.903 461.34c81.441-240.91-26.473-436.2-241.04-436.2-214.558 0-454.511 195.29-535.953 436.2-81.433 240.89 26.48 436.18 241.039 436.18 214.567 0 454.512-195.29 535.954-436.18`,style:{fill:e?`currentColor`:`#2873ab`,fillOpacity:1,fillRule:`nonzero`,stroke:`none`},transform:`matrix(.13333 0 0 -.13333 0 441.333)`}),(0,l.jsx)(`path`,{d:`M1678.58 2178.75 968.578 1915l1.25-1900 708.752 261.25v1902.5m-743.498 461.34c-81.437-240.91 26.477-436.2 241.038-436.2 214.56 0 454.51 195.29 535.96 436.2 81.43 240.89-26.48 436.18-241.04 436.18-214.57 0-454.52-195.29-535.958-436.18`,style:{fill:e?`currentColor`:`#ed1d33`,fillOpacity:1,fillRule:`nonzero`,stroke:`none`},transform:`matrix(.13333 0 0 -.13333 0 441.333)`}),(0,l.jsx)(`path`,{d:`m1860.24 2178.75 710-263.75-1.25-1900-708.75 261.25v1902.5m743.5 461.34c81.45-240.91-26.47-436.2-241.03-436.2-214.58 0-454.52 195.29-535.96 436.2-81.44 240.89 26.48 436.18 241.03 436.18 214.57 0 454.51-195.29 535.96-436.18`,style:{fill:e?`currentColor`:`#2873ab`,fillOpacity:1,fillRule:`nonzero`,stroke:`none`},transform:`matrix(.13333 0 0 -.13333 0 441.333)`}),(0,l.jsx)(`path`,{d:`M3700.24 3310v-652.5s-230 90-257.5-142.5c-2.5-247.5 0-336.25 0-336.25l257.5 83.75V1690l-258.61-92.5v-1335L2735.24 0v2360s-15 850 965 950`,style:{fill:e?`currentColor`:`#ed1d33`,fillOpacity:1,fillRule:`nonzero`,stroke:`none`},transform:`matrix(.13333 0 0 -.13333 0 441.333)`})]});function nt(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M1 5h2v14H1zm4 0h2v14H5zm17 0H10c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1M11 17l2.5-3.15L15.29 16l2.5-3.22L21 17z`})})}function rt({title:e,titleId:t,...n}){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,l.jsx)(`path`,{d:`M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z`,fill:`currentColor`})]})}function it({title:e,titleId:t,...n}){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`24`,viewBox:`0 0 24 24`,width:`24`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,l.jsx)(`path`,{d:`M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z`})]})}function at({title:e,titleId:t,...n}){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,width:`1em`,height:`1em`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsxs)(`g`,{fill:`none`,children:[(0,l.jsx)(`path`,{d:`M0 0h24v24H0V0z`}),(0,l.jsx)(`path`,{d:`M0 0h24v24H0V0z`,opacity:`.87`})]}),(0,l.jsx)(`path`,{d:`M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z`,fill:`currentColor`})]})}function Y(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`20 -910 960 960`,"aria-label":`manifest`,role:`img`,...e,children:(0,l.jsx)(`path`,{d:`M480-160q-48-38-104-59t-116-21q-42 0-82.5 11T100-198q-21 11-40.5-1T40-234v-482q0-11 5.5-21T62-752q46-24 96-36t102-12q58 0 113.5 15T480-740v484q51-32 107-48t113-16q36 0 70.5 6t69.5 18v-480q15 5 29.5 10.5T898-752q11 5 16.5 15t5.5 21v482q0 23-19.5 35t-40.5 1q-37-20-77.5-31T700-240q-60 0-116 21t-104 59Zm80-200v-380l200-200v400L560-360Zm-160 65v-396q-33-14-68.5-21.5T260-720q-37 0-72 7t-68 21v397q35-13 69.5-19t70.5-6q36 0 70.5 6t69.5 19Zm0 0v-396 396Z`,fill:`currentColor`})})}function X(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M12 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2`})})}const Z=X;function ot(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3`})})}function st(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M17 4v16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m-4-2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 18H4V4h9zm8-14v12c.83 0 1.5-.67 1.5-1.5v-9c0-.83-.67-1.5-1.5-1.5`})})}function ct(e){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`1em`,width:`1em`,viewBox:`0 0 24 24`,...e,children:[(0,l.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,l.jsx)(`path`,{d:`M12 5V2L8 6l4 4V7c3.31 0 6 2.69 6 6 0 2.97-2.17 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93 0-4.42-3.58-8-8-8zM6 13c0-1.65.67-3.15 1.76-4.24L6.34 7.34A8.014 8.014 0 0 0 4 13c0 4.08 3.05 7.44 7 7.93v-2.02c-2.83-.48-5-2.94-5-5.91z`,fill:`currentColor`})]})}function Q({title:e,...t}){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,height:`1em`,width:`1em`,...t,children:[(0,l.jsx)(`path`,{fill:`none`,d:`M0 0h24v24H0z`}),(0,l.jsx)(`path`,{d:`M20 9H4v2h16V9zM4 15h16v-2H4v2z`}),e?(0,l.jsx)(`title`,{children:e}):null]})}function lt(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M21 15h2v2h-2zm0-4h2v2h-2zm2 8h-2v2c1 0 2-1 2-2M13 3h2v2h-2zm8 4h2v2h-2zm0-4v2h2c0-1-1-2-2-2M1 7h2v2H1zm16-4h2v2h-2zm0 16h2v2h-2zM3 3C2 3 1 4 1 5h2zm6 0h2v2H9zM5 3h2v2H5zm-4 8v8c0 1.1.9 2 2 2h12V11zm2 8l2.5-3.21l1.79 2.15l2.5-3.22L13 19z`})})}function ut(e){return(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,l.jsx)(`path`,{fill:`currentColor`,d:`M21 15h2v2h-2zm0-4h2v2h-2zm2 8h-2v2c1 0 2-1 2-2M13 3h2v2h-2zm8 4h2v2h-2zm0-4v2h2c0-1-1-2-2-2M1 7h2v2H1zm16-4h2v2h-2zm0 16h2v2h-2zM3 3C2 3 1 4 1 5h2zm6 0h2v2H9zM5 3h2v2H5zm-4 8v8c0 1.1.9 2 2 2h12V11zm2 8l2.5-3.21l1.79 2.15l2.5-3.22L13 19z`})})}const dt=e=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`#5f6368`,viewBox:`0 -960 960 960`,...e,children:(0,l.jsx)(`path`,{d:`M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h480q33 0 56.5 23.5T720-720v180l160-160v440L720-420v180q0 33-23.5 56.5T640-160H160Zm0-80h480v-480H160v480Zm0 0v-480 480Z`,fill:`currentColor`})}),ft=e=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,fill:`#5f6368`,viewBox:`0 -960 960 960`,...e,children:(0,l.jsx)(`path`,{d:`M616-242q-27 1-51.5 1.5t-43.5.5h-41q-71 0-133-2-53-2-104.5-5.5T168-257q-26-7-45-26t-26-45q-6-23-9.5-56T82-447q-2-36-2-73t2-73q2-30 5.5-63t9.5-56q7-26 26-45t45-26q23-6 74.5-9.5T347-798q62-2 133-2t133 2q53 2 104.5 5.5T792-783q26 7 45 26t26 45q6 23 9.5 56t5.5 63q2 36 2 73v17q-19-8-39-12.5t-41-4.5q-83 0-141.5 58.5T600-320q0 21 4 40.5t12 37.5ZM400-400l208-120-208-120v240Zm360 200v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z`,fill:`currentColor`})});function pt(){return(0,l.jsx)(c.Button,{slot:`drag`,className:`rounded-sm cursor-move bg-transparent text-gray-500 hover:bg-gray-300`,children:(0,l.jsx)(Q,{className:`text-xl cursor-move`})})}function mt(e){return(0,l.jsx)(`svg`,{width:`1em`,height:`1em`,viewBox:`0 0 206 27`,xmlns:`http://www.w3.org/2000/svg`,className:`me-logo h-[23px] w-[176px]`,...e,children:(0,l.jsxs)(`g`,{fill:`none`,children:[(0,l.jsx)(`path`,{d:`M62.558 5.41v14.873h-2.983v-9.675l-3.985 9.675h-2.26l-4.006-9.675v9.675H46.34V5.41h3.388l4.73 11.06L59.19 5.41zm2.173 8.928c0-1.194.238-2.252.714-3.176.476-.923 1.123-1.633 1.94-2.13.816-.498 1.73-.746 2.738-.746.88 0 1.651.177 2.312.532.66.355 1.19.803 1.588 1.343V8.477h3.004v11.806h-3.004v-1.726c-.384.554-.913 1.012-1.588 1.374-.675.363-1.453.544-2.334.544-.994 0-1.9-.256-2.717-.767-.816-.512-1.463-1.233-1.939-2.163-.476-.93-.714-2-.714-3.207Zm9.292.042c0-.724-.143-1.346-.427-1.864a3.005 3.005 0 0 0-1.15-1.194 3.076 3.076 0 0 0-1.556-.415c-.554 0-1.066.135-1.534.405-.47.27-.85.664-1.14 1.182-.292.519-.437 1.133-.437 1.844 0 .71.145 1.331.437 1.864.29.533.674.941 1.15 1.226.476.284.984.426 1.524.426.554 0 1.073-.139 1.556-.416a3.005 3.005 0 0 0 1.15-1.193c.284-.519.427-1.14.427-1.865Zm12.466-6.073c1.406 0 2.543.444 3.41 1.332.866.888 1.3 2.127 1.3 3.718v6.926h-2.984v-6.52c0-.938-.234-1.66-.703-2.164-.47-.504-1.108-.756-1.918-.756-.824 0-1.474.252-1.95.756-.476.505-.714 1.226-.714 2.163v6.521h-2.983V8.477h2.983v1.47a4.121 4.121 0 0 1 1.524-1.203 4.713 4.713 0 0 1 2.035-.437Zm9.057-1.237c-.526 0-.963-.166-1.311-.5a1.657 1.657 0 0 1-.522-1.247c0-.497.174-.912.522-1.246.348-.334.785-.5 1.31-.5.526 0 .963.166 1.311.5.348.334.522.75.522 1.246 0 .498-.174.913-.522 1.247-.348.334-.785.5-1.31.5Zm1.47 1.407v11.806h-2.983V8.477h2.983Zm8.354 2.451h-2.068v9.355h-3.026v-9.355h-1.342v-2.45h1.342V7.88c0-1.45.412-2.515 1.236-3.197.824-.682 2.067-1.001 3.73-.959V6.24c-.725-.014-1.23.106-1.513.362-.284.256-.427.718-.427 1.385v.49h2.068v2.451Zm12.913 3.197c0 .426-.028.81-.085 1.15h-8.63c.07.853.369 1.52.895 2.003.525.483 1.172.725 1.939.725 1.108 0 1.896-.476 2.365-1.428h3.218c-.34 1.137-.994 2.07-1.96 2.802-.967.732-2.153 1.098-3.56 1.098-1.136 0-2.155-.252-3.057-.757a5.325 5.325 0 0 1-2.11-2.141c-.504-.924-.756-1.99-.756-3.197 0-1.222.248-2.294.745-3.218a5.204 5.204 0 0 1 2.089-2.13c.895-.498 1.925-.746 3.09-.746 1.122 0 2.127.241 3.015.724a5.1 5.1 0 0 1 2.067 2.057c.49.887.735 1.907.735 3.058Zm-3.09-.853c-.014-.767-.29-1.381-.83-1.843-.54-.462-1.201-.693-1.982-.693-.74 0-1.36.224-1.865.671-.504.448-.813 1.07-.927 1.865h5.604Zm9.782 7.203c-.966 0-1.833-.174-2.6-.522-.767-.348-1.375-.82-1.822-1.417a3.591 3.591 0 0 1-.735-1.982h3.004c.057.454.281.83.672 1.13.39.298.877.447 1.46.447.568 0 1.012-.114 1.331-.341.32-.227.48-.519.48-.874 0-.383-.196-.671-.586-.863-.391-.192-1.012-.401-1.865-.629-.88-.213-1.602-.433-2.163-.66a3.755 3.755 0 0 1-1.449-1.044c-.405-.47-.607-1.101-.607-1.897 0-.653.188-1.25.564-1.79.377-.54.917-.966 1.62-1.279.703-.312 1.53-.468 2.483-.468 1.406 0 2.528.351 3.367 1.054.838.704 1.3 1.652 1.385 2.845h-2.856c-.042-.469-.238-.841-.586-1.118-.348-.277-.813-.416-1.396-.416-.54 0-.955.1-1.246.298a.951.951 0 0 0-.437.831c0 .398.199.7.597.906.397.206 1.015.416 1.854.629.852.213 1.555.433 2.11.66a3.727 3.727 0 0 1 1.438 1.055c.405.476.614 1.105.628 1.886 0 .682-.188 1.293-.564 1.833-.377.54-.917.962-1.62 1.268-.703.305-1.524.458-2.461.458Zm10.569-9.547v5.711c0 .398.096.686.288.863.192.178.515.267.97.267h1.385v2.514h-1.875c-2.515 0-3.772-1.222-3.772-3.665v-5.69h-1.407v-2.45h1.407v-2.92h3.004v2.92h2.643v2.45h-2.643Zm12.851-3.111v3.73h5.007v2.364h-5.007v3.943h5.647v2.43h-8.631V5.386h8.63v2.43zm7.585 6.521c0-1.194.239-2.252.715-3.176.476-.923 1.126-1.633 1.95-2.13.824-.498 1.74-.746 2.749-.746.767 0 1.498.167 2.194.5.697.334 1.25.778 1.663 1.332V4.514h3.026v15.77h-3.026v-1.748c-.37.582-.888 1.051-1.556 1.406s-1.442.533-2.323.533a5.07 5.07 0 0 1-2.727-.767c-.824-.512-1.474-1.233-1.95-2.163-.476-.93-.714-2-.714-3.207Zm9.292.042c0-.724-.142-1.346-.426-1.864a3.005 3.005 0 0 0-1.151-1.194 3.076 3.076 0 0 0-1.556-.415 3.02 3.02 0 0 0-1.534.405c-.469.27-.849.664-1.14 1.182-.291.519-.437 1.133-.437 1.844 0 .71.146 1.331.437 1.864.291.533.675.941 1.15 1.226a2.93 2.93 0 0 0 1.524.426c.554 0 1.073-.139 1.556-.416a3.005 3.005 0 0 0 1.15-1.193c.285-.519.427-1.14.427-1.865Zm7.438-7.31c-.527 0-.963-.166-1.311-.5a1.657 1.657 0 0 1-.523-1.247c0-.497.174-.912.523-1.246.348-.334.784-.5 1.31-.5s.963.166 1.31.5c.349.334.523.75.523 1.246 0 .498-.174.913-.522 1.247-.348.334-.785.5-1.31.5Zm1.47 1.407v11.806h-2.984V8.477h2.984Zm6.414 2.451v5.711c0 .398.096.686.287.863.192.178.515.267.97.267h1.385v2.514h-1.875c-2.515 0-3.772-1.222-3.772-3.665v-5.69h-1.406v-2.45h1.406v-2.92h3.005v2.92h2.642v2.45h-2.642Zm10.036 9.547c-1.136 0-2.159-.252-3.068-.757a5.447 5.447 0 0 1-2.141-2.141c-.519-.924-.778-1.99-.778-3.197s.266-2.273.799-3.196a5.553 5.553 0 0 1 2.184-2.142c.924-.504 1.954-.756 3.09-.756 1.137 0 2.167.252 3.09.756a5.553 5.553 0 0 1 2.184 2.142c.533.923.8 1.989.8 3.196 0 1.208-.274 2.273-.821 3.197a5.681 5.681 0 0 1-2.216 2.141c-.93.505-1.971.757-3.122.757Zm0-2.6a3.1 3.1 0 0 0 1.524-.394c.476-.263.856-.657 1.14-1.183.285-.526.427-1.165.427-1.918 0-1.122-.295-1.985-.885-2.589a2.907 2.907 0 0 0-2.163-.906c-.852 0-1.566.302-2.141.906-.576.604-.863 1.467-.863 2.59 0 1.122.28 1.985.841 2.588.562.604 1.268.906 2.12.906Zm11.338-7.565a4.194 4.194 0 0 1 1.502-1.47c.618-.356 1.325-.533 2.12-.533v3.132h-.788c-.938 0-1.644.22-2.12.661-.476.44-.714 1.208-.714 2.302v5.881h-2.984V8.477h2.984v1.833Z`,fill:`#000`}),(0,l.jsx)(`path`,{fill:`#E94581`,className:`me-logo-1`,d:`M0 13.343 13.343 0l13.343 13.343-13.343 13.343z`}),(0,l.jsx)(`path`,{fill:`#E94581`,className:`me-logo-2`,d:`M12.137 13.346 25.48.003l13.343 13.343L25.48 26.69z`}),(0,l.jsx)(`path`,{fill:`#C63E75`,className:`me-logo-3`,d:`m12.104 13.348 7.311-7.311 7.312 7.311-7.312 7.312z`})]})})}function ht({isActive:e,onAction:t}){let n=(0,f.useManifest)(),{pressProps:r}=(0,d.usePress)({onPress:t});return(0,l.jsxs)(`li`,{"aria-label":(0,m.getValue)(n?.label),className:`border-b-2 border-b-gray-200 flex p-2 gap-3 text-left truncate items-center w-full hover:bg-gray-100 data-[active]:bg-gray-200 data-[active]:border-b-me-primary-500`,"data-active":e||void 0,...r,children:[(0,l.jsx)(Y,{"data-active":e||void 0,className:`flex-shrink-0 text-2xl data-[active]:text-me-primary-500 text-gray-400`}),(0,l.jsx)(f.LocaleString,{children:n?.label})]})}function gt({onCreate:e,canCreate:t}){return(0,l.jsxs)(`div`,{className:`flex items-center flex-col gap-5 py-16`,children:[(0,l.jsx)(O,{shouldTranslate:!0,onClick:t?e:void 0,className:`border-2 border-dotted bg-black/5 aspect-[3/4] rounded w-32 border-black`}),(0,l.jsx)(`div`,{className:`font-bold text-lg`,children:`Let's get started!`}),(0,l.jsx)(`div`,{className:`max-w-xl px-5 my-4`,children:`Add a title and top level information for this manifest using the editing panel on the right, and then add some canvases and content.`}),t?(0,l.jsx)(c.Button,{className:`px-8 font-bold py-2 border rounded-lg border-me-primary-500 text-me-primary-500 hover:border-me-primary-600 hover:text-me-primary-600`,onPress:e,children:`Start adding content`}):null]})}function _t({className:e,label:t,children:n,...r}){return(0,l.jsxs)(`fieldset`,{className:N(`hover:ring ring-gray-200 focus-within:ring-me-primary-500 focus-within:ring p-2 rounded mb-2`,e),...r,children:[(0,l.jsx)(f.LocaleString,{className:`text-lg font-bold text-[#333] mb-2`,as:`h3`,children:t}),n]})}function vt({children:e}){let t=document.getElementById(`modal-back-slot`);return t?(0,T.createPortal)(e,t):null}function yt({id:e,className:t,title:n,open:r=!0,onClose:i,actions:a,children:o}){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(w.Dialog,{open:r,onClose:i,id:e,className:`relative z-[1000002]`,children:[(0,l.jsx)(`div`,{className:`fixed inset-0 bg-black/30 animate-fadeIn z-[1000003]`,"aria-hidden":`true`}),(0,l.jsx)(`div`,{className:`fixed inset-0 flex w-screen items-center justify-center p-4 z-[1000004]`,children:(0,l.jsx)(`div`,{className:(0,u.twMerge)(`relative p-4 w-full max-w-4xl max-h-full`,t),children:(0,l.jsxs)(w.DialogPanel,{className:`relative bg-white rounded-lg overflow-hidden shadow-2xl max-h-[80vh] flex flex-col`,children:[(0,l.jsxs)(`div`,{className:`flex  items-center justify-between gap-3 p-4 rounded-t-lg sticky top-0 bg-white`,children:[(0,l.jsx)(`div`,{id:`modal-back-slot`}),(0,l.jsx)(w.DialogTitle,{className:`text-xl font-semibold text-gray-900 grow`,children:n}),(0,l.jsxs)(w.CloseButton,{className:`text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center`,children:[(0,l.jsx)(`svg`,{className:`w-3 h-3`,"aria-hidden":`true`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 14 14`,children:(0,l.jsx)(`path`,{stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,d:`m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6`})}),(0,l.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]}),(0,l.jsx)(`div`,{className:`flex-1 min-h-0 overflow-y-auto flex flex-col`,children:o}),a?(0,l.jsx)(`div`,{className:`flex items-center p-4 border-t border-gray-200 rounded-b justify-end`,children:a}):null]})})})]})})}function bt(){return(0,l.jsx)(c.Button,{className:`rounded-full bg-gray-200 text-gray-500 hover:bg-me-600 hover:text-white data-[pressed]:bg-me-600 data-[pressed]:text-white`,children:(0,l.jsx)(Z,{className:`text-xl`})})}function xt({id:e,steps:t,forceStart:n,onClose:r}){let[i,a]=q(`tour_step/${e}`,!0);return(0,p.useEffect)(()=>{let t=t=>{t.detail?.id===e&&a(!0)};return window.addEventListener(`onboarding:restart`,t),()=>window.removeEventListener(`onboarding:restart`,t)},[e]),t.length===0?null:(0,l.jsx)(E.default,{showProgress:!0,showSkipButton:!0,continuous:!0,steps:t,run:i||n,callback:e=>{(e.action===`close`||e.action===`skip`||e.action===`stop`||e.action===`reset`)&&(a(!1),r?.())},styles:{options:{primaryColor:`#b84c74`,textColor:`#000000`,zIndex:1e4}}},e)}function St(e){return(0,l.jsx)(`div`,{className:N(`flex w-full p-0.5 opacity-0 transition-opacity duration-300 gap-2`,e.active&&`opacity-1`),children:e.children})}const Ct=(0,p.forwardRef)(({className:e,...t},n)=>(0,l.jsx)(`div`,{ref:n,className:(0,u.twMerge)(`px-4 py-2 flex-1 overflow-visible`,e),...t}));function wt(e){return(0,l.jsx)(z,{placement:`right`,children:(0,l.jsx)(B,{asChild:!0,children:(0,l.jsxs)(c.Button,{className:N(`border-none aspect-square w-full flex justify-center items-center hover:bg-me-primary-100 hover:text-black [&>svg]:text-2xl cursor-default`,e.selected?`bg-me-primary-500 hover:bg-me-primary-600 hover:text-white text-white`:`text-me-gray-700`),"aria-label":e.label,onMouseDown:e.onClick,children:[e.icon,(0,l.jsx)(V,{className:`bg-me-gray-900 text-white text-sm px-3 py-2 rounded opacity-90 z-50`,children:e.label})]})})})}function Tt(e){return(0,l.jsx)(`div`,{className:`bg-white border-me-gray-300 border-t border-r flex flex-col w-12 pb-2`,"data-open":e.open,children:e.items.map(t=>(0,l.jsxs)(l.Fragment,{children:[t.divide?(0,l.jsx)(`div`,{className:`flex-1 block w-2 min-h-1`}):null,(0,l.jsx)(wt,{label:t.label,selected:t.id===e.current&&e.open,icon:t.icon,onClick:t.onClick},t.id)]},t.id))})}function Et(e){let t=e.strategy.items.map(e=>Object.keys(e.text)[0]),[n,r]=(0,p.useState)(t[0]),i=e.strategy.items.find(e=>Object.keys(e.text)[0]===n);return(0,l.jsxs)(`div`,{className:`overflow-y-auto bg-white shadow`,children:[(0,l.jsx)(`div`,{className:`flex gap-2 border-b`,children:t.map(e=>(0,l.jsx)(c.Button,{className:`py-1 px-3 ${n===e?`bg-me-500 text-white`:`bg-white text-black`}`,onPress:()=>r(e),children:e},e))}),(0,l.jsx)(`div`,{className:`p-4 prose`,children:(0,l.jsx)(f.LocaleString,{enableDangerouslySetInnerHTML:!0,defaultText:(0,l.jsx)(`span`,{className:`text-gray-500 my-8`,children:`No content available`}),children:i?.text})})]})}const Dt=(0,p.forwardRef)(function({className:e,...t},n){return(0,l.jsx)(c.Button,{className:(0,u.twMerge)(`transition-all mt-2 mb-2 opacity-0 transform scale-y-70 focus:ring focus:ring-me-500`,`bg-white h-10 w-3 rounded shadow select-none group-hover:opacity-100`,e),...t,ref:n})});function Ot({alwaysVisible:e}){return(0,l.jsx)(c.Checkbox,{slot:`selection`,className:(0,u.twMerge)(`bg-white/50`,`group-hover:opacity-100 block h-5 w-5 shrink-0 rounded border border-gray-300 hover:border-gray-400 ring-offset-1`,`data-[disabled]:hidden data-[indeterminate]:bg-me-700 data-[selected]:bg-me-700 data-[indeterminate]:text-white`,`data-[selected]:border-me-700 data-[indeterminate]:border-me-700`,`data-[selected]:text-white data-[disabled]:opacity-50 data-[focus-visible]:outline-none data-[focus-visible]:ring-2`,`data-[focus-visible]:ring-me-700 data-[focus-visible]:ring-offset-2 data-[focus-visible]:opacity-100`,!e&&`opacity-0 group-hover:opacity-100 data-[selected]:opacity-100 data-[indeterminate]:opacity-100`),children:({isSelected:e,isIndeterminate:t})=>(0,l.jsx)(`div`,{className:`flex items-center justify-center text-current`,children:(0,l.jsx)(`svg`,{viewBox:`0 -960 960 960`,"aria-hidden":`true`,fill:`currentColor`,children:t?(0,l.jsx)(`path`,{d:`M160-440v-80h640v80H160Z`}):e?(0,l.jsx)(`path`,{d:`M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z`}):null})})})}function kt({children:e}){return(0,l.jsx)(`div`,{className:`w-full h-full flex flex-col overflow-hidden`,children:e})}function At({id:e,children:t,className:n,padding:r}){return(0,l.jsx)(`div`,{id:e,className:N(`flex-1 min-h-0 overflow-y-auto pb-64`,n,r&&`px-3 pt-3`),children:t})}function jt(e){let{actions:t,title:n,customActions:r}=e;return(0,l.jsxs)(`div`,{className:`bg-me-gray-100 h-12 flex items-center px-3 z-10 text-black border-b-me-gray-300 border-b flex-shrink-0`,children:[(0,l.jsx)(f.LocaleString,{className:`flex-1`,children:n}),(0,l.jsxs)(`div`,{className:`ml-auto flex gap-2 items-center`,children:[t?.map((e,t)=>e.menu?(0,l.jsxs)(c.MenuTrigger,{children:[(0,l.jsx)(c.Button,{id:e.id,className:N(`p-1 rounded hover:bg-me-gray-300`,e.toggled&&`bg-me-gray-300`,e.disabled&&`opacity-50 cursor-not-allowed`),"aria-label":typeof e.title==`string`?e.title:``,isDisabled:e.disabled,children:e.icon},t),(0,l.jsx)(c.Popover,{placement:`bottom right`,children:e.menu})]},t):(0,l.jsxs)(z,{placement:`bottom`,children:[(0,l.jsx)(B,{asChild:!0,children:(0,l.jsx)(c.Button,{id:e.id,className:N(`p-1 rounded hover:bg-me-gray-300`,e.toggled&&`bg-me-gray-300`,e.disabled&&`opacity-50 cursor-not-allowed`),onPress:e.onClick,"aria-label":typeof e.title==`string`?e.title:``,isDisabled:e.disabled,children:e.icon},t)}),e.disabled?null:(0,l.jsx)(H,{children:e.title})]},t)),r]})]})}function Mt({menu:e,menuId:t,selectedKey:n,onSelectionChange:r}){let i=(0,p.useRef)(null),[a,o]=(0,p.useState)(0),[s,u]=(0,p.useState)(null),d=(0,p.useRef)([]),f=(0,p.useRef)([]),m=(0,p.useMemo)(()=>e.findIndex(e=>e.id===n),[e,n]);(0,p.useLayoutEffect)(()=>{let e=()=>{if(d.current.length===0){d.current=[];for(let e of f.current)e&&d.current.push(e.getBoundingClientRect().width)}if(d.current.reduce((e,t)=>e+t,0)&&i.current){let e=i.current.getBoundingClientRect().width-20,t=0,n=0;for(let r=d.current.length-1;r>=0;r--)if(n+=d.current[r],n>e){t=r+1;break}o(t)}};e();let t=setInterval(e,500);return()=>{clearInterval(t)}},[]);let h=e.filter((t,n)=>a>=e.length-n);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(c.Tabs,{className:`w-full flex-1 overflow-hidden flex flex-col`,selectedKey:n,onSelectionChange:r,children:[(0,l.jsxs)(`div`,{className:`flex items-center w-full tab-shadow`,children:[(0,l.jsx)(c.TabList,{ref:i,className:`flex-1 overflow-hidden w-full flex text-sm whitespace-nowrap`,children:e.map((t,n)=>{let r=a>=e.length-n;return(0,l.jsx)(c.Tab,{ref:e=>f.current[n]=e,id:t.id,className:e=>N(`border-b-2 px-2 py-1 text-sm text-gray-400 select-none hover:text-black focus:ring-0 focus:outline-none`,e.isSelected&&`border-me-primary-500 text-black`,e.isFocusVisible&&`ring-0 bg-me-gray-100`,r&&`hidden`),children:t.label},t.id)})}),(0,l.jsx)(`div`,{ref:u,id:`hidden-menu`})]}),e.map(e=>(0,l.jsx)(c.TabPanel,{id:e.id,className:`flex-1 overflow-y-auto h-full`,children:e.renderComponent},e.id))]},t),s&&a>0?(0,T.createPortal)((0,l.jsx)(Nt,{hidden:a,menuHidden:h,selectedIndex:m,selectedKey:n,onSelectionChange:r}),s):null]})}const Nt=(0,ne.createHideableComponent)(({selectedIndex:e,hidden:t,menuHidden:n,selectedKey:r,onSelectionChange:i})=>(0,l.jsxs)(c.MenuTrigger,{children:[(0,l.jsx)(c.Button,{className:N(`border-none rounded bg-gray-100 px-1.5 py-1 mr-2 mb-1 text-me-primary-500 semibold uppercase text-[10px]`,e>t&&`bg-me-primary-500 text-white rounded`),children:`MORE`}),(0,l.jsx)(c.Popover,{children:n.length?(0,l.jsx)(c.Menu,{className:`bg-white rounded shadow-lg flex flex-col gap-0.5 p-0.5 min-w-28`,children:n.map(e=>(0,l.jsx)(c.MenuItem,{className:t=>N(`hover:bg-me-gray-100 p-1 rounded-sm text-sm`,r===e.id&&`ring ring-me-primary-500`),onAction:()=>i?.(e.id),children:e.label},e.id))}):null})]})),$=({title:e,titleId:t,...n})=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 -960 960 960`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsx)(`path`,{fill:`currentColor`,d:`M160-120v-170l527-526q12-12 27-18t30-6q16 0 30.5 6t25.5 18l56 56q12 11 18 25.5t6 30.5q0 15-6 30t-18 27L330-120H160Zm80-80h56l393-392-28-29-29-28-392 393v56Zm560-503-57-57 57 57Zm-139 82-29-28 57 57-28-29ZM560-120q74 0 137-37t63-103q0-36-19-62t-51-45l-59 59q23 10 36 22t13 26q0 23-36.5 41.5T560-200q-17 0-28.5 11.5T520-160q0 17 11.5 28.5T560-120ZM183-426l60-60q-20-8-31.5-16.5T200-520q0-12 18-24t76-37q88-38 117-69t29-70q0-55-44-87.5T280-840q-45 0-80.5 16T145-785q-11 13-9 29t15 26q13 11 29 9t27-13q14-14 31-20t42-6q41 0 60.5 12t19.5 28q0 14-17.5 25.5T262-654q-80 35-111 63.5T120-520q0 32 17 54.5t46 39.5Z`})]}),Pt=({title:e,titleId:t,...n})=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 -960 960 960`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsx)(`path`,{fill:`currentColor`,d:`M272-120 64-480l208-360h416l208 360-208 360H272Zm46-80h324l161-280-161-280H318L156-480l162 280Zm162-280Z`})]});function Ft({title:e,titleId:t,...n}){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsxs)(`g`,{fill:`none`,fillRule:`evenodd`,children:[(0,l.jsx)(`path`,{d:`M0 0h20v20H0z`}),(0,l.jsx)(`path`,{stroke:`currentColor`,strokeLinecap:`square`,strokeWidth:2,d:`m8.5 11.5 6-6M16 4v3m0-3h-3m0 14L2 7`}),(0,l.jsx)(`path`,{stroke:`currentColor`,strokeOpacity:.407,strokeWidth:2,d:`m2 7 5-5 11 11-5 5z`})]})]})}function It({title:e,titleId:t,...n}){return(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsxs)(`g`,{fill:`none`,fillRule:`evenodd`,children:[(0,l.jsx)(`circle`,{cx:4.5,cy:4.5,r:2.5,fill:`currentColor`}),(0,l.jsx)(`circle`,{cx:15.5,cy:15.5,r:2.5,fill:`currentColor`}),(0,l.jsx)(`path`,{stroke:`currentColor`,strokeLinecap:`square`,strokeWidth:2,d:`m13.5 13.5-9-9`})]})]})}const Lt=({title:e,titleId:t,...n})=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 -960 960 960`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsx)(`path`,{fill:`currentColor`,d:`M600-80v-100L320-320H120v-240h172l108-124v-196h240v240H468L360-516v126l240 120v-50h240v240H600ZM480-720h80v-80h-80v80ZM200-400h80v-80h-80v80Zm480 240h80v-80h-80v80ZM520-760ZM240-440Zm480 240Z`})]}),Rt=({title:e,titleId:t,...n})=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 -960 960 960`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsx)(`path`,{fill:`currentColor`,d:`M600-360ZM320-242q10 1 19.5 1.5t20.5.5q11 0 20.5-.5T400-242v82h400v-400h-82q1-10 1.5-19.5t.5-20.5q0-11-.5-20.5T718-640h82q33 0 56.5 23.5T880-560v400q0 33-23.5 56.5T800-80H400q-33 0-56.5-23.5T320-160v-82Zm40-78q-117 0-198.5-81.5T80-600q0-117 81.5-198.5T360-880q117 0 198.5 81.5T640-600q0 117-81.5 198.5T360-320Zm0-80q83 0 141.5-58.5T560-600q0-83-58.5-141.5T360-800q-83 0-141.5 58.5T160-600q0 83 58.5 141.5T360-400Zm0-200Z`})]}),zt=({title:e,titleId:t,...n})=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 -960 960 960`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsx)(`path`,{fill:`currentColor`,d:`M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0 0v-560 560Z`})]}),Bt=({title:e,titleId:t,...n})=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 -960 960 960`,"aria-labelledby":t,...n,children:[e?(0,l.jsx)(`title`,{id:t,children:e}):null,(0,l.jsx)(`path`,{d:`m80-160 400-640 400 640H80Zm144-80h512L480-650 224-240Zm256-205Z`,fill:`currentColor`})]}),Vt=`bg-me-gray-100 border hover:bg-me-gray-300 rounded p-1 text-2xl text-me-primary-500 data-[active="true"]:border-me-primary-600`,Ht={DrawIcon:(0,l.jsx)($,{}),PolygonIcon:(0,l.jsx)(Lt,{}),LineIcon:(0,l.jsx)(It,{}),LineBoxIcon:(0,l.jsx)(Ft,{}),ShapesIcon:(0,l.jsx)(Rt,{}),SquareIcon:(0,l.jsx)(zt,{}),TriangleIcon:(0,l.jsx)(Bt,{}),HexagonIcon:(0,l.jsx)(Pt,{}),DeleteForeverIcon:(0,l.jsx)(J,{})};function Ut({helper:e,showShapes:t}){return(0,p.useEffect)(()=>{e.stamps.square()},[]),(0,l.jsx)(f.RenderSvgEditorControls,{icons:Ht,showShapes:t,classNames:{button:`bg-me-gray-100 border hover:bg-me-gray-300 rounded p-1 text-2xl text-me-primary-500 data-[active="true"]:border-me-primary-600`}})}function Wt({className:e,children:t,...n}){return(0,l.jsx)(c.Tabs,{className:t=>N(``,typeof e==`function`?e(t):e),...n,children:t})}function Gt({className:e,children:t,...n}){return(0,l.jsx)(c.TabList,{className:t=>N(`flex gap-4`,typeof e==`function`?e(t):e),...n,children:t})}function Kt({className:e,children:t,...n}){return(0,l.jsx)(c.Tab,{className:t=>{let n=typeof e==`function`?e(t):e;return N(`cursor-default outline-none group py-1 font-semibold px-2 border-b-2 text-me-gray-700`,t.isSelected&&`border-b-me-primary-600 text-black`,t.isFocusVisible&&`focus-visible:bg-me-primary-100`,n)},...n,children:t})}function qt({className:e,children:t,...n}){return(0,l.jsx)(c.TabPanel,{className:t=>N(``,typeof e==`function`?e(t):e),...n,children:t})}function Jt(e){return e.wide?(0,l.jsx)(`div`,{className:(0,u.twMerge)(`grid`,e.size||`grid-md`,`gap-4 p-4 overflow-y-auto`),children:e.children}):(0,l.jsx)(`div`,{className:`grid grid-cols-2 gap-4 p-4`,children:e.children})}function Yt({children:e,small:t=!1,className:n}){return(0,l.jsx)(`div`,{className:(0,u.twMerge)(`bg-orange-500 text-white`,`border-1 drop-shadow border-orange-700 w-full rounded-md py-2 px-4 leading-[1.9em] flex items-center`,`has-[a]:text-white`,t&&`text-xs whitespace-nowrap py-1 px-2 leading-[1.6em] w-fit`,n),children:e})}exports.AccessibilityButton=re,exports.ActionButton=D,exports.AddIcon=Ve,exports.AddImageIcon=He,exports.AnnotationPopInIcon=Ue,exports.AnnotationPopOutIcon=We,exports.AtlasBanner=ie,exports.AudioIcon=Ge,exports.BackIcon=Ke,exports.CanvasThumbnailGridItem=ue,exports.Card3D=O,exports.CheckIcon=qe,exports.CollectionIcon=P,exports.CollectionListItem=de,exports.ConfirmSelectionButton=fe,exports.ControlButton=pe,exports.CreateCanvasIcon=Je,exports.CreatorGrid=me,exports.DefaultTooltipContent=H,exports.DeleteForeverIcon=J,exports.DeleteIcon=Ye,exports.DownloadButton=ge,exports.DownloadIcon=F,exports.EditTextIcon=Xe,exports.EmptyCanvasIcon=Ze,exports.EmptyState=_e,exports.ErrorMessage=ve,exports.Form=Ee,exports.GridIcon=Qe,exports.HTMLAnnotationBodyRender=Oe,exports.HTMLEditor=Ae,exports.HTMLIcon=$e,exports.HandleContainer=De,exports.IIIFBrowserIcon=et,exports.IIIFLogo=tt,exports.IIIFMediaPlayer=Le,exports.IconButton=Fe,exports.IconHandle=Ie,exports.ImageListIcon=nt,exports.InfoIcon=rt,exports.InfoMessage=ze,exports.ItemWithHandle=Be,exports.LazyThumbnail=j,exports.ListEditIcon=it,exports.ListResizeDragHandle=pt,exports.ListingIcon=at,exports.MDXEditor=W,exports.ManifestEditorLogo=mt,exports.ManifestIcon=Y,exports.ManifestListItem=ht,exports.ManifestOverviewEmptyState=gt,exports.MetadataContainer=_t,exports.Modal=yt,exports.ModalBackSlot=vt,exports.MoreMenu=X,exports.MoreMenuButton=bt,exports.MoreMenuIcon=Z,exports.OnboardingTour=xt,exports.OpaqueControls=St,exports.PaddedSidebarContainer=Ct,exports.PanelSideMenu=Tt,exports.PreviewIcon=ot,exports.RangesIcon=st,exports.RenderTextualContent=Et,exports.ResetIcon=ct,exports.ResizeHandle=Dt,exports.ResizeHandleIcon=Q,exports.ScaledImageIcon=lt,exports.SelectionCheckbox=Ot,exports.Sidebar=kt,exports.SidebarContent=At,exports.SidebarHeader=jt,exports.SidebarTabs=Mt,exports.Spinner=A,exports.SvgControlBar=Ut,exports.Tab=Kt,exports.TabList=Gt,exports.TabPanel=qt,exports.Tabs=Wt,exports.TargetIcon=ut,exports.TextIcon=k,exports.ThumbnailGridContainer=Jt,exports.Tooltip=z,exports.TooltipContent=V,exports.TooltipTrigger=B,exports.VideoIcon=dt,exports.WarningMessage=Yt,exports.YouTubeIcon=ft,exports.createDownload=U,exports.useFastList=je,exports.useGridOptions=Ne,exports.useLoadMoreItems=Pe,exports.useLocalStorage=q,exports.useOptionalLocalStorage=Me,exports.useTooltip=I,exports.useTooltipContext=R;