@drawnagency/primitives 0.1.7 → 0.1.10

package/src/components/primitives/CustomParagraph.d.ts

@@ -0,0 +1,2 @@
+export declare const CustomParagraph: import("@tiptap/core").Node<import("@tiptap/extension-paragraph").ParagraphOptions, any>;
+//# sourceMappingURL=CustomParagraph.d.ts.map

package/src/components/primitives/CustomParagraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomParagraph.d.ts","sourceRoot":"","sources":["CustomParagraph.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,0FAoB1B,CAAC"}

package/src/components/primitives/EditableGrid.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+interface EditableGridProps<T> {
+    items: T[];
+    columns: number;
+    onChange: (items: T[]) => void;
+    createItem: () => T;
+    isEditMode: boolean;
+    renderItem: (item: T, props: {
+        isEditMode: boolean;
+        index: number;
+    }) => ReactNode;
+    onItemSettings?: (index: number) => void;
+    onItemImageClick?: (index: number) => void;
+    chromeTopClass?: string;
+    className?: string;
+}
+export declare function EditableGrid<T>({ items, columns, onChange, createItem, isEditMode, renderItem, onItemSettings, onItemImageClick, chromeTopClass, className, }: EditableGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditableGrid.d.ts.map

package/src/components/primitives/EditableGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableGrid.d.ts","sourceRoot":"","sources":["EditableGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQpE,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE;QAAE,UAAU,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAClF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAiFtB"}

package/src/components/primitives/EditableGrid.tsx

@@ -1,7 +1,4 @@
 import { useRef, useEffect, useState, type ReactNode } from "react";
-import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
-import { monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { ImageIcon } from "lucide-react";
 import { AddIcon, DragHandle, DeleteIcon, SettingsIcon } from "../shared/icons";
 import { IconButton } from "../shared/IconButton";
@@ -48,14 +45,25 @@ export function EditableGrid<T>({
   const [isDragging, setIsDragging] = useState(false);
 
   useEffect(() => {
-    return monitorForElements({
-      onDragStart: ({ source }) => {
-        if (source.data.dragType === "grid-cell") setIsDragging(true);
-      },
-      onDrop: ({ source }) => {
-        if (source.data.dragType === "grid-cell") setIsDragging(false);
-      },
+    let cleanup: (() => void) | undefined;
+    let cancelled = false;
+
+    import("@atlaskit/pragmatic-drag-and-drop/element/adapter").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) {
@@ -142,47 +150,62 @@ function GridCell({
     const handle = handleRef.current;
     if (!cell || !handle) return;
 
-    const cleanupDraggable = draggable({
-      element: handle,
-      getInitialData: () => ({ dragType: "grid-cell", id, index }),
-      onDragStart: () => setDragState({ sourceId: id, closestEdge: null }),
-      onDrop: () => setDragState({ sourceId: null, closestEdge: null }),
-    });
+    let cleanup: (() => void) | undefined;
+    let cancelled = false;
+
+    Promise.all([
+      import("@atlaskit/pragmatic-drag-and-drop/element/adapter"),
+      import("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge"),
+    ]).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: edge as "left" | "right" } }));
+        },
+        onDrag: ({ self }) => {
+          const edge = extractClosestEdge(self.data);
+          if (edge) setDragState((prev) => ({ ...prev, closestEdge: { id, edge: edge as "left" | "right" } }));
+        },
+        onDragLeave: () => {
+          setDragState((prev) => prev.closestEdge?.id === id ? { ...prev, closestEdge: null } : prev);
+        },
+        onDrop: ({ source, self }) => {
+          const fromIndex = source.data.index as number;
+          const edge = extractClosestEdge(self.data);
+          let toIndex = index;
+          if (edge === "right") toIndex = index + 1;
+          if (fromIndex < toIndex) toIndex--;
+          if (fromIndex !== toIndex) {
+            onReorder(fromIndex, toIndex);
+          }
+        },
+      });
 
-    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: edge as "left" | "right" } }));
-      },
-      onDrag: ({ self }) => {
-        const edge = extractClosestEdge(self.data);
-        if (edge) setDragState((prev) => ({ ...prev, closestEdge: { id, edge: edge as "left" | "right" } }));
-      },
-      onDragLeave: () => {
-        setDragState((prev) => prev.closestEdge?.id === id ? { ...prev, closestEdge: null } : prev);
-      },
-      onDrop: ({ source, self }) => {
-        const fromIndex = source.data.index as number;
-        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 () => {
-      cleanupDraggable();
-      cleanupDropTarget();
+      cancelled = true;
+      cleanup?.();
     };
   }, [id, index, onReorder, setDragState]);
 

package/src/components/primitives/EditableList.tsx

@@ -1,5 +1,4 @@
 import { useRef, useEffect, useState, type ReactNode } from "react";
-import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { DragHandle, DeleteIcon } from "../shared/icons";
 import { IconButton } from "../shared/IconButton";
 import { cn } from "../../lib/cn";
@@ -95,30 +94,42 @@ function ListRow({
     const handle = handleRef.current;
     if (!row || !handle) return;
 
-    const cleanupDraggable = draggable({
-      element: handle,
-      getInitialData: () => ({ dragType: "list-row", id, index }),
-      onDragStart: () => setDragState({ sourceId: id, targetId: null }),
-      onDrop: () => setDragState({ sourceId: null, targetId: null }),
-    });
+    let cleanup: (() => void) | undefined;
+    let cancelled = false;
+
+    import("@atlaskit/pragmatic-drag-and-drop/element/adapter").then(({ draggable, dropTargetForElements }) => {
+      if (cancelled) return;
+
+      const cleanupDraggable = draggable({
+        element: handle,
+        getInitialData: () => ({ dragType: "list-row", id, index }),
+        onDragStart: () => setDragState({ sourceId: id, targetId: null }),
+        onDrop: () => setDragState({ sourceId: null, targetId: null }),
+      });
+
+      const cleanupDropTarget = dropTargetForElements({
+        element: row,
+        canDrop: ({ source }) => source.data.dragType === "list-row",
+        getData: () => ({ id, index }),
+        onDragEnter: () => setDragState((prev) => ({ ...prev, targetId: id })),
+        onDragLeave: () => setDragState((prev) => prev.targetId === id ? { ...prev, targetId: null } : prev),
+        onDrop: ({ source }) => {
+          const fromIndex = source.data.index as number;
+          if (fromIndex !== index) {
+            onReorder(fromIndex, index);
+          }
+        },
+      });
 
-    const cleanupDropTarget = dropTargetForElements({
-      element: row,
-      canDrop: ({ source }) => source.data.dragType === "list-row",
-      getData: () => ({ id, index }),
-      onDragEnter: () => setDragState((prev) => ({ ...prev, targetId: id })),
-      onDragLeave: () => setDragState((prev) => prev.targetId === id ? { ...prev, targetId: null } : prev),
-      onDrop: ({ source }) => {
-        const fromIndex = source.data.index as number;
-        if (fromIndex !== index) {
-          onReorder(fromIndex, index);
-        }
-      },
+      cleanup = () => {
+        cleanupDraggable();
+        cleanupDropTarget();
+      };
     });
 
     return () => {
-      cleanupDraggable();
-      cleanupDropTarget();
+      cancelled = true;
+      cleanup?.();
     };
   }, [id, index, onReorder, setDragState]);
 

package/src/components/primitives/EditablePlainText.d.ts

@@ -0,0 +1,12 @@
+import { type ElementType, type HTMLAttributes } from "react";
+interface EditablePlainTextProps extends Omit<HTMLAttributes<HTMLElement>, "onChange"> {
+    tag: ElementType;
+    value: string;
+    onChange: (value: string) => void;
+    isEditMode: boolean;
+    multiline?: boolean;
+    placeholder?: string;
+}
+export declare function EditablePlainText({ tag, value, onChange, isEditMode, multiline, placeholder, className, ...htmlAttrs }: EditablePlainTextProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=EditablePlainText.d.ts.map

package/src/components/primitives/EditablePlainText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditablePlainText.d.ts","sourceRoot":"","sources":["EditablePlainText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,UAAU,sBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrD,GAAG,EAAE,WAAW,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,GAAG,SAAS,EACb,EAAE,sBAAsB,0FAqExB"}

package/src/components/primitives/EditableRichText.d.ts

@@ -0,0 +1,12 @@
+import type { PresetName } from "./tiptap-presets";
+interface EditableRichTextProps {
+    value: string;
+    onChange: (html: string) => void;
+    isEditMode: boolean;
+    preset?: PresetName;
+    className?: string;
+    placeholder?: string;
+}
+export declare function EditableRichText({ value, onChange, isEditMode, preset, className, placeholder, }: EditableRichTextProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditableRichText.d.ts.map

package/src/components/primitives/EditableRichText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableRichText.d.ts","sourceRoot":"","sources":["EditableRichText.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,MAAe,EACf,SAAS,EACT,WAAW,GACZ,EAAE,qBAAqB,2CAuHvB"}

package/src/components/primitives/EditableRichText.tsx

@@ -12,6 +12,11 @@ interface EditableRichTextProps {
   isEditMode: boolean;
   preset?: PresetName;
   className?: string;
+  placeholder?: string;
+}
+
+function isContentEmpty(html: string): boolean {
+  return html.replace(/<[^>]*>/g, "").trim().length === 0;
 }
 
 export function EditableRichText({
@@ -20,9 +25,10 @@ export function EditableRichText({
   isEditMode,
   preset = "rich",
   className,
+  placeholder,
 }: EditableRichTextProps) {
   const { isEditorActive, editor, activate, deactivate } =
-    useEditableRichText({ value, onChange, preset });
+    useEditableRichText({ value, onChange, preset, placeholder });
   const wrapperRef = useRef<HTMLDivElement>(null);
   const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const clickCoordsRef = useRef<{ left: number; top: number } | null>(null);
@@ -97,13 +103,23 @@ export function EditableRichText({
     );
   }
 
-  // Edit mode, not yet active: static HTML with click-to-activate
+  // Edit mode, not yet active: static HTML with click-to-activate.
+  // When content is empty, show the placeholder so the area is visibly clickable.
   if (!isEditorActive || !editor) {
-    // eslint-disable-next-line react/no-danger
+    const empty = placeholder && isContentEmpty(value);
+    if (empty) {
+      return (
+        <div className={className} onClick={handleClick}>
+          <p className="tiptap-placeholder">{placeholder}</p>
+        </div>
+      );
+    }
     return (
       <div
         className={className}
         onClick={handleClick}
+        // Content is sanitized via DOMPurify — safe for trusted project JSON.
+        // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML={{ __html: sanitizeHtml(value) }}
       />
     );

package/src/components/primitives/HeadingSection.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    heading: string;
+    tag: "h2" | "h3" | "h4";
+    placeholder: string;
+    className?: string;
+    onChange?: (heading: string) => void;
+}
+export declare function HeadingSection({ heading, tag, placeholder, className, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HeadingSection.d.ts.map

package/src/components/primitives/HeadingSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingSection.d.ts","sourceRoot":"","sources":["HeadingSection.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAYvF"}

package/src/components/primitives/IconPicker.d.ts

@@ -0,0 +1,9 @@
+interface IconPickerProps {
+    selected: string | null;
+    onSelect: (iconId: string | null) => void;
+    onClose: () => void;
+    showRemove?: boolean;
+}
+export declare function IconPicker({ selected, onSelect, onClose, showRemove }: IconPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=IconPicker.d.ts.map

package/src/components/primitives/IconPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.d.ts","sourceRoot":"","sources":["IconPicker.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAiB,EAAE,EAAE,eAAe,2CAgD7F"}

package/src/components/primitives/LinkPopover.d.ts

@@ -0,0 +1,8 @@
+import type { Editor } from "@tiptap/core";
+interface LinkPopoverProps {
+    editor: Editor;
+    onClose: () => void;
+}
+export declare function LinkPopover({ editor, onClose }: LinkPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LinkPopover.d.ts.map

package/src/components/primitives/LinkPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.d.ts","sourceRoot":"","sources":["LinkPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAmGhE"}

package/src/components/primitives/MediaSettingsForms.d.ts

@@ -0,0 +1,19 @@
+export declare function ImageSettingsForm({ border, objectFit, onChange, }: {
+    border?: boolean;
+    objectFit?: "cover" | "contain";
+    onChange: (update: {
+        border?: boolean;
+        objectFit?: "cover" | "contain";
+    }) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DoDontImageSettingsForm({ border, objectFit, doDont: initialDoDont, onChange, }: {
+    border?: boolean;
+    objectFit?: "cover" | "contain";
+    doDont: "do" | "dont";
+    onChange: (update: {
+        border?: boolean;
+        objectFit?: "cover" | "contain";
+        doDont: "do" | "dont";
+    }) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaSettingsForms.d.ts.map

package/src/components/primitives/MediaSettingsForms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaSettingsForms.d.ts","sourceRoot":"","sources":["MediaSettingsForms.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,KAAK,IAAI,CAAC;CACnF,2CA+BA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,EACT,MAAM,EAAE,aAAa,EACrB,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1G,2CAmDA"}

package/src/components/primitives/ResolvedMedia.d.ts

@@ -0,0 +1,8 @@
+interface ResolvedMediaProps {
+    imageId: string | undefined;
+    className?: string;
+    imgClassName?: string;
+}
+export declare function ResolvedMedia({ imageId, className, imgClassName, }: ResolvedMediaProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ResolvedMedia.d.ts.map

package/src/components/primitives/ResolvedMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResolvedMedia.d.ts","sourceRoot":"","sources":["ResolvedMedia.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,YAAY,GACb,EAAE,kBAAkB,2CAqBpB"}

package/src/components/primitives/ResolvedMedia.tsx

@@ -4,16 +4,27 @@ import { useResolvedMedia } from "../../hooks/useResolvedMedia";
 
 interface ResolvedMediaProps {
   imageId: string | undefined;
+  src?: string;
+  srcset?: string;
+  alt?: string;
   className?: string;
   imgClassName?: string;
 }
 
 export function ResolvedMedia({
   imageId,
+  src: propSrc,
+  srcset: propSrcset,
+  alt: propAlt,
   className,
   imgClassName,
 }: ResolvedMediaProps) {
-  const { src, srcset, poster, alt, kind } = useResolvedMedia(imageId);
+  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 mediaClass = cn("h-full w-full", imgClassName);
 

package/src/components/primitives/RichTextToolbar.d.ts

@@ -0,0 +1,9 @@
+import type { Editor } from "@tiptap/core";
+import type { PresetName } from "./tiptap-presets";
+interface RichTextToolbarProps {
+    editor: Editor;
+    preset: PresetName;
+}
+export declare function RichTextToolbar({ editor, preset }: RichTextToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RichTextToolbar.d.ts.map

package/src/components/primitives/RichTextToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextToolbar.d.ts","sourceRoot":"","sources":["RichTextToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,CAAC;CACpB;AAoCD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAuGvE"}

package/src/components/primitives/tiptap-presets.d.ts

@@ -0,0 +1,4 @@
+import type { Extensions } from "@tiptap/core";
+export type PresetName = "basic" | "rich";
+export declare const presets: Record<PresetName, Extensions>;
+//# sourceMappingURL=tiptap-presets.d.ts.map

package/src/components/primitives/tiptap-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiptap-presets.d.ts","sourceRoot":"","sources":["tiptap-presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+C/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,CAAmB,CAAC"}

package/src/components/primitives/useEditableCollection.d.ts

@@ -0,0 +1,19 @@
+interface WrappedItem<T> {
+    id: string;
+    data: T;
+}
+interface UseEditableCollectionOptions<T> {
+    items: T[];
+    onChange: (items: T[]) => void;
+    createItem: () => T;
+}
+interface UseEditableCollectionReturn<T> {
+    wrappedItems: WrappedItem<T>[];
+    onReorder: (fromIndex: number, toIndex: number) => void;
+    onAdd: () => void;
+    onInsert: (index: number) => void;
+    onRemove: (id: string) => void;
+}
+export declare function useEditableCollection<T>({ items, onChange, createItem, }: UseEditableCollectionOptions<T>): UseEditableCollectionReturn<T>;
+export {};
+//# sourceMappingURL=useEditableCollection.d.ts.map

package/src/components/primitives/useEditableCollection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableCollection.d.ts","sourceRoot":"","sources":["useEditableCollection.ts"],"names":[],"mappings":"AAEA,UAAU,WAAW,CAAC,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,CAAC,CAAC;CACT;AAED,UAAU,4BAA4B,CAAC,CAAC;IACtC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC,CAAC;CACrB;AAED,UAAU,2BAA2B,CAAC,CAAC;IACrC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAaD,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,EACvC,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,4BAA4B,CAAC,CAAC,CAAC,GAAG,2BAA2B,CAAC,CAAC,CAAC,CAmElE"}

package/src/components/primitives/useEditablePlainText.d.ts

@@ -0,0 +1,14 @@
+interface UseEditablePlainTextOptions {
+    value: string;
+    onChange: (value: string) => void;
+    multiline?: boolean;
+}
+interface UseEditablePlainTextReturn {
+    value: string;
+    handleInput: (text: string) => void;
+    handleBlur: () => void;
+    shouldPreventEnter: boolean;
+}
+export declare function useEditablePlainText({ value: propValue, onChange, multiline, }: UseEditablePlainTextOptions): UseEditablePlainTextReturn;
+export {};
+//# sourceMappingURL=useEditablePlainText.d.ts.map

package/src/components/primitives/useEditablePlainText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditablePlainText.d.ts","sourceRoot":"","sources":["useEditablePlainText.ts"],"names":[],"mappings":"AAEA,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,SAAiB,GAClB,EAAE,2BAA2B,GAAG,0BAA0B,CA6B1D"}

package/src/components/primitives/useEditableRichText.d.ts

@@ -0,0 +1,17 @@
+import { Editor } from "@tiptap/core";
+import { type PresetName } from "./tiptap-presets";
+interface UseEditableRichTextOptions {
+    value: string;
+    onChange: (html: string) => void;
+    preset: PresetName;
+    placeholder?: string;
+}
+interface UseEditableRichTextReturn {
+    isEditorActive: boolean;
+    editor: Editor | null;
+    activate: () => void;
+    deactivate: () => void;
+}
+export declare function useEditableRichText({ value, onChange, preset, placeholder, }: UseEditableRichTextOptions): UseEditableRichTextReturn;
+export {};
+//# sourceMappingURL=useEditableRichText.d.ts.map

package/src/components/primitives/useEditableRichText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableRichText.d.ts","sourceRoot":"","sources":["useEditableRichText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE5D,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,yBAAyB;IACjC,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,GACZ,EAAE,0BAA0B,GAAG,yBAAyB,CAuDxD"}

package/src/components/primitives/useEditableRichText.ts

@@ -1,11 +1,13 @@
 import { useState, useRef, useCallback, useEffect } from "react";
 import { Editor } from "@tiptap/core";
+import Placeholder from "@tiptap/extension-placeholder";
 import { presets, type PresetName } from "./tiptap-presets";
 
 interface UseEditableRichTextOptions {
   value: string;
   onChange: (html: string) => void;
   preset: PresetName;
+  placeholder?: string;
 }
 
 interface UseEditableRichTextReturn {
@@ -19,6 +21,7 @@ export function useEditableRichText({
   value,
   onChange,
   preset,
+  placeholder,
 }: UseEditableRichTextOptions): UseEditableRichTextReturn {
   // Dual ref+state: ref for stable callback access, state for re-renders
   const editorRef = useRef<Editor | null>(null);
@@ -37,13 +40,16 @@ export function useEditableRichText({
 
   const activate = useCallback(() => {
     if (editorRef.current) return;
+    const extensions = placeholder
+      ? [...presets[preset], Placeholder.configure({ placeholder })]
+      : presets[preset];
     const ed = new Editor({
-      extensions: presets[preset],
+      extensions,
       content: valueRef.current,
     });
     editorRef.current = ed;
     setEditor(ed);
-  }, [preset]);
+  }, [preset, placeholder]);
 
   const deactivate = useCallback(() => {
     const ed = editorRef.current;

package/src/components/sections/Button/CTAButton.d.ts

@@ -0,0 +1,11 @@
+import type { SectionContent } from "../../../schemas/sections";
+interface Props {
+    text: string;
+    href?: string;
+    target?: string;
+    download?: boolean;
+    onChange?: (content: SectionContent) => void;
+}
+export default function Button({ text, href, target, download, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CTAButton.d.ts.map

package/src/components/sections/Button/CTAButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.d.ts","sourceRoot":"","sources":["CTAButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAoC/E"}

package/src/components/sections/Button/index.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("../../../lib/registry").SectionDefinition<{
+    type: "button";
+    content: {
+        text: string;
+        href?: string | undefined;
+        target?: string | undefined;
+        download?: boolean | undefined;
+    };
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/src/components/sections/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;AAcA,wBAsBG"}

package/src/components/sections/Colors/index.d.ts

@@ -0,0 +1,22 @@
+declare const _default: import("../../../lib/registry").SectionDefinition<{
+    type: "colors";
+    content: {
+        colors: {
+            spaces: {
+                hex?: string | undefined;
+                rgb?: string | undefined;
+                cmyk?: string | undefined;
+                pantone?: string | undefined;
+            }[];
+            name?: string | undefined;
+        }[];
+    };
+    options?: {
+        label?: string | undefined;
+        columns?: number | undefined;
+        collapsing?: boolean | undefined;
+        showLabel?: boolean | undefined;
+    } | undefined;
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/src/components/sections/Colors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,wBA4BG"}