@arbidocs/blocks 0.5.23 → 0.5.24

package/dist/studio/index.cjs

@@ -2,11 +2,11 @@
 'use strict';
 
 var chunk7ZHPLTGK_cjs = require('../chunk-7ZHPLTGK.cjs');
-var chunk7DDMF3DZ_cjs = require('../chunk-7DDMF3DZ.cjs');
-var chunkZX663X3X_cjs = require('../chunk-ZX663X3X.cjs');
+var chunk53T2FY4Z_cjs = require('../chunk-53T2FY4Z.cjs');
+var chunkKNRAKOCO_cjs = require('../chunk-KNRAKOCO.cjs');
 var chunkELR74ME6_cjs = require('../chunk-ELR74ME6.cjs');
-require('../chunk-SQ5F5BFW.cjs');
-var chunkZU2B2RZK_cjs = require('../chunk-ZU2B2RZK.cjs');
+var chunkXDU3HHUU_cjs = require('../chunk-XDU3HHUU.cjs');
+var chunkKUQOHPKP_cjs = require('../chunk-KUQOHPKP.cjs');
 require('../chunk-VPPX5XUF.cjs');
 var chunkPCB2BPN3_cjs = require('../chunk-PCB2BPN3.cjs');
 require('../chunk-NWNVWO6L.cjs');
@@ -116,7 +116,7 @@ function LiveMetricInner({
   const query = source === "documents" ? docs : convos;
   const count = Array.isArray(query.data) ? query.data.length : 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7DDMF3DZ_cjs.MetricCard,
+    chunk53T2FY4Z_cjs.MetricCard,
     {
       label: label || METRIC_SOURCES[source].label,
       value: query.isLoading ? "\u2014" : String(count),
@@ -240,7 +240,7 @@ function createArbiMaterializer(arbi, opts = {}) {
 }
 function collectAssetRefs(node, acc) {
   if (typeof node === "string") {
-    if (chunkZX663X3X_cjs.isAssetRef(node)) acc.add(node);
+    if (chunkKNRAKOCO_cjs.isAssetRef(node)) acc.add(node);
     return;
   }
   if (Array.isArray(node)) {
@@ -274,7 +274,7 @@ async function materializePageData(data, materialize) {
   const replacements = /* @__PURE__ */ new Map();
   await Promise.all(
     [...refs].map(async (ref) => {
-      const src = await materialize(chunkZX663X3X_cjs.assetRefId(ref));
+      const src = await materialize(chunkKNRAKOCO_cjs.assetRefId(ref));
       if (src) replacements.set(ref, src);
     })
   );
@@ -380,7 +380,7 @@ function StudioEditor({
         radius: stored.radius ?? defaultTheme.radius,
         activePresetId: null
       });
-      chunkZX663X3X_cjs.applyStoredTheme(themeBundle);
+      chunkKNRAKOCO_cjs.applyStoredTheme(themeBundle);
     })();
     return () => {
       cancelled = true;
@@ -486,7 +486,7 @@ function StudioEditor({
             "\u201D\u2026"
           ]
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.AssetResolverProvider, { render: AssetThumb, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ) : /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.AssetResolverProvider, { render: AssetThumb, children: /* @__PURE__ */ jsxRuntime.jsx(
         puck.Puck,
         {
           config,
@@ -504,7 +504,7 @@ function StudioEditor({
           className: "w-80 shrink-0 border-l border-border",
           "data-testid": `${testIdPrefix}-theme-drawer`,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkZX663X3X_cjs.ThemeEditor,
+            chunkKUQOHPKP_cjs.ThemeEditor,
             {
               bundle: themeBundle,
               variant: "drawer",
@@ -546,7 +546,7 @@ function PageRenderer({
         const page = initialData ?? (await persistence.loadPublished(arbi, live, slug)).data ?? (await persistence.loadPage(arbi, live, slug)).data;
         if (cancelled) return;
         if (applyTheme) {
-          chunkZX663X3X_cjs.applyThemeVars(
+          chunkKUQOHPKP_cjs.applyThemeVars(
             theme ? { ...defaultTheme, ...theme, colors: { ...defaultTheme.colors, ...theme.colors } } : defaultTheme
           );
         }
@@ -788,7 +788,7 @@ function AiTextField({
     setActive(true);
     await task.run(buildPrompt({ kind, label, current: value ?? "" }), docIds);
   };
-  const inputTid = chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-field`, name);
+  const inputTid = chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-field`, name);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "al-ai-field", children: [
     multiline ? /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -817,7 +817,7 @@ function AiTextField({
         className: "al-ai-field__btn",
         onClick: () => void write(),
         disabled: task.isRunning,
-        "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-ai-write`, name),
+        "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-ai-write`, name),
         title: "Draft this field with AI, grounded in the marketing workspace",
         children: [
           task.isRunning ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-3" }),
@@ -920,8 +920,8 @@ function ImageFieldControl({
   const arbi = react$1.useArbi();
   const gen = useImageGen();
   const queryClient = reactQuery.useQueryClient();
-  const currentAssetImage = useAssetImage(chunkZX663X3X_cjs.isAssetRef(value) ? chunkZX663X3X_cjs.assetRefId(value) : "");
-  const tp = (...q) => chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-image`, name, ...q);
+  const currentAssetImage = useAssetImage(chunkKNRAKOCO_cjs.isAssetRef(value) ? chunkKNRAKOCO_cjs.assetRefId(value) : "");
+  const tp = (...q) => chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-image`, name, ...q);
   const refreshAssets = (id) => react$1.refreshDocuments(queryClient, arbi, [id]);
   const { data: docs } = react$1.useDocuments(workspaceId);
   const imageDocs = react.useMemo(
@@ -955,7 +955,7 @@ function ImageFieldControl({
       const res = await arbi.documents.upload([file], { folder, workspaceExtId: workspaceId });
       const id = res.doc_ext_ids?.[0];
       if (id) {
-        onChange(chunkZX663X3X_cjs.asAssetRef(id));
+        onChange(chunkKNRAKOCO_cjs.asAssetRef(id));
         void refreshAssets(id);
       }
     } finally {
@@ -973,7 +973,7 @@ function ImageFieldControl({
     if (!prompt.trim() || gen.isGenerating) return;
     const id = await gen.generate(prompt, refIds);
     if (id) {
-      onChange(chunkZX663X3X_cjs.asAssetRef(id));
+      onChange(chunkKNRAKOCO_cjs.asAssetRef(id));
       setRefIds([]);
       void refreshAssets(id);
     }
@@ -988,7 +988,7 @@ function ImageFieldControl({
   const tabClass = (on) => `inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium ${on ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", "data-testid": tp(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.BlockImage, { src: value, aspect: "16:9", rounded: "md", testId: tp("preview") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.BlockImage, { src: value, aspect: "16:9", rounded: "md", testId: tp("preview") }),
       currentAssetImage ? /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -1022,12 +1022,12 @@ function ImageFieldControl({
       imageDocs.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-3 py-3 text-center text-xs text-muted-foreground", children: "No image assets yet \u2014 upload or generate one." }),
       imageDocs.map((d) => {
         const thumb = thumbs?.[d.external_id];
-        const selected = value === chunkZX663X3X_cjs.asAssetRef(d.external_id);
+        const selected = value === chunkKNRAKOCO_cjs.asAssetRef(d.external_id);
         return /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
-            onClick: () => onChange(chunkZX663X3X_cjs.asAssetRef(d.external_id)),
+            onClick: () => onChange(chunkKNRAKOCO_cjs.asAssetRef(d.external_id)),
             className: `overflow-hidden rounded border ${selected ? "border-primary ring-1 ring-primary" : "border-border"}`,
             title: d.file_name ?? "",
             "data-testid": tp("asset", d.external_id),
@@ -1089,14 +1089,14 @@ function ImageFieldControl({
             "Reference images",
             refIds.length > 0 ? ` (${refIds.length})` : " (optional)"
           ] }),
-          chunkZX663X3X_cjs.isAssetRef(value) && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkKNRAKOCO_cjs.isAssetRef(value) && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
               className: "text-xs font-medium text-primary hover:underline",
-              onClick: () => toggleRef(chunkZX663X3X_cjs.assetRefId(value)),
+              onClick: () => toggleRef(chunkKNRAKOCO_cjs.assetRefId(value)),
               "data-testid": tp("vary-current"),
-              children: refIds.includes(chunkZX663X3X_cjs.assetRefId(value)) ? "Varying current" : "Vary current image"
+              children: refIds.includes(chunkKNRAKOCO_cjs.assetRefId(value)) ? "Varying current" : "Vary current image"
             }
           )
         ] }),
@@ -1310,7 +1310,7 @@ function createBlockKit(ai, image, eyebrowClassName) {
     }),
     iconField: (label = "Icon") => ({ type: "select", label, options: ICON_OPTIONS }),
     resolveIcon: (name) => name ? iconMap[name] : void 0,
-    blockTestId: (id) => chunkZU2B2RZK_cjs.tid("arbi-block", id)
+    blockTestId: (id) => chunkKUQOHPKP_cjs.tid("arbi-block", id)
   };
 }
 var emptySlot = [];
@@ -1375,7 +1375,7 @@ function createWebsiteBlocks(kit) {
     render: ({ id, count, gap, col1, col2, col3, col4 }) => {
       const n = Number(count) || 3;
       const columns = [col1, col2, col3, col4].slice(0, n).map(renderSlot);
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Columns, { count: n, gap, columns, testId: blockTestId(id) });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Columns, { count: n, gap, columns, testId: blockTestId(id) });
     }
   };
   const SpacerBlock = {
@@ -1393,7 +1393,7 @@ function createWebsiteBlocks(kit) {
       }
     },
     defaultProps: { size: "md" },
-    render: ({ id, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Spacer, { size, testId: blockTestId(id) })
+    render: ({ id, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Spacer, { size, testId: blockTestId(id) })
   };
   const ContainerBlock = {
     label: "Container",
@@ -1421,7 +1421,7 @@ function createWebsiteBlocks(kit) {
       children: { type: "slot" }
     },
     defaultProps: { width: "default", padding: "md", children: emptySlot },
-    render: ({ id, width, padding, children }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Container, { width, padding, testId: blockTestId(id), children: renderSlot(children) })
+    render: ({ id, width, padding, children }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Container, { width, padding, testId: blockTestId(id), children: renderSlot(children) })
   };
   const HeroBlock = {
     label: "Hero",
@@ -1472,7 +1472,7 @@ function createWebsiteBlocks(kit) {
       backgroundImage,
       overlay
     }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.Hero,
+      chunkKNRAKOCO_cjs.Hero,
       {
         eyebrow,
         title,
@@ -1544,7 +1544,7 @@ function createWebsiteBlocks(kit) {
           icon: resolveIcon(it.icon)
         })
       );
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.FeatureGrid, { columns, items: list, testId: blockTestId(id) });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.FeatureGrid, { columns, items: list, testId: blockTestId(id) });
     }
   };
   const StatGroupBlock = {
@@ -1569,7 +1569,7 @@ function createWebsiteBlocks(kit) {
         { value: "24/7", label: "Support" }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk7DDMF3DZ_cjs.StatGroup, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk53T2FY4Z_cjs.StatGroup, { items, testId: blockTestId(id) })
   };
   const TestimonialBlock = {
     label: "Testimonial",
@@ -1586,7 +1586,7 @@ function createWebsiteBlocks(kit) {
       avatarUrl: ""
     },
     render: ({ id, quote, author, role, avatarUrl }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.Testimonial,
+      chunkKNRAKOCO_cjs.Testimonial,
       {
         quote,
         author,
@@ -1615,7 +1615,7 @@ function createWebsiteBlocks(kit) {
       overlay: true
     },
     render: ({ id, title, subtitle, cta, tone, backgroundImage, overlay }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.CTABanner,
+      chunkKNRAKOCO_cjs.CTABanner,
       {
         title,
         subtitle,
@@ -1647,7 +1647,7 @@ function createWebsiteBlocks(kit) {
         { label: "Umbrella" }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.LogoCloud, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.LogoCloud, { items, testId: blockTestId(id) })
   };
   const FAQBlock = {
     label: "FAQ",
@@ -1679,7 +1679,7 @@ function createWebsiteBlocks(kit) {
         }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.FAQ, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.FAQ, { items, testId: blockTestId(id) })
   };
   const TimelineBlockConfig = {
     label: "Timeline",
@@ -1754,7 +1754,7 @@ function createWebsiteBlocks(kit) {
     defaultProps: {
       content: "## About us\n\nWe build tools that help teams do their best work. Our platform combines **power** and _simplicity_ so you can focus on what matters.\n\n- Fast to learn\n- Easy to scale\n- Loved by teams"
     },
-    render: ({ id, content }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.RichTextBlock, { content, testId: blockTestId(id) })
+    render: ({ id, content }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.RichTextBlock, { content, testId: blockTestId(id) })
   };
   const CalloutBlock = {
     label: "Callout",
@@ -1808,7 +1808,7 @@ function createWebsiteBlocks(kit) {
     },
     defaultProps: { src: "", alt: "Image", aspect: "16:9", rounded: "lg", framed: false },
     render: ({ id, src, alt, aspect, rounded, framed }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.BlockImage,
+      chunkKNRAKOCO_cjs.BlockImage,
       {
         src,
         alt,
@@ -1836,7 +1836,7 @@ function createWebsiteBlocks(kit) {
       }
     },
     defaultProps: { src: "", name: "Jane Doe", size: "md" },
-    render: ({ id, src, name, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.AvatarBlock, { src, name, size, testId: blockTestId(id) })
+    render: ({ id, src, name, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.AvatarBlock, { src, name, size, testId: blockTestId(id) })
   };
   const NavbarBlock = {
     label: "Navbar",
@@ -1864,7 +1864,7 @@ function createWebsiteBlocks(kit) {
       ],
       cta: { label: "Sign up", href: "#" }
     },
-    render: ({ id, brand, links, cta }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Navbar, { brand, links, cta, testId: blockTestId(id) })
+    render: ({ id, brand, links, cta }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Navbar, { brand, links, cta, testId: blockTestId(id) })
   };
   const FooterBlock = {
     label: "Footer",
@@ -1923,7 +1923,7 @@ function createWebsiteBlocks(kit) {
       ],
       copyright: "\xA9 2026 Acme, Inc. All rights reserved."
     },
-    render: ({ id, columns, copyright }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Footer, { columns, copyright, testId: blockTestId(id) })
+    render: ({ id, columns, copyright }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Footer, { columns, copyright, testId: blockTestId(id) })
   };
   const ListBlockConfig = {
     label: "List",
@@ -1941,7 +1941,7 @@ function createWebsiteBlocks(kit) {
       ordered: false,
       items: [{ text: "First item" }, { text: "Second item" }, { text: "Third item" }]
     },
-    render: ({ id, ordered, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.ListBlock, { ordered, items, testId: blockTestId(id) })
+    render: ({ id, ordered, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.ListBlock, { ordered, items, testId: blockTestId(id) })
   };
   return {
     Columns: ColumnsBlock,
@@ -2044,7 +2044,7 @@ function createSiteBlocks(kit) {
       ]
     },
     render: ({ id, plans }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.PricingTable,
+      chunkKNRAKOCO_cjs.PricingTable,
       {
         plans: (plans ?? []).map(
           (p) => ({
@@ -2082,7 +2082,7 @@ function createSiteBlocks(kit) {
         { label: "FAQ", content: "Answers to common questions." }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Tabs, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Tabs, { items, testId: blockTestId(id) })
   };
   const AccordionBlock = {
     label: "Accordion",
@@ -2106,7 +2106,7 @@ function createSiteBlocks(kit) {
         { title: "How does billing work?", content: "Monthly or annually, cancel anytime." }
       ]
     },
-    render: ({ id, allowMultiple, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Accordion, { allowMultiple, items, testId: blockTestId(id) })
+    render: ({ id, allowMultiple, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Accordion, { allowMultiple, items, testId: blockTestId(id) })
   };
   const GalleryBlock = {
     label: "Gallery",
@@ -2142,7 +2142,7 @@ function createSiteBlocks(kit) {
         { src: "", alt: "Image three", caption: "" }
       ]
     },
-    render: ({ id, columns, aspect, images }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Gallery, { columns, aspect, images, testId: blockTestId(id) })
+    render: ({ id, columns, aspect, images }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Gallery, { columns, aspect, images, testId: blockTestId(id) })
   };
   const VideoBlock = {
     label: "Video",
@@ -2162,7 +2162,7 @@ function createSiteBlocks(kit) {
     },
     defaultProps: { url: "", title: "", aspect: "16:9", rounded: true },
     render: ({ id, url, title, aspect, rounded }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.VideoEmbed,
+      chunkKNRAKOCO_cjs.VideoEmbed,
       {
         url,
         title,
@@ -2211,7 +2211,7 @@ function createSiteBlocks(kit) {
       ]
     },
     render: ({ id, submitLabel, action, successMessage, fields }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.ContactForm,
+      chunkKNRAKOCO_cjs.ContactForm,
       {
         submitLabel,
         action: action || void 0,
@@ -2241,7 +2241,7 @@ function createSiteBlocks(kit) {
       cta: { label: "Read more", href: "#" },
       tone: "primary"
     },
-    render: ({ id, text, cta, tone }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Banner, { text, cta, tone, testId: blockTestId(id) })
+    render: ({ id, text, cta, tone }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Banner, { text, cta, tone, testId: blockTestId(id) })
   };
   const MediaTextBlock = {
     label: "Media & text",
@@ -2269,7 +2269,7 @@ function createSiteBlocks(kit) {
       cta: { label: "Learn more", href: "#" }
     },
     render: ({ id, eyebrow, title, body, imageUrl, mediaSide, cta }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.MediaText,
+      chunkKNRAKOCO_cjs.MediaText,
       {
         eyebrow,
         title,
@@ -2306,7 +2306,7 @@ function createSiteBlocks(kit) {
         { name: "Jordan Lee", role: "Lead Engineer", bio: "", avatarUrl: "" }
       ]
     },
-    render: ({ id, columns, members }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.TeamGrid, { columns, members, testId: blockTestId(id) })
+    render: ({ id, columns, members }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.TeamGrid, { columns, members, testId: blockTestId(id) })
   };
   const StepsBlock = {
     label: "Steps",
@@ -2338,7 +2338,7 @@ function createSiteBlocks(kit) {
         { title: "Launch", description: "Go live and start seeing results." }
       ]
     },
-    render: ({ id, variant, steps }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.Steps, { variant, steps, testId: blockTestId(id) })
+    render: ({ id, variant, steps }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.Steps, { variant, steps, testId: blockTestId(id) })
   };
   const TestimonialGridBlock = {
     label: "Testimonial grid",
@@ -2380,7 +2380,7 @@ function createSiteBlocks(kit) {
         }
       ]
     },
-    render: ({ id, columns, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkZX663X3X_cjs.TestimonialGrid, { columns, items, testId: blockTestId(id) })
+    render: ({ id, columns, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKNRAKOCO_cjs.TestimonialGrid, { columns, items, testId: blockTestId(id) })
   };
   return {
     Pricing: PricingBlock,
@@ -2424,7 +2424,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { title: "Section title", align: "left", invert: false },
     render: ({ id, title, eyebrow, lead, align, invert }) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": blockTestId(id), children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZX663X3X_cjs.SectionHeading,
+      chunkKNRAKOCO_cjs.SectionHeading,
       {
         title,
         eyebrow,
@@ -2447,7 +2447,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { title: "Page title", actions: emptySlot2 },
     render: ({ id, title, eyebrow, description, actions: Actions }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7DDMF3DZ_cjs.PageHeader,
+      chunkXDU3HHUU_cjs.PageHeader,
       {
         title,
         eyebrow,
@@ -2514,7 +2514,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { label: "Metric", value: "0", accent: "default" },
     render: ({ id, label, value, hint, accent, delta, icon }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7DDMF3DZ_cjs.MetricCard,
+      chunk53T2FY4Z_cjs.MetricCard,
       {
         label,
         value,
@@ -2630,7 +2630,7 @@ function createArbiBlocksConfig(opts = {}) {
         field: col.field || `col-${index}`
       }));
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunk7DDMF3DZ_cjs.DataTableBlock,
+        chunk53T2FY4Z_cjs.DataTableBlock,
         {
           columns: normalisedCols,
           rows: recordRows,
@@ -3018,7 +3018,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
       {
         variant: "elevated",
         className: "rounded-lg",
-        "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-modules-section`, group.section),
+        "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-modules-section`, group.section),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardTitle, { className: "text-base", children: group.section }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "space-y-1.5", children: group.modules.map((m, idx) => {
@@ -3027,7 +3027,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
               "div",
               {
                 className: "flex items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-                "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-module`, m.id),
+                "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-module`, m.id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3039,7 +3039,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                         disabled: idx === 0,
                         onClick: () => move(m.id, "up"),
                         "aria-label": `Move ${m.label} up`,
-                        "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-module-up`, m.id),
+                        "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-module-up`, m.id),
                         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "size-3.5" })
                       }
                     ),
@@ -3052,7 +3052,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                         disabled: idx === group.modules.length - 1,
                         onClick: () => move(m.id, "down"),
                         "aria-label": `Move ${m.label} down`,
-                        "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-module-down`, m.id),
+                        "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-module-down`, m.id),
                         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5" })
                       }
                     )
@@ -3072,7 +3072,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                       checked: m.enabled,
                       onCheckedChange: () => toggle2(m.id),
                       "aria-label": `Enable ${m.label}`,
-                      "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-module-toggle`, m.id)
+                      "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-module-toggle`, m.id)
                     }
                   )
                 ]
@@ -3104,7 +3104,7 @@ function ConfigModelBadge({ configId, testIdPrefix }) {
     ui.Badge,
     {
       variant: TIER_VARIANT[tier] ?? "secondary",
-      "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-agents-config-tier`, configId),
+      "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-agents-config-tier`, configId),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cpu, { className: "size-3" }),
         " ",
@@ -3141,14 +3141,14 @@ function AgentsPanel({ store, testIdPrefix = "builder" }) {
               "label",
               {
                 className: "flex cursor-pointer items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-                "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-agents-config`, v.external_id),
+                "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-agents-config`, v.external_id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     ui.Checkbox,
                     {
                       checked: configIds.includes(v.external_id),
                       onCheckedChange: () => toggleConfig(v.external_id),
-                      "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-agents-config-toggle`, v.external_id)
+                      "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-agents-config-toggle`, v.external_id)
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -3177,14 +3177,14 @@ function AgentsPanel({ store, testIdPrefix = "builder" }) {
           "label",
           {
             className: "flex cursor-pointer items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-            "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-agents-agent`, a.external_id),
+            "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-agents-agent`, a.external_id),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Checkbox,
                 {
                   checked: agentIds.includes(a.external_id),
                   onCheckedChange: () => toggleAgent(a.external_id),
-                  "data-testid": chunkZU2B2RZK_cjs.tid(`${testIdPrefix}-agents-agent-toggle`, a.external_id)
+                  "data-testid": chunkKUQOHPKP_cjs.tid(`${testIdPrefix}-agents-agent-toggle`, a.external_id)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -3271,7 +3271,7 @@ function VerticalBuilder({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "theme", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkZX663X3X_cjs.ThemeEditor,
+        chunkKUQOHPKP_cjs.ThemeEditor,
         {
           bundle: themeBundle,
           variant: "panel",
@@ -3297,31 +3297,31 @@ function VerticalBuilder({
 
 Object.defineProperty(exports, "ASSET_REF_PREFIX", {
   enumerable: true,
-  get: function () { return chunkZX663X3X_cjs.ASSET_REF_PREFIX; }
+  get: function () { return chunkKNRAKOCO_cjs.ASSET_REF_PREFIX; }
 });
 Object.defineProperty(exports, "AssetResolverProvider", {
   enumerable: true,
-  get: function () { return chunkZX663X3X_cjs.AssetResolverProvider; }
+  get: function () { return chunkKNRAKOCO_cjs.AssetResolverProvider; }
 });
 Object.defineProperty(exports, "asAssetRef", {
   enumerable: true,
-  get: function () { return chunkZX663X3X_cjs.asAssetRef; }
+  get: function () { return chunkKNRAKOCO_cjs.asAssetRef; }
 });
 Object.defineProperty(exports, "assetRefId", {
   enumerable: true,
-  get: function () { return chunkZX663X3X_cjs.assetRefId; }
+  get: function () { return chunkKNRAKOCO_cjs.assetRefId; }
 });
 Object.defineProperty(exports, "isAssetRef", {
   enumerable: true,
-  get: function () { return chunkZX663X3X_cjs.isAssetRef; }
+  get: function () { return chunkKNRAKOCO_cjs.isAssetRef; }
 });
 Object.defineProperty(exports, "useAssetRenderer", {
   enumerable: true,
-  get: function () { return chunkZX663X3X_cjs.useAssetRenderer; }
+  get: function () { return chunkKNRAKOCO_cjs.useAssetRenderer; }
 });
 Object.defineProperty(exports, "useAssetResolverActive", {
   enumerable: true,
-  get: function () { return chunkZX663X3X_cjs.useAssetResolverActive; }
+  get: function () { return chunkKNRAKOCO_cjs.useAssetResolverActive; }
 });
 exports.AgentsPanel = AgentsPanel;
 exports.AssetThumb = AssetThumb;

package/dist/studio/index.js

@@ -1,11 +1,11 @@
 "use client";
 import { useConnectedAiTask } from '../chunk-MUF3RFJZ.js';
-import { PageHeader, MetricCard, DataTableBlock, StatGroup } from '../chunk-XL55UDLO.js';
-import { assetRefId, applyStoredTheme, AssetResolverProvider, ThemeEditor, applyThemeVars, SectionHeading, PricingTable, Tabs as Tabs$1, Accordion, Gallery, VideoEmbed, ContactForm, Banner, MediaText, TeamGrid, Steps, TestimonialGrid, Columns, Spacer, Container, Hero, FeatureGrid, Testimonial, CTABanner, LogoCloud, FAQ, RichTextBlock, BlockImage, AvatarBlock, Navbar, Footer, ListBlock, isAssetRef, asAssetRef } from '../chunk-SKVVOEMX.js';
-export { ASSET_REF_PREFIX, AssetResolverProvider, asAssetRef, assetRefId, isAssetRef, useAssetRenderer, useAssetResolverActive } from '../chunk-SKVVOEMX.js';
+import { MetricCard, DataTableBlock, StatGroup } from '../chunk-IJJKUTKM.js';
+import { assetRefId, applyStoredTheme, AssetResolverProvider, SectionHeading, PricingTable, Tabs as Tabs$1, Accordion, Gallery, VideoEmbed, ContactForm, Banner, MediaText, TeamGrid, Steps, TestimonialGrid, Columns, Spacer, Container, Hero, FeatureGrid, Testimonial, CTABanner, LogoCloud, FAQ, RichTextBlock, BlockImage, AvatarBlock, Navbar, Footer, ListBlock, isAssetRef, asAssetRef } from '../chunk-XXUPUXBF.js';
+export { ASSET_REF_PREFIX, AssetResolverProvider, asAssetRef, assetRefId, isAssetRef, useAssetRenderer, useAssetResolverActive } from '../chunk-XXUPUXBF.js';
 import { Timeline } from '../chunk-OVEQERPO.js';
-import '../chunk-SLRVI2YU.js';
-import { tid } from '../chunk-AMTWY22T.js';
+import { PageHeader } from '../chunk-X6U6L6BG.js';
+import { ThemeEditor, applyThemeVars, tid } from '../chunk-5ZBXFHZW.js';
 import '../chunk-4EZVCGRL.js';
 import { Callout } from '../chunk-UJE32SST.js';
 import '../chunk-NHZK64TQ.js';

package/dist/theme/appearance.d.ts

@@ -0,0 +1,47 @@
+/**
+ * The reader's appearance on this device: typeface, colour scheme and text size.
+ *
+ * Separate from {@link createThemeStore}. A theme bundle is the site's brand (a whole token set an
+ * author edits); this store only ever sets the two typography vars and the root font-size (inline
+ * on `<html>`, so they win over any `:root` block a `cssVars` theme emits) and toggles the `.dark`
+ * class (class-based dark mode). The faces come from `FONT_PAIRINGS`, so every site offers the
+ * same typography vocabulary.
+ *
+ * The text size sets the root font-size as a percentage of the browser's own default, so the
+ * reader's browser preference still compounds with it, and every rem-based size scales with it.
+ */
+import { type StoreApi, type UseBoundStore } from 'zustand';
+import { type FontPairing } from './fontPairings';
+export type AppearanceColorScheme = 'light' | 'dark';
+export type AppearanceTextSize = 'default' | 'large' | 'larger';
+export interface AppearanceDefaults {
+    /** A `FONT_PAIRINGS` id; must match the faces the site's stylesheet paints first. */
+    pairingId: string;
+    colorScheme: AppearanceColorScheme;
+    textSize: AppearanceTextSize;
+}
+export interface AppearanceState extends AppearanceDefaults {
+    setPairing: (pairingId: string) => void;
+    setColorScheme: (scheme: AppearanceColorScheme) => void;
+    setTextSize: (size: AppearanceTextSize) => void;
+    reset: () => void;
+}
+export interface AppearanceStoreConfig {
+    /** localStorage key for persistence (namespaced per site). */
+    storageKey: string;
+    /** The site's shipped appearance. Default: light, default size; the pairing is required. */
+    defaults: Pick<AppearanceDefaults, 'pairingId'> & Partial<AppearanceDefaults>;
+    /** Typefaces offered in Settings (`FONT_PAIRINGS` ids); default: the settings' own spread. */
+    pairingIds?: readonly string[];
+}
+export interface AppearanceBundle {
+    useStore: UseBoundStore<StoreApi<AppearanceState>>;
+    defaults: AppearanceDefaults;
+    pairingIds?: readonly string[];
+    /** Resolve an id to a pairing, falling back to the default pairing for unknown ids. */
+    resolvePairing: (pairingId: string) => FontPairing;
+    /** Paint the stored appearance before the first render (safe at module scope). */
+    applyStored: () => void;
+}
+/** Build a site's appearance store. */
+export declare function createAppearanceStore({ storageKey, defaults: given, pairingIds, }: AppearanceStoreConfig): AppearanceBundle;