@arbidocs/blocks 0.4.0 → 0.4.2

package/dist/studio/index.cjs

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkKUA3BCT2_cjs = require('../chunk-KUA3BCT2.cjs');
-var chunkFZQJ2S6P_cjs = require('../chunk-FZQJ2S6P.cjs');
+var chunkAE5FHFZ5_cjs = require('../chunk-AE5FHFZ5.cjs');
+var chunkDREI7EQ2_cjs = require('../chunk-DREI7EQ2.cjs');
 var chunkPCB2BPN3_cjs = require('../chunk-PCB2BPN3.cjs');
 var chunkELR74ME6_cjs = require('../chunk-ELR74ME6.cjs');
 var chunkZW6FPIFC_cjs = require('../chunk-ZW6FPIFC.cjs');
@@ -112,7 +112,7 @@ function LiveMetricInner({
   const query = source === "documents" ? docs : convos;
   const count = Array.isArray(query.data) ? query.data.length : 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkKUA3BCT2_cjs.MetricCard,
+    chunkAE5FHFZ5_cjs.MetricCard,
     {
       label: label || METRIC_SOURCES[source].label,
       value: query.isLoading ? "\u2014" : String(count),
@@ -236,7 +236,7 @@ function createArbiMaterializer(arbi, opts = {}) {
 }
 function collectAssetRefs(node, acc) {
   if (typeof node === "string") {
-    if (chunkFZQJ2S6P_cjs.isAssetRef(node)) acc.add(node);
+    if (chunkDREI7EQ2_cjs.isAssetRef(node)) acc.add(node);
     return;
   }
   if (Array.isArray(node)) {
@@ -270,7 +270,7 @@ async function materializePageData(data, materialize) {
   const replacements = /* @__PURE__ */ new Map();
   await Promise.all(
     [...refs].map(async (ref) => {
-      const src = await materialize(chunkFZQJ2S6P_cjs.assetRefId(ref));
+      const src = await materialize(chunkDREI7EQ2_cjs.assetRefId(ref));
       if (src) replacements.set(ref, src);
     })
   );
@@ -376,7 +376,7 @@ function StudioEditor({
         radius: stored.radius ?? defaultTheme.radius,
         activePresetId: null
       });
-      chunkFZQJ2S6P_cjs.applyStoredTheme(themeBundle);
+      chunkDREI7EQ2_cjs.applyStoredTheme(themeBundle);
     })();
     return () => {
       cancelled = true;
@@ -482,7 +482,7 @@ function StudioEditor({
             "\u201D\u2026"
           ]
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.AssetResolverProvider, { render: AssetThumb, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ) : /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.AssetResolverProvider, { render: AssetThumb, children: /* @__PURE__ */ jsxRuntime.jsx(
         puck.Puck,
         {
           config,
@@ -500,7 +500,7 @@ function StudioEditor({
           className: "w-80 shrink-0 border-l border-border",
           "data-testid": `${testIdPrefix}-theme-drawer`,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFZQJ2S6P_cjs.ThemeEditor,
+            chunkDREI7EQ2_cjs.ThemeEditor,
             {
               bundle: themeBundle,
               variant: "drawer",
@@ -542,7 +542,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) {
-          chunkFZQJ2S6P_cjs.applyThemeVars(
+          chunkDREI7EQ2_cjs.applyThemeVars(
             theme ? { ...defaultTheme, ...theme, colors: { ...defaultTheme.colors, ...theme.colors } } : defaultTheme
           );
         }
@@ -786,7 +786,7 @@ function AiTextField({
     setActive(true);
     await task.run(buildPrompt({ kind, label, current: value ?? "" }), docIds);
   };
-  const inputTid = chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-field`, name);
+  const inputTid = chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-field`, name);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "al-ai-field", children: [
     multiline ? /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -815,7 +815,7 @@ function AiTextField({
         className: "al-ai-field__btn",
         onClick: () => void write(),
         disabled: task.isRunning,
-        "data-testid": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-ai-write`, name),
+        "data-testid": chunkDREI7EQ2_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" }),
@@ -918,8 +918,8 @@ function ImageFieldControl({
   const arbi = react$1.useArbi();
   const gen = useImageGen();
   const queryClient = reactQuery.useQueryClient();
-  const currentAssetImage = useAssetImage(chunkFZQJ2S6P_cjs.isAssetRef(value) ? chunkFZQJ2S6P_cjs.assetRefId(value) : "");
-  const tp = (...q) => chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-image`, name, ...q);
+  const currentAssetImage = useAssetImage(chunkDREI7EQ2_cjs.isAssetRef(value) ? chunkDREI7EQ2_cjs.assetRefId(value) : "");
+  const tp = (...q) => chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-image`, name, ...q);
   const refreshAssets = () => queryClient.invalidateQueries({ queryKey: ["arbi", "documents", workspaceId] });
   const { data: docs } = react$1.useDocuments(workspaceId);
   const imageDocs = react.useMemo(
@@ -953,7 +953,7 @@ function ImageFieldControl({
       const res = await arbi.documents.uploadFile(file, name2, { folder });
       const id = res.doc_ext_ids?.[0];
       if (id) {
-        onChange(chunkFZQJ2S6P_cjs.asAssetRef(id));
+        onChange(chunkDREI7EQ2_cjs.asAssetRef(id));
         void refreshAssets();
       }
     } finally {
@@ -971,7 +971,7 @@ function ImageFieldControl({
     if (!prompt.trim() || gen.isGenerating) return;
     const id = await gen.generate(prompt, refIds);
     if (id) {
-      onChange(chunkFZQJ2S6P_cjs.asAssetRef(id));
+      onChange(chunkDREI7EQ2_cjs.asAssetRef(id));
       setRefIds([]);
       void refreshAssets();
     }
@@ -986,7 +986,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(chunkFZQJ2S6P_cjs.BlockImage, { src: value, aspect: "16:9", rounded: "md", testId: tp("preview") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.BlockImage, { src: value, aspect: "16:9", rounded: "md", testId: tp("preview") }),
       currentAssetImage ? /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -1020,12 +1020,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 === chunkFZQJ2S6P_cjs.asAssetRef(d.external_id);
+        const selected = value === chunkDREI7EQ2_cjs.asAssetRef(d.external_id);
         return /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
-            onClick: () => onChange(chunkFZQJ2S6P_cjs.asAssetRef(d.external_id)),
+            onClick: () => onChange(chunkDREI7EQ2_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),
@@ -1087,14 +1087,14 @@ function ImageFieldControl({
             "Reference images",
             refIds.length > 0 ? ` (${refIds.length})` : " (optional)"
           ] }),
-          chunkFZQJ2S6P_cjs.isAssetRef(value) && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkDREI7EQ2_cjs.isAssetRef(value) && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
               className: "text-xs font-medium text-primary hover:underline",
-              onClick: () => toggleRef(chunkFZQJ2S6P_cjs.assetRefId(value)),
+              onClick: () => toggleRef(chunkDREI7EQ2_cjs.assetRefId(value)),
               "data-testid": tp("vary-current"),
-              children: refIds.includes(chunkFZQJ2S6P_cjs.assetRefId(value)) ? "Varying current" : "Vary current image"
+              children: refIds.includes(chunkDREI7EQ2_cjs.assetRefId(value)) ? "Varying current" : "Vary current image"
             }
           )
         ] }),
@@ -1308,7 +1308,7 @@ function createBlockKit(ai, image, eyebrowClassName) {
     }),
     iconField: (label = "Icon") => ({ type: "select", label, options: ICON_OPTIONS }),
     resolveIcon: (name) => name ? iconMap[name] : void 0,
-    blockTestId: (id) => chunkFZQJ2S6P_cjs.tid("arbi-block", id)
+    blockTestId: (id) => chunkDREI7EQ2_cjs.tid("arbi-block", id)
   };
 }
 var emptySlot = [];
@@ -1373,7 +1373,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(chunkFZQJ2S6P_cjs.Columns, { count: n, gap, columns, testId: blockTestId(id) });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Columns, { count: n, gap, columns, testId: blockTestId(id) });
     }
   };
   const SpacerBlock = {
@@ -1391,7 +1391,7 @@ function createWebsiteBlocks(kit) {
       }
     },
     defaultProps: { size: "md" },
-    render: ({ id, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Spacer, { size, testId: blockTestId(id) })
+    render: ({ id, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Spacer, { size, testId: blockTestId(id) })
   };
   const ContainerBlock = {
     label: "Container",
@@ -1419,7 +1419,7 @@ function createWebsiteBlocks(kit) {
       children: { type: "slot" }
     },
     defaultProps: { width: "default", padding: "md", children: emptySlot },
-    render: ({ id, width, padding, children }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Container, { width, padding, testId: blockTestId(id), children: renderSlot(children) })
+    render: ({ id, width, padding, children }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Container, { width, padding, testId: blockTestId(id), children: renderSlot(children) })
   };
   const HeroBlock = {
     label: "Hero",
@@ -1470,7 +1470,7 @@ function createWebsiteBlocks(kit) {
       backgroundImage,
       overlay
     }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZQJ2S6P_cjs.Hero,
+      chunkDREI7EQ2_cjs.Hero,
       {
         eyebrow,
         title,
@@ -1542,7 +1542,7 @@ function createWebsiteBlocks(kit) {
           icon: resolveIcon(it.icon)
         })
       );
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.FeatureGrid, { columns, items: list, testId: blockTestId(id) });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.FeatureGrid, { columns, items: list, testId: blockTestId(id) });
     }
   };
   const StatGroupBlock = {
@@ -1567,7 +1567,7 @@ function createWebsiteBlocks(kit) {
         { value: "24/7", label: "Support" }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkKUA3BCT2_cjs.StatGroup, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAE5FHFZ5_cjs.StatGroup, { items, testId: blockTestId(id) })
   };
   const TestimonialBlock = {
     label: "Testimonial",
@@ -1584,7 +1584,7 @@ function createWebsiteBlocks(kit) {
       avatarUrl: ""
     },
     render: ({ id, quote, author, role, avatarUrl }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZQJ2S6P_cjs.Testimonial,
+      chunkDREI7EQ2_cjs.Testimonial,
       {
         quote,
         author,
@@ -1613,7 +1613,7 @@ function createWebsiteBlocks(kit) {
       overlay: true
     },
     render: ({ id, title, subtitle, cta, tone, backgroundImage, overlay }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZQJ2S6P_cjs.CTABanner,
+      chunkDREI7EQ2_cjs.CTABanner,
       {
         title,
         subtitle,
@@ -1645,7 +1645,7 @@ function createWebsiteBlocks(kit) {
         { label: "Umbrella" }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.LogoCloud, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.LogoCloud, { items, testId: blockTestId(id) })
   };
   const FAQBlock = {
     label: "FAQ",
@@ -1677,7 +1677,7 @@ function createWebsiteBlocks(kit) {
         }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.FAQ, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.FAQ, { items, testId: blockTestId(id) })
   };
   const TimelineBlockConfig = {
     label: "Timeline",
@@ -1752,7 +1752,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(chunkFZQJ2S6P_cjs.RichTextBlock, { content, testId: blockTestId(id) })
+    render: ({ id, content }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.RichTextBlock, { content, testId: blockTestId(id) })
   };
   const CalloutBlock = {
     label: "Callout",
@@ -1806,7 +1806,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(
-      chunkFZQJ2S6P_cjs.BlockImage,
+      chunkDREI7EQ2_cjs.BlockImage,
       {
         src,
         alt,
@@ -1834,7 +1834,7 @@ function createWebsiteBlocks(kit) {
       }
     },
     defaultProps: { src: "", name: "Jane Doe", size: "md" },
-    render: ({ id, src, name, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.AvatarBlock, { src, name, size, testId: blockTestId(id) })
+    render: ({ id, src, name, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.AvatarBlock, { src, name, size, testId: blockTestId(id) })
   };
   const NavbarBlock = {
     label: "Navbar",
@@ -1862,7 +1862,7 @@ function createWebsiteBlocks(kit) {
       ],
       cta: { label: "Sign up", href: "#" }
     },
-    render: ({ id, brand, links, cta }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Navbar, { brand, links, cta, testId: blockTestId(id) })
+    render: ({ id, brand, links, cta }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Navbar, { brand, links, cta, testId: blockTestId(id) })
   };
   const FooterBlock = {
     label: "Footer",
@@ -1921,7 +1921,7 @@ function createWebsiteBlocks(kit) {
       ],
       copyright: "\xA9 2026 Acme, Inc. All rights reserved."
     },
-    render: ({ id, columns, copyright }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Footer, { columns, copyright, testId: blockTestId(id) })
+    render: ({ id, columns, copyright }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Footer, { columns, copyright, testId: blockTestId(id) })
   };
   const ListBlockConfig = {
     label: "List",
@@ -1939,7 +1939,7 @@ function createWebsiteBlocks(kit) {
       ordered: false,
       items: [{ text: "First item" }, { text: "Second item" }, { text: "Third item" }]
     },
-    render: ({ id, ordered, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.ListBlock, { ordered, items, testId: blockTestId(id) })
+    render: ({ id, ordered, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.ListBlock, { ordered, items, testId: blockTestId(id) })
   };
   return {
     Columns: ColumnsBlock,
@@ -2042,7 +2042,7 @@ function createSiteBlocks(kit) {
       ]
     },
     render: ({ id, plans }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZQJ2S6P_cjs.PricingTable,
+      chunkDREI7EQ2_cjs.PricingTable,
       {
         plans: (plans ?? []).map(
           (p) => ({
@@ -2080,7 +2080,7 @@ function createSiteBlocks(kit) {
         { label: "FAQ", content: "Answers to common questions." }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Tabs, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Tabs, { items, testId: blockTestId(id) })
   };
   const AccordionBlock = {
     label: "Accordion",
@@ -2104,7 +2104,7 @@ function createSiteBlocks(kit) {
         { title: "How does billing work?", content: "Monthly or annually, cancel anytime." }
       ]
     },
-    render: ({ id, allowMultiple, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Accordion, { allowMultiple, items, testId: blockTestId(id) })
+    render: ({ id, allowMultiple, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Accordion, { allowMultiple, items, testId: blockTestId(id) })
   };
   const GalleryBlock = {
     label: "Gallery",
@@ -2140,7 +2140,7 @@ function createSiteBlocks(kit) {
         { src: "", alt: "Image three", caption: "" }
       ]
     },
-    render: ({ id, columns, aspect, images }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Gallery, { columns, aspect, images, testId: blockTestId(id) })
+    render: ({ id, columns, aspect, images }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Gallery, { columns, aspect, images, testId: blockTestId(id) })
   };
   const VideoBlock = {
     label: "Video",
@@ -2160,7 +2160,7 @@ function createSiteBlocks(kit) {
     },
     defaultProps: { url: "", title: "", aspect: "16:9", rounded: true },
     render: ({ id, url, title, aspect, rounded }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZQJ2S6P_cjs.VideoEmbed,
+      chunkDREI7EQ2_cjs.VideoEmbed,
       {
         url,
         title,
@@ -2209,7 +2209,7 @@ function createSiteBlocks(kit) {
       ]
     },
     render: ({ id, submitLabel, action, successMessage, fields }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZQJ2S6P_cjs.ContactForm,
+      chunkDREI7EQ2_cjs.ContactForm,
       {
         submitLabel,
         action: action || void 0,
@@ -2239,7 +2239,7 @@ function createSiteBlocks(kit) {
       cta: { label: "Read more", href: "#" },
       tone: "primary"
     },
-    render: ({ id, text, cta, tone }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Banner, { text, cta, tone, testId: blockTestId(id) })
+    render: ({ id, text, cta, tone }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Banner, { text, cta, tone, testId: blockTestId(id) })
   };
   const MediaTextBlock = {
     label: "Media & text",
@@ -2267,7 +2267,7 @@ function createSiteBlocks(kit) {
       cta: { label: "Learn more", href: "#" }
     },
     render: ({ id, eyebrow, title, body, imageUrl, mediaSide, cta }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZQJ2S6P_cjs.MediaText,
+      chunkDREI7EQ2_cjs.MediaText,
       {
         eyebrow,
         title,
@@ -2304,7 +2304,7 @@ function createSiteBlocks(kit) {
         { name: "Jordan Lee", role: "Lead Engineer", bio: "", avatarUrl: "" }
       ]
     },
-    render: ({ id, columns, members }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.TeamGrid, { columns, members, testId: blockTestId(id) })
+    render: ({ id, columns, members }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.TeamGrid, { columns, members, testId: blockTestId(id) })
   };
   const StepsBlock = {
     label: "Steps",
@@ -2336,7 +2336,7 @@ function createSiteBlocks(kit) {
         { title: "Launch", description: "Go live and start seeing results." }
       ]
     },
-    render: ({ id, variant, steps }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.Steps, { variant, steps, testId: blockTestId(id) })
+    render: ({ id, variant, steps }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.Steps, { variant, steps, testId: blockTestId(id) })
   };
   const TestimonialGridBlock = {
     label: "Testimonial grid",
@@ -2378,7 +2378,7 @@ function createSiteBlocks(kit) {
         }
       ]
     },
-    render: ({ id, columns, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkFZQJ2S6P_cjs.TestimonialGrid, { columns, items, testId: blockTestId(id) })
+    render: ({ id, columns, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkDREI7EQ2_cjs.TestimonialGrid, { columns, items, testId: blockTestId(id) })
   };
   return {
     Pricing: PricingBlock,
@@ -2422,7 +2422,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(
-      chunkFZQJ2S6P_cjs.SectionHeading,
+      chunkDREI7EQ2_cjs.SectionHeading,
       {
         title,
         eyebrow,
@@ -2445,7 +2445,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { title: "Page title", actions: emptySlot2 },
     render: ({ id, title, eyebrow, description, actions: Actions }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkKUA3BCT2_cjs.PageHeader,
+      chunkAE5FHFZ5_cjs.PageHeader,
       {
         title,
         eyebrow,
@@ -2512,7 +2512,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { label: "Metric", value: "0", accent: "default" },
     render: ({ id, label, value, hint, accent, delta, icon }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkKUA3BCT2_cjs.MetricCard,
+      chunkAE5FHFZ5_cjs.MetricCard,
       {
         label,
         value,
@@ -2628,7 +2628,7 @@ function createArbiBlocksConfig(opts = {}) {
         field: col.field || `col-${index}`
       }));
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkKUA3BCT2_cjs.DataTableBlock,
+        chunkAE5FHFZ5_cjs.DataTableBlock,
         {
           columns: normalisedCols,
           rows: recordRows,
@@ -3016,7 +3016,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
       {
         variant: "elevated",
         className: "rounded-lg",
-        "data-testid": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-modules-section`, group.section),
+        "data-testid": chunkDREI7EQ2_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) => {
@@ -3025,7 +3025,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": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-module`, m.id),
+                "data-testid": chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-module`, m.id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3037,7 +3037,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                         disabled: idx === 0,
                         onClick: () => move(m.id, "up"),
                         "aria-label": `Move ${m.label} up`,
-                        "data-testid": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-module-up`, m.id),
+                        "data-testid": chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-module-up`, m.id),
                         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "size-3.5" })
                       }
                     ),
@@ -3050,7 +3050,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": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-module-down`, m.id),
+                        "data-testid": chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-module-down`, m.id),
                         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5" })
                       }
                     )
@@ -3070,7 +3070,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                       checked: m.enabled,
                       onCheckedChange: () => toggle2(m.id),
                       "aria-label": `Enable ${m.label}`,
-                      "data-testid": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-module-toggle`, m.id)
+                      "data-testid": chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-module-toggle`, m.id)
                     }
                   )
                 ]
@@ -3102,7 +3102,7 @@ function ConfigModelBadge({ configId, testIdPrefix }) {
     ui.Badge,
     {
       variant: TIER_VARIANT[tier] ?? "secondary",
-      "data-testid": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-agents-config-tier`, configId),
+      "data-testid": chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-agents-config-tier`, configId),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cpu, { className: "size-3" }),
         " ",
@@ -3139,14 +3139,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": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-agents-config`, v.external_id),
+                "data-testid": chunkDREI7EQ2_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": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-agents-config-toggle`, v.external_id)
+                      "data-testid": chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-agents-config-toggle`, v.external_id)
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -3175,14 +3175,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": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-agents-agent`, a.external_id),
+            "data-testid": chunkDREI7EQ2_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": chunkFZQJ2S6P_cjs.tid(`${testIdPrefix}-agents-agent-toggle`, a.external_id)
+                  "data-testid": chunkDREI7EQ2_cjs.tid(`${testIdPrefix}-agents-agent-toggle`, a.external_id)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -3269,7 +3269,7 @@ function VerticalBuilder({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "theme", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFZQJ2S6P_cjs.ThemeEditor,
+        chunkDREI7EQ2_cjs.ThemeEditor,
         {
           bundle: themeBundle,
           variant: "panel",
@@ -3295,31 +3295,31 @@ function VerticalBuilder({
 
 Object.defineProperty(exports, "ASSET_REF_PREFIX", {
   enumerable: true,
-  get: function () { return chunkFZQJ2S6P_cjs.ASSET_REF_PREFIX; }
+  get: function () { return chunkDREI7EQ2_cjs.ASSET_REF_PREFIX; }
 });
 Object.defineProperty(exports, "AssetResolverProvider", {
   enumerable: true,
-  get: function () { return chunkFZQJ2S6P_cjs.AssetResolverProvider; }
+  get: function () { return chunkDREI7EQ2_cjs.AssetResolverProvider; }
 });
 Object.defineProperty(exports, "asAssetRef", {
   enumerable: true,
-  get: function () { return chunkFZQJ2S6P_cjs.asAssetRef; }
+  get: function () { return chunkDREI7EQ2_cjs.asAssetRef; }
 });
 Object.defineProperty(exports, "assetRefId", {
   enumerable: true,
-  get: function () { return chunkFZQJ2S6P_cjs.assetRefId; }
+  get: function () { return chunkDREI7EQ2_cjs.assetRefId; }
 });
 Object.defineProperty(exports, "isAssetRef", {
   enumerable: true,
-  get: function () { return chunkFZQJ2S6P_cjs.isAssetRef; }
+  get: function () { return chunkDREI7EQ2_cjs.isAssetRef; }
 });
 Object.defineProperty(exports, "useAssetRenderer", {
   enumerable: true,
-  get: function () { return chunkFZQJ2S6P_cjs.useAssetRenderer; }
+  get: function () { return chunkDREI7EQ2_cjs.useAssetRenderer; }
 });
 Object.defineProperty(exports, "useAssetResolverActive", {
   enumerable: true,
-  get: function () { return chunkFZQJ2S6P_cjs.useAssetResolverActive; }
+  get: function () { return chunkDREI7EQ2_cjs.useAssetResolverActive; }
 });
 exports.AgentsPanel = AgentsPanel;
 exports.AssetThumb = AssetThumb;

package/dist/studio/index.js

@@ -1,7 +1,7 @@
 "use client";
-import { PageHeader, MetricCard, DataTableBlock, StatGroup } from '../chunk-S5T7ZTX2.js';
-import { assetRefId, applyStoredTheme, AssetResolverProvider, ThemeEditor, applyThemeVars, tid, 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-RBXZYNVB.js';
-export { ASSET_REF_PREFIX, AssetResolverProvider, asAssetRef, assetRefId, isAssetRef, useAssetRenderer, useAssetResolverActive } from '../chunk-RBXZYNVB.js';
+import { PageHeader, MetricCard, DataTableBlock, StatGroup } from '../chunk-2ORA62OF.js';
+import { assetRefId, applyStoredTheme, AssetResolverProvider, ThemeEditor, applyThemeVars, tid, 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-6P6AEQJB.js';
+export { ASSET_REF_PREFIX, AssetResolverProvider, asAssetRef, assetRefId, isAssetRef, useAssetRenderer, useAssetResolverActive } from '../chunk-6P6AEQJB.js';
 import { Callout } from '../chunk-UJE32SST.js';
 import { Timeline } from '../chunk-OVEQERPO.js';
 import { EmptyState } from '../chunk-P6GHJSLR.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbidocs/blocks",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Composable, domain-neutral UI blocks for ARBI apps, organised by capability (retrieval, facts, agents, workspaces, citations, collaboration) plus shell, theme and site primitives, on top of @arbidocs/react.",
   "type": "module",
   "main": "dist/index.cjs",
@@ -174,7 +174,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@arbidocs/client": "0.4.0",
+    "@arbidocs/client": "0.4.2",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -189,7 +189,7 @@
     "zustand": "^5.0.14"
   },
   "peerDependencies": {
-    "@arbidocs/react": "0.4.0",
+    "@arbidocs/react": "0.4.2",
     "@measured/puck": ">=0.20",
     "@playwright/test": ">=1.40",
     "@tanstack/react-query": ">=5",

package/src/blocks.css

@@ -346,3 +346,20 @@
     color: rgb(254 240 138);
   }
 }
+
+/*
+ * Reveal (`<Reveal>` in the editorial site parts): content is visible by default; once the part
+ * has mounted and an IntersectionObserver exists it is set to `pending` (hidden, lowered) and to
+ * `shown` on first scroll into view. Reduced motion collapses the transition above.
+ */
+[data-reveal='pending'] {
+  opacity: 0;
+  transform: translateY(1.5rem);
+}
+[data-reveal='shown'] {
+  opacity: 1;
+  transform: none;
+  transition:
+    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms),
+    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms);
+}