@drawnagency/primitives 0.1.61 → 0.1.63

package/dist/{chunk-4OX3Z7SB.js → chunk-FECCYOPJ.js}

@@ -1,14 +1,9 @@
 import {
-  AddIcon,
-  DeleteIcon,
-  DragHandle,
-  IconButton,
-  SettingsIcon,
-  usePages
-} from "./chunk-WLMJCNU7.js";
+  EditablePlainText
+} from "./chunk-VMDKWUMT.js";
 import {
-  getMediaProvider
-} from "./chunk-CBWK3KPV.js";
+  usePages
+} from "./chunk-4E66N6UV.js";
 import {
   sanitizeHtml,
   toSectionId
@@ -20,119 +15,6 @@ import {
   defineSection
 } from "./chunk-VKAGMEKE.js";
 
-// src/components/primitives/EditablePlainText.tsx
-import {
-  useRef as useRef2,
-  useEffect as useEffect2,
-  useCallback as useCallback2,
-  createElement
-} from "react";
-
-// src/components/primitives/useEditablePlainText.ts
-import { useState, useEffect, useRef, useCallback } from "react";
-function useEditablePlainText({
-  value: propValue,
-  onChange,
-  multiline = false
-}) {
-  const [value, setValue] = useState(propValue);
-  const lastPropValue = useRef(propValue);
-  useEffect(() => {
-    if (propValue !== lastPropValue.current) {
-      setValue(propValue);
-      lastPropValue.current = propValue;
-    }
-  }, [propValue]);
-  const handleInput = useCallback((text) => {
-    setValue(text);
-  }, []);
-  const handleBlur = useCallback(() => {
-    if (value !== propValue) {
-      onChange(value);
-      lastPropValue.current = value;
-    }
-  }, [value, propValue, onChange]);
-  return {
-    value,
-    handleInput,
-    handleBlur,
-    shouldPreventEnter: !multiline
-  };
-}
-
-// src/components/primitives/EditablePlainText.tsx
-function EditablePlainText({
-  tag,
-  value,
-  onChange,
-  isEditMode,
-  multiline = false,
-  placeholder,
-  className,
-  ...htmlAttrs
-}) {
-  const ref = useRef2(null);
-  const {
-    value: localValue,
-    handleInput,
-    handleBlur,
-    shouldPreventEnter
-  } = useEditablePlainText({ value, onChange, multiline });
-  useEffect2(() => {
-    if (ref.current && ref.current.textContent !== localValue) {
-      ref.current.textContent = localValue;
-    }
-  }, [localValue]);
-  const onInput = useCallback2(() => {
-    if (ref.current) {
-      handleInput(ref.current.textContent || "");
-    }
-  }, [handleInput]);
-  const onKeyDown = useCallback2(
-    (e) => {
-      if (e.key === "Enter" && shouldPreventEnter) {
-        e.preventDefault();
-      }
-    },
-    [shouldPreventEnter]
-  );
-  const onPaste = useCallback2(
-    (e) => {
-      e.preventDefault();
-      const text = e.clipboardData.getData("text/plain");
-      const selection = window.getSelection();
-      if (selection && selection.rangeCount > 0) {
-        const range = selection.getRangeAt(0);
-        range.deleteContents();
-        range.insertNode(document.createTextNode(text));
-        range.collapse(false);
-        selection.removeAllRanges();
-        selection.addRange(range);
-      }
-      if (ref.current) {
-        handleInput(ref.current.textContent || "");
-      }
-    },
-    [handleInput]
-  );
-  return createElement(
-    tag,
-    {
-      ref,
-      className: isEditMode && placeholder ? `editable-placeholder ${className ?? ""}` : className,
-      contentEditable: isEditMode ? "true" : void 0,
-      suppressContentEditableWarning: isEditMode || void 0,
-      onInput: isEditMode ? onInput : void 0,
-      onBlur: isEditMode ? handleBlur : void 0,
-      onKeyDown: isEditMode ? onKeyDown : void 0,
-      onPaste: isEditMode ? onPaste : void 0,
-      "data-placeholder": isEditMode && placeholder ? placeholder : void 0,
-      ...htmlAttrs
-    },
-    value
-  );
-}
-
 // src/components/primitives/defineHeadingSection.tsx
 import { z } from "zod";
 
@@ -185,7 +67,7 @@ function defineHeadingSection(config) {
 }
 
 // src/components/primitives/LinkPopover.tsx
-import { useState as useState2 } from "react";
+import { useState } from "react";
 
 // src/components/shared/Button.tsx
 import { forwardRef } from "react";
@@ -258,11 +140,11 @@ function LinkPopover({ editor, onClose }) {
   const { pages, getPageHeadings } = usePages();
   const existingAttrs = editor.getAttributes("link");
   const existingInternal = parseInternalHref(existingAttrs.href ?? "");
-  const [mode, setMode] = useState2(existingInternal ? "internal" : "external");
-  const [url, setUrl] = useState2(existingInternal ? "" : existingAttrs.href ?? "");
-  const [pageId, setPageId] = useState2(existingInternal?.pageId ?? "");
-  const [anchorId, setAnchorId] = useState2(existingInternal?.anchorSectionId ?? "");
-  const [openInNewTab, setOpenInNewTab] = useState2(
+  const [mode, setMode] = useState(existingInternal ? "internal" : "external");
+  const [url, setUrl] = useState(existingInternal ? "" : existingAttrs.href ?? "");
+  const [pageId, setPageId] = useState(existingInternal?.pageId ?? "");
+  const [anchorId, setAnchorId] = useState(existingInternal?.anchorSectionId ?? "");
+  const [openInNewTab, setOpenInNewTab] = useState(
     existingAttrs.target === "_blank"
   );
   const hasLink = Boolean(existingAttrs.href);
@@ -413,12 +295,12 @@ function LinkPopover({ editor, onClose }) {
 }
 
 // src/components/primitives/EditableRichText.tsx
-import { useRef as useRef4, useCallback as useCallback4, useEffect as useEffect4 } from "react";
+import { useRef as useRef2, useCallback as useCallback2, useEffect as useEffect2 } from "react";
 import { EditorContent } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
 
 // src/components/primitives/useEditableRichText.ts
-import { useState as useState3, useRef as useRef3, useCallback as useCallback3, useEffect as useEffect3 } from "react";
+import { useState as useState2, useRef, useCallback, useEffect } from "react";
 import { Editor } from "@tiptap/core";
 import Placeholder from "@tiptap/extension-placeholder";
 
@@ -553,17 +435,17 @@ function useEditableRichText({
   preset,
   placeholder
 }) {
-  const editorRef = useRef3(null);
-  const [editor, setEditor] = useState3(null);
-  const valueRef = useRef3(value);
-  const onChangeRef = useRef3(onChange);
-  useEffect3(() => {
+  const editorRef = useRef(null);
+  const [editor, setEditor] = useState2(null);
+  const valueRef = useRef(value);
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
     valueRef.current = value;
   }, [value]);
-  useEffect3(() => {
+  useEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  const activate = useCallback3(() => {
+  const activate = useCallback(() => {
     if (editorRef.current) return;
     const extensions = placeholder ? [...presets[preset], Placeholder.configure({ placeholder })] : presets[preset];
     const ed = new Editor({
@@ -585,7 +467,7 @@ function useEditableRichText({
     editorRef.current = ed;
     setEditor(ed);
   }, [preset, placeholder]);
-  const deactivate = useCallback3(() => {
+  const deactivate = useCallback(() => {
     const ed = editorRef.current;
     if (!ed) return;
     const html = ed.getHTML();
@@ -596,7 +478,7 @@ function useEditableRichText({
       onChangeRef.current(html);
     }
   }, []);
-  useEffect3(() => {
+  useEffect(() => {
     return () => {
       editorRef.current?.destroy();
       editorRef.current = null;
@@ -611,7 +493,7 @@ function useEditableRichText({
 }
 
 // src/components/primitives/RichTextToolbar.tsx
-import { useState as useState4 } from "react";
+import { useState as useState3 } from "react";
 import { useEditorState } from "@tiptap/react";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function ToolbarButton({ isActive, onClick, title, children }) {
@@ -638,7 +520,7 @@ function Separator() {
   return /* @__PURE__ */ jsx5("div", { className: "mx-1 h-5 w-px bg-base-contrast/20" });
 }
 function RichTextToolbar({ editor, preset }) {
-  const [showLinkPopover, setShowLinkPopover] = useState4(false);
+  const [showLinkPopover, setShowLinkPopover] = useState3(false);
   const state = useEditorState({
     editor,
     selector: ({ editor: ed }) => ({
@@ -791,17 +673,17 @@ function EditableRichText({
   placeholder = DEFAULT_PLACEHOLDER
 }) {
   const { isEditorActive, editor, activate, deactivate } = useEditableRichText({ value, onChange, preset, placeholder });
-  const wrapperRef = useRef4(null);
-  const blurTimeoutRef = useRef4(null);
-  const clickCoordsRef = useRef4(null);
-  useEffect4(() => {
+  const wrapperRef = useRef2(null);
+  const blurTimeoutRef = useRef2(null);
+  const clickCoordsRef = useRef2(null);
+  useEffect2(() => {
     return () => {
       if (blurTimeoutRef.current) {
         clearTimeout(blurTimeoutRef.current);
       }
     };
   }, []);
-  useEffect4(() => {
+  useEffect2(() => {
     if (!isEditorActive || !editor) return;
     requestAnimationFrame(() => {
       if (editor.isDestroyed) return;
@@ -825,19 +707,19 @@ function EditableRichText({
       }
     });
   }, [isEditorActive, editor]);
-  const handleClick = useCallback4((e) => {
+  const handleClick = useCallback2((e) => {
     if (isEditMode && !isEditorActive) {
       clickCoordsRef.current = { left: e.clientX, top: e.clientY };
       activate();
     }
   }, [isEditMode, isEditorActive, activate]);
-  const handleFocus = useCallback4(() => {
+  const handleFocus = useCallback2(() => {
     if (blurTimeoutRef.current) {
       clearTimeout(blurTimeoutRef.current);
       blurTimeoutRef.current = null;
     }
   }, []);
-  const handleBlur = useCallback4(() => {
+  const handleBlur = useCallback2(() => {
     blurTimeoutRef.current = setTimeout(() => {
       if (wrapperRef.current && !wrapperRef.current.contains(document.activeElement)) {
         deactivate();
@@ -893,529 +775,8 @@ function EditableRichText({
   );
 }
 
-// src/components/primitives/ResolvedMedia.tsx
-import { ImageIcon } from "lucide-react";
-
-// src/hooks/useResolvedMedia.ts
-import { useMemo } from "react";
-
-// src/components/shell/MediaLibraryContext.tsx
-import { createContext, useContext } from "react";
-var MediaLibraryContext = createContext(null);
-function useMediaLibrary() {
-  return useContext(MediaLibraryContext);
-}
-
-// src/hooks/useResolvedMedia.ts
-function useResolvedMedia(imageId) {
-  const ctx = useMediaLibrary();
-  return useMemo(() => {
-    if (!imageId || !ctx) {
-      return { src: void 0, srcset: void 0, poster: void 0, alt: "", kind: "image" };
-    }
-    const { manifest, pendingItems, pendingLocalUrls, siteConfig } = ctx;
-    const sizes = siteConfig?.media?.sizes ?? [640, 1080, 1920];
-    const manifestItem = manifest.images[imageId];
-    const pendingItem = pendingItems.find((i) => i.id === imageId);
-    const item = manifestItem ?? pendingItem;
-    const alt = item?.alt ?? "";
-    const kind = item?.kind ?? "image";
-    const localUrl = pendingLocalUrls[imageId];
-    if (localUrl) {
-      return { src: localUrl, srcset: void 0, poster: void 0, alt, kind };
-    }
-    if (manifestItem) {
-      const provider = getMediaProvider();
-      const resolved = provider.resolve(manifestItem, sizes);
-      if (resolved && resolved.tag === "img") {
-        return {
-          src: resolved.src,
-          srcset: "srcSet" in resolved ? resolved.srcSet : void 0,
-          poster: void 0,
-          alt,
-          kind
-        };
-      }
-      if (resolved && resolved.tag === "video") {
-        return { src: resolved.src, srcset: void 0, poster: resolved.poster, alt, kind };
-      }
-    }
-    return { src: void 0, srcset: void 0, poster: void 0, alt, kind };
-  }, [imageId, ctx]);
-}
-
-// src/components/primitives/ResolvedMedia.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-function ResolvedMedia({
-  imageId,
-  src: propSrc,
-  srcset: propSrcset,
-  alt: propAlt,
-  className,
-  imgClassName,
-  invertFrom
-}) {
-  const resolved = useResolvedMedia(imageId);
-  const src = propSrc || resolved.src;
-  const srcset = propSrcset || resolved.srcset;
-  const poster = resolved.poster;
-  const alt = propAlt ?? resolved.alt;
-  const kind = resolved.kind;
-  const invertClass = invertFrom === "light" ? "invert dark:invert-0" : invertFrom === "dark" ? "dark:invert" : void 0;
-  const mediaClass = cn("h-full w-full", imgClassName, invertClass);
-  return /* @__PURE__ */ jsx7("div", { className, children: src ? kind === "video" ? /* @__PURE__ */ jsx7("video", { src, poster, muted: true, playsInline: true, loop: true, autoPlay: true, className: mediaClass }) : /* @__PURE__ */ jsx7("img", { src, srcSet: srcset, alt, className: mediaClass }) : /* @__PURE__ */ jsxs4("div", { className: "flex aspect-video h-full w-full flex-col items-center justify-center gap-1 rounded bg-base-accent text-base-contrast-light/50", children: [
-    /* @__PURE__ */ jsx7(ImageIcon, { size: 24 }),
-    /* @__PURE__ */ jsx7("span", { className: "text-sm", children: "No Image" })
-  ] }) });
-}
-
-// src/components/primitives/ImageDropZone.tsx
-import { useState as useState5 } from "react";
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var ACCEPTED = /^(image|video)\//;
-function ImageDropZone({ onImageSelected, className, children }) {
-  const mediaLibrary = useMediaLibrary();
-  const [dragging, setDragging] = useState5(false);
-  if (!mediaLibrary) return /* @__PURE__ */ jsx8(Fragment3, { children });
-  const maxFileSize = mediaLibrary.siteConfig?.media.maxFileSize;
-  const hasFiles = (e) => e.dataTransfer.types.includes("Files");
-  const handleDragOver = (e) => {
-    if (!hasFiles(e)) return;
-    e.preventDefault();
-    e.dataTransfer.dropEffect = "copy";
-    setDragging(true);
-  };
-  const handleDragLeave = (e) => {
-    if (!hasFiles(e)) return;
-    const related = e.relatedTarget;
-    if (related && e.currentTarget.contains(related)) return;
-    setDragging(false);
-  };
-  const handleDrop = (e) => {
-    if (!hasFiles(e)) return;
-    e.preventDefault();
-    e.stopPropagation();
-    setDragging(false);
-    const file = e.dataTransfer.files[0];
-    if (!file) return;
-    if (!ACCEPTED.test(file.type)) {
-      mediaLibrary.reportRejectedUploads([{ name: file.name, reason: "type" }]);
-      return;
-    }
-    if (maxFileSize && file.size > maxFileSize) {
-      mediaLibrary.reportRejectedUploads([{ name: file.name, reason: "size" }]);
-      return;
-    }
-    mediaLibrary.uploadFileWithCallback(file, onImageSelected);
-  };
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      className: cn("relative", className),
-      onDragOver: handleDragOver,
-      onDragLeave: handleDragLeave,
-      onDrop: handleDrop,
-      children: [
-        children,
-        dragging && /* @__PURE__ */ jsx8("div", { className: "pointer-events-none absolute inset-0 z-10 rounded-md border-2 border-primary bg-primary/5" })
-      ]
-    }
-  );
-}
-
-// src/components/sections/Media/MediaBlock.tsx
-import { Check, X } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function MediaBlock({ refValue, options, link, dodont, isEditMode, onRefChange }) {
-  const mediaLibrary = useMediaLibrary();
-  const fit = refValue.objectFit ?? options.objectFit;
-  const fitClass = fit === "cover" ? "object-cover" : "object-contain";
-  const showBorder = refValue.border ?? options.border;
-  const captionStr = refValue.caption ? Array.isArray(refValue.caption) ? refValue.caption.join("\n") : refValue.caption : "";
-  const replace = onRefChange ? (imageId) => onRefChange({ ...refValue, imageId }) : void 0;
-  const resolved = /* @__PURE__ */ jsx9(
-    ResolvedMedia,
-    {
-      imageId: refValue.imageId || void 0,
-      className: "h-full w-full",
-      imgClassName: fitClass,
-      invertFrom: refValue.invertFrom
-    }
-  );
-  let media = isEditMode && replace ? /* @__PURE__ */ jsx9(ImageDropZone, { onImageSelected: replace, className: "h-full w-full", children: resolved }) : resolved;
-  if (!isEditMode && link && link.kind === "external" && link.href) {
-    media = /* @__PURE__ */ jsx9("a", { href: link.href, target: link.target, className: "group block", children: media });
-  }
-  const onImageClick = isEditMode && replace && mediaLibrary ? () => mediaLibrary.openSelectModal((imageId) => replace(imageId)) : void 0;
-  return /* @__PURE__ */ jsxs6("figure", { children: [
-    dodont && /* @__PURE__ */ jsx9("div", { className: "flex h-10 items-center justify-center pb-1", children: dodont === "do" ? /* @__PURE__ */ jsx9(Check, { size: 28, className: "text-green-600" }) : /* @__PURE__ */ jsx9(X, { size: 28, className: "text-red-600" }) }),
-    /* @__PURE__ */ jsx9(
-      "div",
-      {
-        "data-testid": "media-open-surface",
-        className: cn(
-          "overflow-hidden rounded-md",
-          showBorder && "border border-base-200",
-          options.square && "aspect-square",
-          onImageClick && "cursor-pointer"
-        ),
-        onClick: onImageClick,
-        onPointerDown: onImageClick ? (e) => e.stopPropagation() : void 0,
-        children: media
-      }
-    ),
-    options.showCaption && /* @__PURE__ */ jsx9("figcaption", { className: "mt-2 min-h-[1em] text-sm text-base-contrast-light", children: isEditMode && onRefChange ? /* @__PURE__ */ jsx9(
-      EditablePlainText,
-      {
-        tag: "span",
-        value: captionStr,
-        onChange: (caption) => onRefChange({ ...refValue, caption: caption || void 0 }),
-        isEditMode: true,
-        placeholder: "Caption",
-        className: "block min-h-[1em]"
-      }
-    ) : captionStr || " " })
-  ] });
-}
-
-// src/components/primitives/EditableGrid.tsx
-import { useRef as useRef6, useEffect as useEffect6, useState as useState7 } from "react";
-import { ImageIcon as ImageIcon2 } from "lucide-react";
-
-// src/lib/container-grid.ts
-var MAX_CONTAINER_COLUMNS = 6;
-var containerGridClass = {
-  1: "grid-cols-1",
-  2: "grid-cols-1 @sm:grid-cols-2",
-  3: "grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-3",
-  4: "grid-cols-1 @xs:grid-cols-2 @lg:grid-cols-4",
-  5: "grid-cols-1 @xs:grid-cols-2 @md:grid-cols-3 @xl:grid-cols-5",
-  6: "grid-cols-1 @xs:grid-cols-2 @md:grid-cols-3 @2xl:grid-cols-6"
-};
-var colSpanClass = {
-  1: { 1: "" },
-  2: { 1: "", 2: "col-span-1 @sm:col-span-2" },
-  3: { 1: "", 2: "col-span-1 @sm:col-span-2", 3: "col-span-1 @sm:col-span-2 @lg:col-span-3" },
-  4: { 1: "", 2: "col-span-1 @xs:col-span-2", 3: "col-span-1 @xs:col-span-2 @lg:col-span-3", 4: "col-span-1 @xs:col-span-2 @lg:col-span-4" },
-  5: { 1: "", 2: "col-span-1 @xs:col-span-2", 3: "col-span-1 @xs:col-span-2 @md:col-span-3", 4: "col-span-1 @xs:col-span-2 @md:col-span-3 @xl:col-span-4", 5: "col-span-1 @xs:col-span-2 @md:col-span-3 @xl:col-span-5" },
-  6: { 1: "", 2: "col-span-1 @xs:col-span-2", 3: "col-span-1 @xs:col-span-2 @md:col-span-3", 4: "col-span-1 @xs:col-span-2 @md:col-span-3 @2xl:col-span-4", 5: "col-span-1 @xs:col-span-2 @md:col-span-3 @2xl:col-span-5", 6: "col-span-1 @xs:col-span-2 @md:col-span-3 @2xl:col-span-6" }
-};
-var spacerHiddenClass = {
-  1: "hidden",
-  2: "hidden @sm:block",
-  3: "hidden @sm:block",
-  4: "hidden @xs:block",
-  5: "hidden @xs:block",
-  6: "hidden @xs:block"
-};
-
-// src/components/primitives/useEditableCollection.ts
-import { useState as useState6, useCallback as useCallback5, useRef as useRef5, useEffect as useEffect5 } from "react";
-var nextId = 0;
-function uid() {
-  return typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID() : `_id_${nextId++}_${Date.now()}`;
-}
-function wrapItems(items) {
-  return items.map((data) => ({ id: uid(), data }));
-}
-function useEditableCollection({
-  items,
-  onChange,
-  createItem
-}) {
-  const [wrappedItems, setWrappedItems] = useState6(
-    () => wrapItems(items)
-  );
-  const prevItemsRef = useRef5(items);
-  useEffect5(() => {
-    if (items === prevItemsRef.current) return;
-    prevItemsRef.current = items;
-    setWrappedItems((prev) => {
-      return items.map((data, i) => {
-        if (i < prev.length) {
-          return { id: prev[i].id, data };
-        }
-        return { id: uid(), data };
-      });
-    });
-  }, [items]);
-  const onReorder = useCallback5(
-    (fromIndex, toIndex) => {
-      setWrappedItems((prev) => {
-        const next = [...prev];
-        const [moved] = next.splice(fromIndex, 1);
-        next.splice(toIndex, 0, moved);
-        onChange(next.map((w) => w.data));
-        return next;
-      });
-    },
-    [onChange]
-  );
-  const onAdd = useCallback5(() => {
-    const newItem = createItem();
-    setWrappedItems((prev) => {
-      const next = [...prev, { id: uid(), data: newItem }];
-      onChange(next.map((w) => w.data));
-      return next;
-    });
-  }, [createItem, onChange]);
-  const onInsert = useCallback5(
-    (index) => {
-      const newItem = createItem();
-      setWrappedItems((prev) => {
-        const next = [...prev];
-        next.splice(index, 0, { id: uid(), data: newItem });
-        onChange(next.map((w) => w.data));
-        return next;
-      });
-    },
-    [createItem, onChange]
-  );
-  const onRemove = useCallback5(
-    (id) => {
-      setWrappedItems((prev) => {
-        const next = prev.filter((w) => w.id !== id);
-        onChange(next.map((w) => w.data));
-        return next;
-      });
-    },
-    [onChange]
-  );
-  return { wrappedItems, onReorder, onAdd, onInsert, onRemove };
-}
-
-// src/components/primitives/EditableGrid.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function EditableGrid({
-  items,
-  columns,
-  onChange,
-  createItem,
-  isEditMode,
-  renderItem,
-  onItemSettings,
-  onItemImageClick,
-  chromeTopClass,
-  className
-}) {
-  const { wrappedItems, onReorder, onAdd, onInsert, onRemove } = useEditableCollection({
-    items,
-    onChange,
-    createItem
-  });
-  const [dragState, setDragState] = useState7({ sourceId: null, closestEdge: null });
-  const [isDragging, setIsDragging] = useState7(false);
-  useEffect6(() => {
-    let cleanup;
-    let cancelled = false;
-    import("./adapter-HH47ZPGM.js").then(({ monitorForElements }) => {
-      if (cancelled) return;
-      cleanup = monitorForElements({
-        onDragStart: ({ source }) => {
-          if (source.data.dragType === "grid-cell") setIsDragging(true);
-        },
-        onDrop: ({ source }) => {
-          if (source.data.dragType === "grid-cell") setIsDragging(false);
-        }
-      });
-    });
-    return () => {
-      cancelled = true;
-      cleanup?.();
-    };
-  }, []);
-  if (!isEditMode) {
-    return /* @__PURE__ */ jsx10("div", { className: "@container", children: /* @__PURE__ */ jsx10("div", { className: cn("grid gap-4", containerGridClass[columns] || containerGridClass[1], className), children: wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx10("div", { children: renderItem(wrapped.data, { isEditMode: false, index }) }, wrapped.id)) }) });
-  }
-  return /* @__PURE__ */ jsx10("div", { className: "@container", children: /* @__PURE__ */ jsxs7("div", { className: cn("group/grid relative grid gap-4", containerGridClass[columns] || containerGridClass[1], className), children: [
-    wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx10(
-      GridCell,
-      {
-        id: wrapped.id,
-        index,
-        isLast: index === wrappedItems.length - 1,
-        isDragging,
-        onReorder,
-        onRemove,
-        onInsert,
-        onSettings: onItemSettings ? () => onItemSettings(index) : void 0,
-        onImageClick: onItemImageClick ? () => onItemImageClick(index) : void 0,
-        chromeTopClass,
-        dragState,
-        setDragState,
-        children: renderItem(wrapped.data, { isEditMode: true, index })
-      },
-      wrapped.id
-    )),
-    /* @__PURE__ */ jsx10(
-      IconButton,
-      {
-        icon: /* @__PURE__ */ jsx10(AddIcon, { size: 16 }),
-        label: "Add item",
-        size: "lg",
-        intent: "primary",
-        onClick: onAdd,
-        className: "absolute -bottom-6 left-1/2 z-20 -translate-x-1/2 rounded-full border border-base-200 bg-base opacity-0 transition-opacity group-hover/grid:opacity-100"
-      }
-    )
-  ] }) });
-}
-function GridCell({
-  id,
-  index,
-  isLast,
-  isDragging,
-  onReorder,
-  onRemove,
-  onInsert,
-  onSettings,
-  onImageClick,
-  chromeTopClass,
-  dragState,
-  setDragState,
-  children
-}) {
-  const cellRef = useRef6(null);
-  const handleRef = useRef6(null);
-  useEffect6(() => {
-    const cell = cellRef.current;
-    const handle = handleRef.current;
-    if (!cell || !handle) return;
-    let cleanup;
-    let cancelled = false;
-    Promise.all([
-      import("./adapter-HH47ZPGM.js"),
-      import("./closest-edge-EBOXL3YW.js")
-    ]).then(([{ draggable, dropTargetForElements }, { attachClosestEdge, extractClosestEdge }]) => {
-      if (cancelled) return;
-      const cleanupDraggable = draggable({
-        element: handle,
-        getInitialData: () => ({ dragType: "grid-cell", id, index }),
-        onDragStart: () => setDragState({ sourceId: id, closestEdge: null }),
-        onDrop: () => setDragState({ sourceId: null, closestEdge: null })
-      });
-      const cleanupDropTarget = dropTargetForElements({
-        element: cell,
-        canDrop: ({ source }) => source.data.dragType === "grid-cell",
-        getData: ({ input, element }) => attachClosestEdge(
-          { id, index },
-          { input, element, allowedEdges: ["left", "right"] }
-        ),
-        onDragEnter: ({ self }) => {
-          const edge = extractClosestEdge(self.data);
-          if (edge) setDragState((prev) => ({ ...prev, closestEdge: { id, edge } }));
-        },
-        onDrag: ({ self }) => {
-          const edge = extractClosestEdge(self.data);
-          if (edge) setDragState((prev) => ({ ...prev, closestEdge: { id, edge } }));
-        },
-        onDragLeave: () => {
-          setDragState((prev) => prev.closestEdge?.id === id ? { ...prev, closestEdge: null } : prev);
-        },
-        onDrop: ({ source, self }) => {
-          const fromIndex = source.data.index;
-          const edge = extractClosestEdge(self.data);
-          let toIndex = index;
-          if (edge === "right") toIndex = index + 1;
-          if (fromIndex < toIndex) toIndex--;
-          if (fromIndex !== toIndex) {
-            onReorder(fromIndex, toIndex);
-          }
-        }
-      });
-      cleanup = () => {
-        cleanupDraggable();
-        cleanupDropTarget();
-      };
-    });
-    return () => {
-      cancelled = true;
-      cleanup?.();
-    };
-  }, [id, index, onReorder, setDragState]);
-  const isCellDragging = dragState.sourceId === id;
-  const showLeftEdge = dragState.closestEdge?.id === id && dragState.closestEdge.edge === "left" && dragState.sourceId !== id;
-  const showRightEdge = dragState.closestEdge?.id === id && dragState.closestEdge.edge === "right" && dragState.sourceId !== id;
-  return /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      ref: cellRef,
-      className: cn(
-        "group/cell relative",
-        isCellDragging && "opacity-50"
-      ),
-      children: [
-        showLeftEdge && /* @__PURE__ */ jsx10("div", { className: "absolute top-0 bottom-0 left-0 z-10 w-0.5 -translate-x-2 bg-primary" }),
-        showRightEdge && /* @__PURE__ */ jsx10("div", { className: "absolute top-0 right-0 bottom-0 z-10 w-0.5 translate-x-2 bg-primary" }),
-        !isDragging && !isLast && /* @__PURE__ */ jsx10(
-          IconButton,
-          {
-            icon: /* @__PURE__ */ jsx10(AddIcon, { size: 12 }),
-            label: "Insert item",
-            size: "sm",
-            intent: "primary",
-            onClick: () => onInsert(index + 1),
-            className: "absolute top-1/2 -right-2 z-20 -translate-y-1/2 translate-x-1/2 rounded-full border border-base-200 bg-base opacity-0 group-hover/cell:opacity-100"
-          }
-        ),
-        /* @__PURE__ */ jsx10(
-          IconButton,
-          {
-            ref: handleRef,
-            icon: /* @__PURE__ */ jsx10(DragHandle, { size: 16 }),
-            label: "Drag to reorder",
-            className: cn("absolute left-1.5 z-10 cursor-grab bg-base/80 opacity-0 shadow-sm group-hover/cell:opacity-100 no-hover:opacity-100", chromeTopClass || "top-1.5"),
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ jsxs7("div", { className: cn("absolute right-1.5 z-10 flex items-center gap-1 opacity-0 group-hover/cell:opacity-100 no-hover:opacity-100", chromeTopClass || "top-1.5"), children: [
-          onImageClick && /* @__PURE__ */ jsx10(
-            IconButton,
-            {
-              icon: /* @__PURE__ */ jsx10(ImageIcon2, { size: 16 }),
-              label: "Change image",
-              onClick: onImageClick,
-              className: "bg-base/80 shadow-sm"
-            }
-          ),
-          onSettings && /* @__PURE__ */ jsx10(
-            IconButton,
-            {
-              icon: /* @__PURE__ */ jsx10(SettingsIcon, { size: 16 }),
-              label: "Item settings",
-              onClick: onSettings,
-              className: "bg-base/80 shadow-sm"
-            }
-          ),
-          /* @__PURE__ */ jsx10(
-            IconButton,
-            {
-              icon: /* @__PURE__ */ jsx10(DeleteIcon, { size: 16 }),
-              label: "Delete item",
-              intent: "destructive",
-              onClick: () => onRemove(id),
-              className: "bg-base/80 shadow-sm"
-            }
-          )
-        ] }),
-        children
-      ]
-    }
-  );
-}
-
 export {
-  EditablePlainText,
   defineHeadingSection,
   LinkPopover,
-  EditableRichText,
-  ResolvedMedia,
-  ImageDropZone,
-  MediaBlock,
-  MAX_CONTAINER_COLUMNS,
-  containerGridClass,
-  colSpanClass,
-  spacerHiddenClass,
-  useEditableCollection,
-  EditableGrid
+  EditableRichText
 };