@drawnagency/primitives 0.1.60 → 0.1.62

package/dist/components/primitives/index.js

@@ -0,0 +1,169 @@
+import {
+  EditableRichText,
+  LinkPopover,
+  defineHeadingSection
+} from "../../chunk-FJBDGYHE.js";
+import {
+  EditableGrid,
+  EditablePlainText,
+  ImageDropZone,
+  MediaBlock,
+  ResolvedMedia,
+  useEditableCollection
+} from "../../chunk-QWDOJUUO.js";
+import "../../chunk-4E66N6UV.js";
+import {
+  DeleteIcon,
+  DragHandle,
+  IconButton
+} from "../../chunk-I5737FJY.js";
+import "../../chunk-CBWK3KPV.js";
+import "../../chunk-53DKVAB6.js";
+import "../../chunk-ZGFAYZWB.js";
+import {
+  cn
+} from "../../chunk-7EOSDFS3.js";
+import "../../chunk-TEYTLQVH.js";
+import "../../chunk-VKAGMEKE.js";
+import "../../chunk-JSBRDJBE.js";
+
+// src/components/primitives/EditableList.tsx
+import { useRef, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EditableList({
+  items,
+  onChange,
+  createItem,
+  isEditMode,
+  renderItem,
+  className
+}) {
+  const { wrappedItems, onReorder, onAdd, onRemove } = useEditableCollection({
+    items,
+    onChange,
+    createItem
+  });
+  const [dragState, setDragState] = useState({ sourceId: null, targetId: null });
+  if (!isEditMode) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2", className), children: wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx("div", { children: renderItem(wrapped.data, { isEditMode: false, index }) }, wrapped.id)) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx(
+      ListRow,
+      {
+        id: wrapped.id,
+        index,
+        onReorder,
+        onRemove,
+        dragState,
+        setDragState,
+        children: renderItem(wrapped.data, { isEditMode: true, index })
+      },
+      wrapped.id
+    )),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onAdd,
+        className: "cursor-pointer rounded border-2 border-dashed border-base-200 px-3 py-2 text-sm text-base-contrast-light hover:border-primary hover:text-primary",
+        children: "Add row"
+      }
+    )
+  ] });
+}
+function ListRow({
+  id,
+  index,
+  onReorder,
+  onRemove,
+  dragState,
+  setDragState,
+  children
+}) {
+  const rowRef = useRef(null);
+  const handleRef = useRef(null);
+  useEffect(() => {
+    const row = rowRef.current;
+    const handle = handleRef.current;
+    if (!row || !handle) return;
+    let cleanup;
+    let cancelled = false;
+    import("../../adapter-HH47ZPGM.js").then(({ draggable, dropTargetForElements }) => {
+      if (cancelled) return;
+      const cleanupDraggable = draggable({
+        element: handle,
+        getInitialData: () => ({ dragType: "list-row", id, index }),
+        onDragStart: () => setDragState({ sourceId: id, targetId: null }),
+        onDrop: () => setDragState({ sourceId: null, targetId: null })
+      });
+      const cleanupDropTarget = dropTargetForElements({
+        element: row,
+        canDrop: ({ source }) => source.data.dragType === "list-row",
+        getData: () => ({ id, index }),
+        onDragEnter: () => setDragState((prev) => ({ ...prev, targetId: id })),
+        onDragLeave: () => setDragState((prev) => prev.targetId === id ? { ...prev, targetId: null } : prev),
+        onDrop: ({ source }) => {
+          const fromIndex = source.data.index;
+          if (fromIndex !== index) {
+            onReorder(fromIndex, index);
+          }
+        }
+      });
+      cleanup = () => {
+        cleanupDraggable();
+        cleanupDropTarget();
+      };
+    });
+    return () => {
+      cancelled = true;
+      cleanup?.();
+    };
+  }, [id, index, onReorder, setDragState]);
+  const isDropTarget = dragState.targetId === id && dragState.sourceId !== id;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rowRef,
+      className: cn(
+        "group/row relative flex items-center gap-2",
+        isDropTarget && "border-t-2 border-primary"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            ref: handleRef,
+            icon: /* @__PURE__ */ jsx(DragHandle, { size: 14 }),
+            label: "Drag to reorder",
+            size: "sm",
+            className: "shrink-0 cursor-grab opacity-0 group-hover/row:opacity-100 no-hover:opacity-100",
+            tabIndex: -1
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            icon: /* @__PURE__ */ jsx(DeleteIcon, { size: 14 }),
+            label: "Delete item",
+            size: "sm",
+            intent: "destructive",
+            onClick: () => onRemove(id),
+            className: "shrink-0 opacity-0 group-hover/row:opacity-100 no-hover:opacity-100"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  EditableGrid,
+  EditableList,
+  EditablePlainText,
+  EditableRichText,
+  ImageDropZone,
+  LinkPopover,
+  MediaBlock,
+  ResolvedMedia,
+  defineHeadingSection
+};

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":";;;;;;;;;;;;;;;;;;;;AAkBA,wBAkCG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Colors/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,wBAmCG"}

package/dist/components/sections/Colors/schema.d.ts

@@ -0,0 +1,19 @@
+import { z } from "zod";
+export declare const ColorSpaceSchema: z.ZodObject<{
+    hex: z.ZodOptional<z.ZodString>;
+    rgb: z.ZodOptional<z.ZodString>;
+    cmyk: z.ZodOptional<z.ZodString>;
+    pantone: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type ColorSpace = z.infer<typeof ColorSpaceSchema>;
+export declare const ColorItemSchema: z.ZodObject<{
+    name: z.ZodOptional<z.ZodString>;
+    spaces: z.ZodArray<z.ZodObject<{
+        hex: z.ZodOptional<z.ZodString>;
+        rgb: z.ZodOptional<z.ZodString>;
+        cmyk: z.ZodOptional<z.ZodString>;
+        pantone: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export type ColorItem = z.infer<typeof ColorItemSchema>;
+//# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Colors/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB,eAAO,MAAM,gBAAgB;;;;;iBAQ5B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D,eAAO,MAAM,eAAe;;;;;;;;iBAG1B,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/components/sections/DoDontMedia/DoDontMediaBlock.d.ts

@@ -0,0 +1,20 @@
+import type { SingleMediaReference } from "../../../schemas/shared";
+import type { LinkValue } from "../../../schemas/link";
+export interface DoDontMediaBlockProps {
+    refValue: SingleMediaReference;
+    options: {
+        square?: boolean;
+        showCaption?: boolean;
+        border?: boolean;
+        objectFit?: "cover" | "contain";
+    };
+    link?: LinkValue;
+    dodont: "do" | "dont";
+    isEditMode: boolean;
+    onRefChange?: (ref: SingleMediaReference) => void;
+}
+/** Brand-guide composition: a do/dont badge over the generic, brand-agnostic
+ *  MediaBlock. The badge (do = check/green, dont = x/red) lives here, NOT in the
+ *  generic media section. */
+export declare function DoDontMediaBlock({ refValue, options, link, dodont, isEditMode, onRefChange }: DoDontMediaBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DoDontMediaBlock.d.ts.map

package/dist/components/sections/DoDontMedia/DoDontMediaBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoDontMediaBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/DoDontMedia/DoDontMediaBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,CAAC;IACxG,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AAED;;6BAE6B;AAC7B,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,qBAAqB,2CAiBnH"}

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

@@ -0,0 +1,45 @@
+declare const _default: import("../../..").SectionDefinition<{
+    type: "dodont_media";
+    content: {
+        ref: {
+            imageId: string;
+            type: "image";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+        } | {
+            imageId: string;
+            type: "video";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+            poster?: string | undefined;
+            autoplay?: boolean | undefined;
+            loop?: boolean | undefined;
+            muted?: boolean | undefined;
+        };
+        dodont: "do" | "dont";
+        link?: {
+            kind: "external";
+            href: string;
+            target: "_self" | "_blank";
+        } | {
+            kind: "internal";
+            pageId: string;
+            target: "_self" | "_blank";
+            anchorSectionId?: string | null | undefined;
+        } | undefined;
+    };
+    options: {
+        square?: boolean | undefined;
+        showCaption?: boolean | undefined;
+        border?: boolean | undefined;
+        objectFit?: "cover" | "contain" | undefined;
+    };
+}>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/sections/IconList/DoDontToggle.d.ts

@@ -0,0 +1,14 @@
+interface DoDontToggleProps {
+    value?: "do" | "dont";
+    onSelect: (v: "do" | "dont" | undefined) => void;
+    onClose: () => void;
+}
+/**
+ * Brand-guide do/dont tagging control. Kept OUT of the generic IconPicker so
+ * that primitive stays brand-agnostic — do/dont semantics (do = check/green,
+ * dont = x/red) live here, in the brand-guide layer. This is the reference
+ * example of extending a true primitive with a branded composition.
+ */
+export declare function DoDontToggle({ value, onSelect, onClose }: DoDontToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DoDontToggle.d.ts.map

package/dist/components/sections/IconList/DoDontToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoDontToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/DoDontToggle.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CA2D3E"}

package/dist/components/sections/IconList/IconList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconList.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/IconList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAShE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,KAAK;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,IAAW,EACX,SAAgB,EAChB,SAAiB,EACjB,cAA+C,EAC/C,aAA0C,EAC1C,aAA8B,EAC9B,QAAQ,EACR,aAAa,GACd,EAAE,KAAK,2CAyCP"}
+{"version":3,"file":"IconList.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/IconList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAUhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,KAAK;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,IAAW,EACX,SAAgB,EAChB,SAAiB,EACjB,cAA+C,EAC/C,aAA0C,EAC1C,aAA8B,EAC9B,QAAQ,EACR,aAAa,GACd,EAAE,KAAK,2CAyCP"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB,eAAO,MAAM,kBAAkB;;;;;;;;iBAK7B,CAAC;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;;;;;;;;;;;;;;;;;AAc9D,wBAoBG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/IconList/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB,eAAO,MAAM,kBAAkB;;;;;;;;iBAK7B,CAAC;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;;;;;;;;;;;;;;;;;AAc9D,wBAqBG"}

package/dist/components/sections/Media/MediaBlock.d.ts

@@ -10,10 +10,8 @@ export interface MediaBlockProps {
     };
     /** Per-item link (viewer: already resolved to kind:"external" upstream). */
     link?: LinkValue;
-    /** Per-item do/dont badge. */
-    dodont?: "do" | "dont";
     isEditMode: boolean;
     onRefChange?: (ref: SingleMediaReference) => void;
 }
-export declare function MediaBlock({ refValue, options, link, dodont, isEditMode, onRefChange }: MediaBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function MediaBlock({ refValue, options, link, isEditMode, onRefChange }: MediaBlockProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MediaBlock.d.ts.map

package/dist/components/sections/Media/MediaBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Media/MediaBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAQvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,CAAC;IACxG,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,eAAe,2CAkFvG"}
+{"version":3,"file":"MediaBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Media/MediaBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAOvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,CAAC;IACxG,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,eAAe,2CA2E/F"}

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

@@ -32,7 +32,6 @@ declare const _default: import("../../..").SectionDefinition<{
             target: "_self" | "_blank";
             anchorSectionId?: string | null | undefined;
         } | undefined;
-        dodont?: "do" | "dont" | undefined;
     };
     options: {
         square?: boolean | undefined;

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

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

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

@@ -1,15 +1,10 @@
 /**
- * The single ordered list of built-in section definitions.
- *
- * Both `register.ts` (full registration for rendering) and `register-schemas.ts`
- * (schema-only registration for /api/save validation) derive from this one
- * array, so the two can no longer drift — previously they hand-maintained
- * parallel 11-entry lists, and a section added to one but not the other would
- * make the editor render a type that save rejects with a 400 (or vice versa).
+ * The single ordered list of built-in section definitions, composed from the
+ * core (generic) and brand-guide groups. Both `register.ts` and
+ * `register-schemas.ts` derive from this one array, so they cannot drift.
  *
  * Retired: split_content, media_grid, do_dont_grid, do_dont — fully decomposable
- * into container sections. The loader fallback in mergeSiteContent transforms any
- * legacy-typed JSON to container before validation.
+ * into container sections by the loader fallback (mergeSiteContent).
  */
 export declare const allSectionDefs: (import("../..").SectionDefinition<{
     type: "link_heading";
@@ -65,7 +60,6 @@ export declare const allSectionDefs: (import("../..").SectionDefinition<{
             target: "_self" | "_blank";
             anchorSectionId?: string | null | undefined;
         } | undefined;
-        dodont?: "do" | "dont" | undefined;
     };
     options: {
         square?: boolean | undefined;
@@ -89,6 +83,17 @@ export declare const allSectionDefs: (import("../..").SectionDefinition<{
         } | undefined;
         download?: boolean | undefined;
     };
+}> | import("../..").SectionDefinition<{
+    type: "container";
+    content: {
+        children: import("../..").Section<Record<string, unknown>>[];
+        columns: number;
+        flow: "row" | "column";
+        childDefaults?: Record<string, unknown> | undefined;
+    };
+}> | import("../..").SectionDefinition<{
+    type: "spacer";
+    content: Record<string, never>;
 }> | import("../..").SectionDefinition<{
     type: "colors";
     content: {
@@ -124,15 +129,46 @@ export declare const allSectionDefs: (import("../..").SectionDefinition<{
         stackText?: boolean | undefined;
     } | undefined;
 }> | import("../..").SectionDefinition<{
-    type: "container";
+    type: "dodont_media";
     content: {
-        children: import("../..").Section<Record<string, unknown>>[];
-        columns: number;
-        flow: "row" | "column";
-        childDefaults?: Record<string, unknown> | undefined;
+        ref: {
+            imageId: string;
+            type: "image";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+        } | {
+            imageId: string;
+            type: "video";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+            poster?: string | undefined;
+            autoplay?: boolean | undefined;
+            loop?: boolean | undefined;
+            muted?: boolean | undefined;
+        };
+        dodont: "do" | "dont";
+        link?: {
+            kind: "external";
+            href: string;
+            target: "_self" | "_blank";
+        } | {
+            kind: "internal";
+            pageId: string;
+            target: "_self" | "_blank";
+            anchorSectionId?: string | null | undefined;
+        } | undefined;
+    };
+    options: {
+        square?: boolean | undefined;
+        showCaption?: boolean | undefined;
+        border?: boolean | undefined;
+        objectFit?: "cover" | "contain" | undefined;
     };
-}> | import("../..").SectionDefinition<{
-    type: "spacer";
-    content: Record<string, never>;
 }>)[];
 //# sourceMappingURL=all-sections.d.ts.map

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

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

package/dist/components/sections/brand-guide.d.ts

@@ -0,0 +1,84 @@
+/** Opinionated brand-guide sections. Self-contained subtree: a build that does
+ *  not import this module drops these sections (and their cmyk/pantone schemas
+ *  and do/dont compositions) entirely. Exposed at
+ *  `@drawnagency/primitives/components/sections/brand-guide`. */
+export declare const brandGuideSectionDefs: (import("../..").SectionDefinition<{
+    type: "colors";
+    content: {
+        colors: {
+            spaces: {
+                hex?: string | undefined;
+                rgb?: string | undefined;
+                cmyk?: string | undefined;
+                pantone?: string | undefined;
+            }[];
+            name?: string | undefined;
+        }[];
+    };
+    options?: {
+        label?: string | undefined;
+        columns?: number | undefined;
+        collapsing?: boolean | undefined;
+        showLabel?: boolean | undefined;
+    } | undefined;
+}> | import("../..").SectionDefinition<{
+    type: "icon_list";
+    content: {
+        items: {
+            label: string;
+            text: string;
+            icon?: string | undefined;
+            dodont?: "do" | "dont" | undefined;
+        }[];
+    };
+    options?: {
+        icon?: string | null | undefined;
+        showLabel?: boolean | undefined;
+        stackText?: boolean | undefined;
+    } | undefined;
+}> | import("../..").SectionDefinition<{
+    type: "dodont_media";
+    content: {
+        ref: {
+            imageId: string;
+            type: "image";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+        } | {
+            imageId: string;
+            type: "video";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+            poster?: string | undefined;
+            autoplay?: boolean | undefined;
+            loop?: boolean | undefined;
+            muted?: boolean | undefined;
+        };
+        dodont: "do" | "dont";
+        link?: {
+            kind: "external";
+            href: string;
+            target: "_self" | "_blank";
+        } | {
+            kind: "internal";
+            pageId: string;
+            target: "_self" | "_blank";
+            anchorSectionId?: string | null | undefined;
+        } | undefined;
+    };
+    options: {
+        square?: boolean | undefined;
+        showCaption?: boolean | undefined;
+        border?: boolean | undefined;
+        objectFit?: "cover" | "contain" | undefined;
+    };
+}>)[];
+export { ColorSpaceSchema, ColorItemSchema } from "./Colors/schema";
+export type { ColorSpace, ColorItem } from "./Colors/schema";
+//# sourceMappingURL=brand-guide.d.ts.map

package/dist/components/sections/brand-guide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-guide.d.ts","sourceRoot":"","sources":["../../../src/components/sections/brand-guide.ts"],"names":[],"mappings":"AAIA;;;iEAGiE;AAEjE,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAAkC,CAAC;AAErE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACpE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,21 @@
+import {
+  ColorItemSchema,
+  ColorSpaceSchema,
+  brandGuideSectionDefs
+} from "../../chunk-JRT4KWHU.js";
+import "../../chunk-5THS4K5D.js";
+import "../../chunk-QWDOJUUO.js";
+import "../../chunk-I5737FJY.js";
+import "../../chunk-CBWK3KPV.js";
+import "../../chunk-3DCG4DNU.js";
+import "../../chunk-WDSVHKAH.js";
+import "../../chunk-ZGFAYZWB.js";
+import "../../chunk-7EOSDFS3.js";
+import "../../chunk-TEYTLQVH.js";
+import "../../chunk-VKAGMEKE.js";
+import "../../chunk-JSBRDJBE.js";
+export {
+  ColorItemSchema,
+  ColorSpaceSchema,
+  brandGuideSectionDefs
+};

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

@@ -0,0 +1,93 @@
+/** Generic, brand-agnostic built-in sections. A non-brand site can register
+ *  exactly these (plus its own custom sections) and tree-shake the brand-guide
+ *  group out of its bundle. */
+export declare const coreSectionDefs: (import("../..").SectionDefinition<{
+    type: "link_heading";
+    content: {
+        heading: string;
+    };
+}> | import("../..").SectionDefinition<{
+    type: "sub_heading";
+    content: {
+        heading: string;
+    };
+}> | import("../..").SectionDefinition<{
+    type: "sub_sub_heading";
+    content: {
+        heading: string;
+    };
+}> | import("../..").SectionDefinition<{
+    type: "prose";
+    content: {
+        body: string;
+    };
+}> | import("../..").SectionDefinition<{
+    type: "media";
+    content: {
+        ref: {
+            imageId: string;
+            type: "image";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+        } | {
+            imageId: string;
+            type: "video";
+            caption?: string | string[] | undefined;
+            background?: string | undefined;
+            invertFrom?: string | undefined;
+            border?: boolean | undefined;
+            objectFit?: "cover" | "contain" | undefined;
+            poster?: string | undefined;
+            autoplay?: boolean | undefined;
+            loop?: boolean | undefined;
+            muted?: boolean | undefined;
+        };
+        link?: {
+            kind: "external";
+            href: string;
+            target: "_self" | "_blank";
+        } | {
+            kind: "internal";
+            pageId: string;
+            target: "_self" | "_blank";
+            anchorSectionId?: string | null | undefined;
+        } | undefined;
+    };
+    options: {
+        square?: boolean | undefined;
+        showCaption?: boolean | undefined;
+        border?: boolean | undefined;
+        objectFit?: "cover" | "contain" | undefined;
+    };
+}> | import("../..").SectionDefinition<{
+    type: "button";
+    content: {
+        text: string;
+        link?: {
+            kind: "external";
+            href: string;
+            target: "_self" | "_blank";
+        } | {
+            kind: "internal";
+            pageId: string;
+            target: "_self" | "_blank";
+            anchorSectionId?: string | null | undefined;
+        } | undefined;
+        download?: boolean | undefined;
+    };
+}> | import("../..").SectionDefinition<{
+    type: "container";
+    content: {
+        children: import("../..").Section<Record<string, unknown>>[];
+        columns: number;
+        flow: "row" | "column";
+        childDefaults?: Record<string, unknown> | undefined;
+    };
+}> | import("../..").SectionDefinition<{
+    type: "spacer";
+    content: Record<string, never>;
+}>)[];
+//# sourceMappingURL=core-sections.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-sections.d.ts","sourceRoot":"","sources":["../../../src/components/sections/core-sections.ts"],"names":[],"mappings":"AASA;;+BAE+B;AAK/B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAS3B,CAAC"}