@drawnagency/primitives 0.1.71 → 0.1.72

package/dist/{chunk-WXVKX6PY.js → chunk-VHINNGIF.js}

@@ -1,9 +1,10 @@
 import {
   EditablePlainText
-} from "./chunk-KWBM27UR.js";
+} from "./chunk-WCALKWPO.js";
 import {
+  Button,
   usePages
-} from "./chunk-4E66N6UV.js";
+} from "./chunk-ZSPCE6MZ.js";
 import {
   sanitizeHtml,
   toSectionId
@@ -78,61 +79,6 @@ function defineHeadingSection(config) {
 // src/components/primitives/LinkPopover.tsx
 import { useState } from "react";
 
-// src/components/shared/Button.tsx
-import { forwardRef } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var boxSize = {
-  sm: "rounded px-3 py-1.5 text-xs font-medium",
-  md: "rounded px-4 py-2 text-sm font-medium"
-};
-var ghostSize = {
-  sm: "text-xs font-medium",
-  md: "text-sm font-medium"
-};
-var variantClasses = {
-  primary: "bg-base-contrast text-base-accent hover:bg-base-contrast/90",
-  brand: "bg-primary text-primary-contrast hover:opacity-90",
-  secondary: "border border-base-200 text-base-contrast hover:bg-base-accent",
-  destructive: "border border-red-600 text-red-600 hover:bg-red-600 hover:text-white"
-};
-var ghostToneClasses = {
-  neutral: "text-base-contrast-light hover:text-base-contrast",
-  destructive: "text-red-600 hover:text-red-800"
-};
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  size = "sm",
-  tone = "neutral",
-  fullWidth = false,
-  isLoading = false,
-  loadingLabel,
-  disabled,
-  className,
-  children,
-  ...rest
-}, ref) {
-  const isGhost = variant === "ghost";
-  const resolvedDisabled = disabled || isLoading;
-  const label = isLoading && loadingLabel ? loadingLabel : children;
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      ref,
-      disabled: resolvedDisabled,
-      className: cn(
-        "inline-flex items-center justify-center transition-colors",
-        isGhost ? ghostSize[size] : boxSize[size],
-        isGhost ? ghostToneClasses[tone] : variantClasses[variant],
-        fullWidth && "w-full",
-        resolvedDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        className
-      ),
-      ...rest,
-      children: label
-    }
-  );
-});
-
 // src/lib/links.ts
 function internalHref(pageId, anchorSectionId) {
   return `page://${pageId}${anchorSectionId ? `#${anchorSectionId}` : ""}`;
@@ -143,7 +89,7 @@ function parseInternalHref(href) {
 }
 
 // src/components/primitives/LinkPopover.tsx
-import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var selectClasses = "w-full rounded border border-base-contrast/20 bg-base px-2 py-1 text-sm text-base-contrast focus:outline-none focus:ring-1 focus:ring-primary";
 function LinkPopover({ editor, onClose }) {
   const { pages, getPageHeadings } = usePages();
@@ -188,7 +134,7 @@ function LinkPopover({ editor, onClose }) {
       onMouseDown: (e) => e.stopPropagation(),
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsx4("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -204,7 +150,7 @@ function LinkPopover({ editor, onClose }) {
           kind
         )) }),
         mode === "external" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "input",
             {
               autoFocus: true,
@@ -216,7 +162,7 @@ function LinkPopover({ editor, onClose }) {
             }
           ),
           /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-base-contrast", children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(
               "input",
               {
                 type: "checkbox",
@@ -240,8 +186,8 @@ function LinkPopover({ editor, onClose }) {
               },
               className: selectClasses,
               children: [
-                /* @__PURE__ */ jsx4("option", { value: "", children: "Select a page\u2026" }),
-                pages.map((p) => /* @__PURE__ */ jsx4("option", { value: p.id, children: p.title }, p.id))
+                /* @__PURE__ */ jsx3("option", { value: "", children: "Select a page\u2026" }),
+                pages.map((p) => /* @__PURE__ */ jsx3("option", { value: p.id, children: p.title }, p.id))
               ]
             }
           ),
@@ -254,14 +200,14 @@ function LinkPopover({ editor, onClose }) {
               onChange: (e) => setAnchorId(e.target.value),
               className: cn(selectClasses, !pageId && "cursor-not-allowed opacity-50"),
               children: [
-                /* @__PURE__ */ jsx4("option", { value: "", children: "None (top of page)" }),
-                headings.map((h) => /* @__PURE__ */ jsx4("option", { value: h.id, children: h.label }, h.id))
+                /* @__PURE__ */ jsx3("option", { value: "", children: "None (top of page)" }),
+                headings.map((h) => /* @__PURE__ */ jsx3("option", { value: h.id, children: h.label }, h.id))
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             Button,
             {
               variant: "brand",
@@ -273,7 +219,7 @@ function LinkPopover({ editor, onClose }) {
               children: "Apply"
             }
           ),
-          hasLink && /* @__PURE__ */ jsx4(
+          hasLink && /* @__PURE__ */ jsx3(
             Button,
             {
               variant: "secondary",
@@ -285,7 +231,7 @@ function LinkPopover({ editor, onClose }) {
               children: "Remove"
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             Button,
             {
               variant: "secondary",
@@ -504,9 +450,9 @@ function useEditableRichText({
 // src/components/primitives/RichTextToolbar.tsx
 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";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function ToolbarButton({ isActive, onClick, title, children }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -526,7 +472,7 @@ function ToolbarButton({ isActive, onClick, title, children }) {
   );
 }
 function Separator() {
-  return /* @__PURE__ */ jsx5("div", { className: "mx-1 h-5 w-px bg-base-contrast/20" });
+  return /* @__PURE__ */ jsx4("div", { className: "mx-1 h-5 w-px bg-base-contrast/20" });
 }
 function RichTextToolbar({ editor, preset }) {
   const [showLinkPopover, setShowLinkPopover] = useState3(false);
@@ -558,37 +504,37 @@ function RichTextToolbar({ editor, preset }) {
       "data-testid": "rich-text-toolbar",
       className: "flex items-center gap-1 rounded border border-base-contrast/10 bg-base-accent p-1 shadow-md",
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           ToolbarButton,
           {
             isActive: state.isBold,
             onClick: () => editor.chain().focus().toggleBold().run(),
             title: "Bold",
-            children: /* @__PURE__ */ jsx5("strong", { children: "B" })
+            children: /* @__PURE__ */ jsx4("strong", { children: "B" })
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           ToolbarButton,
           {
             isActive: state.isItalic,
             onClick: () => editor.chain().focus().toggleItalic().run(),
             title: "Italic",
-            children: /* @__PURE__ */ jsx5("em", { children: "I" })
+            children: /* @__PURE__ */ jsx4("em", { children: "I" })
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           ToolbarButton,
           {
             isActive: state.isUnderline,
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             title: "Underline",
-            children: /* @__PURE__ */ jsx5("span", { className: "underline", children: "U" })
+            children: /* @__PURE__ */ jsx4("span", { className: "underline", children: "U" })
           }
         ),
         preset === "rich" && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx5(Separator, {}),
+          /* @__PURE__ */ jsx4(Separator, {}),
           /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               ToolbarButton,
               {
                 isActive: state.isLink || showLinkPopover,
@@ -597,7 +543,7 @@ function RichTextToolbar({ editor, preset }) {
                 children: "\u{1F517}"
               }
             ),
-            showLinkPopover && /* @__PURE__ */ jsx5("div", { className: "absolute left-0 top-full z-50 mt-1", children: /* @__PURE__ */ jsx5(
+            showLinkPopover && /* @__PURE__ */ jsx4("div", { className: "absolute left-0 top-full z-50 mt-1", children: /* @__PURE__ */ jsx4(
               LinkPopover,
               {
                 editor,
@@ -605,8 +551,8 @@ function RichTextToolbar({ editor, preset }) {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx5(Separator, {}),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(Separator, {}),
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isBulletList,
@@ -615,7 +561,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "\u2022\u2261"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isOrderedList,
@@ -624,8 +570,8 @@ function RichTextToolbar({ editor, preset }) {
               children: "1\u2261"
             }
           ),
-          /* @__PURE__ */ jsx5(Separator, {}),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(Separator, {}),
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isH3,
@@ -634,7 +580,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "H3"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isH4,
@@ -643,7 +589,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "H4"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isLarge,
@@ -652,7 +598,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "Lg"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isLeadIn,
@@ -668,7 +614,7 @@ function RichTextToolbar({ editor, preset }) {
 }
 
 // src/components/primitives/EditableRichText.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function isContentEmpty(html) {
   return html.replace(/<[^>]*>/g, "").trim().length === 0;
 }
@@ -736,7 +682,7 @@ function EditableRichText({
     }, 150);
   }, [deactivate]);
   if (!isEditMode) {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx5(
       "div",
       {
         className,
@@ -747,9 +693,9 @@ function EditableRichText({
   if (!isEditorActive || !editor) {
     const empty = isContentEmpty(value);
     if (empty) {
-      return /* @__PURE__ */ jsx6("div", { className, onClick: handleClick, children: /* @__PURE__ */ jsx6("p", { className: "tiptap-placeholder", children: placeholder }) });
+      return /* @__PURE__ */ jsx5("div", { className, onClick: handleClick, children: /* @__PURE__ */ jsx5("p", { className: "tiptap-placeholder", children: placeholder }) });
     }
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx5(
       "div",
       {
         className,
@@ -766,7 +712,7 @@ function EditableRichText({
       onFocus: handleFocus,
       onBlur: handleBlur,
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx5(
           BubbleMenu,
           {
             editor,
@@ -775,10 +721,10 @@ function EditableRichText({
               const { from, to } = state.selection;
               return ed.isFocused && from !== to;
             },
-            children: /* @__PURE__ */ jsx6(RichTextToolbar, { editor, preset })
+            children: /* @__PURE__ */ jsx5(RichTextToolbar, { editor, preset })
           }
         ),
-        /* @__PURE__ */ jsx6(EditorContent, { editor })
+        /* @__PURE__ */ jsx5(EditorContent, { editor })
       ]
     }
   );

package/dist/{chunk-KWBM27UR.js → chunk-WCALKWPO.js}

@@ -3,11 +3,10 @@ import {
   DeleteIcon,
   DragHandle,
   IconButton,
-  SettingsIcon
-} from "./chunk-I5737FJY.js";
-import {
-  getMediaProvider
-} from "./chunk-6UDYJQL6.js";
+  SettingsIcon,
+  useMediaLibrary,
+  useResolvedMedia
+} from "./chunk-7SIZ2LV5.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -128,60 +127,6 @@ function EditablePlainText({
 // src/components/primitives/ResolvedMedia.tsx
 import { useState as useState2 } from "react";
 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 width = item?.width;
-    const height = item?.height;
-    const localUrl = pendingLocalUrls[imageId];
-    if (localUrl) {
-      return { src: localUrl, srcset: void 0, poster: void 0, alt, kind, width, height };
-    }
-    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,
-          width: resolved.width,
-          height: resolved.height
-        };
-      }
-      if (resolved && resolved.tag === "video") {
-        return { src: resolved.src, srcset: void 0, poster: resolved.poster, alt, kind, width: resolved.width, height: resolved.height };
-      }
-    }
-    return { src: void 0, srcset: void 0, poster: void 0, alt, kind, width, height };
-  }, [imageId, ctx]);
-}
-
-// src/components/primitives/ResolvedMedia.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ResolvedMedia({
   imageId,

package/dist/{chunk-GKV77AA6.js → chunk-ZRWGV5O6.js}

@@ -7,12 +7,12 @@ import {
 import {
   getSectionSchema
 } from "./chunk-TZQPOR5A.js";
-import {
-  IndexSchema
-} from "./chunk-YMVYTYGQ.js";
 import {
   getAllSchemas
 } from "./chunk-VKAGMEKE.js";
+import {
+  IndexSchema
+} from "./chunk-SWIHUIFT.js";
 import {
   MAX_BLOCK_DEPTH,
   blockDepth

package/dist/chunk-ZSPCE6MZ.js

@@ -0,0 +1,70 @@
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// src/components/shared/Button.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var boxSize = {
+  sm: "rounded px-3 py-1.5 text-xs font-medium",
+  md: "rounded px-4 py-2 text-sm font-medium"
+};
+var ghostSize = {
+  sm: "text-xs font-medium",
+  md: "text-sm font-medium"
+};
+var variantClasses = {
+  primary: "bg-base-contrast text-base-accent hover:bg-base-contrast/90",
+  brand: "bg-primary text-primary-contrast hover:opacity-90",
+  secondary: "border border-base-200 text-base-contrast hover:bg-base-accent",
+  destructive: "border border-red-600 text-red-600 hover:bg-red-600 hover:text-white"
+};
+var ghostToneClasses = {
+  neutral: "text-base-contrast-light hover:text-base-contrast",
+  destructive: "text-red-600 hover:text-red-800"
+};
+var Button = forwardRef(function Button2({
+  variant = "primary",
+  size = "sm",
+  tone = "neutral",
+  fullWidth = false,
+  isLoading = false,
+  loadingLabel,
+  disabled,
+  className,
+  children,
+  ...rest
+}, ref) {
+  const isGhost = variant === "ghost";
+  const resolvedDisabled = disabled || isLoading;
+  const label = isLoading && loadingLabel ? loadingLabel : children;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      disabled: resolvedDisabled,
+      className: cn(
+        "inline-flex items-center justify-center transition-colors",
+        isGhost ? ghostSize[size] : boxSize[size],
+        isGhost ? ghostToneClasses[tone] : variantClasses[variant],
+        fullWidth && "w-full",
+        resolvedDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        className
+      ),
+      ...rest,
+      children: label
+    }
+  );
+});
+
+// src/components/shared/PagesContext.tsx
+import { createContext, useContext } from "react";
+var PagesContext = createContext({ pages: [], getPageHeadings: () => [] });
+function usePages() {
+  return useContext(PagesContext);
+}
+
+export {
+  Button,
+  usePages
+};

package/dist/components/editor/SettingsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsForm.d.ts","sourceRoot":"","sources":["../../../src/components/editor/SettingsForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,MAAM,oBAAoB,CAAC;AAU3E,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;CAC9C;AAqJD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA2BjF"}
+{"version":3,"file":"SettingsForm.d.ts","sourceRoot":"","sources":["../../../src/components/editor/SettingsForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAoB,MAAM,oBAAoB,CAAC;AAY3E,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;CAC9C;AA8JD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA2BjF"}

package/dist/components/editor/index.js

@@ -11,17 +11,20 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "../../chunk-2BHPWO7M.js";
+} from "../../chunk-BTGHF3SW.js";
+import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-4E66N6UV.js";
 import {
   AddIcon,
   IconButton
-} from "../../chunk-I5737FJY.js";
+} from "../../chunk-7SIZ2LV5.js";
+import "../../chunk-TOBPMMRM.js";
 import "../../chunk-677NTHAZ.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
+import "../../chunk-4YEOTFVU.js";
+import "../../chunk-SWIHUIFT.js";
 import "../../chunk-JSBRDJBE.js";
 
 // src/components/editor/InsertButton.tsx

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-WXVKX6PY.js";
+} from "../../chunk-VHINNGIF.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,21 +10,21 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-KWBM27UR.js";
-import "../../chunk-4E66N6UV.js";
+} from "../../chunk-WCALKWPO.js";
+import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,
   DragHandle,
   IconButton
-} from "../../chunk-I5737FJY.js";
-import "../../chunk-6UDYJQL6.js";
+} from "../../chunk-7SIZ2LV5.js";
+import "../../chunk-TOBPMMRM.js";
 import "../../chunk-53DKVAB6.js";
-import "../../chunk-4YEOTFVU.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
-import "../../chunk-YMVYTYGQ.js";
+import "../../chunk-4YEOTFVU.js";
 import "../../chunk-VKAGMEKE.js";
+import "../../chunk-SWIHUIFT.js";
 import "../../chunk-JSBRDJBE.js";
 
 // src/components/primitives/EditableList.tsx

package/dist/components/sections/Video/VideoBlock.d.ts

@@ -0,0 +1,31 @@
+export type VideoSource = {
+    type: "library";
+    ref: {
+        imageId: string;
+    };
+    poster?: {
+        imageId: string;
+        src?: string;
+    };
+} | {
+    type: "external";
+    provider: "youtube" | "vimeo";
+    id: string;
+    url: string;
+    width: number;
+    height: number;
+};
+interface VideoBlockProps {
+    source: VideoSource;
+    caption?: string;
+    options: {
+        playback?: "ambient" | "click";
+        showCaption?: boolean;
+    };
+    isEditMode?: boolean;
+    onSourceChange?: (source: VideoSource) => void;
+    onCaptionChange?: (caption: string) => void;
+}
+export declare function VideoBlock({ source, caption, options, isEditMode, onSourceChange, onCaptionChange }: VideoBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VideoBlock.d.ts.map

package/dist/components/sections/Video/VideoBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Video/VideoBlock.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,GAAG,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,GACzF;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhH,UAAU,eAAe;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QAAE,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,eAAe,2CAgIpH"}

package/dist/components/sections/Video/index.d.ts

@@ -0,0 +1,28 @@
+declare const _default: import("../../..").SectionDefinition<{
+    type: "video";
+    content: {
+        source: {
+            type: "library";
+            ref: {
+                imageId: string;
+            };
+            poster?: {
+                imageId: string;
+            } | undefined;
+        } | {
+            type: "external";
+            provider: "youtube" | "vimeo";
+            id: string;
+            url: string;
+            width: number;
+            height: number;
+        };
+        caption?: string | undefined;
+    };
+    options: {
+        playback?: "click" | "ambient" | undefined;
+        showCaption?: boolean | undefined;
+    };
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sections/Video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Video/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,wBA0DG"}

package/dist/components/sections/all-sections.d.ts

@@ -67,6 +67,31 @@ export declare const allSectionDefs: (import("../..").SectionDefinition<{
         border?: boolean | undefined;
         objectFit?: "cover" | "contain" | undefined;
     };
+}> | import("../..").SectionDefinition<{
+    type: "video";
+    content: {
+        source: {
+            type: "library";
+            ref: {
+                imageId: string;
+            };
+            poster?: {
+                imageId: string;
+            } | undefined;
+        } | {
+            type: "external";
+            provider: "youtube" | "vimeo";
+            id: string;
+            url: string;
+            width: number;
+            height: number;
+        };
+        caption?: string | undefined;
+    };
+    options: {
+        playback?: "click" | "ambient" | undefined;
+        showCaption?: boolean | undefined;
+    };
 }> | import("../..").SectionDefinition<{
     type: "button";
     content: {

package/dist/components/sections/all-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/all-sections.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAAiD,CAAC"}
+{"version":3,"file":"all-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/all-sections.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAAiD,CAAC"}