@drawnagency/primitives 0.1.61 → 0.1.63

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

@@ -1,9 +1,12 @@
 import {
-  Checkbox,
+  brandGuideSectionDefs,
+  pluralize,
+  stripHtmlToPlainText,
+  truncate
+} from "../../chunk-QYQ3DQHI.js";
+import {
   DeleteButton,
-  DragHandle as DragHandle2,
-  FormLabel,
-  Input,
+  DragHandle,
   Popover,
   PopoverItem,
   SettingsButton,
@@ -12,54 +15,47 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "../../chunk-UQ4OYRW7.js";
+} from "../../chunk-2BHPWO7M.js";
+import "../../chunk-5THS4K5D.js";
 import {
-  EditableGrid,
-  EditablePlainText,
   EditableRichText,
+  defineHeadingSection
+} from "../../chunk-FECCYOPJ.js";
+import {
+  EditablePlainText,
   MAX_CONTAINER_COLUMNS,
   MediaBlock,
   colSpanClass,
   containerGridClass,
-  defineHeadingSection,
-  spacerHiddenClass,
-  useEditableCollection
-} from "../../chunk-4OX3Z7SB.js";
-import {
-  AddIcon,
-  DeleteIcon,
-  DragHandle,
-  IconButton
-} from "../../chunk-WLMJCNU7.js";
+  spacerHiddenClass
+} from "../../chunk-VMDKWUMT.js";
+import "../../chunk-4E66N6UV.js";
+import "../../chunk-I5737FJY.js";
 import "../../chunk-CBWK3KPV.js";
 import {
   DEFAULT_LINK,
   LinkValueSchema
 } from "../../chunk-3DCG4DNU.js";
-import {
-  curatedIcons,
-  getIcon
-} from "../../chunk-WDSVHKAH.js";
+import "../../chunk-WDSVHKAH.js";
 import {
   sanitizeHtml
 } from "../../chunk-53DKVAB6.js";
+import "../../chunk-ZGFAYZWB.js";
 import {
   cn
 } from "../../chunk-7EOSDFS3.js";
-import "../../chunk-ZGFAYZWB.js";
 import {
   getSectionSchema
 } from "../../chunk-TZQPOR5A.js";
+import {
+  SingleMediaReferenceSchema
+} from "../../chunk-TEYTLQVH.js";
 import {
   defineSection,
   getSection,
   registerRichText,
   registerSchema
 } from "../../chunk-VKAGMEKE.js";
-import {
-  ColorItemSchema,
-  SingleMediaReferenceSchema
-} from "../../chunk-BT7STGDW.js";
 import "../../chunk-NSCT3AMV.js";
 import "../../chunk-JSBRDJBE.js";
 
@@ -132,18 +128,6 @@ function Prose({ body, onChange }) {
   );
 }
 
-// src/lib/text.ts
-function stripHtmlToPlainText(html) {
-  return html.replace(/<(script|style)\b[^>]*>[\s\S]*?<\/\1>/gi, "").replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
-}
-function truncate(text, maxLength) {
-  if (text.length <= maxLength) return text;
-  return text.slice(0, maxLength) + "...";
-}
-function pluralize(n, word) {
-  return `${n} ${word}${n === 1 ? "" : "s"}`;
-}
-
 // src/components/sections/Prose/index.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var schema = z.object({
@@ -169,8 +153,7 @@ var schema2 = z2.object({
   type: z2.literal("media"),
   content: z2.object({
     ref: SingleMediaReferenceSchema,
-    link: LinkValueSchema.optional(),
-    dodont: z2.enum(["do", "dont"]).optional()
+    link: LinkValueSchema.optional()
   }),
   options: z2.object({
     square: z2.boolean().optional(),
@@ -190,7 +173,6 @@ var Media_default = defineSection({
       refValue: content.content.ref,
       options: options ?? {},
       link: content.content.link,
-      dodont: content.content.dodont,
       isEditMode: !!onChange,
       onRefChange: onChange ? (ref) => onChange({ ...content, content: { ...content.content, ref } }) : void 0
     }
@@ -215,25 +197,12 @@ var Media_default = defineSection({
         { label: "Cover", value: "cover" }
       ]
     },
-    link: { type: "link", label: "Link", default: DEFAULT_LINK, target: "content" },
-    dodont: {
-      type: "select",
-      label: "Do / Don't",
-      target: "content",
-      default: "",
-      emptyIsUndefined: true,
-      options: [
-        { label: "None", value: "" },
-        { label: "Do", value: "do" },
-        { label: "Don't", value: "dont" }
-      ]
-    }
+    link: { type: "link", label: "Link", default: DEFAULT_LINK, target: "content" }
   },
   inheritableSettings: ["square", "showCaption", "border", "objectFit"],
   settingsTabs: [
     { label: "Display", fields: ["square", "showCaption", "border", "objectFit"] },
-    { label: "Link", fields: ["link"] },
-    { label: "Do / Don't", fields: ["dodont"] }
+    { label: "Link", fields: ["link"] }
   ]
 });
 
@@ -314,1025 +283,8 @@ var Button_default = defineSection({
   }
 });
 
-// src/components/sections/Colors/index.tsx
-import { z as z4 } from "zod";
-import { Palette } from "lucide-react";
-
-// src/components/brandguide/Colors.tsx
-import { useState as useState2, useEffect } from "react";
-import { Eye, EyeOff } from "lucide-react";
-
-// src/components/brandguide/ColorSwatchSettings.tsx
-import { useState } from "react";
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-function mergeSpaces(spaces) {
-  return Object.assign({}, ...spaces);
-}
-function ColorSwatchSettings({ color, onChange }) {
-  const [localColor, setLocalColor] = useState(() => ({
-    ...color,
-    spaces: [mergeSpaces(color.spaces)]
-  }));
-  const space = localColor.spaces[0] || {};
-  const update = (updated) => {
-    setLocalColor(updated);
-    onChange(updated);
-  };
-  const updateSpace = (key, value) => {
-    const newSpace = { ...space, [key]: value || void 0 };
-    update({ ...localColor, spaces: [newSpace] });
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx9(
-      Input,
-      {
-        label: "Name",
-        value: localColor.name || "",
-        onChange: (name) => update({ ...localColor, name })
-      }
-    ),
-    ["hex", "rgb", "cmyk", "pantone"].map((key) => /* @__PURE__ */ jsx9(
-      Input,
-      {
-        label: key.toUpperCase(),
-        value: space[key] || "",
-        onChange: (value) => updateSpace(key, value)
-      },
-      key
-    ))
-  ] });
-}
-
-// src/components/brandguide/Colors.tsx
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
-function getContrastClass(hex) {
-  if (!hex) return "text-white";
-  const h = hex.replace("#", "");
-  if (h.length < 6) return "text-white";
-  const r = parseInt(h.substring(0, 2), 16);
-  const g = parseInt(h.substring(2, 4), 16);
-  const b = parseInt(h.substring(4, 6), 16);
-  const yiq = (r * 299 + g * 587 + b * 114) / 1e3;
-  return yiq >= 128 ? "text-black" : "text-white";
-}
-var createColorItem = () => ({
-  name: "",
-  spaces: [{ hex: "#cccccc" }]
-});
-function buildContent(colors, options) {
-  const { label, columns, collapsing, showLabel } = options;
-  return {
-    type: "colors",
-    content: { colors },
-    ...label || columns || collapsing !== void 0 || showLabel !== void 0 ? { options: { label, columns, collapsing, showLabel } } : {}
-  };
-}
-function Colors({ colors, columns = 3, label, collapsing, showLabel = true, onChange, openModal }) {
-  if (onChange && openModal) {
-    return /* @__PURE__ */ jsx10(
-      ColorsEditable,
-      {
-        colors,
-        columns,
-        label,
-        collapsing,
-        showLabel,
-        onChange,
-        openModal
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx10(ColorsView, { colors, columns, label, collapsing, showLabel });
-}
-function ColorsView({
-  colors,
-  columns,
-  label,
-  collapsing,
-  showLabel
-}) {
-  const [expanded, setExpanded] = useState2(!collapsing);
-  const [copiedIndex, setCopiedIndex] = useState2(null);
-  const handleCopy = (value, colorIndex) => {
-    if (navigator.clipboard?.writeText) {
-      navigator.clipboard.writeText(value);
-    } else {
-      const ta = document.createElement("textarea");
-      ta.value = value;
-      ta.style.position = "fixed";
-      ta.style.opacity = "0";
-      document.body.appendChild(ta);
-      ta.select();
-      document.execCommand("copy");
-      document.body.removeChild(ta);
-    }
-    setCopiedIndex(colorIndex);
-    setTimeout(() => setCopiedIndex(null), 1500);
-  };
-  return /* @__PURE__ */ jsxs3("div", { children: [
-    (showLabel && !!label || collapsing) && /* @__PURE__ */ jsxs3("div", { className: "mb-4 flex items-center gap-2", children: [
-      showLabel && !!label && /* @__PURE__ */ jsx10("span", { className: "text-lg font-bold", children: label }),
-      collapsing && /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          onClick: () => setExpanded(!expanded),
-          className: "cursor-pointer ml-auto flex items-center gap-1.5 text-sm text-base-contrast-light hover:text-base-contrast",
-          children: [
-            /* @__PURE__ */ jsx10("span", { children: expanded ? "Hide Details" : "Show Details" }),
-            expanded ? /* @__PURE__ */ jsx10(EyeOff, { size: 16 }) : /* @__PURE__ */ jsx10(Eye, { size: 16 })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx10("div", { className: "@container", children: /* @__PURE__ */ jsx10("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__ */ jsxs3("div", { className: "overflow-hidden rounded-md border border-base-200", children: [
-        /* @__PURE__ */ jsxs3("div", { className: cn("relative flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: [
-          color.name && /* @__PURE__ */ jsx10("span", { className: "text-sm font-bold", children: color.name }),
-          copiedIndex === i && /* @__PURE__ */ jsx10("span", { className: cn(
-            "absolute top-2 right-2 rounded-full px-2.5 py-0.5 text-xs font-medium",
-            getContrastClass(hex) === "text-black" ? "bg-black/15 text-black" : "bg-white/25 text-white"
-          ), children: "Copied!" })
-        ] }),
-        expanded && /* @__PURE__ */ jsx10("div", { className: "space-y-1 bg-base-accent p-3 text-sm", children: color.spaces.map(
-          (space, j) => Object.entries(space).map(
-            ([key, value]) => value ? /* @__PURE__ */ jsxs3("button", { onClick: () => handleCopy(value, i), className: "cursor-pointer flex w-full justify-between hover:text-primary", children: [
-              /* @__PURE__ */ jsx10("span", { className: "font-medium uppercase", children: key }),
-              /* @__PURE__ */ jsx10("span", { children: value })
-            ] }, `${j}-${key}`) : null
-          )
-        ) })
-      ] }, i);
-    }) }) })
-  ] });
-}
-function ColorsEditable({
-  colors,
-  columns,
-  label,
-  collapsing,
-  showLabel,
-  onChange,
-  openModal
-}) {
-  const [expanded, setExpanded] = useState2(!collapsing);
-  const options = { label, columns, collapsing, showLabel };
-  useEffect(() => {
-    setExpanded(!collapsing);
-  }, [collapsing]);
-  const handleItemSettings = (index) => {
-    const color = colors[index];
-    openModal(
-      "Color Settings",
-      /* @__PURE__ */ jsx10(ColorSwatchSettings, { color, onChange: (updated) => {
-        const newColors = colors.map((c, i) => i === index ? updated : c);
-        onChange(buildContent(newColors, options));
-      } })
-    );
-  };
-  return /* @__PURE__ */ jsxs3("div", { children: [
-    (showLabel && !!label || collapsing) && /* @__PURE__ */ jsxs3("div", { className: "mb-4 flex items-center gap-2", children: [
-      showLabel && !!label && /* @__PURE__ */ jsx10(
-        EditablePlainText,
-        {
-          tag: "span",
-          value: label,
-          onChange: (newLabel) => onChange(buildContent(colors, { ...options, label: newLabel })),
-          isEditMode: true,
-          className: "text-lg font-bold"
-        }
-      ),
-      collapsing && /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          onClick: () => setExpanded(!expanded),
-          className: "cursor-pointer ml-auto flex items-center gap-1.5 text-sm text-base-contrast-light hover:text-base-contrast",
-          children: [
-            /* @__PURE__ */ jsx10("span", { children: expanded ? "Hide Details" : "Show Details" }),
-            expanded ? /* @__PURE__ */ jsx10(EyeOff, { size: 16 }) : /* @__PURE__ */ jsx10(Eye, { size: 16 })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx10(
-      EditableGrid,
-      {
-        items: colors,
-        columns,
-        onChange: (newColors) => onChange(buildContent(newColors, options)),
-        createItem: createColorItem,
-        isEditMode: true,
-        onItemSettings: handleItemSettings,
-        renderItem: (color, { index }) => /* @__PURE__ */ jsx10(
-          ColorSwatchEditable,
-          {
-            color,
-            index,
-            colors,
-            options,
-            onChange,
-            expanded
-          }
-        )
-      }
-    )
-  ] });
-}
-function ColorSwatchEditable({
-  color,
-  index,
-  colors,
-  options,
-  onChange,
-  expanded
-}) {
-  const hex = color.spaces[0]?.hex;
-  const contrast = getContrastClass(hex);
-  const updateColor = (updated) => {
-    const newColors = colors.map((c, i) => i === index ? updated : c);
-    onChange(buildContent(newColors, options));
-  };
-  return /* @__PURE__ */ jsxs3("div", { className: "overflow-hidden rounded-md border border-base-200", children: [
-    /* @__PURE__ */ jsx10("div", { className: cn("flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: /* @__PURE__ */ jsx10(
-      EditablePlainText,
-      {
-        tag: "span",
-        value: color.name || "",
-        onChange: (name) => updateColor({ ...color, name }),
-        isEditMode: true,
-        placeholder: "Color name",
-        className: "text-sm font-bold"
-      }
-    ) }),
-    expanded && /* @__PURE__ */ jsx10("div", { className: "space-y-1 bg-base-accent p-3 text-sm", children: color.spaces.map(
-      (space, j) => Object.entries(space).map(
-        ([key, value]) => value ? /* @__PURE__ */ jsxs3("div", { className: "flex w-full justify-between", children: [
-          /* @__PURE__ */ jsx10("span", { className: "font-medium uppercase", children: key }),
-          /* @__PURE__ */ jsx10("span", { children: value })
-        ] }, `${j}-${key}`) : null
-      )
-    ) })
-  ] });
-}
-
-// src/components/sections/Colors/index.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var schema4 = z4.object({
-  type: z4.literal("colors"),
-  content: z4.object({ colors: z4.array(ColorItemSchema) }),
-  options: z4.object({
-    label: z4.string().optional(),
-    columns: z4.number().int().min(2).max(4).optional(),
-    collapsing: z4.boolean().optional(),
-    showLabel: z4.boolean().optional()
-  }).optional()
-});
-var Colors_default = defineSection({
-  type: "colors",
-  label: "Colors",
-  icon: /* @__PURE__ */ jsx11(Palette, { size: 18 }),
-  schema: schema4,
-  component: ({ content, options, onChange, openModal }) => /* @__PURE__ */ jsx11(
-    Colors,
-    {
-      colors: content.content.colors,
-      columns: options?.columns,
-      label: options?.label,
-      collapsing: options?.collapsing,
-      showLabel: options?.showLabel,
-      onChange: onChange ? (c) => onChange(c) : void 0,
-      openModal
-    }
-  ),
-  defaults: () => ({
-    type: "colors",
-    content: { colors: [{ spaces: [{ hex: "#000000" }] }] }
-  }),
-  getLabel: (content) => pluralize(content.content.colors.length, "color"),
-  getThumbnails: (content) => content.content.colors.filter((c) => c.spaces[0]?.hex).map((c) => ({ type: "color", value: c.spaces[0].hex })),
-  settings: {
-    columns: {
-      type: "select",
-      label: "Columns",
-      default: "3",
-      coerce: "number",
-      options: [{ label: "2", value: "2" }, { label: "3", value: "3" }, { label: "4", value: "4" }]
-    },
-    label: { type: "text", label: "Label", default: "", placeholder: "Color Section Label" },
-    showLabel: { type: "checkbox", label: "Show label", default: true },
-    collapsing: { type: "checkbox", label: "Collapsing layout", default: false }
-  }
-});
-
-// src/components/sections/IconList/index.tsx
-import { z as z5 } from "zod";
-import { List } from "lucide-react";
-
-// src/components/sections/IconList/IconList.tsx
-import { useRef as useRef2, useEffect as useEffect3, useState as useState4, useCallback } from "react";
-import { CopyPlus, Pencil } from "lucide-react";
-
-// src/components/primitives/IconPicker.tsx
-import { useEffect as useEffect2, useRef, useState as useState3 } from "react";
-import { Check, X } from "lucide-react";
-import { Fragment, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-function IconPicker({
-  selected,
-  onSelect,
-  onClose,
-  showRemove = true,
-  allowDoDont = false,
-  dodont,
-  onSelectDoDont
-}) {
-  const panelRef = useRef(null);
-  const [mode, setMode] = useState3(dodont ? "dodont" : "none");
-  useEffect2(() => {
-    function handleMouseDown(e) {
-      if (panelRef.current && !panelRef.current.contains(e.target)) {
-        onClose();
-      }
-    }
-    document.addEventListener("mousedown", handleMouseDown);
-    return () => document.removeEventListener("mousedown", handleMouseDown);
-  }, [onClose]);
-  const showDoDont = allowDoDont && mode === "dodont";
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      ref: panelRef,
-      className: "absolute z-50 w-56 rounded-lg border border-base-200 bg-base p-2 shadow-lg",
-      children: [
-        allowDoDont && /* @__PURE__ */ jsxs4("div", { role: "tablist", "aria-label": "Icon mode", className: "mb-2 flex gap-1 rounded-md bg-base-200 p-0.5", children: [
-          /* @__PURE__ */ jsx12(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              "aria-label": "None",
-              "aria-selected": mode === "none",
-              className: cn(
-                "cursor-pointer flex-1 rounded px-2 py-1 text-xs font-medium transition-colors",
-                mode === "none" ? "bg-base text-base-contrast shadow-sm" : "text-base-contrast-light hover:text-base-contrast"
-              ),
-              onClick: () => {
-                setMode("none");
-                onSelectDoDont?.(void 0);
-              },
-              children: "None"
-            }
-          ),
-          /* @__PURE__ */ jsx12(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              "aria-label": "Do / Don't",
-              "aria-selected": mode === "dodont",
-              className: cn(
-                "cursor-pointer flex-1 rounded px-2 py-1 text-xs font-medium transition-colors",
-                mode === "dodont" ? "bg-base text-base-contrast shadow-sm" : "text-base-contrast-light hover:text-base-contrast"
-              ),
-              onClick: () => setMode("dodont"),
-              children: "Do / Don't"
-            }
-          )
-        ] }),
-        showDoDont ? /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsxs4(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Do",
-              className: cn(
-                "cursor-pointer flex flex-col items-center justify-center gap-1 rounded py-2 transition-colors",
-                "text-green-600 hover:bg-base-accent",
-                dodont === "do" && "ring-2 ring-primary bg-base-accent"
-              ),
-              onClick: () => onSelectDoDont?.("do"),
-              children: [
-                /* @__PURE__ */ jsx12(Check, { size: 20 }),
-                /* @__PURE__ */ jsx12("span", { className: "text-xs font-medium", children: "Do" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs4(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Don't",
-              className: cn(
-                "cursor-pointer flex flex-col items-center justify-center gap-1 rounded py-2 transition-colors",
-                "text-red-600 hover:bg-base-accent",
-                dodont === "dont" && "ring-2 ring-primary bg-base-accent"
-              ),
-              onClick: () => onSelectDoDont?.("dont"),
-              children: [
-                /* @__PURE__ */ jsx12(X, { size: 20 }),
-                /* @__PURE__ */ jsx12("span", { className: "text-xs font-medium", children: "Don't" })
-              ]
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-5 gap-1", children: curatedIcons.map((entry) => {
-            const Icon = entry.icon;
-            const isSelected = selected === entry.id;
-            return /* @__PURE__ */ jsx12(
-              "button",
-              {
-                "aria-label": entry.label,
-                className: cn(
-                  "cursor-pointer flex h-9 w-9 items-center justify-center rounded transition-colors",
-                  "text-base-contrast-light hover:bg-base-accent hover:text-base-contrast",
-                  isSelected && "ring-2 ring-primary bg-base-accent text-primary"
-                ),
-                onClick: () => onSelect(entry.id),
-                children: /* @__PURE__ */ jsx12(Icon, { size: 18 })
-              },
-              entry.id
-            );
-          }) }),
-          showRemove && /* @__PURE__ */ jsx12(
-            "button",
-            {
-              className: "cursor-pointer mt-2 w-full rounded px-2 py-1.5 text-center text-xs text-base-contrast-light hover:bg-base-accent hover:text-base-contrast",
-              onClick: () => onSelect(null),
-              children: "Remove icon"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/sections/IconList/IconList.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-function IconList({
-  items,
-  icon = null,
-  showLabel = true,
-  stackText = false,
-  labelClassName = "font-bold text-base-contrast",
-  textClassName = "text-base-contrast-light",
-  iconClassName = "text-primary",
-  onChange,
-  onItemsChange
-}) {
-  const isEditMode = !!onChange || !!onItemsChange;
-  const emitItems = useCallback(
-    (newItems) => {
-      onChange?.({
-        type: "icon_list",
-        content: { items: newItems },
-        options: { icon, showLabel, stackText }
-      });
-      onItemsChange?.(newItems);
-    },
-    [onChange, onItemsChange, icon, showLabel, stackText]
-  );
-  if (!isEditMode) {
-    return /* @__PURE__ */ jsx13(
-      ViewIconList,
-      {
-        items,
-        defaultIcon: icon,
-        showLabel,
-        stackText,
-        labelClassName,
-        textClassName,
-        iconClassName
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx13(
-    EditIconList,
-    {
-      items,
-      defaultIcon: icon,
-      showLabel,
-      stackText,
-      labelClassName,
-      textClassName,
-      iconClassName,
-      onItemsChange: emitItems
-    }
-  );
-}
-function resolveIcon(item, defaultIcon) {
-  if (item.dodont === "do") return getIcon("check") ?? null;
-  if (item.dodont === "dont") return getIcon("x") ?? null;
-  const id = item.icon ?? defaultIcon;
-  return id ? getIcon(id) : null;
-}
-function resolveIconColor(item, iconClassName) {
-  if (item.dodont === "do") return "text-green-600";
-  if (item.dodont === "dont") return "text-red-600";
-  return iconClassName;
-}
-function ViewIconList({
-  items,
-  defaultIcon,
-  showLabel,
-  stackText,
-  labelClassName,
-  textClassName,
-  iconClassName
-}) {
-  const hasAnyIcon = items.some((item) => resolveIcon(item, defaultIcon));
-  return /* @__PURE__ */ jsx13("div", { className: "grid gap-4 pb-4", children: items.map((item, i) => {
-    const iconEntry = resolveIcon(item, defaultIcon);
-    const iconColor = resolveIconColor(item, iconClassName);
-    return /* @__PURE__ */ jsxs5(
-      "div",
-      {
-        className: cn(
-          "grid gap-x-3",
-          hasAnyIcon ? "grid-cols-[24px_1fr]" : "grid-cols-1"
-        ),
-        children: [
-          hasAnyIcon && /* @__PURE__ */ jsx13(
-            "div",
-            {
-              "data-testid": "icon-list-icon",
-              className: cn("flex items-start pt-0.5", iconColor),
-              children: iconEntry && /* @__PURE__ */ jsx13(iconEntry.icon, { size: 18 })
-            }
-          ),
-          /* @__PURE__ */ jsxs5(
-            "div",
-            {
-              "data-testid": "icon-list-content",
-              className: stackText ? "flex flex-col" : void 0,
-              children: [
-                showLabel && /* @__PURE__ */ jsxs5("span", { className: labelClassName, children: [
-                  item.label,
-                  !stackText && " "
-                ] }),
-                /* @__PURE__ */ jsx13("span", { className: textClassName, children: item.text })
-              ]
-            }
-          )
-        ]
-      },
-      i
-    );
-  }) });
-}
-function EditIconList({
-  items,
-  defaultIcon,
-  showLabel,
-  stackText,
-  labelClassName,
-  textClassName,
-  iconClassName,
-  onItemsChange
-}) {
-  const { wrappedItems, onReorder, onAdd, onRemove } = useEditableCollection({
-    items,
-    onChange: onItemsChange,
-    createItem: () => ({ label: "", text: "" })
-  });
-  const [dragState, setDragState] = useState4({ sourceId: null, targetId: null });
-  const updateItem = useCallback(
-    (index, patch) => {
-      const updated = wrappedItems.map(
-        (w, i) => i === index ? { ...w.data, ...patch } : w.data
-      );
-      onItemsChange(updated);
-    },
-    [wrappedItems, onItemsChange]
-  );
-  const duplicateItem = useCallback(
-    (index) => {
-      const copy = { ...wrappedItems[index].data };
-      const next = [
-        ...wrappedItems.slice(0, index + 1).map((w) => w.data),
-        copy,
-        ...wrappedItems.slice(index + 1).map((w) => w.data)
-      ];
-      onItemsChange(next);
-    },
-    [wrappedItems, onItemsChange]
-  );
-  const hasAnyIcon = true;
-  return /* @__PURE__ */ jsxs5("div", { className: "group/list relative grid gap-4 pb-4", children: [
-    wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx13(
-      EditableRow,
-      {
-        id: wrapped.id,
-        index,
-        item: wrapped.data,
-        defaultIcon,
-        hasAnyIcon,
-        showLabel,
-        stackText,
-        labelClassName,
-        textClassName,
-        iconClassName,
-        dragState,
-        setDragState,
-        onReorder,
-        onRemove,
-        onUpdateItem: (patch) => updateItem(index, patch),
-        onDuplicate: () => duplicateItem(index)
-      },
-      wrapped.id
-    )),
-    /* @__PURE__ */ jsx13(
-      TrailingDropZone,
-      {
-        index: wrappedItems.length,
-        dragState,
-        setDragState,
-        onReorder
-      }
-    ),
-    /* @__PURE__ */ jsx13(
-      IconButton,
-      {
-        icon: /* @__PURE__ */ jsx13(AddIcon, { size: 16 }),
-        label: "Add item",
-        size: "lg",
-        intent: "primary",
-        onClick: onAdd,
-        className: "absolute -bottom-6 left-1/2 z-20 -translate-x-1/2 rounded-full border border-base-200 bg-base opacity-0 transition-opacity group-hover/list:opacity-100"
-      }
-    )
-  ] });
-}
-function EditableRow({
-  id,
-  index,
-  item,
-  defaultIcon,
-  hasAnyIcon,
-  showLabel,
-  stackText,
-  labelClassName,
-  textClassName,
-  iconClassName,
-  dragState,
-  setDragState,
-  onReorder,
-  onRemove,
-  onUpdateItem,
-  onDuplicate
-}) {
-  const rowRef = useRef2(null);
-  const handleRef = useRef2(null);
-  const [iconHover, setIconHover] = useState4(false);
-  const [pickerOpen, setPickerOpen] = useState4(false);
-  const [editingSuppressed, setEditingSuppressed] = useState4(false);
-  const iconEntry = resolveIcon(item, defaultIcon);
-  const effectiveIconId = item.icon ?? defaultIcon ?? null;
-  const iconColor = resolveIconColor(item, iconClassName);
-  useEffect3(() => {
-    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: "icon-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 === "icon-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;
-  const onEditableActivity = (e) => {
-    const t = e.target;
-    if (t.matches?.("input, textarea, [contenteditable], [contenteditable='true']")) {
-      setEditingSuppressed(true);
-    }
-  };
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      ref: rowRef,
-      className: cn(
-        "group/row relative grid gap-x-3",
-        hasAnyIcon ? "grid-cols-[24px_1fr]" : "grid-cols-1",
-        isDropTarget && "border-t-2 border-primary"
-      ),
-      onFocusCapture: onEditableActivity,
-      onInput: onEditableActivity,
-      onMouseMove: () => setEditingSuppressed(false),
-      children: [
-        hasAnyIcon && /* @__PURE__ */ jsxs5(
-          "div",
-          {
-            "data-testid": "icon-list-icon",
-            className: cn("relative flex items-start pt-0.5", iconColor),
-            onMouseEnter: () => setIconHover(true),
-            onMouseLeave: () => setIconHover(false),
-            children: [
-              /* @__PURE__ */ jsx13(
-                "button",
-                {
-                  className: "cursor-pointer transition-opacity hover:opacity-70",
-                  "aria-label": "Change icon",
-                  onClick: () => setPickerOpen((prev) => !prev),
-                  children: iconHover && !pickerOpen ? /* @__PURE__ */ jsx13(Pencil, { size: 18, className: "text-base-contrast-light" }) : iconEntry ? /* @__PURE__ */ jsx13(iconEntry.icon, { size: 18 }) : /* @__PURE__ */ jsx13("span", { className: "flex h-[18px] w-[18px] items-center justify-center rounded-sm border border-dashed border-base-contrast-light/40" })
-                }
-              ),
-              pickerOpen && /* @__PURE__ */ jsx13("div", { className: "absolute top-full left-0 z-50 mt-1", children: /* @__PURE__ */ jsx13(
-                IconPicker,
-                {
-                  selected: effectiveIconId,
-                  showRemove: true,
-                  allowDoDont: true,
-                  dodont: item.dodont,
-                  onSelect: (newIcon) => {
-                    onUpdateItem({ icon: newIcon ?? void 0, dodont: void 0 });
-                    setPickerOpen(false);
-                    setIconHover(false);
-                  },
-                  onSelectDoDont: (v) => {
-                    onUpdateItem({ dodont: v });
-                    if (v !== void 0) {
-                      setPickerOpen(false);
-                      setIconHover(false);
-                    }
-                  },
-                  onClose: () => {
-                    setPickerOpen(false);
-                    setIconHover(false);
-                  }
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs5("div", { className: stackText ? "flex flex-col" : void 0, children: [
-          showLabel && /* @__PURE__ */ jsx13(
-            EditablePlainText,
-            {
-              tag: "span",
-              value: item.label,
-              onChange: (label) => onUpdateItem({ label }),
-              isEditMode: true,
-              placeholder: "Label",
-              className: cn(labelClassName, !stackText && "mr-1")
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            EditablePlainText,
-            {
-              tag: "span",
-              value: item.text,
-              onChange: (text) => onUpdateItem({ text }),
-              isEditMode: true,
-              placeholder: "Text",
-              className: textClassName
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs5(
-          "div",
-          {
-            className: cn(
-              "absolute right-1 top-1 z-10 flex items-center gap-1",
-              editingSuppressed ? "opacity-0 pointer-events-none" : "opacity-0 group-hover/row:opacity-100 no-hover:opacity-100"
-            ),
-            children: [
-              /* @__PURE__ */ jsx13(
-                IconButton,
-                {
-                  ref: handleRef,
-                  icon: /* @__PURE__ */ jsx13(DragHandle, { size: 14 }),
-                  label: "Drag to reorder",
-                  size: "sm",
-                  className: "cursor-grab rounded bg-base/80 p-1 shadow-sm text-base-contrast-light/80 hover:text-base-contrast active:cursor-grabbing",
-                  tabIndex: -1
-                }
-              ),
-              /* @__PURE__ */ jsx13(
-                "button",
-                {
-                  "aria-label": "Duplicate item",
-                  onClick: onDuplicate,
-                  className: "cursor-pointer rounded bg-base/80 p-1 shadow-sm text-base-contrast-light hover:text-primary",
-                  children: /* @__PURE__ */ jsx13(CopyPlus, { size: 14 })
-                }
-              ),
-              /* @__PURE__ */ jsx13(
-                IconButton,
-                {
-                  icon: /* @__PURE__ */ jsx13(DeleteIcon, { size: 14 }),
-                  label: "Delete item",
-                  size: "sm",
-                  intent: "destructive",
-                  onClick: () => onRemove(id),
-                  className: "bg-base/80 shadow-sm"
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function TrailingDropZone({
-  index,
-  dragState,
-  setDragState,
-  onReorder
-}) {
-  const ref = useRef2(null);
-  const trailingId = "__trailing__";
-  useEffect3(() => {
-    const el = ref.current;
-    if (!el) return;
-    let cleanup;
-    let cancelled = false;
-    import("../../adapter-HH47ZPGM.js").then(({ dropTargetForElements }) => {
-      if (cancelled) return;
-      cleanup = dropTargetForElements({
-        element: el,
-        canDrop: ({ source }) => source.data.dragType === "icon-list-row",
-        getData: () => ({ id: trailingId, index }),
-        onDragEnter: () => setDragState((prev) => ({ ...prev, targetId: trailingId })),
-        onDragLeave: () => setDragState(
-          (prev) => prev.targetId === trailingId ? { ...prev, targetId: null } : prev
-        ),
-        onDrop: ({ source }) => {
-          const fromIndex = source.data.index;
-          if (fromIndex !== index - 1) onReorder(fromIndex, index - 1);
-        }
-      });
-    });
-    return () => {
-      cancelled = true;
-      cleanup?.();
-    };
-  }, [index, onReorder, setDragState]);
-  const isDropTarget = dragState.targetId === trailingId && dragState.sourceId !== null;
-  return /* @__PURE__ */ jsx13(
-    "div",
-    {
-      ref,
-      className: cn("absolute bottom-0 left-0 right-0 h-4", isDropTarget && "border-t-2 border-primary")
-    }
-  );
-}
-
-// src/components/sections/IconList/IconListSettings.tsx
-import { useState as useState5 } from "react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-function IconListSettings({
-  icon: initialIcon,
-  showLabel: initialShowLabel,
-  stackText: initialStackText,
-  onChange
-}) {
-  const [icon, setIcon] = useState5(initialIcon);
-  const [showLabel, setShowLabel] = useState5(initialShowLabel);
-  const [stackText, setStackText] = useState5(initialStackText);
-  const [pickerOpen, setPickerOpen] = useState5(false);
-  const emit = (overrides) => onChange({ content: {}, options: { icon, showLabel, stackText, ...overrides } });
-  const showIcons = icon !== null;
-  const iconEntry = icon ? getIcon(icon) : null;
-  return /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx14(FormLabel, { htmlFor: "icon-picker-btn", children: "Default Icon" }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs6(
-          "button",
-          {
-            id: "icon-picker-btn",
-            className: "cursor-pointer flex items-center gap-2 rounded border border-base-200 px-3 py-1.5 text-sm text-base-contrast-light hover:border-primary hover:text-primary",
-            onClick: () => setPickerOpen((prev) => !prev),
-            children: [
-              iconEntry && /* @__PURE__ */ jsx14(iconEntry.icon, { size: 16 }),
-              /* @__PURE__ */ jsx14("span", { children: iconEntry?.label ?? "None" })
-            ]
-          }
-        ),
-        icon && /* @__PURE__ */ jsx14(
-          "button",
-          {
-            className: "cursor-pointer text-xs text-base-contrast-light hover:text-base-contrast",
-            onClick: () => {
-              setIcon(null);
-              emit({ icon: null });
-            },
-            children: "Clear"
-          }
-        )
-      ] }),
-      pickerOpen && /* @__PURE__ */ jsx14("div", { className: "absolute top-full left-0 z-50 mt-1", children: /* @__PURE__ */ jsx14(
-        IconPicker,
-        {
-          selected: icon,
-          onSelect: (newIcon) => {
-            if (newIcon !== null) {
-              setIcon(newIcon);
-              emit({ icon: newIcon });
-            }
-            setPickerOpen(false);
-          },
-          onClose: () => setPickerOpen(false)
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx14(
-      Checkbox,
-      {
-        checked: showLabel,
-        onChange: (v) => {
-          setShowLabel(v);
-          emit({ showLabel: v });
-        },
-        label: "Show labels"
-      }
-    ),
-    showLabel && /* @__PURE__ */ jsx14(
-      Checkbox,
-      {
-        checked: stackText,
-        onChange: (v) => {
-          setStackText(v);
-          emit({ stackText: v });
-        },
-        label: "Stack label above text"
-      }
-    )
-  ] });
-}
-
-// src/components/sections/IconList/index.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var IconListItemSchema = z5.object({
-  label: z5.string(),
-  text: z5.string(),
-  icon: z5.string().optional(),
-  dodont: z5.enum(["do", "dont"]).optional()
-});
-var schema5 = z5.object({
-  type: z5.literal("icon_list"),
-  content: z5.object({
-    items: z5.array(IconListItemSchema)
-  }),
-  options: z5.object({
-    icon: z5.string().nullable().optional(),
-    showLabel: z5.boolean().optional(),
-    stackText: z5.boolean().optional()
-  }).optional()
-});
-var IconList_default = defineSection({
-  type: "icon_list",
-  label: "Icon List",
-  icon: /* @__PURE__ */ jsx15(List, { size: 18 }),
-  schema: schema5,
-  component: ({ content, options, onChange }) => /* @__PURE__ */ jsx15(
-    IconList,
-    {
-      items: content.content.items,
-      icon: options?.icon,
-      showLabel: options?.showLabel,
-      stackText: options?.stackText,
-      onChange: onChange ? (c) => onChange(c) : void 0
-    }
-  ),
-  defaults: () => ({
-    type: "icon_list",
-    content: { items: [{ label: "", text: "" }] }
-  }),
-  getLabel: (content) => pluralize(content.content.items.length, "icon"),
-  settingsForm: IconListSettings
-});
-
 // src/components/sections/Container/index.tsx
-import { z as z6 } from "zod";
+import { z as z4 } from "zod";
 import { LayoutTemplate } from "lucide-react";
 
 // src/components/sections/Container/Container.tsx
@@ -1340,19 +292,19 @@ import "react";
 
 // src/components/editor/ChildBlockWrapper.tsx
 import { forwardRef } from "react";
-import { CopyPlus as CopyPlus2 } from "lucide-react";
+import { CopyPlus } from "lucide-react";
 
 // src/components/editor/ColSpanControl.tsx
-import { useRef as useRef3, useState as useState6 } from "react";
+import { useRef, useState } from "react";
 import { Columns3 } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 function ColSpanControl({ colSpan, columns, onChange }) {
-  const buttonRef = useRef3(null);
-  const [open, setOpen] = useState6(false);
+  const buttonRef = useRef(null);
+  const [open, setOpen] = useState(false);
   if (columns <= 1) return null;
   const current = Math.min(Math.max(colSpan, 1), columns);
-  return /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx9(
       "button",
       {
         ref: buttonRef,
@@ -1362,10 +314,10 @@ function ColSpanControl({ colSpan, columns, onChange }) {
         "aria-expanded": open,
         onClick: () => setOpen((v) => !v),
         className: "pointer-events-auto inline-flex cursor-pointer items-center gap-1 rounded p-1 text-xs text-base-contrast-light hover:text-primary",
-        children: /* @__PURE__ */ jsx16(Columns3, { size: 14 })
+        children: /* @__PURE__ */ jsx9(Columns3, { size: 14 })
       }
     ),
-    /* @__PURE__ */ jsx16(Popover, { isOpen: open, onClose: () => setOpen(false), anchorRef: buttonRef, className: "min-w-28", children: /* @__PURE__ */ jsx16("ul", { role: "list", className: "py-1", children: Array.from({ length: columns }, (_, i) => i + 1).map((span) => /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsx9(Popover, { isOpen: open, onClose: () => setOpen(false), anchorRef: buttonRef, className: "min-w-28", children: /* @__PURE__ */ jsx9("ul", { role: "list", className: "py-1", children: Array.from({ length: columns }, (_, i) => i + 1).map((span) => /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsxs2(
       PopoverItem,
       {
         "aria-current": span === current,
@@ -1384,7 +336,7 @@ function ColSpanControl({ colSpan, columns, onChange }) {
 }
 
 // src/components/editor/ChildBlockWrapper.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var ChildBlockWrapper = forwardRef(
   function ChildBlockWrapper2({
     label,
@@ -1400,7 +352,7 @@ var ChildBlockWrapper = forwardRef(
     onOpenSettings,
     children
   }, ref) {
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs3(
       "div",
       {
         ref,
@@ -1410,39 +362,39 @@ var ChildBlockWrapper = forwardRef(
           "hover:outline hover:outline-2 hover:outline-primary/30"
         ),
         children: [
-          /* @__PURE__ */ jsxs8("div", { className: "absolute top-0 left-0 -translate-x-full z-20 flex flex-col items-center gap-1 opacity-0 transition-opacity group-hover/childblock:opacity-100 group-focus-within/childblock:opacity-100 pointer-events-none", children: [
-            /* @__PURE__ */ jsx17("span", { className: "sr-only", children: label }),
-            /* @__PURE__ */ jsx17("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx17(DragHandle2, { ref: dragHandleRef }) }),
-            /* @__PURE__ */ jsx17("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx17(ColSpanControl, { colSpan, columns, onChange: onColSpanChange }) }),
-            hasSettings && onOpenSettings && /* @__PURE__ */ jsx17("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx17(SettingsButton, { onClick: onOpenSettings }) }),
-            /* @__PURE__ */ jsx17("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs3("div", { className: "absolute top-0 left-0 -translate-x-full z-20 flex flex-col items-center gap-1 opacity-0 transition-opacity group-hover/childblock:opacity-100 group-focus-within/childblock:opacity-100 pointer-events-none", children: [
+            /* @__PURE__ */ jsx10("span", { className: "sr-only", children: label }),
+            /* @__PURE__ */ jsx10("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx10(DragHandle, { ref: dragHandleRef }) }),
+            /* @__PURE__ */ jsx10("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx10(ColSpanControl, { colSpan, columns, onChange: onColSpanChange }) }),
+            hasSettings && onOpenSettings && /* @__PURE__ */ jsx10("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx10(SettingsButton, { onClick: onOpenSettings }) }),
+            /* @__PURE__ */ jsx10("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
                 "aria-label": "Duplicate block",
                 onClick: onDuplicate,
                 className: "cursor-pointer rounded p-1 text-base-contrast-light hover:text-primary",
-                children: /* @__PURE__ */ jsx17(CopyPlus2, { size: 16 })
+                children: /* @__PURE__ */ jsx10(CopyPlus, { size: 16 })
               }
             ) }),
-            /* @__PURE__ */ jsx17("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx17(DeleteButton, { onDelete }) })
+            /* @__PURE__ */ jsx10("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx10(DeleteButton, { onDelete }) })
           ] }),
-          closestEdge === "left" && /* @__PURE__ */ jsx17(
+          closestEdge === "left" && /* @__PURE__ */ jsx10(
             "div",
             {
               "data-drop-edge": "left",
               className: "absolute bottom-0 left-0 top-0 z-10 w-0.5 -translate-x-1 bg-primary"
             }
           ),
-          closestEdge === "right" && /* @__PURE__ */ jsx17(
+          closestEdge === "right" && /* @__PURE__ */ jsx10(
             "div",
             {
               "data-drop-edge": "right",
               className: "absolute bottom-0 right-0 top-0 z-10 w-0.5 translate-x-1 bg-primary"
             }
           ),
-          closestEdge === "top" && /* @__PURE__ */ jsx17("div", { "data-drop-edge": "top", className: "absolute left-0 right-0 top-0 z-10 h-0.5 -translate-y-1 bg-primary" }),
-          closestEdge === "bottom" && /* @__PURE__ */ jsx17("div", { "data-drop-edge": "bottom", className: "absolute left-0 right-0 bottom-0 z-10 h-0.5 translate-y-1 bg-primary" }),
+          closestEdge === "top" && /* @__PURE__ */ jsx10("div", { "data-drop-edge": "top", className: "absolute left-0 right-0 top-0 z-10 h-0.5 -translate-y-1 bg-primary" }),
+          closestEdge === "bottom" && /* @__PURE__ */ jsx10("div", { "data-drop-edge": "bottom", className: "absolute left-0 right-0 bottom-0 z-10 h-0.5 translate-y-1 bg-primary" }),
           children
         ]
       }
@@ -1451,13 +403,13 @@ var ChildBlockWrapper = forwardRef(
 );
 
 // src/hooks/useBlockDnd.ts
-import { useEffect as useEffect4, useRef as useRef4, useState as useState7 } from "react";
+import { useEffect, useRef as useRef2, useState as useState2 } from "react";
 function useBlockDnd({ blockId, containerId, index, isContainer, allowedEdges, enabled }) {
-  const dragRef = useRef4(null);
-  const handleRef = useRef4(null);
-  const [closestEdge, setClosestEdge] = useState7(null);
-  const [isDragging, setIsDragging] = useState7(false);
-  useEffect4(() => {
+  const dragRef = useRef2(null);
+  const handleRef = useRef2(null);
+  const [closestEdge, setClosestEdge] = useState2(null);
+  const [isDragging, setIsDragging] = useState2(false);
+  useEffect(() => {
     const element = dragRef.current;
     const handle = handleRef.current;
     if (!element || !enabled) return;
@@ -1513,9 +465,9 @@ function useBlockDnd({ blockId, containerId, index, isContainer, allowedEdges, e
   return { dragRef, handleRef, closestEdge, isDragging };
 }
 function useBlockDropZone({ containerId, index, toColumn, allowedEdges, enabled }) {
-  const dropRef = useRef4(null);
-  const [closestEdge, setClosestEdge] = useState7(null);
-  useEffect4(() => {
+  const dropRef = useRef2(null);
+  const [closestEdge, setClosestEdge] = useState2(null);
+  useEffect(() => {
     const element = dropRef.current;
     if (!element || !enabled) return;
     let cleanup;
@@ -1612,7 +564,7 @@ function trimTrailingSpacers(container) {
 }
 
 // src/components/sections/Container/Container.tsx
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var ROW_EDGES = ["left", "right"];
 var COL_EDGES = ["top", "bottom"];
 function ContainerChild({
@@ -1643,14 +595,14 @@ function ContainerChild({
     allowedEdges: flow === "column" ? COL_EDGES : ROW_EDGES,
     enabled: true
   });
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       ref: dragRef,
       className: cellClass,
       "data-child-index": index,
       "data-child-id": child.id,
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx11(
         ChildBlockWrapper,
         {
           label,
@@ -1664,7 +616,7 @@ function ContainerChild({
           onDuplicate,
           onColSpanChange,
           onOpenSettings,
-          children: /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsx11(
             ChildComp,
             {
               content: child,
@@ -1692,7 +644,7 @@ function EmptyColumnCell({
     enabled: true
   });
   const active = closestEdge !== null;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       ref: dropRef,
@@ -1730,7 +682,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
     flow === "column" && "grid-flow-col"
   );
   if (!editable) {
-    return /* @__PURE__ */ jsx18("div", { className: "@container", children: /* @__PURE__ */ jsx18("div", { className: gridClass, children: children.map((child, index) => {
+    return /* @__PURE__ */ jsx11("div", { className: "@container", children: /* @__PURE__ */ jsx11("div", { className: gridClass, children: children.map((child, index) => {
       const def = getSection(child.type);
       if (!def) return null;
       const Child = def.component;
@@ -1741,7 +693,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
         colSpanClass[columns]?.[Math.min(span, columns)] || void 0,
         child.type === "spacer" && spacerHiddenClass[columns]
       );
-      return /* @__PURE__ */ jsx18("div", { className: cellClass, children: /* @__PURE__ */ jsx18(Child, { content: child, options: mergedOptions, isEditMode }) }, child.id ?? index);
+      return /* @__PURE__ */ jsx11("div", { className: cellClass, children: /* @__PURE__ */ jsx11(Child, { content: child, options: mergedOptions, isEditMode }) }, child.id ?? index);
     }) }) });
   }
   function columnStartOf(index) {
@@ -1755,7 +707,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
     const def = getSection(child.type);
     if (!def) return null;
     if (isSpacer(child)) {
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx11(
         EmptyColumnCell,
         {
           containerId: container.id,
@@ -1783,12 +735,12 @@ function Container({ content, isEditMode, onChange, openModal }) {
         const CustomForm = def.settingsForm;
         openModal(
           `${def.label} Settings`,
-          /* @__PURE__ */ jsx18(CustomForm, { ...seed, onChange: applyResult })
+          /* @__PURE__ */ jsx11(CustomForm, { ...seed, onChange: applyResult })
         );
       } else if (def.settings) {
         openModal(
           `${def.label} Settings`,
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx11(
             SettingsForm,
             {
               schema: def.settings,
@@ -1800,7 +752,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
         );
       }
     } : void 0;
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx11(
       ContainerChild,
       {
         containerId: container.id,
@@ -1826,9 +778,9 @@ function Container({ content, isEditMode, onChange, openModal }) {
   }
   const occupied = occupiedColumns(children, columns);
   const emptyCols = occupied < columns ? columns - occupied : 0;
-  return /* @__PURE__ */ jsx18("div", { className: "@container", children: /* @__PURE__ */ jsxs9("div", { className: gridClass, children: [
+  return /* @__PURE__ */ jsx11("div", { className: "@container", children: /* @__PURE__ */ jsxs4("div", { className: gridClass, children: [
     children.map(renderEditChild),
-    Array.from({ length: emptyCols }, (_, i) => /* @__PURE__ */ jsx18(
+    Array.from({ length: emptyCols }, (_, i) => /* @__PURE__ */ jsx11(
       EmptyColumnCell,
       {
         containerId: container.id,
@@ -1841,8 +793,8 @@ function Container({ content, isEditMode, onChange, openModal }) {
 }
 
 // src/components/sections/Container/ContainerSettingsForm.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useState as useState3 } from "react";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 function inheritableSchema(children) {
   const out = {};
   for (const child of children) {
@@ -1862,8 +814,8 @@ function ContainerSettingsForm({
   children = [],
   onChange
 }) {
-  const [layout, setLayout] = useState8({ columns, flow });
-  const [defaults, setDefaults] = useState8(childDefaults);
+  const [layout, setLayout] = useState3({ columns, flow });
+  const [defaults, setDefaults] = useState3(childDefaults);
   const childSchema = inheritableSchema(children);
   const hasChildDefaults = Object.keys(childSchema).length > 0;
   function emit(nextLayout, nextDefaults) {
@@ -1892,10 +844,10 @@ function ContainerSettingsForm({
       ]
     }
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs10("fieldset", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx19("legend", { className: "mb-2 text-sm font-semibold text-base-contrast", children: "Layout" }),
-      /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs5("fieldset", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx12("legend", { className: "mb-2 text-sm font-semibold text-base-contrast", children: "Layout" }),
+      /* @__PURE__ */ jsx12(
         SettingsForm,
         {
           schema: layoutSchema,
@@ -1911,9 +863,9 @@ function ContainerSettingsForm({
         }
       )
     ] }),
-    hasChildDefaults && /* @__PURE__ */ jsxs10("fieldset", { className: "flex flex-col gap-4 border-t border-base-200 pt-4", children: [
-      /* @__PURE__ */ jsx19("legend", { className: "mb-2 text-sm font-semibold text-base-contrast", children: "Apply to all items" }),
-      /* @__PURE__ */ jsx19(
+    hasChildDefaults && /* @__PURE__ */ jsxs5("fieldset", { className: "flex flex-col gap-4 border-t border-base-200 pt-4", children: [
+      /* @__PURE__ */ jsx12("legend", { className: "mb-2 text-sm font-semibold text-base-contrast", children: "Apply to all items" }),
+      /* @__PURE__ */ jsx12(
         SettingsForm,
         {
           schema: childSchema,
@@ -1930,16 +882,16 @@ function ContainerSettingsForm({
 }
 
 // src/components/sections/Container/index.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-var schema6 = z6.object({
-  type: z6.literal("container"),
-  content: z6.object({
-    columns: z6.number().int().min(1).max(MAX_CONTAINER_COLUMNS).default(1),
-    flow: z6.enum(["row", "column"]).default("row"),
-    childDefaults: z6.record(z6.string(), z6.unknown()).optional(),
+import { jsx as jsx13 } from "react/jsx-runtime";
+var schema4 = z4.object({
+  type: z4.literal("container"),
+  content: z4.object({
+    columns: z4.number().int().min(1).max(MAX_CONTAINER_COLUMNS).default(1),
+    flow: z4.enum(["row", "column"]).default("row"),
+    childDefaults: z4.record(z4.string(), z4.unknown()).optional(),
     // Recursive: children are full blocks. z.lazy defers evaluation to parse
     // time, by which point every section schema (incl. container) is registered.
-    children: z6.array(z6.lazy(() => getSectionSchema())).default([])
+    children: z4.array(z4.lazy(() => getSectionSchema())).default([])
   }).transform((c) => ({
     ...c,
     children: c.children.map(
@@ -1950,9 +902,9 @@ var schema6 = z6.object({
 var Container_default = defineSection({
   type: "container",
   label: "Container",
-  icon: /* @__PURE__ */ jsx20(LayoutTemplate, { size: 18 }),
-  schema: schema6,
-  component: ({ content, onChange, isEditMode, openModal }) => /* @__PURE__ */ jsx20(Container, { content, isEditMode: !!isEditMode, onChange, openModal }),
+  icon: /* @__PURE__ */ jsx13(LayoutTemplate, { size: 18 }),
+  schema: schema4,
+  component: ({ content, onChange, isEditMode, openModal }) => /* @__PURE__ */ jsx13(Container, { content, isEditMode: !!isEditMode, onChange, openModal }),
   defaults: () => ({
     type: "container",
     content: { columns: 1, flow: "row", children: [] }
@@ -1962,44 +914,45 @@ var Container_default = defineSection({
 });
 
 // src/components/sections/Spacer/index.tsx
-import { z as z7 } from "zod";
+import { z as z5 } from "zod";
 import { SquareDashed } from "lucide-react";
 
 // src/components/sections/Spacer/Spacer.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Spacer() {
-  return /* @__PURE__ */ jsx21("div", { "data-spacer": true, "aria-hidden": "true", className: "h-full" });
+  return /* @__PURE__ */ jsx14("div", { "data-spacer": true, "aria-hidden": "true", className: "h-full" });
 }
 
 // src/components/sections/Spacer/index.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-var schema7 = z7.object({
-  type: z7.literal("spacer"),
-  content: z7.object({}).default({})
+import { jsx as jsx15 } from "react/jsx-runtime";
+var schema5 = z5.object({
+  type: z5.literal("spacer"),
+  content: z5.object({}).default({})
 });
 var Spacer_default = defineSection({
   type: "spacer",
   label: "Spacer",
-  icon: /* @__PURE__ */ jsx22(SquareDashed, { size: 18 }),
-  schema: schema7,
-  component: () => /* @__PURE__ */ jsx22(Spacer, {}),
+  icon: /* @__PURE__ */ jsx15(SquareDashed, { size: 18 }),
+  schema: schema5,
+  component: () => /* @__PURE__ */ jsx15(Spacer, {}),
   defaults: () => ({ type: "spacer", content: {} })
 });
 
-// src/components/sections/all-sections.ts
-var allSectionDefs = [
+// src/components/sections/core-sections.ts
+var coreSectionDefs = [
   LinkHeading_default,
   SubHeading_default,
   SubSubHeading_default,
   Prose_default,
   Media_default,
   Button_default,
-  Colors_default,
-  IconList_default,
   Container_default,
   Spacer_default
 ];
 
+// src/components/sections/all-sections.ts
+var allSectionDefs = [...coreSectionDefs, ...brandGuideSectionDefs];
+
 // src/components/sections/register-schemas.ts
 var _ensured = false;
 function ensureSchemasRegistered() {