@drawnagency/primitives 0.1.78 → 0.1.80

package/dist/{chunk-BAQYZSFF.js → chunk-4TVODHD2.js}

@@ -3,7 +3,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-NS3UTJ3E.js";
+} from "./chunk-7XWER6YR.js";
 import {
   DeleteButton,
   DragHandle,
@@ -19,7 +19,7 @@ import {
 import {
   EditableRichText,
   defineHeadingSection
-} from "./chunk-K4JD6FD3.js";
+} from "./chunk-VI26O4E3.js";
 import {
   EditablePlainText,
   ImageDropZone,
@@ -28,7 +28,7 @@ import {
   colSpanClass,
   containerGridClass,
   spacerHiddenClass
-} from "./chunk-UA6OCJJK.js";
+} from "./chunk-KVQFMVXE.js";
 import {
   useMediaLibrary,
   useResolvedMedia
@@ -51,7 +51,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   SingleMediaReferenceSchema
-} from "./chunk-4SIWBWKZ.js";
+} from "./chunk-RSITF24B.js";
 import {
   defineSection,
   getSection
@@ -397,7 +397,7 @@ import { RectangleHorizontal } from "lucide-react";
 import { Download } from "lucide-react";
 import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 function Button({ text, link, download, onChange }) {
-  const base = "inline-block rounded-md px-6 py-3 font-bold transition-colors";
+  const base = "inline-block rounded-outer px-6 py-3 font-bold transition-colors";
   const variant = "border-2 border-primary text-primary hover:bg-primary hover:text-primary-contrast";
   if (onChange) {
     return /* @__PURE__ */ jsxs2("span", { className: cn(base, variant, "inline-flex items-center gap-2"), children: [

package/dist/{chunk-NS3UTJ3E.js → chunk-7XWER6YR.js}

@@ -9,7 +9,7 @@ import {
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-UA6OCJJK.js";
+} from "./chunk-KVQFMVXE.js";
 import {
   AddIcon,
   DeleteIcon,
@@ -30,7 +30,7 @@ import {
 import {
   HexColorSchema,
   SingleMediaReferenceSchema
-} from "./chunk-4SIWBWKZ.js";
+} from "./chunk-RSITF24B.js";
 import {
   defineSection
 } from "./chunk-VKAGMEKE.js";
@@ -124,7 +124,7 @@ function buildContent(colors, options) {
     ...label || columns || collapsing !== void 0 || showLabel !== void 0 ? { options: { label, columns, collapsing, showLabel } } : {}
   };
 }
-function Colors({ colors, columns = 3, label, collapsing, showLabel = true, onChange, openModal }) {
+function Colors({ colors, columns = 3, label, collapsing, showLabel = true, onChange, openModal, onDelete }) {
   if (onChange && openModal) {
     return /* @__PURE__ */ jsx2(
       ColorsEditable,
@@ -135,7 +135,8 @@ function Colors({ colors, columns = 3, label, collapsing, showLabel = true, onCh
         collapsing,
         showLabel,
         onChange,
-        openModal
+        openModal,
+        onDelete
       }
     );
   }
@@ -184,7 +185,7 @@ function ColorsView({
     /* @__PURE__ */ jsx2("div", { className: "@container", children: /* @__PURE__ */ jsx2("div", { className: cn("grid gap-4", containerGridClass[columns] || containerGridClass[3]), children: colors.map((color, i) => {
       const hex = color.spaces[0]?.hex;
       const contrast = getContrastClass(hex);
-      return /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-md border border-base-200", children: [
+      return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col overflow-hidden rounded-outer border border-base-200", children: [
         /* @__PURE__ */ jsxs2("div", { className: cn("relative flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: [
           color.name && /* @__PURE__ */ jsx2("span", { className: "text-sm font-bold", children: color.name }),
           copiedIndex === i && /* @__PURE__ */ jsx2("span", { className: cn(
@@ -192,7 +193,8 @@ function ColorsView({
             getContrastClass(hex) === "text-black" ? "bg-black/15 text-black" : "bg-white/25 text-white"
           ), children: "Copied!" })
         ] }),
-        expanded && /* @__PURE__ */ jsx2("div", { className: "space-y-1 bg-base-accent p-3 text-sm", children: color.spaces.map(
+        expanded && // flex-1 so every swatch's label block grows to the tallest in its row.
+        /* @__PURE__ */ jsx2("div", { className: "flex-1 space-y-1 bg-base-accent p-3 text-sm", children: color.spaces.map(
           (space, j) => Object.entries(space).map(
             ([key, value]) => value ? /* @__PURE__ */ jsxs2("button", { onClick: () => handleCopy(value, i), className: "cursor-pointer flex w-full justify-between hover:text-primary", children: [
               /* @__PURE__ */ jsx2("span", { className: "font-medium uppercase", children: key }),
@@ -211,7 +213,8 @@ function ColorsEditable({
   collapsing,
   showLabel,
   onChange,
-  openModal
+  openModal,
+  onDelete
 }) {
   const [expanded, setExpanded] = useState2(!collapsing);
   const options = { label, columns, collapsing, showLabel };
@@ -257,6 +260,8 @@ function ColorsEditable({
       {
         items: colors,
         columns,
+        group: "colors",
+        onEmptied: onDelete,
         onChange: (newColors) => onChange(buildContent(newColors, options)),
         createItem: createColorItem,
         isEditMode: true,
@@ -290,7 +295,7 @@ function ColorSwatchEditable({
     const newColors = colors.map((c, i) => i === index ? updated : c);
     onChange(buildContent(newColors, options));
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-md border border-base-200", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col overflow-hidden rounded-outer border border-base-200", children: [
     /* @__PURE__ */ jsx2("div", { className: cn("flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: /* @__PURE__ */ jsx2(
       EditablePlainText,
       {
@@ -302,7 +307,8 @@ function ColorSwatchEditable({
         className: "text-sm font-bold"
       }
     ) }),
-    expanded && /* @__PURE__ */ jsx2("div", { className: "space-y-1 bg-base-accent p-3 text-sm", children: color.spaces.map(
+    expanded && // flex-1 so every swatch's label block grows to the tallest in its row.
+    /* @__PURE__ */ jsx2("div", { className: "flex-1 space-y-1 bg-base-accent p-3 text-sm", children: color.spaces.map(
       (space, j) => Object.entries(space).map(
         ([key, value]) => value ? /* @__PURE__ */ jsxs2("div", { className: "flex w-full justify-between", children: [
           /* @__PURE__ */ jsx2("span", { className: "font-medium uppercase", children: key }),
@@ -346,7 +352,7 @@ var Colors_default = defineSection({
   icon: /* @__PURE__ */ jsx3(Palette, { size: 18 }),
   schema,
   authoringNote: "A brand color palette. Each color may carry hex/rgb/cmyk/pantone values. Use to document brand colors with swatches.",
-  component: ({ content, options, onChange, openModal }) => /* @__PURE__ */ jsx3(
+  component: ({ content, options, onChange, openModal, onDelete }) => /* @__PURE__ */ jsx3(
     Colors,
     {
       colors: content.content.colors,
@@ -355,7 +361,8 @@ var Colors_default = defineSection({
       collapsing: options?.collapsing,
       showLabel: options?.showLabel,
       onChange: onChange ? (c) => onChange(c) : void 0,
-      openModal
+      openModal,
+      onDelete
     }
   ),
   defaults: () => ({

package/dist/{chunk-UA6OCJJK.js → chunk-KVQFMVXE.js}

@@ -195,7 +195,7 @@ function ResolvedMedia({
         onError: () => setLoaded(true)
       }
     )
-  ] }) : /* @__PURE__ */ jsxs("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__ */ jsxs("div", { className: "flex aspect-video h-full w-full flex-col items-center justify-center gap-1 rounded-outer bg-base-accent text-base-contrast-light/50", children: [
     /* @__PURE__ */ jsx(ImageIcon, { size: 24 }),
     /* @__PURE__ */ jsx("span", { className: "text-sm", children: "No Image" })
   ] }) });
@@ -293,7 +293,7 @@ function MediaBlock({ refValue, options, link, isEditMode, onRefChange }) {
       {
         "data-testid": "media-open-surface",
         className: cn(
-          "overflow-hidden rounded-md",
+          "overflow-hidden rounded-outer",
           showBorder && "border border-base-200",
           options.square && "aspect-square",
           onImageClick && "cursor-pointer"
@@ -319,7 +319,7 @@ function MediaBlock({ refValue, options, link, isEditMode, onRefChange }) {
 }
 
 // src/components/primitives/EditableGrid.tsx
-import { useRef as useRef4, useEffect as useEffect4, useState as useState5 } from "react";
+import { useRef as useRef4, useEffect as useEffect4, useState as useState5, useId } from "react";
 import { ImageIcon as ImageIcon2 } from "lucide-react";
 
 // src/lib/container-grid.ts
@@ -411,6 +411,17 @@ function useEditableCollection({
     },
     [createItem, onChange]
   );
+  const onInsertItem = useCallback3(
+    (index, data) => {
+      setWrappedItems((prev) => {
+        const next = [...prev];
+        next.splice(index, 0, { id: uid(), data });
+        onChange(next.map((w) => w.data));
+        return next;
+      });
+    },
+    [onChange]
+  );
   const onRemove = useCallback3(
     (id) => {
       setWrappedItems((prev) => {
@@ -421,7 +432,19 @@ function useEditableCollection({
     },
     [onChange]
   );
-  return { wrappedItems, onReorder, onAdd, onInsert, onRemove };
+  return { wrappedItems, onReorder, onAdd, onInsert, onInsertItem, onRemove };
+}
+
+// src/components/primitives/gridDrop.ts
+function resolveDropIndex({
+  fromIndex,
+  targetIndex,
+  edge,
+  sameCollection
+}) {
+  let toIndex = targetIndex + (edge === "right" ? 1 : 0);
+  if (sameCollection && fromIndex < toIndex) toIndex--;
+  return toIndex;
 }
 
 // src/components/primitives/EditableGrid.tsx
@@ -436,26 +459,57 @@ function EditableGrid({
   onItemSettings,
   onItemImageClick,
   chromeTopClass,
-  className
+  className,
+  group,
+  onEmptied
 }) {
-  const { wrappedItems, onReorder, onAdd, onInsert, onRemove } = useEditableCollection({
+  const gridId = useId();
+  const { wrappedItems, onReorder, onAdd, onInsert, onInsertItem, onRemove } = useEditableCollection({
     items,
     onChange,
     createItem
   });
   const [dragState, setDragState] = useState5({ sourceId: null, closestEdge: null });
   const [isDragging, setIsDragging] = useState5(false);
+  const cfgRef = useRef4({ gridId, group, itemCount: wrappedItems.length, onReorder, onRemove, onInsertItem, onEmptied });
+  cfgRef.current = { gridId, group, itemCount: wrappedItems.length, onReorder, onRemove, onInsertItem, onEmptied };
   useEffect4(() => {
     let cleanup;
     let cancelled = false;
-    import("./adapter-HH47ZPGM.js").then(({ monitorForElements }) => {
+    Promise.all([
+      import("./adapter-HH47ZPGM.js"),
+      import("./closest-edge-EBOXL3YW.js")
+    ]).then(([{ monitorForElements }, { extractClosestEdge }]) => {
       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);
+        onDrop: ({ source, location }) => {
+          if (source.data.dragType !== "grid-cell") return;
+          setIsDragging(false);
+          setDragState({ sourceId: null, closestEdge: null });
+          const { gridId: my, group: myGroup, itemCount, onReorder: onReorder2, onRemove: onRemove2, onInsertItem: onInsertItem2, onEmptied: onEmptied2 } = cfgRef.current;
+          const srcGridId = source.data.gridId;
+          const target = location.current.dropTargets[0];
+          const dstGridId = target?.data.gridId;
+          if (srcGridId === my && dstGridId === my && target) {
+            const fromIndex = source.data.index;
+            const edge = extractClosestEdge(target.data);
+            const toIndex = resolveDropIndex({ fromIndex, targetIndex: target.data.index, edge, sameCollection: true });
+            if (fromIndex !== toIndex) onReorder2(fromIndex, toIndex);
+            return;
+          }
+          const crossAllowed = myGroup != null && source.data.group === myGroup;
+          if (!crossAllowed) return;
+          if (srcGridId === my && dstGridId && dstGridId !== my) {
+            if (itemCount <= 1 && onEmptied2) onEmptied2();
+            else onRemove2(source.data.id);
+          } else if (dstGridId === my && srcGridId !== my && target) {
+            const edge = extractClosestEdge(target.data);
+            const toIndex = resolveDropIndex({ fromIndex: source.data.index, targetIndex: target.data.index, edge, sameCollection: false });
+            onInsertItem2(toIndex, source.data.item);
+          }
         }
       });
     });
@@ -473,9 +527,11 @@ function EditableGrid({
       {
         id: wrapped.id,
         index,
+        gridId,
+        group,
+        item: wrapped.data,
         isLast: index === wrappedItems.length - 1,
         isDragging,
-        onReorder,
         onRemove,
         onInsert,
         onSettings: onItemSettings ? () => onItemSettings(index) : void 0,
@@ -503,9 +559,11 @@ function EditableGrid({
 function GridCell({
   id,
   index,
+  gridId,
+  group,
+  item,
   isLast,
   isDragging,
-  onReorder,
   onRemove,
   onInsert,
   onSettings,
@@ -530,15 +588,18 @@ function GridCell({
       if (cancelled) return;
       const cleanupDraggable = draggable({
         element: handle,
-        getInitialData: () => ({ dragType: "grid-cell", id, index }),
+        // `item` rides along so a cross-grid destination can insert it verbatim.
+        getInitialData: () => ({ dragType: "grid-cell", gridId, group, id, index, item }),
         onDragStart: () => setDragState({ sourceId: id, closestEdge: null }),
         onDrop: () => setDragState({ sourceId: null, closestEdge: null })
       });
       const cleanupDropTarget = dropTargetForElements({
         element: cell,
-        canDrop: ({ source }) => source.data.dragType === "grid-cell",
+        // Accept a reorder within this grid, or a transfer from another grid in
+        // the same group. The actual move is performed by the grid-level monitor.
+        canDrop: ({ source }) => source.data.dragType === "grid-cell" && (source.data.gridId === gridId || group != null && source.data.group === group),
         getData: ({ input, element }) => attachClosestEdge(
-          { id, index },
+          { gridId, id, index },
           { input, element, allowedEdges: ["left", "right"] }
         ),
         onDragEnter: ({ self }) => {
@@ -551,16 +612,6 @@ function GridCell({
         },
         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 = () => {
@@ -572,7 +623,7 @@ function GridCell({
       cancelled = true;
       cleanup?.();
     };
-  }, [id, index, onReorder, setDragState]);
+  }, [id, index, gridId, group, item, 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;
@@ -581,7 +632,9 @@ function GridCell({
     {
       ref: cellRef,
       className: cn(
-        "group/cell relative",
+        // h-full so a full-height renderItem (e.g. a colors swatch) fills the
+        // stretched grid track and can equalize height across the row.
+        "group/cell relative h-full",
         isCellDragging && "opacity-50"
       ),
       children: [

package/dist/{chunk-MK4POMLZ.js → chunk-QB5Q23G2.js}

@@ -1,6 +1,6 @@
 import {
   HexColorSchema
-} from "./chunk-4SIWBWKZ.js";
+} from "./chunk-RSITF24B.js";
 
 // src/schemas/audience.ts
 import { z } from "zod";

package/dist/{chunk-4SIWBWKZ.js → chunk-RSITF24B.js}

@@ -113,6 +113,11 @@ var MediaConfigSchema = z2.object({
 
 // src/schemas/site-config.ts
 import { z as z3 } from "zod";
+
+// src/lib/corner-radius.ts
+var CORNER_RADIUS_OPTIONS = ["none", "small", "medium", "large"];
+
+// src/schemas/site-config.ts
 var StatusSchema = z3.enum(["draft", "live", "archived", "published"]).transform(
   (val) => val === "published" ? "live" : val
 );
@@ -254,6 +259,9 @@ var SiteConfigSchema = z3.object({
   primaryColor: HexColorSchema.default("#009ca6"),
   primaryContrast: HexColorSchema.default("#f0f0f0"),
   darkMode: z3.enum(["light", "dark", "optional"]).default("light"),
+  // Maps to the --radius-outer design token (see lib/corner-radius.ts);
+  // defaults so pre-existing site-config.json files keep parsing.
+  cornerRadius: z3.enum(CORNER_RADIUS_OPTIONS).default("medium"),
   headingFont: FontNameSchema.default("system-ui"),
   bodyFont: FontNameSchema.default("system-ui"),
   uppercaseHeadings: z3.boolean().default(true),

package/dist/{chunk-Z5IYWUW3.js → chunk-UNUJPLZV.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-TZQPOR5A.js";
 import {
   IndexSchema
-} from "./chunk-4SIWBWKZ.js";
+} from "./chunk-RSITF24B.js";
 import {
   getAllSchemas
 } from "./chunk-VKAGMEKE.js";

package/dist/{chunk-K4JD6FD3.js → chunk-VI26O4E3.js}

@@ -1,6 +1,6 @@
 import {
   EditablePlainText
-} from "./chunk-UA6OCJJK.js";
+} from "./chunk-KVQFMVXE.js";
 import {
   Button,
   usePages

package/dist/components/brandguide/Colors.d.ts

@@ -9,7 +9,8 @@ interface Props {
     showLabel?: boolean;
     onChange?: (content: SectionContent) => void;
     openModal?: (title: string, content: ReactNode) => void;
+    onDelete?: () => void;
 }
-export default function Colors({ colors, columns, label, collapsing, showLabel, onChange, openModal }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Colors({ colors, columns, label, collapsing, showLabel, onChange, openModal, onDelete }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Colors.d.ts.map

package/dist/components/brandguide/Colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../src/components/brandguide/Colors.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,UAAU,KAAK;IACb,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAgCD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,OAAW,EAAE,KAAK,EAAE,UAAU,EAAE,SAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CAgBtH"}
+{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../src/components/brandguide/Colors.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,UAAU,KAAK;IACb,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAgCD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,OAAW,EAAE,KAAK,EAAE,UAAU,EAAE,SAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAiBhI"}

package/dist/components/editor/index.js

@@ -24,7 +24,7 @@ import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import "../../chunk-JSBRDJBE.js";
 
 // src/components/editor/InsertButton.tsx

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

@@ -13,7 +13,17 @@ interface EditableGridProps<T> {
     onItemImageClick?: (index: number) => void;
     chromeTopClass?: string;
     className?: string;
+    /**
+     * Items can be dragged BETWEEN two EditableGrids that share the same non-null
+     * `group` (e.g. two colors sections). Without a group, a grid only reorders
+     * its own items. Only pass the same group to grids whose item shape matches —
+     * a cross-grid drop inserts the source item verbatim into the destination.
+     */
+    group?: string;
+    /** Called instead of removing the last item when it is dragged out to another
+     *  grid — lets the owner tear down a now-empty container (e.g. delete the section). */
+    onEmptied?: () => void;
 }
-export declare function EditableGrid<T>({ items, columns, onChange, createItem, isEditMode, renderItem, onItemSettings, onItemImageClick, chromeTopClass, className, }: EditableGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function EditableGrid<T>({ items, columns, onChange, createItem, isEditMode, renderItem, onItemSettings, onItemImageClick, chromeTopClass, className, group, onEmptied, }: EditableGridProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=EditableGrid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableGrid.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/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,2CAqFtB"}
+{"version":3,"file":"EditableGrid.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/EditableGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAS3E,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;IACnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;2FACuF;IACvF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;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,EACT,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAqItB"}

package/dist/components/primitives/gridDrop.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Convert a drop target (the cell being dropped onto + the closest edge) into
+ * the destination index for the moved item.
+ *
+ * Same-collection reorder: the dragged item is spliced OUT of the array before
+ * being re-inserted, so a destination past its original position shifts down by
+ * one — hence the `fromIndex < toIndex` decrement.
+ *
+ * Cross-collection insert: nothing is removed from the destination array, so no
+ * shift adjustment applies.
+ */
+export declare function resolveDropIndex({ fromIndex, targetIndex, edge, sameCollection, }: {
+    fromIndex: number;
+    targetIndex: number;
+    edge: "left" | "right" | null;
+    sameCollection: boolean;
+}): number;
+//# sourceMappingURL=gridDrop.d.ts.map

package/dist/components/primitives/gridDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridDrop.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/gridDrop.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,IAAI,EACJ,cAAc,GACf,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,OAAO,CAAC;CACzB,GAAG,MAAM,CAIT"}

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-K4JD6FD3.js";
+} from "../../chunk-VI26O4E3.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,7 +10,7 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-UA6OCJJK.js";
+} from "../../chunk-KVQFMVXE.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,
@@ -23,7 +23,7 @@ import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-JSBRDJBE.js";
 

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

@@ -12,6 +12,7 @@ interface UseEditableCollectionReturn<T> {
     onReorder: (fromIndex: number, toIndex: number) => void;
     onAdd: () => void;
     onInsert: (index: number) => void;
+    onInsertItem: (index: number, data: T) => void;
     onRemove: (id: string) => void;
 }
 export declare function useEditableCollection<T>({ items, onChange, createItem, }: UseEditableCollectionOptions<T>): UseEditableCollectionReturn<T>;

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

@@ -1 +1 @@
-{"version":3,"file":"useEditableCollection.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/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"}
+{"version":3,"file":"useEditableCollection.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/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,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/C,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,CAiFlE"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Colors/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,wBAqCG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Colors/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,wBAsCG"}

package/dist/components/sections/brand-guide.js

@@ -2,16 +2,16 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-NS3UTJ3E.js";
+} from "../../chunk-7XWER6YR.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-UA6OCJJK.js";
+import "../../chunk-KVQFMVXE.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-3LNKOLZP.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import "../../chunk-VKAGMEKE.js";
 import "../../chunk-JSBRDJBE.js";
 export {

package/dist/components/sections/register-schemas.js

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-BAQYZSFF.js";
-import "../../chunk-NS3UTJ3E.js";
+} from "../../chunk-4TVODHD2.js";
+import "../../chunk-7XWER6YR.js";
 import "../../chunk-2DDWWTRX.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-K4JD6FD3.js";
-import "../../chunk-UA6OCJJK.js";
+import "../../chunk-VI26O4E3.js";
+import "../../chunk-KVQFMVXE.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-Y4JQGO6G.js";
@@ -16,7 +16,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import {
   registerRichText,
   registerSchema

package/dist/components/sections/register.js

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-BAQYZSFF.js";
-import "../../chunk-NS3UTJ3E.js";
+} from "../../chunk-4TVODHD2.js";
+import "../../chunk-7XWER6YR.js";
 import "../../chunk-2DDWWTRX.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-K4JD6FD3.js";
-import "../../chunk-UA6OCJJK.js";
+import "../../chunk-VI26O4E3.js";
+import "../../chunk-KVQFMVXE.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-Y4JQGO6G.js";
@@ -16,7 +16,7 @@ import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-TZQPOR5A.js";
-import "../../chunk-4SIWBWKZ.js";
+import "../../chunk-RSITF24B.js";
 import {
   registerSection
 } from "../../chunk-VKAGMEKE.js";

package/dist/components/shell/EditorContext.d.ts

@@ -13,10 +13,12 @@ interface EditorContextValue {
     showAllChrome: boolean;
     viewBranch: "saved" | "live";
     historyState: HistoryState;
+    historyPageId: string | null;
     toggleEditMode: () => void;
     toggleShowAllChrome: () => void;
     setViewBranch: (branch: "saved" | "live") => void;
     setHistoryState: (state: HistoryState) => void;
+    setHistoryPageId: (pageId: string | null) => void;
 }
 interface EditorProviderProps {
     children: ReactNode;

package/dist/components/shell/EditorContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACxB,GAAG,IAAI,CAAC;AAET,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAChD;AAID,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAyB/D;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACxB,GAAG,IAAI,CAAC;AAET,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAID,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4B/D;AAED,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}