@drawnagency/primitives 0.1.79 → 0.1.80

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

@@ -3,7 +3,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-4XXLH5CL.js";
+} from "./chunk-7XWER6YR.js";
 import {
   DeleteButton,
   DragHandle,
@@ -19,7 +19,7 @@ import {
 import {
   EditableRichText,
   defineHeadingSection
-} from "./chunk-DR22HM44.js";
+} from "./chunk-VI26O4E3.js";
 import {
   EditablePlainText,
   ImageDropZone,
@@ -28,7 +28,7 @@ import {
   colSpanClass,
   containerGridClass,
   spacerHiddenClass
-} from "./chunk-RWMSDDQM.js";
+} from "./chunk-KVQFMVXE.js";
 import {
   useMediaLibrary,
   useResolvedMedia

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

@@ -9,7 +9,7 @@ import {
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-RWMSDDQM.js";
+} from "./chunk-KVQFMVXE.js";
 import {
   AddIcon,
   DeleteIcon,
@@ -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-outer 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-outer 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-RWMSDDQM.js → chunk-KVQFMVXE.js}

@@ -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-DR22HM44.js → chunk-VI26O4E3.js}

@@ -1,6 +1,6 @@
 import {
   EditablePlainText
-} from "./chunk-RWMSDDQM.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/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-DR22HM44.js";
+} from "../../chunk-VI26O4E3.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,7 +10,7 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-RWMSDDQM.js";
+} from "../../chunk-KVQFMVXE.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,

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,9 +2,9 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-4XXLH5CL.js";
+} from "../../chunk-7XWER6YR.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-RWMSDDQM.js";
+import "../../chunk-KVQFMVXE.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-3LNKOLZP.js";
 import "../../chunk-PZJL2S3Z.js";

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

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-FRTJNS5F.js";
-import "../../chunk-4XXLH5CL.js";
+} from "../../chunk-4TVODHD2.js";
+import "../../chunk-7XWER6YR.js";
 import "../../chunk-2DDWWTRX.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-DR22HM44.js";
-import "../../chunk-RWMSDDQM.js";
+import "../../chunk-VI26O4E3.js";
+import "../../chunk-KVQFMVXE.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-Y4JQGO6G.js";

package/dist/components/sections/register.js

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-FRTJNS5F.js";
-import "../../chunk-4XXLH5CL.js";
+} from "../../chunk-4TVODHD2.js";
+import "../../chunk-7XWER6YR.js";
 import "../../chunk-2DDWWTRX.js";
 import "../../chunk-5THS4K5D.js";
-import "../../chunk-DR22HM44.js";
-import "../../chunk-RWMSDDQM.js";
+import "../../chunk-VI26O4E3.js";
+import "../../chunk-KVQFMVXE.js";
 import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-EMGLZQCM.js";
 import "../../chunk-Y4JQGO6G.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"}

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

@@ -1,4 +1,5 @@
 import type { Audience } from "../../auth/types";
+import { type HistoryState } from "./EditorContext";
 import type { CollabBootstrap } from "../../collab/types";
 export { useMediaLibrary } from "./MediaLibraryContext";
 interface Props {
@@ -22,4 +23,16 @@ interface Props {
     collabBootstrap?: CollabBootstrap | null;
 }
 export default function EditorShell({ headSha, draftHeadSha, siteId, audiences: initialAudiences, capabilities, currentUser, chatbotPlatformEnabled, collabBootstrap, }: Props): import("react/jsx-runtime").JSX.Element;
+/** Resolve which historical page to show: explicit selection → the page the
+ *  editor is currently on (if it existed at that version) → home → first. */
+export declare function resolveHistoryPage(historyState: NonNullable<HistoryState>, historyPageId: string | null, preferredPageId: string | null): {
+    id: string;
+    title: string;
+    slug: string;
+    isHome: boolean;
+    showInNav: boolean;
+    status: "live" | "archived";
+    access: string[];
+    order: string[];
+};
 //# sourceMappingURL=EditorShell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkDjD,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAmCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA68CP"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA6CtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAmCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA88CP;AA2DD;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;EAK/B"}

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

@@ -1,8 +1,15 @@
+interface HistoryPageOption {
+    id: string;
+    title: string;
+}
 interface HistoryToolbarProps {
     date: string;
+    pages: HistoryPageOption[];
+    activePageId: string;
+    onPageChange: (pageId: string) => void;
     onBackToCurrent: () => void;
     onRestore: () => void;
 }
-export declare function HistoryToolbar({ date, onBackToCurrent, onRestore }: HistoryToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function HistoryToolbar({ date, pages, activePageId, onPageChange, onBackToCurrent, onRestore }: HistoryToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=HistoryToolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HistoryToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/shell/HistoryToolbar.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAsBvF"}
+{"version":3,"file":"HistoryToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/shell/HistoryToolbar.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAoC1H"}

package/dist/lib/registry.d.ts

@@ -72,6 +72,9 @@ export interface SectionProps<T = unknown> {
     onChange?: (content: T) => void;
     isEditMode: boolean;
     openModal?: (title: string, content: ReactNode) => void;
+    /** Delete this whole section. Used e.g. when a colors section's last swatch
+     *  is dragged into another section, leaving it empty. */
+    onDelete?: () => void;
 }
 export interface WrapperProps {
     sectionId: string;

package/dist/lib/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/lib/registry.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/lib/registry.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.79",
+  "version": "0.1.80",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/brandguide/Colors.tsx

@@ -17,6 +17,7 @@ interface Props {
   showLabel?: boolean;
   onChange?: (content: SectionContent) => void;
   openModal?: (title: string, content: ReactNode) => void;
+  onDelete?: () => void;
 }
 
 function getContrastClass(hex: string | undefined): string {
@@ -49,7 +50,7 @@ function buildContent(
   };
 }
 
-export default function Colors({ colors, columns = 3, label, collapsing, showLabel = true, onChange, openModal }: Props) {
+export default function Colors({ colors, columns = 3, label, collapsing, showLabel = true, onChange, openModal, onDelete }: Props) {
   if (onChange && openModal) {
     return (
       <ColorsEditable
@@ -60,6 +61,7 @@ export default function Colors({ colors, columns = 3, label, collapsing, showLab
         showLabel={showLabel}
         onChange={onChange}
         openModal={openModal}
+        onDelete={onDelete}
       />
     );
   }
@@ -125,7 +127,7 @@ function ColorsView({
             const hex = color.spaces[0]?.hex;
             const contrast = getContrastClass(hex);
             return (
-              <div key={i} className="overflow-hidden rounded-outer border border-base-200">
+              <div key={i} className="flex h-full flex-col overflow-hidden rounded-outer border border-base-200">
                 <div className={cn("relative flex min-h-[80px] items-end p-3", contrast)} style={{ backgroundColor: hex || "#ccc" }}>
                   {color.name && <span className="text-sm font-bold">{color.name}</span>}
                   {copiedIndex === i && (
@@ -138,7 +140,8 @@ function ColorsView({
                   )}
                 </div>
                 {expanded && (
-                  <div className="space-y-1 bg-base-accent p-3 text-sm">
+                  // flex-1 so every swatch's label block grows to the tallest in its row.
+                  <div className="flex-1 space-y-1 bg-base-accent p-3 text-sm">
                     {color.spaces.map((space, j) =>
                       Object.entries(space).map(([key, value]) =>
                         value ? (
@@ -168,6 +171,7 @@ function ColorsEditable({
   showLabel,
   onChange,
   openModal,
+  onDelete,
 }: {
   colors: ColorItem[];
   columns: number;
@@ -176,6 +180,7 @@ function ColorsEditable({
   showLabel?: boolean;
   onChange: (content: SectionContent) => void;
   openModal: (title: string, content: ReactNode) => void;
+  onDelete?: () => void;
 }) {
   const [expanded, setExpanded] = useState(!collapsing);
   const options = { label, columns, collapsing, showLabel };
@@ -224,6 +229,10 @@ function ColorsEditable({
       <EditableGrid
         items={colors}
         columns={columns}
+        // Shared group lets a swatch be dragged from one colors section into another.
+        group="colors"
+        // When the last swatch is dragged out to another section, delete this now-empty one.
+        onEmptied={onDelete}
         onChange={(newColors) => onChange(buildContent(newColors, options))}
         createItem={createColorItem}
         isEditMode={true}
@@ -267,7 +276,7 @@ function ColorSwatchEditable({
   };
 
   return (
-    <div className="overflow-hidden rounded-outer border border-base-200">
+    <div className="flex h-full flex-col overflow-hidden rounded-outer border border-base-200">
       <div className={cn("flex min-h-[80px] items-end p-3", contrast)} style={{ backgroundColor: hex || "#ccc" }}>
         <EditablePlainText
           tag="span"
@@ -279,7 +288,8 @@ function ColorSwatchEditable({
         />
       </div>
       {expanded && (
-        <div className="space-y-1 bg-base-accent p-3 text-sm">
+        // flex-1 so every swatch's label block grows to the tallest in its row.
+        <div className="flex-1 space-y-1 bg-base-accent p-3 text-sm">
           {color.spaces.map((space, j) =>
             Object.entries(space).map(([key, value]) =>
               value ? (

package/src/components/primitives/EditableGrid.tsx

@@ -1,10 +1,11 @@
-import { useRef, useEffect, useState, type ReactNode } from "react";
+import { useRef, useEffect, useState, useId, type ReactNode } from "react";
 import { ImageIcon } from "lucide-react";
 import { AddIcon, DragHandle, DeleteIcon, SettingsIcon } from "../shared/icons";
 import { IconButton } from "../shared/IconButton";
 import { cn } from "../../lib/cn";
 import { containerGridClass } from "../../lib/container-grid";
 import { useEditableCollection } from "./useEditableCollection";
+import { resolveDropIndex } from "./gridDrop";
 
 interface EditableGridProps<T> {
   items: T[];
@@ -17,6 +18,16 @@ 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 function EditableGrid<T>({
@@ -30,8 +41,11 @@ export function EditableGrid<T>({
   onItemImageClick,
   chromeTopClass,
   className,
+  group,
+  onEmptied,
 }: EditableGridProps<T>) {
-  const { wrappedItems, onReorder, onAdd, onInsert, onRemove } = useEditableCollection({
+  const gridId = useId();
+  const { wrappedItems, onReorder, onAdd, onInsert, onInsertItem, onRemove } = useEditableCollection({
     items,
     onChange,
     createItem,
@@ -44,18 +58,63 @@ export function EditableGrid<T>({
 
   const [isDragging, setIsDragging] = useState(false);
 
+  // The drop transaction is centralized here (not in each GridCell) because this
+  // monitor is GLOBAL: it fires for every grid-cell drop on the page, so the
+  // source grid and destination grid each see the same drop and act on their own
+  // collection — source removes, destination inserts, same-grid reorders. Keep
+  // the latest handlers/config in a ref so the monitor can be set up once.
+  const cfgRef = useRef({ gridId, group, itemCount: wrappedItems.length, onReorder, onRemove, onInsertItem, onEmptied });
+  cfgRef.current = { gridId, group, itemCount: wrappedItems.length, onReorder, onRemove, onInsertItem, onEmptied };
+
   useEffect(() => {
     let cleanup: (() => void) | undefined;
     let cancelled = false;
 
-    import("@atlaskit/pragmatic-drag-and-drop/element/adapter").then(({ monitorForElements }) => {
+    Promise.all([
+      import("@atlaskit/pragmatic-drag-and-drop/element/adapter"),
+      import("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge"),
+    ]).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);
+          // Every grid clears its own indicator on any drop — this is what stops
+          // the destination grid's drop line from sticking after a cross-grid drop.
+          setDragState({ sourceId: null, closestEdge: null });
+
+          const { gridId: my, group: myGroup, itemCount, onReorder, onRemove, onInsertItem, onEmptied } = cfgRef.current;
+          const srcGridId = source.data.gridId as string;
+          const target = location.current.dropTargets[0];
+          const dstGridId = target?.data.gridId as string | undefined;
+
+          // Same-grid reorder — only the owning grid acts on it.
+          if (srcGridId === my && dstGridId === my && target) {
+            const fromIndex = source.data.index as number;
+            const edge = extractClosestEdge(target.data) as "left" | "right" | null;
+            const toIndex = resolveDropIndex({ fromIndex, targetIndex: target.data.index as number, edge, sameCollection: true });
+            if (fromIndex !== toIndex) onReorder(fromIndex, toIndex);
+            return;
+          }
+
+          // Cross-grid transfer requires a shared group. The source grid removes
+          // its item; the destination grid inserts it. Two grids, two updates.
+          const crossAllowed = myGroup != null && source.data.group === myGroup;
+          if (!crossAllowed) return;
+
+          if (srcGridId === my && dstGridId && dstGridId !== my) {
+            // Dragging the last item out empties this grid — let the owner tear
+            // down the now-empty container instead of leaving it behind.
+            if (itemCount <= 1 && onEmptied) onEmptied();
+            else onRemove(source.data.id as string);
+          } else if (dstGridId === my && srcGridId !== my && target) {
+            const edge = extractClosestEdge(target.data) as "left" | "right" | null;
+            const toIndex = resolveDropIndex({ fromIndex: source.data.index as number, targetIndex: target.data.index as number, edge, sameCollection: false });
+            onInsertItem(toIndex, source.data.item as T);
+          }
         },
       });
     });
@@ -88,9 +147,11 @@ export function EditableGrid<T>({
             key={wrapped.id}
             id={wrapped.id}
             index={index}
+            gridId={gridId}
+            group={group}
+            item={wrapped.data}
             isLast={index === wrappedItems.length - 1}
             isDragging={isDragging}
-            onReorder={onReorder}
             onRemove={onRemove}
             onInsert={onInsert}
             onSettings={onItemSettings ? () => onItemSettings(index) : undefined}
@@ -117,12 +178,14 @@ export function EditableGrid<T>({
   );
 }
 
-function GridCell({
+function GridCell<T>({
   id,
   index,
+  gridId,
+  group,
+  item,
   isLast,
   isDragging,
-  onReorder,
   onRemove,
   onInsert,
   onSettings,
@@ -134,9 +197,11 @@ function GridCell({
 }: {
   id: string;
   index: number;
+  gridId: string;
+  group?: string;
+  item: T;
   isLast: boolean;
   isDragging: boolean;
-  onReorder: (from: number, to: number) => void;
   onRemove: (id: string) => void;
   onInsert: (index: number) => void;
   onSettings?: () => void;
@@ -165,17 +230,22 @@ function GridCell({
 
       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 }) => {
@@ -189,16 +259,6 @@ function GridCell({
         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 = () => {
@@ -211,7 +271,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;
@@ -221,7 +281,9 @@ function GridCell({
     <div
       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",
       )}
     >

package/src/components/primitives/gridDrop.ts

@@ -0,0 +1,26 @@
+/**
+ * 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 function resolveDropIndex({
+  fromIndex,
+  targetIndex,
+  edge,
+  sameCollection,
+}: {
+  fromIndex: number;
+  targetIndex: number;
+  edge: "left" | "right" | null;
+  sameCollection: boolean;
+}): number {
+  let toIndex = targetIndex + (edge === "right" ? 1 : 0);
+  if (sameCollection && fromIndex < toIndex) toIndex--;
+  return toIndex;
+}

package/src/components/primitives/useEditableCollection.ts

@@ -16,6 +16,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;
 }
 
@@ -89,6 +90,20 @@ export function useEditableCollection<T>({
     [createItem, onChange],
   );
 
+  // Insert an externally-provided item (e.g. one dragged in from another grid)
+  // at a specific index. Distinct from onInsert, which creates a blank item.
+  const onInsertItem = useCallback(
+    (index: number, data: T) => {
+      setWrappedItems((prev) => {
+        const next = [...prev];
+        next.splice(index, 0, { id: uid(), data });
+        onChange(next.map((w) => w.data));
+        return next;
+      });
+    },
+    [onChange]
+  );
+
   const onRemove = useCallback(
     (id: string) => {
       setWrappedItems((prev) => {
@@ -100,5 +115,5 @@ export function useEditableCollection<T>({
     [onChange]
   );
 
-  return { wrappedItems, onReorder, onAdd, onInsert, onRemove };
+  return { wrappedItems, onReorder, onAdd, onInsert, onInsertItem, onRemove };
 }

package/src/components/sections/Colors/index.tsx

@@ -30,7 +30,7 @@ export default defineSection({
   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 }) => (
+  component: ({ content, options, onChange, openModal, onDelete }) => (
     <Colors
       colors={content.content.colors}
       columns={options?.columns as number}
@@ -39,6 +39,7 @@ export default defineSection({
       showLabel={options?.showLabel as boolean}
       onChange={onChange ? (c) => onChange(c as typeof content) : undefined}
       openModal={openModal}
+      onDelete={onDelete}
     />
   ),
   defaults: () => ({

package/src/components/shell/EditorContext.tsx

@@ -16,10 +16,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;
 }
 
 const EditorContext = createContext<EditorContextValue | null>(null);
@@ -33,7 +35,10 @@ export function EditorProvider({ children }: EditorProviderProps) {
   const [showAllChrome, setShowAllChrome] = useState(false);
   const [viewBranch, setViewBranchState] = useState<"saved" | "live">("saved");
   const [historyState, setHistoryStateRaw] = useState<HistoryState>(null);
+  const [historyPageId, setHistoryPageId] = useState<string | null>(null);
   const setHistoryState = useCallback((state: HistoryState) => {
+    // null = "auto": resolved to the current page (or home) at render time
+    setHistoryPageId(null);
     setHistoryStateRaw(state);
   }, []);
 
@@ -49,7 +54,7 @@ export function EditorProvider({ children }: EditorProviderProps) {
   const setViewBranch = useCallback((b: "saved" | "live") => setViewBranchState(b), []);
 
   return (
-    <EditorContext.Provider value={{ isEditMode, showAllChrome, viewBranch, historyState, toggleEditMode, toggleShowAllChrome, setViewBranch, setHistoryState }}>
+    <EditorContext.Provider value={{ isEditMode, showAllChrome, viewBranch, historyState, historyPageId, toggleEditMode, toggleShowAllChrome, setViewBranch, setHistoryState, setHistoryPageId }}>
       {children}
     </EditorContext.Provider>
   );

package/src/components/shell/EditorShell.tsx

@@ -12,7 +12,7 @@ import type { MediaManifest } from "../../media/types";
 import type { QueueItem } from "../../media/queue";
 import { SiteConfigSchema, IndexSchema } from "../../schemas/site-config";
 import { ensureSanitizer } from "../../lib/sanitize";
-import { EditorProvider, useEditorContext } from "./EditorContext";
+import { EditorProvider, useEditorContext, type HistoryState } from "./EditorContext";
 import { makeBlockMoveDispatch } from "./blockMoveDispatch";
 import { ROOT_CONTAINER_ID, resolveDropIndex } from "../../lib/block-dnd";
 import type { BlockMove } from "../../lib/block-move";
@@ -1454,6 +1454,7 @@ export default function EditorShell({
               onSectionChange={onSectionChange}
               onAddSection={onAddSection}
               onDeleteSection={setPendingDeleteSectionId}
+              onDeleteSectionImmediate={performDeleteSection}
               onReorderSections={onReorderSections}
               onBlockMove={onBlockMove}
               onMoveSection={siteIndex.pages.length > 1 ? setMovingSectionId : undefined}
@@ -1693,6 +1694,18 @@ function HistoryWatcher() {
   return null;
 }
 
+/** Resolve which historical page to show: explicit selection → the page the
+ *  editor is currently on (if it existed at that version) → home → first. */
+export function resolveHistoryPage(
+  historyState: NonNullable<HistoryState>,
+  historyPageId: string | null,
+  preferredPageId: string | null,
+) {
+  const pages = historyState.index.pages;
+  const byId = (id: string | null) => (id ? pages.find((p) => p.id === id) : undefined);
+  return byId(historyPageId) ?? byId(preferredPageId) ?? pages.find((p) => p.isHome) ?? pages[0];
+}
+
 function HistoryOrEditorContent({
   children,
   index,
@@ -1704,9 +1717,11 @@ function HistoryOrEditorContent({
   activeSections: LoadedSection[];
   activePageId: string | null;
 }) {
-  const { historyState } = useEditorContext();
+  const { historyState, historyPageId, setHistoryPageId } = useEditorContext();
   const wasInHistory = useRef(false);
 
+  const historyPage = historyState ? resolveHistoryPage(historyState, historyPageId, activePageId) : null;
+
   useEffect(() => {
     if (historyState) {
       wasInHistory.current = true;
@@ -1720,8 +1735,22 @@ function HistoryOrEditorContent({
     }
   }, [historyState, index, activeSections, activePageId]);
 
-  if (historyState) {
-    return <ViewRenderer sections={historyState.sections} />;
+  // Pin the auto-resolved page into context so the toolbar selector agrees,
+  // and keep the nav highlighting in sync with the page being viewed.
+  useEffect(() => {
+    if (!historyState || !historyPage) return;
+    if (!historyPageId) setHistoryPageId(historyPage.id);
+    siteNavChangeEvent.dispatch(
+      generateSiteNav({ index: historyState.index, activeSections: [], activePageId: historyPage.id, mode: "editor", audience: null }),
+    );
+  }, [historyState, historyPage?.id]);
+
+  if (historyState && historyPage) {
+    const position = new Map(historyPage.order.map((id, i) => [id, i]));
+    const pageSections = historyState.sections
+      .filter((s) => position.has(s.section.id))
+      .sort((a, b) => (position.get(a.section.id) ?? 0) - (position.get(b.section.id) ?? 0));
+    return <ViewRenderer sections={pageSections} />;
   }
   return <>{children}</>;
 }
@@ -1764,6 +1793,7 @@ function EditorContent({
   onSectionChange,
   onAddSection,
   onDeleteSection,
+  onDeleteSectionImmediate,
   onReorderSections,
   onBlockMove,
   onMoveSection,
@@ -1784,6 +1814,7 @@ function EditorContent({
   onSectionChange: (sectionId: string, content: SectionContent) => void;
   onAddSection: (insertIndex: number, selection: string) => void;
   onDeleteSection: (sectionId: string) => void;
+  onDeleteSectionImmediate: (sectionId: string) => void;
   onReorderSections: (fromIndex: number, toIndex: number) => void;
   onBlockMove: (move: BlockMove) => void;
   onMoveSection?: (sectionId: string) => void;
@@ -1978,6 +2009,9 @@ function EditorContent({
                     onChange={editingEnabled ? (newContent) => onSectionChange(section.id, newContent as SectionContent) : undefined}
                     isEditMode={isEditMode}
                     openModal={editingEnabled ? openModal : undefined}
+                    // Immediate (no confirm modal): used when a colors section's
+                    // last swatch is dragged out, auto-removing the empty section.
+                    onDelete={editingEnabled ? () => onDeleteSectionImmediate(section.id) : undefined}
                   />
                 </SectionWrapper>
               </SectionLayout>
@@ -2150,12 +2184,16 @@ function EditorToolbar({
   collabSelfId: string | null;
   collabStatus: CollabStatus;
 }) {
-  const { isEditMode, viewBranch, setViewBranch, toggleEditMode, historyState, setHistoryState } = useEditorContext();
+  const { isEditMode, viewBranch, setViewBranch, toggleEditMode, historyState, setHistoryState, historyPageId, setHistoryPageId } = useEditorContext();
 
   if (historyState) {
+    const page = resolveHistoryPage(historyState, historyPageId, null);
     return (
       <HistoryToolbar
         date={historyState.date}
+        pages={historyState.index.pages.map((p) => ({ id: p.id, title: p.title }))}
+        activePageId={page?.id ?? ""}
+        onPageChange={setHistoryPageId}
         onBackToCurrent={() => setHistoryState(null)}
         onRestore={onRestoreClick}
       />

package/src/components/shell/HistoryToolbar.tsx

@@ -1,13 +1,21 @@
 import { formatDateTime } from "../../lib/timestamp";
 import { Button } from "../shared/Button";
 
+interface HistoryPageOption {
+  id: string;
+  title: string;
+}
+
 interface HistoryToolbarProps {
   date: string;
+  pages: HistoryPageOption[];
+  activePageId: string;
+  onPageChange: (pageId: string) => void;
   onBackToCurrent: () => void;
   onRestore: () => void;
 }
 
-export function HistoryToolbar({ date, onBackToCurrent, onRestore }: HistoryToolbarProps) {
+export function HistoryToolbar({ date, pages, activePageId, onPageChange, onBackToCurrent, onRestore }: HistoryToolbarProps) {
   return (
     <div className="fixed top-0 right-0 left-0 z-50 border-b border-base-200 bg-base">
       <div className="mx-auto max-w-screen-xl grid grid-cols-3 items-center px-4 py-2">
@@ -16,10 +24,24 @@ export function HistoryToolbar({ date, onBackToCurrent, onRestore }: HistoryTool
             Back to current
           </Button>
         </div>
-        <div className="flex items-center justify-center">
+        <div className="flex items-center justify-center gap-2">
           <span className="text-xs font-medium text-base-contrast-light">
             Viewing {formatDateTime(date)}
           </span>
+          {pages.length > 1 && (
+            <select
+              value={activePageId}
+              onChange={(e) => onPageChange(e.target.value)}
+              className="rounded border border-base-200 bg-base px-1.5 py-0.5 text-xs font-medium text-base-contrast"
+              aria-label="Page at this version"
+            >
+              {pages.map((p) => (
+                <option key={p.id} value={p.id}>
+                  {p.title}
+                </option>
+              ))}
+            </select>
+          )}
         </div>
         <div className="flex items-center justify-end">
           <Button variant="primary" size="sm" onClick={onRestore}>

package/src/lib/registry.ts

@@ -83,6 +83,9 @@ export interface SectionProps<T = unknown> {
   onChange?: (content: T) => void;
   isEditMode: boolean;
   openModal?: (title: string, content: ReactNode) => void;
+  /** Delete this whole section. Used e.g. when a colors section's last swatch
+   *  is dragged into another section, leaving it empty. */
+  onDelete?: () => void;
 }
 
 export interface WrapperProps {