@drawnagency/primitives 0.1.59 → 0.1.60

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

@@ -1,6 +1,6 @@
 import {
   getMediaProvider
-} from "../../chunk-L2JJFOXD.js";
+} from "../../chunk-CBWK3KPV.js";
 import {
   DEFAULT_LINK,
   LinkValueSchema
@@ -12,25 +12,29 @@ import {
   sanitizeHtml,
   toSectionId
 } from "../../chunk-RFZNNCAS.js";
+import "../../chunk-ZGFAYZWB.js";
 import {
-  ColorItemSchema,
-  SingleMediaReferenceSchema,
   getSectionSchema
-} from "../../chunk-ICLXLWQ5.js";
-import "../../chunk-DKOUFIP6.js";
-import "../../chunk-NSCT3AMV.js";
+} from "../../chunk-TZQPOR5A.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";
 
 // src/components/sections/LinkHeading/index.tsx
-import { z } from "zod";
 import { Heading1 } from "lucide-react";
 
+// src/components/primitives/defineHeadingSection.tsx
+import { z } from "zod";
+
 // src/components/primitives/EditablePlainText.tsx
 import {
   useRef as useRef2,
@@ -162,93 +166,78 @@ function HeadingSection({ heading, tag, placeholder, className, onChange }) {
   );
 }
 
-// src/components/sections/LinkHeading/index.tsx
+// src/components/primitives/defineHeadingSection.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var schema = z.object({
-  type: z.literal("link_heading"),
-  content: z.object({ heading: z.string() })
-});
-var LinkHeading_default = defineSection({
+function defineHeadingSection(config) {
+  const content = config.navExclusion ? z.object({ heading: z.string(), excludeFromNav: z.boolean().optional() }) : z.object({ heading: z.string() });
+  const schema8 = z.object({ type: z.literal(config.type), content });
+  return defineSection({
+    type: config.type,
+    label: config.label,
+    icon: config.icon,
+    schema: schema8,
+    navRole: config.navRole,
+    component: ({ content: content2, onChange }) => /* @__PURE__ */ jsx2(
+      HeadingSection,
+      {
+        heading: content2.content.heading,
+        tag: config.tag,
+        placeholder: config.placeholder,
+        onChange: onChange ? (heading) => onChange({ ...content2, content: { ...content2.content, heading } }) : void 0
+      }
+    ),
+    defaults: () => ({ type: config.type, content: { heading: config.defaultHeading } }),
+    getLabel: (content2) => content2.content.heading,
+    ...config.navExclusion ? {
+      settings: {
+        excludeFromNav: { type: "checkbox", label: "Exclude from navigation", default: false, target: "content" }
+      }
+    } : {}
+  });
+}
+
+// src/components/sections/LinkHeading/index.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var LinkHeading_default = defineHeadingSection({
   type: "link_heading",
   label: "Link Heading",
-  icon: /* @__PURE__ */ jsx2(Heading1, { size: 18 }),
-  schema,
+  icon: /* @__PURE__ */ jsx3(Heading1, { size: 18 }),
   navRole: "h1",
-  component: ({ content, onChange }) => /* @__PURE__ */ jsx2(
-    HeadingSection,
-    {
-      heading: content.content.heading,
-      tag: "h2",
-      placeholder: "Section heading",
-      onChange: onChange ? (heading) => onChange({ type: "link_heading", content: { heading } }) : void 0
-    }
-  ),
-  defaults: () => ({ type: "link_heading", content: { heading: "New Section" } }),
-  getLabel: (content) => content.content.heading
+  tag: "h2",
+  placeholder: "Section heading",
+  defaultHeading: "New Section"
 });
 
 // src/components/sections/SubHeading/index.tsx
-import { z as z2 } from "zod";
 import { Heading2 } from "lucide-react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var schema2 = z2.object({
-  type: z2.literal("sub_heading"),
-  content: z2.object({ heading: z2.string(), excludeFromNav: z2.boolean().optional() })
-});
-var SubHeading_default = defineSection({
+import { jsx as jsx4 } from "react/jsx-runtime";
+var SubHeading_default = defineHeadingSection({
   type: "sub_heading",
   label: "Sub Heading",
-  icon: /* @__PURE__ */ jsx3(Heading2, { size: 18 }),
-  schema: schema2,
+  icon: /* @__PURE__ */ jsx4(Heading2, { size: 18 }),
   navRole: "h2",
-  component: ({ content, onChange }) => /* @__PURE__ */ jsx3(
-    HeadingSection,
-    {
-      heading: content.content.heading,
-      tag: "h3",
-      placeholder: "Sub heading",
-      onChange: onChange ? (heading) => onChange({ ...content, content: { ...content.content, heading } }) : void 0
-    }
-  ),
-  defaults: () => ({ type: "sub_heading", content: { heading: "New Sub Heading" } }),
-  getLabel: (content) => content.content.heading,
-  settings: {
-    excludeFromNav: { type: "checkbox", label: "Exclude from navigation", default: false, target: "content" }
-  }
+  tag: "h3",
+  placeholder: "Sub heading",
+  defaultHeading: "New Sub Heading",
+  navExclusion: true
 });
 
 // src/components/sections/SubSubHeading/index.tsx
-import { z as z3 } from "zod";
 import { Heading3 } from "lucide-react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var schema3 = z3.object({
-  type: z3.literal("sub_sub_heading"),
-  content: z3.object({ heading: z3.string(), excludeFromNav: z3.boolean().optional() })
-});
-var SubSubHeading_default = defineSection({
+import { jsx as jsx5 } from "react/jsx-runtime";
+var SubSubHeading_default = defineHeadingSection({
   type: "sub_sub_heading",
   label: "Sub Sub Heading",
-  icon: /* @__PURE__ */ jsx4(Heading3, { size: 18 }),
-  schema: schema3,
+  icon: /* @__PURE__ */ jsx5(Heading3, { size: 18 }),
   navRole: "h3",
-  component: ({ content, onChange }) => /* @__PURE__ */ jsx4(
-    HeadingSection,
-    {
-      heading: content.content.heading,
-      tag: "h4",
-      placeholder: "Sub sub heading",
-      onChange: onChange ? (heading) => onChange({ ...content, content: { ...content.content, heading } }) : void 0
-    }
-  ),
-  defaults: () => ({ type: "sub_sub_heading", content: { heading: "New Sub Sub Heading" } }),
-  getLabel: (content) => content.content.heading,
-  settings: {
-    excludeFromNav: { type: "checkbox", label: "Exclude from navigation", default: false, target: "content" }
-  }
+  tag: "h4",
+  placeholder: "Sub sub heading",
+  defaultHeading: "New Sub Sub Heading",
+  navExclusion: true
 });
 
 // src/components/sections/Prose/index.tsx
-import { z as z4 } from "zod";
+import { z as z2 } from "zod";
 import { AlignLeft } from "lucide-react";
 
 // src/components/primitives/EditableRichText.tsx
@@ -458,7 +447,7 @@ import { useState as useState3 } from "react";
 
 // src/components/shared/Button.tsx
 import { forwardRef } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var boxSize = {
   sm: "rounded px-3 py-1.5 text-xs font-medium",
   md: "rounded px-4 py-2 text-sm font-medium"
@@ -492,7 +481,7 @@ var Button = forwardRef(function Button2({
   const isGhost = variant === "ghost";
   const resolvedDisabled = disabled || isLoading;
   const label = isLoading && loadingLabel ? loadingLabel : children;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "button",
     {
       ref,
@@ -528,7 +517,7 @@ function parseInternalHref(href) {
 }
 
 // src/components/primitives/LinkPopover.tsx
-import { Fragment, jsx as jsx6, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs } from "react/jsx-runtime";
 var selectClasses = "w-full rounded border border-base-contrast/20 bg-base px-2 py-1 text-sm text-base-contrast focus:outline-none focus:ring-1 focus:ring-primary";
 function LinkPopover({ editor, onClose }) {
   const { pages, getPageHeadings } = usePages();
@@ -573,7 +562,7 @@ function LinkPopover({ editor, onClose }) {
       onMouseDown: (e) => e.stopPropagation(),
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsx6("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -589,7 +578,7 @@ function LinkPopover({ editor, onClose }) {
           kind
         )) }),
         mode === "external" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             "input",
             {
               autoFocus: true,
@@ -601,7 +590,7 @@ function LinkPopover({ editor, onClose }) {
             }
           ),
           /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-base-contrast", children: [
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7(
               "input",
               {
                 type: "checkbox",
@@ -625,8 +614,8 @@ function LinkPopover({ editor, onClose }) {
               },
               className: selectClasses,
               children: [
-                /* @__PURE__ */ jsx6("option", { value: "", children: "Select a page\u2026" }),
-                pages.map((p) => /* @__PURE__ */ jsx6("option", { value: p.id, children: p.title }, p.id))
+                /* @__PURE__ */ jsx7("option", { value: "", children: "Select a page\u2026" }),
+                pages.map((p) => /* @__PURE__ */ jsx7("option", { value: p.id, children: p.title }, p.id))
               ]
             }
           ),
@@ -639,14 +628,14 @@ function LinkPopover({ editor, onClose }) {
               onChange: (e) => setAnchorId(e.target.value),
               className: cn(selectClasses, !pageId && "cursor-not-allowed opacity-50"),
               children: [
-                /* @__PURE__ */ jsx6("option", { value: "", children: "None (top of page)" }),
-                headings.map((h) => /* @__PURE__ */ jsx6("option", { value: h.id, children: h.label }, h.id))
+                /* @__PURE__ */ jsx7("option", { value: "", children: "None (top of page)" }),
+                headings.map((h) => /* @__PURE__ */ jsx7("option", { value: h.id, children: h.label }, h.id))
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             Button,
             {
               variant: "brand",
@@ -658,7 +647,7 @@ function LinkPopover({ editor, onClose }) {
               children: "Apply"
             }
           ),
-          hasLink && /* @__PURE__ */ jsx6(
+          hasLink && /* @__PURE__ */ jsx7(
             Button,
             {
               variant: "secondary",
@@ -670,7 +659,7 @@ function LinkPopover({ editor, onClose }) {
               children: "Remove"
             }
           ),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             Button,
             {
               variant: "secondary",
@@ -689,9 +678,9 @@ function LinkPopover({ editor, onClose }) {
 }
 
 // src/components/primitives/RichTextToolbar.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 function ToolbarButton({ isActive, onClick, title, children }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "button",
     {
       type: "button",
@@ -711,7 +700,7 @@ function ToolbarButton({ isActive, onClick, title, children }) {
   );
 }
 function Separator() {
-  return /* @__PURE__ */ jsx7("div", { className: "mx-1 h-5 w-px bg-base-contrast/20" });
+  return /* @__PURE__ */ jsx8("div", { className: "mx-1 h-5 w-px bg-base-contrast/20" });
 }
 function RichTextToolbar({ editor, preset }) {
   const [showLinkPopover, setShowLinkPopover] = useState4(false);
@@ -743,37 +732,37 @@ function RichTextToolbar({ editor, preset }) {
       "data-testid": "rich-text-toolbar",
       className: "flex items-center gap-1 rounded border border-base-contrast/10 bg-base-accent p-1 shadow-md",
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           ToolbarButton,
           {
             isActive: state.isBold,
             onClick: () => editor.chain().focus().toggleBold().run(),
             title: "Bold",
-            children: /* @__PURE__ */ jsx7("strong", { children: "B" })
+            children: /* @__PURE__ */ jsx8("strong", { children: "B" })
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           ToolbarButton,
           {
             isActive: state.isItalic,
             onClick: () => editor.chain().focus().toggleItalic().run(),
             title: "Italic",
-            children: /* @__PURE__ */ jsx7("em", { children: "I" })
+            children: /* @__PURE__ */ jsx8("em", { children: "I" })
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           ToolbarButton,
           {
             isActive: state.isUnderline,
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             title: "Underline",
-            children: /* @__PURE__ */ jsx7("span", { className: "underline", children: "U" })
+            children: /* @__PURE__ */ jsx8("span", { className: "underline", children: "U" })
           }
         ),
         preset === "rich" && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx7(Separator, {}),
+          /* @__PURE__ */ jsx8(Separator, {}),
           /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               ToolbarButton,
               {
                 isActive: state.isLink || showLinkPopover,
@@ -782,7 +771,7 @@ function RichTextToolbar({ editor, preset }) {
                 children: "\u{1F517}"
               }
             ),
-            showLinkPopover && /* @__PURE__ */ jsx7("div", { className: "absolute left-0 top-full z-50 mt-1", children: /* @__PURE__ */ jsx7(
+            showLinkPopover && /* @__PURE__ */ jsx8("div", { className: "absolute left-0 top-full z-50 mt-1", children: /* @__PURE__ */ jsx8(
               LinkPopover,
               {
                 editor,
@@ -790,8 +779,8 @@ function RichTextToolbar({ editor, preset }) {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx7(Separator, {}),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(Separator, {}),
+          /* @__PURE__ */ jsx8(
             ToolbarButton,
             {
               isActive: state.isBulletList,
@@ -800,7 +789,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "\u2022\u2261"
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             ToolbarButton,
             {
               isActive: state.isOrderedList,
@@ -809,8 +798,8 @@ function RichTextToolbar({ editor, preset }) {
               children: "1\u2261"
             }
           ),
-          /* @__PURE__ */ jsx7(Separator, {}),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(Separator, {}),
+          /* @__PURE__ */ jsx8(
             ToolbarButton,
             {
               isActive: state.isH3,
@@ -819,7 +808,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "H3"
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             ToolbarButton,
             {
               isActive: state.isH4,
@@ -828,7 +817,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "H4"
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             ToolbarButton,
             {
               isActive: state.isLarge,
@@ -837,7 +826,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "Lg"
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             ToolbarButton,
             {
               isActive: state.isLeadIn,
@@ -853,7 +842,7 @@ function RichTextToolbar({ editor, preset }) {
 }
 
 // src/components/primitives/EditableRichText.tsx
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 function isContentEmpty(html) {
   return html.replace(/<[^>]*>/g, "").trim().length === 0;
 }
@@ -921,7 +910,7 @@ function EditableRichText({
     }, 150);
   }, [deactivate]);
   if (!isEditMode) {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         className,
@@ -932,9 +921,9 @@ function EditableRichText({
   if (!isEditorActive || !editor) {
     const empty = isContentEmpty(value);
     if (empty) {
-      return /* @__PURE__ */ jsx8("div", { className, onClick: handleClick, children: /* @__PURE__ */ jsx8("p", { className: "tiptap-placeholder", children: placeholder }) });
+      return /* @__PURE__ */ jsx9("div", { className, onClick: handleClick, children: /* @__PURE__ */ jsx9("p", { className: "tiptap-placeholder", children: placeholder }) });
     }
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         className,
@@ -951,7 +940,7 @@ function EditableRichText({
       onFocus: handleFocus,
       onBlur: handleBlur,
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           BubbleMenu,
           {
             editor,
@@ -960,20 +949,20 @@ function EditableRichText({
               const { from, to } = state.selection;
               return ed.isFocused && from !== to;
             },
-            children: /* @__PURE__ */ jsx8(RichTextToolbar, { editor, preset })
+            children: /* @__PURE__ */ jsx9(RichTextToolbar, { editor, preset })
           }
         ),
-        /* @__PURE__ */ jsx8(EditorContent, { editor })
+        /* @__PURE__ */ jsx9(EditorContent, { editor })
       ]
     }
   );
 }
 
 // src/components/sections/Prose/Prose.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Prose({ body, onChange }) {
   if (onChange) {
-    return /* @__PURE__ */ jsx9("div", { className: "prose-content", children: /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10("div", { className: "prose-content", children: /* @__PURE__ */ jsx10(
       EditableRichText,
       {
         value: body,
@@ -984,7 +973,7 @@ function Prose({ body, onChange }) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       className: "prose-content",
@@ -1001,26 +990,29 @@ 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 jsx10 } from "react/jsx-runtime";
-var schema4 = z4.object({
-  type: z4.literal("prose"),
-  content: z4.object({ body: z4.string() })
+import { jsx as jsx11 } from "react/jsx-runtime";
+var schema = z2.object({
+  type: z2.literal("prose"),
+  content: z2.object({ body: z2.string() })
 });
 var Prose_default = defineSection({
   type: "prose",
   label: "Prose",
-  icon: /* @__PURE__ */ jsx10(AlignLeft, { size: 18 }),
-  schema: schema4,
+  icon: /* @__PURE__ */ jsx11(AlignLeft, { size: 18 }),
+  schema,
   richTextFields: ["body"],
-  component: ({ content, onChange }) => /* @__PURE__ */ jsx10(Prose, { body: content.content.body, onChange: onChange ? (c) => onChange(c) : void 0 }),
+  component: ({ content, onChange }) => /* @__PURE__ */ jsx11(Prose, { body: content.content.body, onChange: onChange ? (c) => onChange(c) : void 0 }),
   defaults: () => ({ type: "prose", content: { body: "<p></p>" } }),
   getLabel: (content) => truncate(stripHtmlToPlainText(content.content.body), 60)
 });
 
 // src/components/sections/Media/index.tsx
-import { z as z5 } from "zod";
+import { z as z3 } from "zod";
 import { Image as ImageIcon2 } from "lucide-react";
 
 // src/components/sections/Media/MediaBlock.tsx
@@ -1078,7 +1070,7 @@ function useResolvedMedia(imageId) {
 }
 
 // src/components/primitives/ResolvedMedia.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 function ResolvedMedia({
   imageId,
   src: propSrc,
@@ -1096,20 +1088,20 @@ function ResolvedMedia({
   const kind = resolved.kind;
   const invertClass = invertFrom === "light" ? "invert dark:invert-0" : invertFrom === "dark" ? "dark:invert" : void 0;
   const mediaClass = cn("h-full w-full", imgClassName, invertClass);
-  return /* @__PURE__ */ jsx11("div", { className, children: src ? kind === "video" ? /* @__PURE__ */ jsx11("video", { src, poster, muted: true, playsInline: true, loop: true, autoPlay: true, className: mediaClass }) : /* @__PURE__ */ jsx11("img", { src, srcSet: srcset, alt, className: mediaClass }) : /* @__PURE__ */ jsxs4("div", { className: "flex aspect-video h-full w-full flex-col items-center justify-center gap-1 rounded bg-base-accent text-base-contrast-light/50", children: [
-    /* @__PURE__ */ jsx11(ImageIcon, { size: 24 }),
-    /* @__PURE__ */ jsx11("span", { className: "text-sm", children: "No Image" })
+  return /* @__PURE__ */ jsx12("div", { className, children: src ? kind === "video" ? /* @__PURE__ */ jsx12("video", { src, poster, muted: true, playsInline: true, loop: true, autoPlay: true, className: mediaClass }) : /* @__PURE__ */ jsx12("img", { src, srcSet: srcset, alt, className: mediaClass }) : /* @__PURE__ */ jsxs4("div", { className: "flex aspect-video h-full w-full flex-col items-center justify-center gap-1 rounded bg-base-accent text-base-contrast-light/50", children: [
+    /* @__PURE__ */ jsx12(ImageIcon, { size: 24 }),
+    /* @__PURE__ */ jsx12("span", { className: "text-sm", children: "No Image" })
   ] }) });
 }
 
 // src/components/primitives/ImageDropZone.tsx
 import { useState as useState5 } from "react";
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var ACCEPTED = /^(image|video)\//;
 function ImageDropZone({ onImageSelected, className, children }) {
   const mediaLibrary = useMediaLibrary();
   const [dragging, setDragging] = useState5(false);
-  if (!mediaLibrary) return /* @__PURE__ */ jsx12(Fragment3, { children });
+  if (!mediaLibrary) return /* @__PURE__ */ jsx13(Fragment3, { children });
   const maxFileSize = mediaLibrary.siteConfig?.media.maxFileSize;
   const hasFiles = (e) => e.dataTransfer.types.includes("Files");
   const handleDragOver = (e) => {
@@ -1150,14 +1142,14 @@ function ImageDropZone({ onImageSelected, className, children }) {
       onDrop: handleDrop,
       children: [
         children,
-        dragging && /* @__PURE__ */ jsx12("div", { className: "pointer-events-none absolute inset-0 z-10 rounded-md border-2 border-primary bg-primary/5" })
+        dragging && /* @__PURE__ */ jsx13("div", { className: "pointer-events-none absolute inset-0 z-10 rounded-md border-2 border-primary bg-primary/5" })
       ]
     }
   );
 }
 
 // src/components/sections/Media/MediaBlock.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function MediaBlock({ refValue, options, link, dodont, isEditMode, onRefChange }) {
   const mediaLibrary = useMediaLibrary();
   const fit = refValue.objectFit ?? options.objectFit;
@@ -1165,7 +1157,7 @@ function MediaBlock({ refValue, options, link, dodont, isEditMode, onRefChange }
   const showBorder = refValue.border ?? options.border;
   const captionStr = refValue.caption ? Array.isArray(refValue.caption) ? refValue.caption.join("\n") : refValue.caption : "";
   const replace = onRefChange ? (imageId) => onRefChange({ ...refValue, imageId }) : void 0;
-  const resolved = /* @__PURE__ */ jsx13(
+  const resolved = /* @__PURE__ */ jsx14(
     ResolvedMedia,
     {
       imageId: refValue.imageId || void 0,
@@ -1174,14 +1166,14 @@ function MediaBlock({ refValue, options, link, dodont, isEditMode, onRefChange }
       invertFrom: refValue.invertFrom
     }
   );
-  let media = isEditMode && replace ? /* @__PURE__ */ jsx13(ImageDropZone, { onImageSelected: replace, className: "h-full w-full", children: resolved }) : resolved;
+  let media = isEditMode && replace ? /* @__PURE__ */ jsx14(ImageDropZone, { onImageSelected: replace, className: "h-full w-full", children: resolved }) : resolved;
   if (!isEditMode && link && link.kind === "external" && link.href) {
-    media = /* @__PURE__ */ jsx13("a", { href: link.href, target: link.target, className: "group block", children: media });
+    media = /* @__PURE__ */ jsx14("a", { href: link.href, target: link.target, className: "group block", children: media });
   }
   const onImageClick = isEditMode && replace && mediaLibrary ? () => mediaLibrary.openSelectModal((imageId) => replace(imageId)) : void 0;
   return /* @__PURE__ */ jsxs6("figure", { children: [
-    dodont && /* @__PURE__ */ jsx13("div", { className: "flex h-10 items-center justify-center pb-1", children: dodont === "do" ? /* @__PURE__ */ jsx13(Check, { size: 28, className: "text-green-600" }) : /* @__PURE__ */ jsx13(X, { size: 28, className: "text-red-600" }) }),
-    /* @__PURE__ */ jsx13(
+    dodont && /* @__PURE__ */ jsx14("div", { className: "flex h-10 items-center justify-center pb-1", children: dodont === "do" ? /* @__PURE__ */ jsx14(Check, { size: 28, className: "text-green-600" }) : /* @__PURE__ */ jsx14(X, { size: 28, className: "text-red-600" }) }),
+    /* @__PURE__ */ jsx14(
       "div",
       {
         "data-testid": "media-open-surface",
@@ -1196,7 +1188,7 @@ function MediaBlock({ refValue, options, link, dodont, isEditMode, onRefChange }
         children: media
       }
     ),
-    options.showCaption && /* @__PURE__ */ jsx13("figcaption", { className: "mt-2 min-h-[1em] text-sm text-base-contrast-light", children: isEditMode && onRefChange ? /* @__PURE__ */ jsx13(
+    options.showCaption && /* @__PURE__ */ jsx14("figcaption", { className: "mt-2 min-h-[1em] text-sm text-base-contrast-light", children: isEditMode && onRefChange ? /* @__PURE__ */ jsx14(
       EditablePlainText,
       {
         tag: "span",
@@ -1211,27 +1203,27 @@ function MediaBlock({ refValue, options, link, dodont, isEditMode, onRefChange }
 }
 
 // src/components/sections/Media/index.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var schema5 = z5.object({
-  type: z5.literal("media"),
-  content: z5.object({
+import { jsx as jsx15 } from "react/jsx-runtime";
+var schema2 = z3.object({
+  type: z3.literal("media"),
+  content: z3.object({
     ref: SingleMediaReferenceSchema,
     link: LinkValueSchema.optional(),
-    dodont: z5.enum(["do", "dont"]).optional()
+    dodont: z3.enum(["do", "dont"]).optional()
   }),
-  options: z5.object({
-    square: z5.boolean().optional(),
-    showCaption: z5.boolean().optional(),
-    border: z5.boolean().optional(),
-    objectFit: z5.enum(["cover", "contain"]).optional()
+  options: z3.object({
+    square: z3.boolean().optional(),
+    showCaption: z3.boolean().optional(),
+    border: z3.boolean().optional(),
+    objectFit: z3.enum(["cover", "contain"]).optional()
   }).default({})
 });
 var Media_default = defineSection({
   type: "media",
   label: "Media",
-  icon: /* @__PURE__ */ jsx14(ImageIcon2, { size: 18 }),
-  schema: schema5,
-  component: ({ content, options, onChange }) => /* @__PURE__ */ jsx14(
+  icon: /* @__PURE__ */ jsx15(ImageIcon2, { size: 18 }),
+  schema: schema2,
+  component: ({ content, options, onChange }) => /* @__PURE__ */ jsx15(
     MediaBlock,
     {
       refValue: content.content.ref,
@@ -1285,19 +1277,19 @@ var Media_default = defineSection({
 });
 
 // src/components/sections/Button/index.tsx
-import { z as z6 } from "zod";
+import { z as z4 } from "zod";
 import { RectangleHorizontal } from "lucide-react";
 
 // src/components/sections/Button/CTAButton.tsx
 import { Download } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 function Button3({ text, link, download, onChange }) {
   const base = "inline-block rounded-md px-6 py-3 font-bold transition-colors";
   const variant = "border-2 border-primary text-primary hover:bg-primary hover:text-primary-contrast";
   if (onChange) {
     return /* @__PURE__ */ jsxs7("span", { className: cn(base, variant, "inline-flex items-center gap-2"), children: [
-      download && /* @__PURE__ */ jsx15(Download, { size: 16, className: "shrink-0" }),
-      /* @__PURE__ */ jsx15(
+      download && /* @__PURE__ */ jsx16(Download, { size: 16, className: "shrink-0" }),
+      /* @__PURE__ */ jsx16(
         EditablePlainText,
         {
           tag: "span",
@@ -1320,31 +1312,31 @@ function Button3({ text, link, download, onChange }) {
         download: download ? "" : void 0,
         className: cn(base, variant, download && "inline-flex items-center gap-2"),
         children: [
-          download && /* @__PURE__ */ jsx15(Download, { size: 16, className: "shrink-0" }),
+          download && /* @__PURE__ */ jsx16(Download, { size: 16, className: "shrink-0" }),
           text
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx15("button", { className: cn("cursor-pointer", base, variant), children: text });
+  return /* @__PURE__ */ jsx16("button", { className: cn("cursor-pointer", base, variant), children: text });
 }
 
 // src/components/sections/Button/index.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var schema6 = z6.object({
-  type: z6.literal("button"),
-  content: z6.object({
-    text: z6.string(),
+import { jsx as jsx17 } from "react/jsx-runtime";
+var schema3 = z4.object({
+  type: z4.literal("button"),
+  content: z4.object({
+    text: z4.string(),
     link: LinkValueSchema.optional(),
-    download: z6.boolean().optional()
+    download: z4.boolean().optional()
   })
 });
 var Button_default = defineSection({
   type: "button",
   label: "Button",
-  icon: /* @__PURE__ */ jsx16(RectangleHorizontal, { size: 18 }),
-  schema: schema6,
-  component: ({ content, onChange }) => /* @__PURE__ */ jsx16(
+  icon: /* @__PURE__ */ jsx17(RectangleHorizontal, { size: 18 }),
+  schema: schema3,
+  component: ({ content, onChange }) => /* @__PURE__ */ jsx17(
     Button3,
     {
       text: content.content.text,
@@ -1362,7 +1354,7 @@ var Button_default = defineSection({
 });
 
 // src/components/sections/Colors/index.tsx
-import { z as z7 } from "zod";
+import { z as z5 } from "zod";
 import { Palette } from "lucide-react";
 
 // src/components/brandguide/Colors.tsx
@@ -1403,23 +1395,23 @@ import { ImageIcon as ImageIcon3 } from "lucide-react";
 // src/components/shared/icons.tsx
 import { GripVertical, Plus, Trash2, X as X2, Settings } from "lucide-react";
 import { GripVertical as GripVertical2, Plus as Plus2, Trash2 as Trash22, X as X3, Settings as Settings2 } from "lucide-react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function DragHandle({ size = 16 }) {
-  return /* @__PURE__ */ jsx17(GripVertical, { size });
+  return /* @__PURE__ */ jsx18(GripVertical, { size });
 }
 function AddIcon({ size = 14 }) {
-  return /* @__PURE__ */ jsx17(Plus, { size });
+  return /* @__PURE__ */ jsx18(Plus, { size });
 }
 function DeleteIcon({ size = 14 }) {
-  return /* @__PURE__ */ jsx17(Trash2, { size });
+  return /* @__PURE__ */ jsx18(Trash2, { size });
 }
 function SettingsIcon({ size = 14 }) {
-  return /* @__PURE__ */ jsx17(Settings, { size });
+  return /* @__PURE__ */ jsx18(Settings, { size });
 }
 
 // src/components/shared/IconButton.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "h-chrome-sm w-chrome-sm",
   md: "h-chrome-md w-chrome-md",
@@ -1432,7 +1424,7 @@ var intentClasses = {
 };
 var IconButton = forwardRef2(
   function IconButton2({ icon, label, size = "md", intent = "default", className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       "button",
       {
         ref,
@@ -1527,7 +1519,7 @@ function useEditableCollection({
 }
 
 // src/components/primitives/EditableGrid.tsx
-import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
 function EditableGrid({
   items,
   columns,
@@ -1567,10 +1559,10 @@ function EditableGrid({
     };
   }, []);
   if (!isEditMode) {
-    return /* @__PURE__ */ jsx19("div", { className: "@container", children: /* @__PURE__ */ jsx19("div", { className: cn("grid gap-4", containerGridClass[columns] || containerGridClass[1], className), children: wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx19("div", { children: renderItem(wrapped.data, { isEditMode: false, index }) }, wrapped.id)) }) });
+    return /* @__PURE__ */ jsx20("div", { className: "@container", children: /* @__PURE__ */ jsx20("div", { className: cn("grid gap-4", containerGridClass[columns] || containerGridClass[1], className), children: wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx20("div", { children: renderItem(wrapped.data, { isEditMode: false, index }) }, wrapped.id)) }) });
   }
-  return /* @__PURE__ */ jsx19("div", { className: "@container", children: /* @__PURE__ */ jsxs8("div", { className: cn("group/grid relative grid gap-4", containerGridClass[columns] || containerGridClass[1], className), children: [
-    wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("div", { className: "@container", children: /* @__PURE__ */ jsxs8("div", { className: cn("group/grid relative grid gap-4", containerGridClass[columns] || containerGridClass[1], className), children: [
+    wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx20(
       GridCell,
       {
         id: wrapped.id,
@@ -1589,10 +1581,10 @@ function EditableGrid({
       },
       wrapped.id
     )),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       IconButton,
       {
-        icon: /* @__PURE__ */ jsx19(AddIcon, { size: 16 }),
+        icon: /* @__PURE__ */ jsx20(AddIcon, { size: 16 }),
         label: "Add item",
         size: "lg",
         intent: "primary",
@@ -1687,12 +1679,12 @@ function GridCell({
         isCellDragging && "opacity-50"
       ),
       children: [
-        showLeftEdge && /* @__PURE__ */ jsx19("div", { className: "absolute top-0 bottom-0 left-0 z-10 w-0.5 -translate-x-2 bg-primary" }),
-        showRightEdge && /* @__PURE__ */ jsx19("div", { className: "absolute top-0 right-0 bottom-0 z-10 w-0.5 translate-x-2 bg-primary" }),
-        !isDragging && !isLast && /* @__PURE__ */ jsx19(
+        showLeftEdge && /* @__PURE__ */ jsx20("div", { className: "absolute top-0 bottom-0 left-0 z-10 w-0.5 -translate-x-2 bg-primary" }),
+        showRightEdge && /* @__PURE__ */ jsx20("div", { className: "absolute top-0 right-0 bottom-0 z-10 w-0.5 translate-x-2 bg-primary" }),
+        !isDragging && !isLast && /* @__PURE__ */ jsx20(
           IconButton,
           {
-            icon: /* @__PURE__ */ jsx19(AddIcon, { size: 12 }),
+            icon: /* @__PURE__ */ jsx20(AddIcon, { size: 12 }),
             label: "Insert item",
             size: "sm",
             intent: "primary",
@@ -1700,39 +1692,39 @@ function GridCell({
             className: "absolute top-1/2 -right-2 z-20 -translate-y-1/2 translate-x-1/2 rounded-full border border-base-200 bg-base opacity-0 group-hover/cell:opacity-100"
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           IconButton,
           {
             ref: handleRef,
-            icon: /* @__PURE__ */ jsx19(DragHandle, { size: 16 }),
+            icon: /* @__PURE__ */ jsx20(DragHandle, { size: 16 }),
             label: "Drag to reorder",
             className: cn("absolute left-1.5 z-10 cursor-grab bg-base/80 opacity-0 shadow-sm group-hover/cell:opacity-100 no-hover:opacity-100", chromeTopClass || "top-1.5"),
             tabIndex: -1
           }
         ),
         /* @__PURE__ */ jsxs8("div", { className: cn("absolute right-1.5 z-10 flex items-center gap-1 opacity-0 group-hover/cell:opacity-100 no-hover:opacity-100", chromeTopClass || "top-1.5"), children: [
-          onImageClick && /* @__PURE__ */ jsx19(
+          onImageClick && /* @__PURE__ */ jsx20(
             IconButton,
             {
-              icon: /* @__PURE__ */ jsx19(ImageIcon3, { size: 16 }),
+              icon: /* @__PURE__ */ jsx20(ImageIcon3, { size: 16 }),
               label: "Change image",
               onClick: onImageClick,
               className: "bg-base/80 shadow-sm"
             }
           ),
-          onSettings && /* @__PURE__ */ jsx19(
+          onSettings && /* @__PURE__ */ jsx20(
             IconButton,
             {
-              icon: /* @__PURE__ */ jsx19(SettingsIcon, { size: 16 }),
+              icon: /* @__PURE__ */ jsx20(SettingsIcon, { size: 16 }),
               label: "Item settings",
               onClick: onSettings,
               className: "bg-base/80 shadow-sm"
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             IconButton,
             {
-              icon: /* @__PURE__ */ jsx19(DeleteIcon, { size: 16 }),
+              icon: /* @__PURE__ */ jsx20(DeleteIcon, { size: 16 }),
               label: "Delete item",
               intent: "destructive",
               onClick: () => onRemove(id),
@@ -1753,9 +1745,9 @@ import { useState as useState8 } from "react";
 import { forwardRef as forwardRef3, useId } from "react";
 
 // src/components/shared/FormLabel.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function FormLabel({ htmlFor, children, className }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "label",
     {
       htmlFor,
@@ -1766,13 +1758,13 @@ function FormLabel({ htmlFor, children, className }) {
 }
 
 // src/components/shared/Input.tsx
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 var Input = forwardRef3(function Input2({ label, value, onChange, type = "text", className, disabled, error, ...rest }, ref) {
   const id = useId();
   const errorId = `${id}-error`;
   return /* @__PURE__ */ jsxs9("div", { className, children: [
-    /* @__PURE__ */ jsx21(FormLabel, { htmlFor: id, children: label }),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(FormLabel, { htmlFor: id, children: label }),
+    /* @__PURE__ */ jsx22(
       "input",
       {
         ref,
@@ -1791,12 +1783,12 @@ var Input = forwardRef3(function Input2({ label, value, onChange, type = "text",
         ...rest
       }
     ),
-    error && /* @__PURE__ */ jsx21("p", { id: errorId, className: "mt-1 text-xs text-red-600", children: error })
+    error && /* @__PURE__ */ jsx22("p", { id: errorId, className: "mt-1 text-xs text-red-600", children: error })
   ] });
 });
 
 // src/components/brandguide/ColorSwatchSettings.tsx
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 function mergeSpaces(spaces) {
   return Object.assign({}, ...spaces);
 }
@@ -1815,7 +1807,7 @@ function ColorSwatchSettings({ color, onChange }) {
     update({ ...localColor, spaces: [newSpace] });
   };
   return /* @__PURE__ */ jsxs10("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       Input,
       {
         label: "Name",
@@ -1823,7 +1815,7 @@ function ColorSwatchSettings({ color, onChange }) {
         onChange: (name) => update({ ...localColor, name })
       }
     ),
-    ["hex", "rgb", "cmyk", "pantone"].map((key) => /* @__PURE__ */ jsx22(
+    ["hex", "rgb", "cmyk", "pantone"].map((key) => /* @__PURE__ */ jsx23(
       Input,
       {
         label: key.toUpperCase(),
@@ -1836,7 +1828,7 @@ function ColorSwatchSettings({ color, onChange }) {
 }
 
 // src/components/brandguide/Colors.tsx
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 function getContrastClass(hex) {
   if (!hex) return "text-white";
   const h = hex.replace("#", "");
@@ -1861,7 +1853,7 @@ function buildContent(colors, options) {
 }
 function Colors({ colors, columns = 3, label, collapsing, showLabel = true, onChange, openModal }) {
   if (onChange && openModal) {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       ColorsEditable,
       {
         colors,
@@ -1874,7 +1866,7 @@ function Colors({ colors, columns = 3, label, collapsing, showLabel = true, onCh
       }
     );
   }
-  return /* @__PURE__ */ jsx23(ColorsView, { colors, columns, label, collapsing, showLabel });
+  return /* @__PURE__ */ jsx24(ColorsView, { colors, columns, label, collapsing, showLabel });
 }
 function ColorsView({
   colors,
@@ -1903,35 +1895,35 @@ function ColorsView({
   };
   return /* @__PURE__ */ jsxs11("div", { children: [
     (showLabel && !!label || collapsing) && /* @__PURE__ */ jsxs11("div", { className: "mb-4 flex items-center gap-2", children: [
-      showLabel && !!label && /* @__PURE__ */ jsx23("span", { className: "text-lg font-bold", children: label }),
+      showLabel && !!label && /* @__PURE__ */ jsx24("span", { className: "text-lg font-bold", children: label }),
       collapsing && /* @__PURE__ */ jsxs11(
         "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__ */ jsx23("span", { children: expanded ? "Hide Details" : "Show Details" }),
-            expanded ? /* @__PURE__ */ jsx23(EyeOff, { size: 16 }) : /* @__PURE__ */ jsx23(Eye, { size: 16 })
+            /* @__PURE__ */ jsx24("span", { children: expanded ? "Hide Details" : "Show Details" }),
+            expanded ? /* @__PURE__ */ jsx24(EyeOff, { size: 16 }) : /* @__PURE__ */ jsx24(Eye, { size: 16 })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx23("div", { className: "@container", children: /* @__PURE__ */ jsx23("div", { className: cn("grid gap-4", containerGridClass[columns] || containerGridClass[3]), children: colors.map((color, i) => {
+    /* @__PURE__ */ jsx24("div", { className: "@container", children: /* @__PURE__ */ jsx24("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__ */ jsxs11("div", { className: "overflow-hidden rounded-md border border-base-200", children: [
         /* @__PURE__ */ jsxs11("div", { className: cn("relative flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: [
-          color.name && /* @__PURE__ */ jsx23("span", { className: "text-sm font-bold", children: color.name }),
-          copiedIndex === i && /* @__PURE__ */ jsx23("span", { className: cn(
+          color.name && /* @__PURE__ */ jsx24("span", { className: "text-sm font-bold", children: color.name }),
+          copiedIndex === i && /* @__PURE__ */ jsx24("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__ */ jsx23("div", { className: "space-y-1 bg-base-accent p-3 text-sm", children: color.spaces.map(
+        expanded && /* @__PURE__ */ jsx24("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__ */ jsxs11("button", { onClick: () => handleCopy(value, i), className: "cursor-pointer flex w-full justify-between hover:text-primary", children: [
-              /* @__PURE__ */ jsx23("span", { className: "font-medium uppercase", children: key }),
-              /* @__PURE__ */ jsx23("span", { children: value })
+              /* @__PURE__ */ jsx24("span", { className: "font-medium uppercase", children: key }),
+              /* @__PURE__ */ jsx24("span", { children: value })
             ] }, `${j}-${key}`) : null
           )
         ) })
@@ -1957,7 +1949,7 @@ function ColorsEditable({
     const color = colors[index];
     openModal(
       "Color Settings",
-      /* @__PURE__ */ jsx23(ColorSwatchSettings, { color, onChange: (updated) => {
+      /* @__PURE__ */ jsx24(ColorSwatchSettings, { color, onChange: (updated) => {
         const newColors = colors.map((c, i) => i === index ? updated : c);
         onChange(buildContent(newColors, options));
       } })
@@ -1965,7 +1957,7 @@ function ColorsEditable({
   };
   return /* @__PURE__ */ jsxs11("div", { children: [
     (showLabel && !!label || collapsing) && /* @__PURE__ */ jsxs11("div", { className: "mb-4 flex items-center gap-2", children: [
-      showLabel && !!label && /* @__PURE__ */ jsx23(
+      showLabel && !!label && /* @__PURE__ */ jsx24(
         EditablePlainText,
         {
           tag: "span",
@@ -1981,13 +1973,13 @@ function ColorsEditable({
           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__ */ jsx23("span", { children: expanded ? "Hide Details" : "Show Details" }),
-            expanded ? /* @__PURE__ */ jsx23(EyeOff, { size: 16 }) : /* @__PURE__ */ jsx23(Eye, { size: 16 })
+            /* @__PURE__ */ jsx24("span", { children: expanded ? "Hide Details" : "Show Details" }),
+            expanded ? /* @__PURE__ */ jsx24(EyeOff, { size: 16 }) : /* @__PURE__ */ jsx24(Eye, { size: 16 })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       EditableGrid,
       {
         items: colors,
@@ -1996,7 +1988,7 @@ function ColorsEditable({
         createItem: createColorItem,
         isEditMode: true,
         onItemSettings: handleItemSettings,
-        renderItem: (color, { index }) => /* @__PURE__ */ jsx23(
+        renderItem: (color, { index }) => /* @__PURE__ */ jsx24(
           ColorSwatchEditable,
           {
             color,
@@ -2026,7 +2018,7 @@ function ColorSwatchEditable({
     onChange(buildContent(newColors, options));
   };
   return /* @__PURE__ */ jsxs11("div", { className: "overflow-hidden rounded-md border border-base-200", children: [
-    /* @__PURE__ */ jsx23("div", { className: cn("flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24("div", { className: cn("flex min-h-[80px] items-end p-3", contrast), style: { backgroundColor: hex || "#ccc" }, children: /* @__PURE__ */ jsx24(
       EditablePlainText,
       {
         tag: "span",
@@ -2037,11 +2029,11 @@ function ColorSwatchEditable({
         className: "text-sm font-bold"
       }
     ) }),
-    expanded && /* @__PURE__ */ jsx23("div", { className: "space-y-1 bg-base-accent p-3 text-sm", children: color.spaces.map(
+    expanded && /* @__PURE__ */ jsx24("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__ */ jsxs11("div", { className: "flex w-full justify-between", children: [
-          /* @__PURE__ */ jsx23("span", { className: "font-medium uppercase", children: key }),
-          /* @__PURE__ */ jsx23("span", { children: value })
+          /* @__PURE__ */ jsx24("span", { className: "font-medium uppercase", children: key }),
+          /* @__PURE__ */ jsx24("span", { children: value })
         ] }, `${j}-${key}`) : null
       )
     ) })
@@ -2049,23 +2041,23 @@ function ColorSwatchEditable({
 }
 
 // src/components/sections/Colors/index.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-var schema7 = z7.object({
-  type: z7.literal("colors"),
-  content: z7.object({ colors: z7.array(ColorItemSchema) }),
-  options: z7.object({
-    label: z7.string().optional(),
-    columns: z7.number().int().min(2).max(4).optional(),
-    collapsing: z7.boolean().optional(),
-    showLabel: z7.boolean().optional()
+import { jsx as jsx25 } from "react/jsx-runtime";
+var schema4 = z5.object({
+  type: z5.literal("colors"),
+  content: z5.object({ colors: z5.array(ColorItemSchema) }),
+  options: z5.object({
+    label: z5.string().optional(),
+    columns: z5.number().int().min(2).max(4).optional(),
+    collapsing: z5.boolean().optional(),
+    showLabel: z5.boolean().optional()
   }).optional()
 });
 var Colors_default = defineSection({
   type: "colors",
   label: "Colors",
-  icon: /* @__PURE__ */ jsx24(Palette, { size: 18 }),
-  schema: schema7,
-  component: ({ content, options, onChange, openModal }) => /* @__PURE__ */ jsx24(
+  icon: /* @__PURE__ */ jsx25(Palette, { size: 18 }),
+  schema: schema4,
+  component: ({ content, options, onChange, openModal }) => /* @__PURE__ */ jsx25(
     Colors,
     {
       colors: content.content.colors,
@@ -2081,10 +2073,7 @@ var Colors_default = defineSection({
     type: "colors",
     content: { colors: [{ spaces: [{ hex: "#000000" }] }] }
   }),
-  getLabel: (content) => {
-    const n = content.content.colors.length;
-    return `${n} color${n === 1 ? "" : "s"}`;
-  },
+  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: {
@@ -2101,7 +2090,7 @@ var Colors_default = defineSection({
 });
 
 // src/components/sections/IconList/index.tsx
-import { z as z8 } from "zod";
+import { z as z6 } from "zod";
 import { List } from "lucide-react";
 
 // src/components/sections/IconList/IconList.tsx
@@ -2111,7 +2100,7 @@ import { CopyPlus, Pencil } from "lucide-react";
 // src/components/primitives/IconPicker.tsx
 import { useEffect as useEffect8, useRef as useRef7, useState as useState10 } from "react";
 import { Check as Check2, X as X4 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
 function IconPicker({
   selected,
   onSelect,
@@ -2140,7 +2129,7 @@ function IconPicker({
       className: "absolute z-50 w-56 rounded-lg border border-base-200 bg-base p-2 shadow-lg",
       children: [
         allowDoDont && /* @__PURE__ */ jsxs12("div", { role: "tablist", "aria-label": "Icon mode", className: "mb-2 flex gap-1 rounded-md bg-base-200 p-0.5", children: [
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -2158,7 +2147,7 @@ function IconPicker({
               children: "None"
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -2187,8 +2176,8 @@ function IconPicker({
               ),
               onClick: () => onSelectDoDont?.("do"),
               children: [
-                /* @__PURE__ */ jsx25(Check2, { size: 20 }),
-                /* @__PURE__ */ jsx25("span", { className: "text-xs font-medium", children: "Do" })
+                /* @__PURE__ */ jsx26(Check2, { size: 20 }),
+                /* @__PURE__ */ jsx26("span", { className: "text-xs font-medium", children: "Do" })
               ]
             }
           ),
@@ -2204,16 +2193,16 @@ function IconPicker({
               ),
               onClick: () => onSelectDoDont?.("dont"),
               children: [
-                /* @__PURE__ */ jsx25(X4, { size: 20 }),
-                /* @__PURE__ */ jsx25("span", { className: "text-xs font-medium", children: "Don't" })
+                /* @__PURE__ */ jsx26(X4, { size: 20 }),
+                /* @__PURE__ */ jsx26("span", { className: "text-xs font-medium", children: "Don't" })
               ]
             }
           )
         ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
-          /* @__PURE__ */ jsx25("div", { className: "grid grid-cols-5 gap-1", children: curatedIcons.map((entry) => {
+          /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-5 gap-1", children: curatedIcons.map((entry) => {
             const Icon = entry.icon;
             const isSelected = selected === entry.id;
-            return /* @__PURE__ */ jsx25(
+            return /* @__PURE__ */ jsx26(
               "button",
               {
                 "aria-label": entry.label,
@@ -2223,12 +2212,12 @@ function IconPicker({
                   isSelected && "ring-2 ring-primary bg-base-accent text-primary"
                 ),
                 onClick: () => onSelect(entry.id),
-                children: /* @__PURE__ */ jsx25(Icon, { size: 18 })
+                children: /* @__PURE__ */ jsx26(Icon, { size: 18 })
               },
               entry.id
             );
           }) }),
-          showRemove && /* @__PURE__ */ jsx25(
+          showRemove && /* @__PURE__ */ jsx26(
             "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",
@@ -2243,7 +2232,7 @@ function IconPicker({
 }
 
 // src/components/sections/IconList/IconList.tsx
-import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
 function IconList({
   items,
   icon = null,
@@ -2268,7 +2257,7 @@ function IconList({
     [onChange, onItemsChange, icon, showLabel, stackText]
   );
   if (!isEditMode) {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       ViewIconList,
       {
         items,
@@ -2281,7 +2270,7 @@ function IconList({
       }
     );
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     EditIconList,
     {
       items,
@@ -2316,7 +2305,7 @@ function ViewIconList({
   iconClassName
 }) {
   const hasAnyIcon = items.some((item) => resolveIcon(item, defaultIcon));
-  return /* @__PURE__ */ jsx26("div", { className: "grid gap-4 pb-4", children: items.map((item, i) => {
+  return /* @__PURE__ */ jsx27("div", { className: "grid gap-4 pb-4", children: items.map((item, i) => {
     const iconEntry = resolveIcon(item, defaultIcon);
     const iconColor = resolveIconColor(item, iconClassName);
     return /* @__PURE__ */ jsxs13(
@@ -2327,12 +2316,12 @@ function ViewIconList({
           hasAnyIcon ? "grid-cols-[24px_1fr]" : "grid-cols-1"
         ),
         children: [
-          hasAnyIcon && /* @__PURE__ */ jsx26(
+          hasAnyIcon && /* @__PURE__ */ jsx27(
             "div",
             {
               "data-testid": "icon-list-icon",
               className: cn("flex items-start pt-0.5", iconColor),
-              children: iconEntry && /* @__PURE__ */ jsx26(iconEntry.icon, { size: 18 })
+              children: iconEntry && /* @__PURE__ */ jsx27(iconEntry.icon, { size: 18 })
             }
           ),
           /* @__PURE__ */ jsxs13(
@@ -2345,7 +2334,7 @@ function ViewIconList({
                   item.label,
                   !stackText && " "
                 ] }),
-                /* @__PURE__ */ jsx26("span", { className: textClassName, children: item.text })
+                /* @__PURE__ */ jsx27("span", { className: textClassName, children: item.text })
               ]
             }
           )
@@ -2394,7 +2383,7 @@ function EditIconList({
   );
   const hasAnyIcon = true;
   return /* @__PURE__ */ jsxs13("div", { className: "group/list relative grid gap-4 pb-4", children: [
-    wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx26(
+    wrappedItems.map((wrapped, index) => /* @__PURE__ */ jsx27(
       EditableRow,
       {
         id: wrapped.id,
@@ -2416,7 +2405,7 @@ function EditIconList({
       },
       wrapped.id
     )),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       TrailingDropZone,
       {
         index: wrappedItems.length,
@@ -2425,10 +2414,10 @@ function EditIconList({
         onReorder
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       IconButton,
       {
-        icon: /* @__PURE__ */ jsx26(AddIcon, { size: 16 }),
+        icon: /* @__PURE__ */ jsx27(AddIcon, { size: 16 }),
         label: "Add item",
         size: "lg",
         intent: "primary",
@@ -2529,16 +2518,16 @@ function EditableRow({
             onMouseEnter: () => setIconHover(true),
             onMouseLeave: () => setIconHover(false),
             children: [
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   className: "cursor-pointer transition-opacity hover:opacity-70",
                   "aria-label": "Change icon",
                   onClick: () => setPickerOpen((prev) => !prev),
-                  children: iconHover && !pickerOpen ? /* @__PURE__ */ jsx26(Pencil, { size: 18, className: "text-base-contrast-light" }) : iconEntry ? /* @__PURE__ */ jsx26(iconEntry.icon, { size: 18 }) : /* @__PURE__ */ jsx26("span", { className: "flex h-[18px] w-[18px] items-center justify-center rounded-sm border border-dashed border-base-contrast-light/40" })
+                  children: iconHover && !pickerOpen ? /* @__PURE__ */ jsx27(Pencil, { size: 18, className: "text-base-contrast-light" }) : iconEntry ? /* @__PURE__ */ jsx27(iconEntry.icon, { size: 18 }) : /* @__PURE__ */ jsx27("span", { className: "flex h-[18px] w-[18px] items-center justify-center rounded-sm border border-dashed border-base-contrast-light/40" })
                 }
               ),
-              pickerOpen && /* @__PURE__ */ jsx26("div", { className: "absolute top-full left-0 z-50 mt-1", children: /* @__PURE__ */ jsx26(
+              pickerOpen && /* @__PURE__ */ jsx27("div", { className: "absolute top-full left-0 z-50 mt-1", children: /* @__PURE__ */ jsx27(
                 IconPicker,
                 {
                   selected: effectiveIconId,
@@ -2567,7 +2556,7 @@ function EditableRow({
           }
         ),
         /* @__PURE__ */ jsxs13("div", { className: stackText ? "flex flex-col" : void 0, children: [
-          showLabel && /* @__PURE__ */ jsx26(
+          showLabel && /* @__PURE__ */ jsx27(
             EditablePlainText,
             {
               tag: "span",
@@ -2578,7 +2567,7 @@ function EditableRow({
               className: cn(labelClassName, !stackText && "mr-1")
             }
           ),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             EditablePlainText,
             {
               tag: "span",
@@ -2598,30 +2587,30 @@ function EditableRow({
               editingSuppressed ? "opacity-0 pointer-events-none" : "opacity-0 group-hover/row:opacity-100 no-hover:opacity-100"
             ),
             children: [
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 IconButton,
                 {
                   ref: handleRef,
-                  icon: /* @__PURE__ */ jsx26(DragHandle, { size: 14 }),
+                  icon: /* @__PURE__ */ jsx27(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__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "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__ */ jsx26(CopyPlus, { size: 14 })
+                  children: /* @__PURE__ */ jsx27(CopyPlus, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 IconButton,
                 {
-                  icon: /* @__PURE__ */ jsx26(DeleteIcon, { size: 14 }),
+                  icon: /* @__PURE__ */ jsx27(DeleteIcon, { size: 14 }),
                   label: "Delete item",
                   size: "sm",
                   intent: "destructive",
@@ -2671,7 +2660,7 @@ function TrailingDropZone({
     };
   }, [index, onReorder, setDragState]);
   const isDropTarget = dragState.targetId === trailingId && dragState.sourceId !== null;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       ref,
@@ -2686,7 +2675,7 @@ import { useState as useState12 } from "react";
 // src/components/shared/Checkbox.tsx
 import { useId as useId2 } from "react";
 import { Check as Check3 } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
 function Checkbox({
   checked,
   onChange,
@@ -2717,7 +2706,7 @@ function Checkbox({
               align === "start" && "mt-0.5"
             ),
             children: [
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 "input",
                 {
                   id,
@@ -2728,7 +2717,7 @@ function Checkbox({
                   className: "sr-only"
                 }
               ),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -2737,7 +2726,7 @@ function Checkbox({
                     checked ? "border-primary bg-primary text-primary-contrast" : "border-base-300 bg-base hover:border-primary",
                     disabled && "pointer-events-none"
                   ),
-                  children: checked && /* @__PURE__ */ jsx27(Check3, { size: 14, strokeWidth: 3 })
+                  children: checked && /* @__PURE__ */ jsx28(Check3, { size: 14, strokeWidth: 3 })
                 }
               )
             ]
@@ -2745,8 +2734,8 @@ function Checkbox({
         ),
         startAdornment,
         /* @__PURE__ */ jsxs14("div", { className: "text-sm", children: [
-          /* @__PURE__ */ jsx27("span", { className: "font-medium text-base-contrast", children: label }),
-          description && /* @__PURE__ */ jsx27("span", { className: "block text-base-contrast-light", children: description })
+          /* @__PURE__ */ jsx28("span", { className: "font-medium text-base-contrast", children: label }),
+          description && /* @__PURE__ */ jsx28("span", { className: "block text-base-contrast-light", children: description })
         ] })
       ]
     }
@@ -2754,7 +2743,7 @@ function Checkbox({
 }
 
 // src/components/sections/IconList/IconListSettings.tsx
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 function IconListSettings({
   icon: initialIcon,
   showLabel: initialShowLabel,
@@ -2770,7 +2759,7 @@ function IconListSettings({
   const iconEntry = icon ? getIcon(icon) : null;
   return /* @__PURE__ */ jsxs15("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs15("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx28(FormLabel, { htmlFor: "icon-picker-btn", children: "Default Icon" }),
+      /* @__PURE__ */ jsx29(FormLabel, { htmlFor: "icon-picker-btn", children: "Default Icon" }),
       /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxs15(
           "button",
@@ -2779,12 +2768,12 @@ function IconListSettings({
             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__ */ jsx28(iconEntry.icon, { size: 16 }),
-              /* @__PURE__ */ jsx28("span", { children: iconEntry?.label ?? "None" })
+              iconEntry && /* @__PURE__ */ jsx29(iconEntry.icon, { size: 16 }),
+              /* @__PURE__ */ jsx29("span", { children: iconEntry?.label ?? "None" })
             ]
           }
         ),
-        icon && /* @__PURE__ */ jsx28(
+        icon && /* @__PURE__ */ jsx29(
           "button",
           {
             className: "cursor-pointer text-xs text-base-contrast-light hover:text-base-contrast",
@@ -2796,7 +2785,7 @@ function IconListSettings({
           }
         )
       ] }),
-      pickerOpen && /* @__PURE__ */ jsx28("div", { className: "absolute top-full left-0 z-50 mt-1", children: /* @__PURE__ */ jsx28(
+      pickerOpen && /* @__PURE__ */ jsx29("div", { className: "absolute top-full left-0 z-50 mt-1", children: /* @__PURE__ */ jsx29(
         IconPicker,
         {
           selected: icon,
@@ -2811,7 +2800,7 @@ function IconListSettings({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       Checkbox,
       {
         checked: showLabel,
@@ -2822,7 +2811,7 @@ function IconListSettings({
         label: "Show labels"
       }
     ),
-    showLabel && /* @__PURE__ */ jsx28(
+    showLabel && /* @__PURE__ */ jsx29(
       Checkbox,
       {
         checked: stackText,
@@ -2837,24 +2826,30 @@ function IconListSettings({
 }
 
 // src/components/sections/IconList/index.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-var schema8 = z8.object({
-  type: z8.literal("icon_list"),
-  content: z8.object({
-    items: z8.array(z8.object({ label: z8.string(), text: z8.string(), icon: z8.string().optional(), dodont: z8.enum(["do", "dont"]).optional() }))
+import { jsx as jsx30 } from "react/jsx-runtime";
+var IconListItemSchema = z6.object({
+  label: z6.string(),
+  text: z6.string(),
+  icon: z6.string().optional(),
+  dodont: z6.enum(["do", "dont"]).optional()
+});
+var schema5 = z6.object({
+  type: z6.literal("icon_list"),
+  content: z6.object({
+    items: z6.array(IconListItemSchema)
   }),
-  options: z8.object({
-    icon: z8.string().nullable().optional(),
-    showLabel: z8.boolean().optional(),
-    stackText: z8.boolean().optional()
+  options: z6.object({
+    icon: z6.string().nullable().optional(),
+    showLabel: z6.boolean().optional(),
+    stackText: z6.boolean().optional()
   }).optional()
 });
 var IconList_default = defineSection({
   type: "icon_list",
   label: "Icon List",
-  icon: /* @__PURE__ */ jsx29(List, { size: 18 }),
-  schema: schema8,
-  component: ({ content, options, onChange }) => /* @__PURE__ */ jsx29(
+  icon: /* @__PURE__ */ jsx30(List, { size: 18 }),
+  schema: schema5,
+  component: ({ content, options, onChange }) => /* @__PURE__ */ jsx30(
     IconList,
     {
       items: content.content.items,
@@ -2868,15 +2863,12 @@ var IconList_default = defineSection({
     type: "icon_list",
     content: { items: [{ label: "", text: "" }] }
   }),
-  getLabel: (content) => {
-    const n = content.content.items.length;
-    return `${n} icon${n === 1 ? "" : "s"}`;
-  },
+  getLabel: (content) => pluralize(content.content.items.length, "icon"),
   settingsForm: IconListSettings
 });
 
 // src/components/sections/Container/index.tsx
-import { z as z9 } from "zod";
+import { z as z7 } from "zod";
 import { LayoutTemplate } from "lucide-react";
 
 // src/components/sections/Container/Container.tsx
@@ -2890,35 +2882,35 @@ import { CopyPlus as CopyPlus2 } from "lucide-react";
 import { forwardRef as forwardRef4 } from "react";
 
 // src/components/shared/Tooltip.tsx
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 function Tooltip({ content, children, className }) {
   return /* @__PURE__ */ jsxs16("div", { className: cn("group/tooltip relative inline-flex", className), children: [
     children,
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       "span",
       {
         className: "pointer-events-none absolute left-1/2 top-full z-50 mt-1.5 -translate-x-1/2 opacity-0 transition-opacity delay-300 group-hover/tooltip:opacity-100",
         role: "tooltip",
-        children: /* @__PURE__ */ jsx30("span", { className: "block whitespace-nowrap rounded bg-tooltip px-2 py-1 text-center text-xs leading-relaxed text-tooltip-muted", children: content })
+        children: /* @__PURE__ */ jsx31("span", { className: "block whitespace-nowrap rounded bg-tooltip px-2 py-1 text-center text-xs leading-relaxed text-tooltip-muted", children: content })
       }
     )
   ] });
 }
 function Kbd({ children }) {
-  return /* @__PURE__ */ jsx30("strong", { className: "text-tooltip-contrast", children });
+  return /* @__PURE__ */ jsx31("strong", { className: "text-tooltip-contrast", children });
 }
 
 // src/components/editor/DragHandle.tsx
-import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 var DragHandle2 = forwardRef4(function DragHandle3(_, ref) {
-  return /* @__PURE__ */ jsx31(Tooltip, { content: /* @__PURE__ */ jsxs17(Fragment5, { children: [
-    /* @__PURE__ */ jsx31(Kbd, { children: "Drag" }),
+  return /* @__PURE__ */ jsx32(Tooltip, { content: /* @__PURE__ */ jsxs17(Fragment5, { children: [
+    /* @__PURE__ */ jsx32(Kbd, { children: "Drag" }),
     " to move"
-  ] }), children: /* @__PURE__ */ jsx31(
+  ] }), children: /* @__PURE__ */ jsx32(
     IconButton,
     {
       ref,
-      icon: /* @__PURE__ */ jsx31(DragHandle, { size: 18 }),
+      icon: /* @__PURE__ */ jsx32(DragHandle, { size: 18 }),
       label: "Drag to reorder section",
       className: "pointer-events-auto cursor-grab active:cursor-grabbing rounded-md text-base-contrast-light/80 hover:bg-base-contrast-light/10 hover:text-base-contrast",
       tabIndex: -1
@@ -2927,12 +2919,12 @@ var DragHandle2 = forwardRef4(function DragHandle3(_, ref) {
 });
 
 // src/components/editor/DeleteButton.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function DeleteButton({ onDelete }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     IconButton,
     {
-      icon: /* @__PURE__ */ jsx32(DeleteIcon, { size: 16 }),
+      icon: /* @__PURE__ */ jsx33(DeleteIcon, { size: 16 }),
       label: "Delete section",
       intent: "destructive",
       onClick: onDelete,
@@ -2942,12 +2934,12 @@ function DeleteButton({ onDelete }) {
 }
 
 // src/components/editor/SettingsButton.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function SettingsButton({ onClick }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     IconButton,
     {
-      icon: /* @__PURE__ */ jsx33(SettingsIcon, { size: 16 }),
+      icon: /* @__PURE__ */ jsx34(SettingsIcon, { size: 16 }),
       label: "Section settings",
       onClick,
       className: "pointer-events-auto"
@@ -3011,7 +3003,7 @@ function useFocusTrap(ref, active) {
 }
 
 // src/components/shared/Popover.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Popover({
   isOpen,
   onClose,
@@ -3061,7 +3053,7 @@ function Popover({
   }, [isOpen, onClose, anchorRef]);
   if (!isOpen) return null;
   const effectiveAlign = align === "auto" ? resolvedAlign : align;
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       ref: panelRef,
@@ -3079,10 +3071,10 @@ function Popover({
 
 // src/components/shared/PopoverItem.tsx
 import { forwardRef as forwardRef5 } from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var PopoverItem = forwardRef5(
   function PopoverItem2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       "button",
       {
         ref,
@@ -3099,14 +3091,14 @@ var PopoverItem = forwardRef5(
 );
 
 // src/components/editor/ColSpanControl.tsx
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
 function ColSpanControl({ colSpan, columns, onChange }) {
   const buttonRef = useRef10(null);
   const [open, setOpen] = useState14(false);
   if (columns <= 1) return null;
   const current = Math.min(Math.max(colSpan, 1), columns);
   return /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(
       "button",
       {
         ref: buttonRef,
@@ -3116,10 +3108,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__ */ jsx36(Columns3, { size: 14 })
+        children: /* @__PURE__ */ jsx37(Columns3, { size: 14 })
       }
     ),
-    /* @__PURE__ */ jsx36(Popover, { isOpen: open, onClose: () => setOpen(false), anchorRef: buttonRef, className: "min-w-28", children: /* @__PURE__ */ jsx36("ul", { role: "list", className: "py-1", children: Array.from({ length: columns }, (_, i) => i + 1).map((span) => /* @__PURE__ */ jsx36("li", { children: /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsx37(Popover, { isOpen: open, onClose: () => setOpen(false), anchorRef: buttonRef, className: "min-w-28", children: /* @__PURE__ */ jsx37("ul", { role: "list", className: "py-1", children: Array.from({ length: columns }, (_, i) => i + 1).map((span) => /* @__PURE__ */ jsx37("li", { children: /* @__PURE__ */ jsxs18(
       PopoverItem,
       {
         "aria-current": span === current,
@@ -3138,7 +3130,7 @@ function ColSpanControl({ colSpan, columns, onChange }) {
 }
 
 // src/components/editor/ChildBlockWrapper.tsx
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 var ChildBlockWrapper = forwardRef6(
   function ChildBlockWrapper2({
     label,
@@ -3165,38 +3157,38 @@ var ChildBlockWrapper = forwardRef6(
         ),
         children: [
           /* @__PURE__ */ jsxs19("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__ */ jsx37("span", { className: "sr-only", children: label }),
-            /* @__PURE__ */ jsx37("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx37(DragHandle2, { ref: dragHandleRef }) }),
-            /* @__PURE__ */ jsx37("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx37(ColSpanControl, { colSpan, columns, onChange: onColSpanChange }) }),
-            hasSettings && onOpenSettings && /* @__PURE__ */ jsx37("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx37(SettingsButton, { onClick: onOpenSettings }) }),
-            /* @__PURE__ */ jsx37("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38("span", { className: "sr-only", children: label }),
+            /* @__PURE__ */ jsx38("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx38(DragHandle2, { ref: dragHandleRef }) }),
+            /* @__PURE__ */ jsx38("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx38(ColSpanControl, { colSpan, columns, onChange: onColSpanChange }) }),
+            hasSettings && onOpenSettings && /* @__PURE__ */ jsx38("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx38(SettingsButton, { onClick: onOpenSettings }) }),
+            /* @__PURE__ */ jsx38("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx38(
               "button",
               {
                 type: "button",
                 "aria-label": "Duplicate block",
                 onClick: onDuplicate,
                 className: "cursor-pointer rounded p-1 text-base-contrast-light hover:text-primary",
-                children: /* @__PURE__ */ jsx37(CopyPlus2, { size: 16 })
+                children: /* @__PURE__ */ jsx38(CopyPlus2, { size: 16 })
               }
             ) }),
-            /* @__PURE__ */ jsx37("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx37(DeleteButton, { onDelete }) })
+            /* @__PURE__ */ jsx38("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx38(DeleteButton, { onDelete }) })
           ] }),
-          closestEdge === "left" && /* @__PURE__ */ jsx37(
+          closestEdge === "left" && /* @__PURE__ */ jsx38(
             "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__ */ jsx37(
+          closestEdge === "right" && /* @__PURE__ */ jsx38(
             "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__ */ jsx37("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__ */ jsx37("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__ */ jsx38("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__ */ jsx38("div", { "data-drop-edge": "bottom", className: "absolute left-0 right-0 bottom-0 z-10 h-0.5 translate-y-1 bg-primary" }),
           children
         ]
       }
@@ -3210,7 +3202,7 @@ import { useId as useId4, useState as useState16 } from "react";
 // src/components/shared/Select.tsx
 import { useId as useId3 } from "react";
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
 function Select({
   label,
   value,
@@ -3222,9 +3214,9 @@ function Select({
 }) {
   const id = useId3();
   return /* @__PURE__ */ jsxs20("div", { className, children: [
-    label && /* @__PURE__ */ jsx38(FormLabel, { htmlFor: id, children: label }),
+    label && /* @__PURE__ */ jsx39(FormLabel, { htmlFor: id, children: label }),
     /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         "select",
         {
           id,
@@ -3237,10 +3229,10 @@ function Select({
             disabled && "cursor-not-allowed opacity-50",
             selectClassName
           ),
-          children: options.map((opt) => /* @__PURE__ */ jsx38("option", { value: opt.value, children: opt.label }, opt.value))
+          children: options.map((opt) => /* @__PURE__ */ jsx39("option", { value: opt.value, children: opt.label }, opt.value))
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         ChevronDown,
         {
           size: 14,
@@ -3252,7 +3244,7 @@ function Select({
 }
 
 // src/components/shared/LinkField.tsx
-import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
 var TARGET_OPTIONS = [
   { label: "Same tab (_self)", value: "_self" },
   { label: "New tab (_blank)", value: "_blank" }
@@ -3267,8 +3259,8 @@ function LinkField({ label, value, onChange }) {
   const pageId = isInternal ? value.pageId : "";
   const headings = pageId ? getPageHeadings(pageId) : [];
   return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx39(FormLabel, { children: label }),
-    /* @__PURE__ */ jsx39("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(FormLabel, { children: label }),
+    /* @__PURE__ */ jsx40("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx40(
       "button",
       {
         type: "button",
@@ -3283,7 +3275,7 @@ function LinkField({ label, value, onChange }) {
       },
       kind
     )) }),
-    value.kind === "external" ? /* @__PURE__ */ jsx39(
+    value.kind === "external" ? /* @__PURE__ */ jsx40(
       Input,
       {
         label: "URL",
@@ -3292,7 +3284,7 @@ function LinkField({ label, value, onChange }) {
         onChange: (href) => onChange({ kind: "external", href, target: value.target })
       }
     ) : /* @__PURE__ */ jsxs21(Fragment6, { children: [
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         Select,
         {
           label: "Page",
@@ -3301,7 +3293,7 @@ function LinkField({ label, value, onChange }) {
           onChange: (pid) => onChange({ kind: "internal", pageId: pid, anchorSectionId: null, target: value.target })
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         Select,
         {
           label: "Section",
@@ -3312,7 +3304,7 @@ function LinkField({ label, value, onChange }) {
         }
       )
     ] }),
-    value.kind === "external" && /* @__PURE__ */ jsx39(
+    value.kind === "external" && /* @__PURE__ */ jsx40(
       Select,
       {
         label: "Opens in",
@@ -3326,7 +3318,7 @@ function LinkField({ label, value, onChange }) {
 
 // src/components/shared/Tabs.tsx
 import { useState as useState15 } from "react";
-import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
 function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar }) {
   const [uncontrolledId, setUncontrolledId] = useState15(defaultTabId ?? tabs[0]?.id);
   const isControlled = activeTabId !== void 0;
@@ -3337,7 +3329,7 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
     onTabChange?.(id);
   }
   return /* @__PURE__ */ jsxs22("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx40("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx40("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41("div", { className: cn("border-b border-base-200", fullBleedTabBar && "-mx-6 px-6"), children: /* @__PURE__ */ jsx41("div", { className: "flex", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx41(
       "button",
       {
         type: "button",
@@ -3352,15 +3344,15 @@ function Tabs({ tabs, defaultTabId, activeTabId, onTabChange, fullBleedTabBar })
       },
       tab.id
     )) }) }),
-    /* @__PURE__ */ jsx40("div", { role: "tabpanel", children: activeTab?.content })
+    /* @__PURE__ */ jsx41("div", { role: "tabpanel", children: activeTab?.content })
   ] });
 }
 
 // src/components/editor/SettingsForm.tsx
-import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
-function resolveValues(schema11, values) {
+import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+function resolveValues(schema8, values) {
   const resolved = {};
-  for (const [key, field] of Object.entries(schema11)) {
+  for (const [key, field] of Object.entries(schema8)) {
     resolved[key] = values[key] ?? field.default;
   }
   return resolved;
@@ -3377,10 +3369,10 @@ function normalizeEmpty(field, value) {
   }
   return value;
 }
-function splitByTarget(schema11, allValues) {
+function splitByTarget(schema8, allValues) {
   const content = {};
   const options = {};
-  for (const [key, field] of Object.entries(schema11)) {
+  for (const [key, field] of Object.entries(schema8)) {
     const value = normalizeEmpty(field, coerceValue(field, allValues[key]));
     const target = field.target ?? "options";
     if (target === "content") {
@@ -3398,8 +3390,8 @@ function RangeField({
 }) {
   const id = useId4();
   return /* @__PURE__ */ jsxs23("div", { children: [
-    /* @__PURE__ */ jsx41(FormLabel, { htmlFor: id, children: field.label }),
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx42(FormLabel, { htmlFor: id, children: field.label }),
+    /* @__PURE__ */ jsx42(
       "input",
       {
         id,
@@ -3419,7 +3411,7 @@ function RangeField({
 function renderField(key, field, value, handleFieldChange) {
   switch (field.type) {
     case "text":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         Input,
         {
           label: field.label,
@@ -3430,7 +3422,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "number":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         Input,
         {
           label: field.label,
@@ -3441,7 +3433,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "checkbox":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         Checkbox,
         {
           label: field.label,
@@ -3451,7 +3443,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "select":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         Select,
         {
           label: field.label,
@@ -3462,7 +3454,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "range":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         RangeField,
         {
           field,
@@ -3472,7 +3464,7 @@ function renderField(key, field, value, handleFieldChange) {
         key
       );
     case "link":
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         LinkField,
         {
           label: field.label,
@@ -3485,24 +3477,24 @@ function renderField(key, field, value, handleFieldChange) {
       return null;
   }
 }
-function SettingsForm({ schema: schema11, values, onChange, tabs }) {
-  const [local, setLocal] = useState16(() => resolveValues(schema11, values));
+function SettingsForm({ schema: schema8, values, onChange, tabs }) {
+  const [local, setLocal] = useState16(() => resolveValues(schema8, values));
   function handleFieldChange(key, newValue) {
     const next = { ...local, [key]: newValue };
     setLocal(next);
-    onChange(splitByTarget(schema11, next));
+    onChange(splitByTarget(schema8, next));
   }
   if (tabs) {
-    const fields = (keys) => keys.filter((key) => key in schema11).map((key) => renderField(key, schema11[key], local[key], handleFieldChange));
+    const fields = (keys) => keys.filter((key) => key in schema8).map((key) => renderField(key, schema8[key], local[key], handleFieldChange));
     const listed = new Set(tabs.flatMap((t) => t.fields));
-    const otherKeys = Object.keys(schema11).filter((key) => !listed.has(key));
+    const otherKeys = Object.keys(schema8).filter((key) => !listed.has(key));
     const tabItems = [
-      ...tabs.map((t) => ({ id: t.label, label: t.label, content: /* @__PURE__ */ jsx41("div", { className: "flex flex-col gap-4", children: fields(t.fields) }) })),
-      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx41("div", { className: "flex flex-col gap-4", children: fields(otherKeys) }) }] : []
+      ...tabs.map((t) => ({ id: t.label, label: t.label, content: /* @__PURE__ */ jsx42("div", { className: "flex flex-col gap-4", children: fields(t.fields) }) })),
+      ...otherKeys.length > 0 ? [{ id: "__other__", label: "Other", content: /* @__PURE__ */ jsx42("div", { className: "flex flex-col gap-4", children: fields(otherKeys) }) }] : []
     ];
-    return /* @__PURE__ */ jsx41(Tabs, { tabs: tabItems, fullBleedTabBar: true });
+    return /* @__PURE__ */ jsx42(Tabs, { tabs: tabItems, fullBleedTabBar: true });
   }
-  return /* @__PURE__ */ jsx41("div", { className: "flex flex-col gap-4", children: Object.entries(schema11).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
+  return /* @__PURE__ */ jsx42("div", { className: "flex flex-col gap-4", children: Object.entries(schema8).map(([key, field]) => renderField(key, field, local[key], handleFieldChange)) });
 }
 
 // src/hooks/useBlockDnd.ts
@@ -3686,7 +3678,7 @@ function trimTrailingSpacers(container) {
 }
 
 // src/components/sections/Container/Container.tsx
-import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 var ROW_EDGES = ["left", "right"];
 var COL_EDGES = ["top", "bottom"];
 function ContainerChild({
@@ -3717,14 +3709,14 @@ function ContainerChild({
     allowedEdges: flow === "column" ? COL_EDGES : ROW_EDGES,
     enabled: true
   });
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       ref: dragRef,
       className: cellClass,
       "data-child-index": index,
       "data-child-id": child.id,
-      children: /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx43(
         ChildBlockWrapper,
         {
           label,
@@ -3738,7 +3730,7 @@ function ContainerChild({
           onDuplicate,
           onColSpanChange,
           onOpenSettings,
-          children: /* @__PURE__ */ jsx42(
+          children: /* @__PURE__ */ jsx43(
             ChildComp,
             {
               content: child,
@@ -3766,7 +3758,7 @@ function EmptyColumnCell({
     enabled: true
   });
   const active = closestEdge !== null;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       ref: dropRef,
@@ -3804,7 +3796,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
     flow === "column" && "grid-flow-col"
   );
   if (!editable) {
-    return /* @__PURE__ */ jsx42("div", { className: "@container", children: /* @__PURE__ */ jsx42("div", { className: gridClass, children: children.map((child, index) => {
+    return /* @__PURE__ */ jsx43("div", { className: "@container", children: /* @__PURE__ */ jsx43("div", { className: gridClass, children: children.map((child, index) => {
       const def = getSection(child.type);
       if (!def) return null;
       const Child = def.component;
@@ -3815,7 +3807,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
         colSpanClass[columns]?.[Math.min(span, columns)] || void 0,
         child.type === "spacer" && spacerHiddenClass[columns]
       );
-      return /* @__PURE__ */ jsx42("div", { className: cellClass, children: /* @__PURE__ */ jsx42(Child, { content: child, options: mergedOptions, isEditMode }) }, child.id ?? index);
+      return /* @__PURE__ */ jsx43("div", { className: cellClass, children: /* @__PURE__ */ jsx43(Child, { content: child, options: mergedOptions, isEditMode }) }, child.id ?? index);
     }) }) });
   }
   function columnStartOf(index) {
@@ -3829,7 +3821,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
     const def = getSection(child.type);
     if (!def) return null;
     if (isSpacer(child)) {
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(
         EmptyColumnCell,
         {
           containerId: container.id,
@@ -3857,12 +3849,12 @@ function Container({ content, isEditMode, onChange, openModal }) {
         const CustomForm = def.settingsForm;
         openModal(
           `${def.label} Settings`,
-          /* @__PURE__ */ jsx42(CustomForm, { ...seed, onChange: applyResult })
+          /* @__PURE__ */ jsx43(CustomForm, { ...seed, onChange: applyResult })
         );
       } else if (def.settings) {
         openModal(
           `${def.label} Settings`,
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx43(
             SettingsForm,
             {
               schema: def.settings,
@@ -3874,7 +3866,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
         );
       }
     } : void 0;
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       ContainerChild,
       {
         containerId: container.id,
@@ -3900,9 +3892,9 @@ function Container({ content, isEditMode, onChange, openModal }) {
   }
   const occupied = occupiedColumns(children, columns);
   const emptyCols = occupied < columns ? columns - occupied : 0;
-  return /* @__PURE__ */ jsx42("div", { className: "@container", children: /* @__PURE__ */ jsxs24("div", { className: gridClass, children: [
+  return /* @__PURE__ */ jsx43("div", { className: "@container", children: /* @__PURE__ */ jsxs24("div", { className: gridClass, children: [
     children.map(renderEditChild),
-    Array.from({ length: emptyCols }, (_, i) => /* @__PURE__ */ jsx42(
+    Array.from({ length: emptyCols }, (_, i) => /* @__PURE__ */ jsx43(
       EmptyColumnCell,
       {
         containerId: container.id,
@@ -3916,7 +3908,7 @@ function Container({ content, isEditMode, onChange, openModal }) {
 
 // src/components/sections/Container/ContainerSettingsForm.tsx
 import { useState as useState18 } from "react";
-import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
 function inheritableSchema(children) {
   const out = {};
   for (const child of children) {
@@ -3968,8 +3960,8 @@ function ContainerSettingsForm({
   };
   return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsxs25("fieldset", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx43("legend", { className: "mb-2 text-sm font-semibold text-base-contrast", children: "Layout" }),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44("legend", { className: "mb-2 text-sm font-semibold text-base-contrast", children: "Layout" }),
+      /* @__PURE__ */ jsx44(
         SettingsForm,
         {
           schema: layoutSchema,
@@ -3986,8 +3978,8 @@ function ContainerSettingsForm({
       )
     ] }),
     hasChildDefaults && /* @__PURE__ */ jsxs25("fieldset", { className: "flex flex-col gap-4 border-t border-base-200 pt-4", children: [
-      /* @__PURE__ */ jsx43("legend", { className: "mb-2 text-sm font-semibold text-base-contrast", children: "Apply to all items" }),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44("legend", { className: "mb-2 text-sm font-semibold text-base-contrast", children: "Apply to all items" }),
+      /* @__PURE__ */ jsx44(
         SettingsForm,
         {
           schema: childSchema,
@@ -4004,16 +3996,16 @@ function ContainerSettingsForm({
 }
 
 // src/components/sections/Container/index.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
-var schema9 = z9.object({
-  type: z9.literal("container"),
-  content: z9.object({
-    columns: z9.number().int().min(1).max(MAX_CONTAINER_COLUMNS).default(1),
-    flow: z9.enum(["row", "column"]).default("row"),
-    childDefaults: z9.record(z9.string(), z9.unknown()).optional(),
+import { jsx as jsx45 } from "react/jsx-runtime";
+var schema6 = z7.object({
+  type: z7.literal("container"),
+  content: z7.object({
+    columns: z7.number().int().min(1).max(MAX_CONTAINER_COLUMNS).default(1),
+    flow: z7.enum(["row", "column"]).default("row"),
+    childDefaults: z7.record(z7.string(), z7.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: z9.array(z9.lazy(() => getSectionSchema())).default([])
+    children: z7.array(z7.lazy(() => getSectionSchema())).default([])
   }).transform((c) => ({
     ...c,
     children: c.children.map(
@@ -4024,42 +4016,39 @@ var schema9 = z9.object({
 var Container_default = defineSection({
   type: "container",
   label: "Container",
-  icon: /* @__PURE__ */ jsx44(LayoutTemplate, { size: 18 }),
-  schema: schema9,
-  component: ({ content, onChange, isEditMode, openModal }) => /* @__PURE__ */ jsx44(Container, { content, isEditMode: !!isEditMode, onChange, openModal }),
+  icon: /* @__PURE__ */ jsx45(LayoutTemplate, { size: 18 }),
+  schema: schema6,
+  component: ({ content, onChange, isEditMode, openModal }) => /* @__PURE__ */ jsx45(Container, { content, isEditMode: !!isEditMode, onChange, openModal }),
   defaults: () => ({
     type: "container",
     content: { columns: 1, flow: "row", children: [] }
   }),
-  getLabel: (content) => {
-    const n = content.content.children.length;
-    return `Container (${n} item${n === 1 ? "" : "s"})`;
-  },
+  getLabel: (content) => `Container (${pluralize(content.content.children.length, "item")})`,
   settingsForm: ContainerSettingsForm
 });
 
 // src/components/sections/Spacer/index.tsx
-import { z as z10 } from "zod";
+import { z as z8 } from "zod";
 import { SquareDashed } from "lucide-react";
 
 // src/components/sections/Spacer/Spacer.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function Spacer() {
-  return /* @__PURE__ */ jsx45("div", { "data-spacer": true, "aria-hidden": "true", className: "h-full" });
+  return /* @__PURE__ */ jsx46("div", { "data-spacer": true, "aria-hidden": "true", className: "h-full" });
 }
 
 // src/components/sections/Spacer/index.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-var schema10 = z10.object({
-  type: z10.literal("spacer"),
-  content: z10.object({}).default({})
+import { jsx as jsx47 } from "react/jsx-runtime";
+var schema7 = z8.object({
+  type: z8.literal("spacer"),
+  content: z8.object({}).default({})
 });
 var Spacer_default = defineSection({
   type: "spacer",
   label: "Spacer",
-  icon: /* @__PURE__ */ jsx46(SquareDashed, { size: 18 }),
-  schema: schema10,
-  component: () => /* @__PURE__ */ jsx46(Spacer, {}),
+  icon: /* @__PURE__ */ jsx47(SquareDashed, { size: 18 }),
+  schema: schema7,
+  component: () => /* @__PURE__ */ jsx47(Spacer, {}),
   defaults: () => ({ type: "spacer", content: {} })
 });