@booga/vblocks 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1079 @@
+'use strict';
+
+var vui = require('@booga/vui');
+var vdsl = require('@booga/vdsl');
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/hero/HeroSplit/index.tsx
+var DBox = vdsl.dsl(vui.Box);
+var DStack = vdsl.dsl(vui.Stack);
+var DGrid = vdsl.dsl(vui.Grid);
+var DInline = vdsl.dsl(vui.Inline);
+
+// src/theme.ts
+function themeStyle(theme) {
+  if (!theme) return void 0;
+  return Object.fromEntries(
+    Object.entries(theme).map(([k, v]) => [`--v-${k}`, v])
+  );
+}
+function clampedGridCols(n) {
+  return Math.max(1, Math.min(6, Math.round(n)));
+}
+var CtaSchema = zod.z.object({
+  label: zod.z.string(),
+  href: zod.z.string()
+}).strict();
+var ImageSchema = zod.z.object({
+  src: zod.z.string(),
+  alt: zod.z.string()
+}).strict();
+var AvatarSchema = ImageSchema;
+
+// src/hero/HeroSplit/schema.ts
+var HeroSplitContentSchema = zod.z.object({
+  eyebrow: zod.z.string().optional(),
+  heading: zod.z.string(),
+  description: zod.z.string(),
+  primaryCta: CtaSchema,
+  secondaryCta: CtaSchema.optional(),
+  image: ImageSchema
+}).strict();
+function HeroSplit({ content, theme }) {
+  HeroSplitContentSchema.parse(content);
+  const { eyebrow, heading, description, primaryCta, secondaryCta, image } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 12, align: "center", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 6, children: [
+      eyebrow && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "accent", className: vui.cn("text-sm font-semibold uppercase tracking-widest"), children: eyebrow }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h1", className: vui.cn("text-5xl font-bold tracking-tight leading-tight"), children: heading }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-lg"), children: description }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DInline, { wrap: true, gap: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(vui.Button, { as: "a", href: primaryCta.href, children: primaryCta.label }),
+        secondaryCta && /* @__PURE__ */ jsxRuntime.jsx(vui.Button, { as: "a", href: secondaryCta.href, variant: "outline", children: secondaryCta.label })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DBox,
+      {
+        as: "img",
+        src: image.src,
+        alt: image.alt,
+        className: vui.cn("w-full rounded-lg object-cover aspect-video")
+      }
+    )
+  ] }) });
+}
+
+// src/hero/HeroSplit/default.ts
+var HeroSplitDefaultContent = {
+  heading: "Build something remarkable",
+  description: "A composable foundation for ambitious teams. Typed, accessible, and ready to ship.",
+  primaryCta: { label: "Get started", href: "#" },
+  secondaryCta: { label: "Learn more", href: "#" },
+  image: { src: "https://placehold.co/600x400", alt: "Product preview" }
+};
+var HeroCenteredContentSchema = zod.z.object({
+  eyebrow: zod.z.string().optional(),
+  heading: zod.z.string(),
+  description: zod.z.string(),
+  primaryCta: CtaSchema,
+  secondaryCta: CtaSchema.optional()
+}).strict();
+function HeroCentered({ content, theme }) {
+  HeroCenteredContentSchema.parse(content);
+  const { eyebrow, heading, description, primaryCta, secondaryCta } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 24, gap: 8, align: "center", className: vui.cn("max-w-3xl mx-auto text-center"), children: [
+    eyebrow && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "accent", className: vui.cn("text-sm font-semibold uppercase tracking-widest"), children: eyebrow }),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h1", className: vui.cn("text-5xl font-bold tracking-tight leading-tight"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-xl"), children: description }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DInline, { wrap: true, gap: 3, justify: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(vui.Button, { as: "a", href: primaryCta.href, children: primaryCta.label }),
+      secondaryCta && /* @__PURE__ */ jsxRuntime.jsx(vui.Button, { as: "a", href: secondaryCta.href, variant: "outline", children: secondaryCta.label })
+    ] })
+  ] }) });
+}
+
+// src/hero/HeroCentered/default.ts
+var HeroCenteredDefaultContent = {
+  heading: "The foundation for what comes next",
+  description: "Composable blocks, typed content, and zero boilerplate. Focus on the product.",
+  primaryCta: { label: "Start building", href: "#" },
+  secondaryCta: { label: "View docs", href: "#" }
+};
+var CtaSplitContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  description: zod.z.string(),
+  primaryCta: CtaSchema,
+  image: ImageSchema
+}).strict();
+function CtaSplit({ content, theme }) {
+  CtaSplitContentSchema.parse(content);
+  const { heading, description, primaryCta, image } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 12, align: "center", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-4xl font-bold tracking-tight"), children: heading }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-lg"), children: description }),
+      /* @__PURE__ */ jsxRuntime.jsx(vui.Button, { as: "a", href: primaryCta.href, size: "lg", children: primaryCta.label })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DBox,
+      {
+        as: "img",
+        src: image.src,
+        alt: image.alt,
+        className: vui.cn("w-full rounded-lg object-cover aspect-video")
+      }
+    )
+  ] }) });
+}
+
+// src/cta/CtaSplit/default.ts
+var CtaSplitDefaultContent = {
+  heading: "Ready to get started?",
+  description: "Join thousands of teams shipping faster with composable tooling.",
+  primaryCta: { label: "Start free", href: "#" },
+  image: { src: "https://placehold.co/480x320", alt: "Illustration" }
+};
+var CtaCenteredContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  description: zod.z.string(),
+  primaryCta: CtaSchema,
+  secondaryCta: CtaSchema.optional()
+}).strict();
+function CtaCentered({ content, theme }) {
+  CtaCenteredContentSchema.parse(content);
+  const { heading, description, primaryCta, secondaryCta } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, gap: 8, align: "center", className: vui.cn("max-w-2xl mx-auto text-center py-20"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-4xl font-bold tracking-tight"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-lg"), children: description }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DInline, { wrap: true, gap: 3, justify: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(vui.Button, { as: "a", href: primaryCta.href, size: "lg", children: primaryCta.label }),
+      secondaryCta && /* @__PURE__ */ jsxRuntime.jsx(vui.Button, { as: "a", href: secondaryCta.href, size: "lg", variant: "outline", children: secondaryCta.label })
+    ] })
+  ] }) });
+}
+
+// src/cta/CtaCentered/default.ts
+var CtaCenteredDefaultContent = {
+  heading: "Ready to get started?",
+  description: "Ship faster with composable, typed section blocks.",
+  primaryCta: { label: "Get started", href: "#" },
+  secondaryCta: { label: "Learn more", href: "#" }
+};
+var FaqItemSchema = zod.z.object({
+  question: zod.z.string(),
+  answer: zod.z.string()
+}).strict();
+var FaqSplitContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  description: zod.z.string().optional(),
+  items: zod.z.array(FaqItemSchema).min(1)
+}).strict();
+function FaqSplit({ content, theme }) {
+  FaqSplitContentSchema.parse(content);
+  const { heading, description, items } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 16, align: "start", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, className: vui.cn("sticky top-16"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight"), children: heading }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "ul", m: 0, p: 0, gap: 3, display: "flex", className: vui.cn("list-none flex-col"), children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsxs(DBox, { as: "details", p: 4, className: vui.cn("border rounded-lg"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "summary", className: vui.cn("font-semibold cursor-pointer list-none"), children: item.question }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", mt: 3, children: item.answer })
+    ] }) }, i)) })
+  ] }) });
+}
+
+// src/faq/FaqSplit/default.ts
+var FaqSplitDefaultContent = {
+  heading: "Frequently asked questions",
+  description: "Everything you need to know about the product.",
+  items: [
+    { question: "How does it work?", answer: "Drop a block onto your page, pass typed content, and render. No manual wiring." },
+    { question: "Can I customise the styles?", answer: "Yes. Pass a ThemeOverride to any block to remap CSS custom properties." },
+    { question: "Does it require a specific framework?", answer: "React 18+ and Tailwind CSS. No other runtime dependencies." }
+  ]
+};
+var FaqItemSchema2 = zod.z.object({
+  question: zod.z.string(),
+  answer: zod.z.string()
+}).strict();
+var FaqGridContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  items: zod.z.array(FaqItemSchema2).min(1)
+}).strict();
+function FaqGrid({ content, theme }) {
+  FaqGridContentSchema.parse(content);
+  const { heading, items } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-5xl mx-auto gap-10"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 2, gap: 4, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(vui.Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(vui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(vui.CardTitle, { as: "h3", children: item.question }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", children: item.answer }) })
+    ] }, i)) })
+  ] }) });
+}
+
+// src/faq/FaqGrid/default.ts
+var FaqGridDefaultContent = {
+  heading: "Common questions",
+  items: [
+    { question: "How does it work?", answer: "Drop a block onto your page, pass typed content, and render." },
+    { question: "Can I customise styles?", answer: "Yes. ThemeOverride maps to CSS custom properties." },
+    { question: "Which frameworks are supported?", answer: "React 18+ with Tailwind CSS." },
+    { question: "Is TypeScript required?", answer: "Strongly recommended. All content schemas export their types." }
+  ]
+};
+var BrandSchema = zod.z.object({
+  name: zod.z.string(),
+  tagline: zod.z.string().optional()
+}).strict();
+var FooterSplitContentSchema = zod.z.object({
+  brand: BrandSchema,
+  links: zod.z.array(CtaSchema).min(1),
+  copyright: zod.z.string()
+}).strict();
+function FooterSplit({ content, theme }) {
+  FooterSplitContentSchema.parse(content);
+  const { brand, links, copyright } = content;
+  return /* @__PURE__ */ jsxRuntime.jsxs(DBox, { as: "footer", style: themeStyle(theme), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 12, gap: 8, align: "start", className: vui.cn("max-w-6xl mx-auto"), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", className: vui.cn("font-bold text-lg"), children: brand.name }),
+        brand.tagline && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-sm"), children: brand.tagline })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "nav", "aria-label": "Footer navigation", children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "ul", m: 0, p: 0, gap: 6, display: "flex", className: vui.cn("list-none flex-wrap"), children: links.map((link, i) => /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "a", href: link.href, className: vui.cn("text-sm hover:underline"), children: link.label }) }, i)) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(vui.Separator, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { px: 6, py: 4, className: vui.cn("max-w-6xl mx-auto"), children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-xs text-center"), children: copyright }) })
+  ] });
+}
+
+// src/footer/FooterSplit/default.ts
+var FooterSplitDefaultContent = {
+  brand: { name: "Acme", tagline: "Build things that matter." },
+  links: [
+    { label: "Privacy", href: "#" },
+    { label: "Terms", href: "#" },
+    { label: "Contact", href: "#" }
+  ],
+  copyright: "\xA9 2026 Acme. All rights reserved."
+};
+var FooterColumnSchema = zod.z.object({
+  heading: zod.z.string(),
+  links: zod.z.array(CtaSchema).min(1)
+}).strict();
+var FooterGridContentSchema = zod.z.object({
+  columns: zod.z.array(FooterColumnSchema).min(1).max(6),
+  copyright: zod.z.string()
+}).strict();
+function FooterGrid({ content, theme }) {
+  FooterGridContentSchema.parse(content);
+  const { columns, copyright } = content;
+  return /* @__PURE__ */ jsxRuntime.jsxs(DBox, { as: "footer", style: themeStyle(theme), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DGrid,
+      {
+        columns: clampedGridCols(columns.length),
+        px: 6,
+        py: 12,
+        gap: 8,
+        className: vui.cn("max-w-6xl mx-auto"),
+        children: columns.map((col, i) => /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("font-semibold text-sm uppercase tracking-widest"), children: col.heading }),
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "ul", m: 0, p: 0, gap: 2, display: "flex", className: vui.cn("list-none flex-col"), children: col.links.map((link, j) => /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "a", href: link.href, color: "muted", className: vui.cn("text-sm hover:underline"), children: link.label }) }, j)) })
+        ] }, i))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(vui.Separator, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { px: 6, py: 4, className: vui.cn("max-w-6xl mx-auto"), children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-xs text-center"), children: copyright }) })
+  ] });
+}
+
+// src/footer/FooterGrid/default.ts
+var FooterGridDefaultContent = {
+  columns: [
+    { heading: "Product", links: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] },
+    { heading: "Company", links: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
+    { heading: "Legal", links: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+  ],
+  copyright: "\xA9 2026 Acme. All rights reserved."
+};
+var GalleryItemSchema = zod.z.object({
+  src: zod.z.string(),
+  alt: zod.z.string(),
+  caption: zod.z.string().optional()
+}).strict();
+var GallerySplitContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  description: zod.z.string().optional(),
+  items: zod.z.array(GalleryItemSchema).min(1)
+}).strict();
+function GallerySplit({ content, theme }) {
+  GallerySplitContentSchema.parse(content);
+  const { heading, description, items } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 12, align: "start", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, className: vui.cn("sticky top-16"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight"), children: heading }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "ul", m: 0, p: 0, gap: 4, display: "grid", className: vui.cn("list-none grid-cols-2"), children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsxs(DBox, { as: "figure", m: 0, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DBox,
+        {
+          as: "img",
+          src: item.src,
+          alt: item.alt,
+          className: vui.cn("w-full rounded-lg object-cover aspect-square")
+        }
+      ),
+      item.caption && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "figcaption", color: "muted", mt: 1, className: vui.cn("text-xs"), children: item.caption })
+    ] }) }, i)) })
+  ] }) });
+}
+
+// src/gallery/GallerySplit/default.ts
+var GallerySplitDefaultContent = {
+  heading: "Our work",
+  description: "A selection of recent projects.",
+  items: [
+    { src: "https://placehold.co/400x300", alt: "Project one" },
+    { src: "https://placehold.co/400x300", alt: "Project two" },
+    { src: "https://placehold.co/400x300", alt: "Project three", caption: "Featured project" }
+  ]
+};
+var GalleryItemSchema2 = zod.z.object({
+  src: zod.z.string(),
+  alt: zod.z.string(),
+  caption: zod.z.string().optional()
+}).strict();
+var GalleryGridContentSchema = zod.z.object({
+  items: zod.z.array(GalleryItemSchema2).min(1)
+}).strict();
+function GalleryGrid({ content, theme }) {
+  GalleryGridContentSchema.parse(content);
+  const { items } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": "Gallery", style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 3, px: 6, py: 12, gap: 4, className: vui.cn("max-w-6xl mx-auto"), children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(DBox, { as: "figure", m: 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DBox,
+      {
+        as: "img",
+        src: item.src,
+        alt: item.alt,
+        className: vui.cn("w-full rounded-lg object-cover aspect-square")
+      }
+    ),
+    item.caption && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "figcaption", color: "muted", mt: 1, className: vui.cn("text-xs"), children: item.caption })
+  ] }, i)) }) });
+}
+
+// src/gallery/GalleryGrid/default.ts
+var GalleryGridDefaultContent = {
+  items: [
+    { src: "https://placehold.co/400x400", alt: "Gallery image one" },
+    { src: "https://placehold.co/400x400", alt: "Gallery image two" },
+    { src: "https://placehold.co/400x400", alt: "Gallery image three" },
+    { src: "https://placehold.co/400x400", alt: "Gallery image four", caption: "Featured" }
+  ]
+};
+var PortfolioItemSchema = zod.z.object({
+  title: zod.z.string(),
+  category: zod.z.string(),
+  image: ImageSchema
+}).strict();
+var PortfolioSplitContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  description: zod.z.string().optional(),
+  items: zod.z.array(PortfolioItemSchema).min(1)
+}).strict();
+function PortfolioSplit({ content, theme }) {
+  PortfolioSplitContentSchema.parse(content);
+  const { heading, description, items } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 16, align: "start", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, className: vui.cn("sticky top-16"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight"), children: heading }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DStack, { gap: 6, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(vui.Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DBox,
+        {
+          as: "img",
+          src: item.image.src,
+          alt: item.image.alt,
+          className: vui.cn("w-full rounded-t-lg object-cover aspect-video")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, pt: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: item.category }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("font-semibold text-lg"), children: item.title })
+      ] }) })
+    ] }, i)) })
+  ] }) });
+}
+
+// src/portfolio/PortfolioSplit/default.ts
+var PortfolioSplitDefaultContent = {
+  heading: "Selected work",
+  description: "Projects spanning product design, engineering, and research.",
+  items: [
+    { title: "Commerce platform redesign", category: "Product", image: { src: "https://placehold.co/480x360", alt: "Commerce project" } },
+    { title: "Data visualisation system", category: "Engineering", image: { src: "https://placehold.co/480x360", alt: "Data project" } },
+    { title: "Design language rollout", category: "Design", image: { src: "https://placehold.co/480x360", alt: "Design project" } }
+  ]
+};
+var PortfolioItemSchema2 = zod.z.object({
+  title: zod.z.string(),
+  category: zod.z.string(),
+  image: ImageSchema
+}).strict();
+var PortfolioGridContentSchema = zod.z.object({
+  items: zod.z.array(PortfolioItemSchema2).min(1)
+}).strict();
+function PortfolioGrid({ content, theme }) {
+  PortfolioGridContentSchema.parse(content);
+  const { items } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": "Portfolio", style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 2, px: 6, py: 12, gap: 6, className: vui.cn("max-w-6xl mx-auto"), children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(vui.Card, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DBox,
+      {
+        as: "img",
+        src: item.image.src,
+        alt: item.image.alt,
+        className: vui.cn("w-full rounded-t-lg object-cover aspect-video")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, pt: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: item.category }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("font-semibold text-lg"), children: item.title })
+    ] }) })
+  ] }, i)) }) });
+}
+
+// src/portfolio/PortfolioGrid/default.ts
+var PortfolioGridDefaultContent = {
+  items: [
+    { title: "Commerce platform redesign", category: "Product", image: { src: "https://placehold.co/480x360", alt: "Commerce project" } },
+    { title: "Data visualisation system", category: "Engineering", image: { src: "https://placehold.co/480x360", alt: "Data project" } },
+    { title: "Design language rollout", category: "Design", image: { src: "https://placehold.co/480x360", alt: "Design project" } },
+    { title: "Mobile app architecture", category: "Engineering", image: { src: "https://placehold.co/480x360", alt: "Mobile project" } }
+  ]
+};
+var PostSplitContentSchema = zod.z.object({
+  title: zod.z.string(),
+  author: zod.z.string(),
+  date: zod.z.string(),
+  category: zod.z.string().optional(),
+  body: zod.z.string(),
+  image: ImageSchema
+}).strict();
+function PostSplit({ content, theme }) {
+  PostSplitContentSchema.parse(content);
+  const { title, author, date, category, body, image } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "article", style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 16, align: "start", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 6, className: vui.cn("sticky top-16"), children: [
+      category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: category }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h1", className: vui.cn("text-3xl font-bold tracking-tight leading-snug"), children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(vui.Separator, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(DInline, { gap: 2, color: "muted", className: vui.cn("text-sm"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: author }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", "aria-hidden": "true", children: "\xB7" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "time", dateTime: date, children: date })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DBox,
+        {
+          as: "img",
+          src: image.src,
+          alt: image.alt,
+          className: vui.cn("w-full rounded-lg object-cover aspect-video")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", className: vui.cn("text-base leading-relaxed"), children: body })
+    ] })
+  ] }) });
+}
+
+// src/post/PostSplit/default.ts
+var PostSplitDefaultContent = {
+  title: "Designing for composability",
+  author: "Alex Meridian",
+  date: "2026-05-01",
+  category: "Design systems",
+  body: "Composable systems decouple structure from style, enabling teams to build faster without sacrificing consistency. This post explores the core principles behind maintainable design systems.",
+  image: { src: "https://placehold.co/600x400", alt: "Post cover image" }
+};
+var PostCenteredContentSchema = zod.z.object({
+  title: zod.z.string(),
+  author: zod.z.string(),
+  date: zod.z.string(),
+  category: zod.z.string().optional(),
+  body: zod.z.string()
+}).strict();
+function PostCentered({ content, theme }) {
+  PostCenteredContentSchema.parse(content);
+  const { title, author, date, category, body } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "article", style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, gap: 6, className: vui.cn("max-w-2xl mx-auto"), children: [
+    category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: category }),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h1", className: vui.cn("text-4xl font-bold tracking-tight leading-snug"), children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DInline, { gap: 2, color: "muted", className: vui.cn("text-sm"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: author }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", "aria-hidden": "true", children: "\xB7" }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "time", dateTime: date, children: date })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(vui.Separator, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", className: vui.cn("text-base leading-relaxed"), children: body })
+  ] }) });
+}
+
+// src/post/PostCentered/default.ts
+var PostCenteredDefaultContent = {
+  title: "Designing for composability",
+  author: "Alex Meridian",
+  date: "2026-05-01",
+  category: "Design systems",
+  body: "Composable systems decouple structure from style, enabling teams to build faster without sacrificing consistency."
+};
+var TeamMemberSchema = zod.z.object({
+  name: zod.z.string(),
+  role: zod.z.string(),
+  avatar: AvatarSchema,
+  bio: zod.z.string().optional()
+}).strict();
+var TeamSplitContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  description: zod.z.string().optional(),
+  members: zod.z.array(TeamMemberSchema).min(1)
+}).strict();
+function TeamSplit({ content, theme }) {
+  TeamSplitContentSchema.parse(content);
+  const { heading, description, members } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 16, align: "start", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, className: vui.cn("sticky top-16"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight"), children: heading }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "ul", m: 0, p: 0, gap: 6, display: "flex", className: vui.cn("list-none flex-col"), children: members.map((member, i) => /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsxs(DInline, { gap: 4, align: "start", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(vui.Avatar, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(vui.AvatarImage, { src: member.avatar.src, alt: member.avatar.alt }),
+        /* @__PURE__ */ jsxRuntime.jsx(vui.AvatarFallback, { children: member.name.slice(0, 2).toUpperCase() })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", className: vui.cn("font-semibold"), children: member.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-sm"), children: member.role }),
+        member.bio && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", className: vui.cn("text-sm mt-1"), children: member.bio })
+      ] })
+    ] }) }, i)) })
+  ] }) });
+}
+
+// src/team/TeamSplit/default.ts
+var TeamSplitDefaultContent = {
+  heading: "Meet the team",
+  description: "The people behind the product.",
+  members: [
+    { name: "Jordan Ellis", role: "Product Lead", avatar: { src: "https://placehold.co/80x80", alt: "Jordan Ellis" }, bio: "Focused on user experience and product strategy." },
+    { name: "Sam Rivera", role: "Engineering Lead", avatar: { src: "https://placehold.co/80x80", alt: "Sam Rivera" }, bio: "Architecting scalable systems since 2015." },
+    { name: "Taylor Kim", role: "Design Lead", avatar: { src: "https://placehold.co/80x80", alt: "Taylor Kim" } }
+  ]
+};
+var TeamMemberSchema2 = zod.z.object({
+  name: zod.z.string(),
+  role: zod.z.string(),
+  avatar: AvatarSchema
+}).strict();
+var TeamGridContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  members: zod.z.array(TeamMemberSchema2).min(1)
+}).strict();
+function TeamGrid({ content, theme }) {
+  TeamGridContentSchema.parse(content);
+  const { heading, members } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-5xl mx-auto gap-10"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 3, gap: 6, children: members.map((member, i) => /* @__PURE__ */ jsxRuntime.jsx(vui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 3, align: "center", pt: 4, className: vui.cn("text-center"), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(vui.Avatar, { className: vui.cn("w-16 h-16"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(vui.AvatarImage, { src: member.avatar.src, alt: member.avatar.alt }),
+        /* @__PURE__ */ jsxRuntime.jsx(vui.AvatarFallback, { children: member.name.slice(0, 2).toUpperCase() })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", className: vui.cn("font-semibold"), children: member.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-sm"), children: member.role })
+      ] })
+    ] }) }) }, i)) })
+  ] }) });
+}
+
+// src/team/TeamGrid/default.ts
+var TeamGridDefaultContent = {
+  heading: "Our team",
+  members: [
+    { name: "Jordan Ellis", role: "Product Lead", avatar: { src: "https://placehold.co/80x80", alt: "Jordan Ellis" } },
+    { name: "Sam Rivera", role: "Engineering Lead", avatar: { src: "https://placehold.co/80x80", alt: "Sam Rivera" } },
+    { name: "Taylor Kim", role: "Design Lead", avatar: { src: "https://placehold.co/80x80", alt: "Taylor Kim" } },
+    { name: "Morgan Blake", role: "Research Lead", avatar: { src: "https://placehold.co/80x80", alt: "Morgan Blake" } }
+  ]
+};
+var TestimonialSplitContentSchema = zod.z.object({
+  quote: zod.z.string(),
+  author: zod.z.string(),
+  role: zod.z.string(),
+  company: zod.z.string().optional(),
+  avatar: AvatarSchema.optional()
+}).strict();
+function TestimonialSplit({ content, theme }) {
+  TestimonialSplitContentSchema.parse(content);
+  const { quote, author, role, company, avatar } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": "Testimonial", style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, gap: 16, align: "center", className: vui.cn("max-w-5xl mx-auto py-20"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DBox,
+      {
+        as: "blockquote",
+        className: vui.cn("text-2xl font-medium leading-relaxed"),
+        cite: void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", children: quote })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, children: [
+      avatar && /* @__PURE__ */ jsxRuntime.jsxs(vui.Avatar, { className: vui.cn("w-20 h-20"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(vui.AvatarImage, { src: avatar.src, alt: avatar.alt }),
+        /* @__PURE__ */ jsxRuntime.jsx(vui.AvatarFallback, { children: author.slice(0, 2).toUpperCase() })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DInline, { gap: 1, color: "muted", className: vui.cn("text-sm"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "cite", color: "fg", className: vui.cn("font-semibold not-italic"), children: author }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: "," }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: role }),
+        company && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: "at" }),
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: company })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/testimonial/TestimonialSplit/default.ts
+var TestimonialSplitDefaultContent = {
+  quote: "This is the most composable block kit I have used. Schema validation caught three content bugs before they hit production.",
+  author: "Jordan Ellis",
+  role: "Product Lead",
+  company: "Acme",
+  avatar: { src: "https://placehold.co/120x120", alt: "Jordan Ellis" }
+};
+var TestimonialItemSchema = zod.z.object({
+  quote: zod.z.string(),
+  author: zod.z.string(),
+  role: zod.z.string(),
+  company: zod.z.string().optional(),
+  avatar: AvatarSchema.optional()
+}).strict();
+var TestimonialGridContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  items: zod.z.array(TestimonialItemSchema).min(1)
+}).strict();
+function TestimonialGrid({ content, theme }) {
+  TestimonialGridContentSchema.parse(content);
+  const { heading, items } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-5xl mx-auto gap-10"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 3, gap: 6, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(vui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, pt: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "blockquote", className: vui.cn("text-sm leading-relaxed"), children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", children: item.quote }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DInline, { gap: 3, align: "center", children: [
+        item.avatar && /* @__PURE__ */ jsxRuntime.jsxs(vui.Avatar, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(vui.AvatarImage, { src: item.avatar.src, alt: item.avatar.alt }),
+          /* @__PURE__ */ jsxRuntime.jsx(vui.AvatarFallback, { children: item.author.slice(0, 2).toUpperCase() })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DStack, { className: vui.cn("gap-0.5"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "cite", className: vui.cn("text-sm font-semibold not-italic"), children: item.author }),
+          /* @__PURE__ */ jsxRuntime.jsxs(DBox, { as: "span", color: "muted", className: vui.cn("text-xs"), children: [
+            item.role,
+            item.company ? `, ${item.company}` : ""
+          ] })
+        ] })
+      ] })
+    ] }) }) }, i)) })
+  ] }) });
+}
+
+// src/testimonial/TestimonialGrid/default.ts
+var TestimonialGridDefaultContent = {
+  heading: "What teams are saying",
+  items: [
+    { quote: "Schema validation alone saved us from three production bugs in the first week.", author: "Jordan Ellis", role: "Product Lead", company: "Acme" },
+    { quote: "The composable approach means we can swap blocks without touching the rest of the page.", author: "Sam Rivera", role: "Engineering Lead" },
+    { quote: "Typed content props make onboarding new designers trivially easy.", author: "Taylor Kim", role: "Design Lead", company: "Studio N" }
+  ]
+};
+var BlogPostSchema = zod.z.object({
+  title: zod.z.string(),
+  excerpt: zod.z.string(),
+  date: zod.z.string(),
+  category: zod.z.string().optional(),
+  image: ImageSchema
+}).strict();
+var BlogSplitContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  posts: zod.z.array(BlogPostSchema).min(1)
+}).strict();
+function BlogSplit({ content, theme }) {
+  BlogSplitContentSchema.parse(content);
+  const { heading, posts } = content;
+  const [featured, ...rest] = posts;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-6xl mx-auto gap-10"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, gap: 8, align: "start", children: [
+      featured && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "article", children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DBox,
+          {
+            as: "img",
+            src: featured.image.src,
+            alt: featured.image.alt,
+            className: vui.cn("w-full rounded-lg object-cover aspect-video")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, children: [
+          featured.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: featured.category }),
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("text-xl font-semibold"), children: featured.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", children: featured.excerpt }),
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "time", dateTime: featured.date, color: "muted", className: vui.cn("text-xs"), children: featured.date })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "ul", m: 0, p: 0, gap: 6, display: "flex", className: vui.cn("list-none flex-col"), children: rest.map((post, i) => /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "article", children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, gap: 4, align: "start", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DBox,
+          {
+            as: "img",
+            src: post.image.src,
+            alt: post.image.alt,
+            className: vui.cn("w-full rounded-md object-cover aspect-video")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 1, children: [
+          post.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: post.category }),
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("font-semibold leading-snug"), children: post.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "time", dateTime: post.date, color: "muted", className: vui.cn("text-xs"), children: post.date })
+        ] })
+      ] }) }) }, i)) })
+    ] })
+  ] }) });
+}
+
+// src/blog/BlogSplit/default.ts
+var BlogSplitDefaultContent = {
+  heading: "Latest posts",
+  posts: [
+    { title: "Designing for composability", excerpt: "How modular thinking unlocks maintainable systems at scale.", date: "2026-05-01", category: "Design", image: { src: "https://placehold.co/600x400", alt: "Design systems post" } },
+    { title: "Type-safe content at runtime", excerpt: "Zod schemas as the single source of truth for block content.", date: "2026-04-18", image: { src: "https://placehold.co/400x280", alt: "Type safety post" } },
+    { title: "Tree-shaking section blocks", excerpt: "Per-category entry points and how they keep bundles lean.", date: "2026-04-05", category: "Engineering", image: { src: "https://placehold.co/400x280", alt: "Tree-shaking post" } }
+  ]
+};
+var BlogPostSchema2 = zod.z.object({
+  title: zod.z.string(),
+  excerpt: zod.z.string(),
+  date: zod.z.string(),
+  category: zod.z.string().optional(),
+  image: ImageSchema
+}).strict();
+var BlogGridContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  posts: zod.z.array(BlogPostSchema2).min(1)
+}).strict();
+function BlogGrid({ content, theme }) {
+  BlogGridContentSchema.parse(content);
+  const { heading, posts } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-6xl mx-auto gap-10"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 3, gap: 6, children: posts.map((post, i) => /* @__PURE__ */ jsxRuntime.jsx(vui.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(DBox, { as: "article", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DBox,
+        {
+          as: "img",
+          src: post.image.src,
+          alt: post.image.alt,
+          className: vui.cn("w-full rounded-t-lg object-cover aspect-video")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, pt: 2, children: [
+        post.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: post.category }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("font-semibold leading-snug"), children: post.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-sm"), children: post.excerpt }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "time", dateTime: post.date, color: "muted", className: vui.cn("text-xs"), children: post.date })
+      ] }) })
+    ] }) }, i)) })
+  ] }) });
+}
+
+// src/blog/BlogGrid/default.ts
+var BlogGridDefaultContent = {
+  heading: "From the blog",
+  posts: [
+    { title: "Designing for composability", excerpt: "Modular thinking at scale.", date: "2026-05-01", category: "Design", image: { src: "https://placehold.co/480x320", alt: "Design post" } },
+    { title: "Type-safe content at runtime", excerpt: "Zod as single source of truth.", date: "2026-04-18", image: { src: "https://placehold.co/480x320", alt: "Types post" } },
+    { title: "Tree-shaking section blocks", excerpt: "Lean bundles, per-category entry points.", date: "2026-04-05", category: "Engineering", image: { src: "https://placehold.co/480x320", alt: "Bundling post" } }
+  ]
+};
+var ContactSchema = zod.z.object({
+  phone: zod.z.string().optional(),
+  email: zod.z.string().optional(),
+  address: zod.z.string().optional()
+}).strict();
+var BusinessSplitContentSchema = zod.z.object({
+  name: zod.z.string(),
+  tagline: zod.z.string(),
+  description: zod.z.string(),
+  image: ImageSchema,
+  contact: ContactSchema.optional()
+}).strict();
+function BusinessSplit({ content, theme }) {
+  BusinessSplitContentSchema.parse(content);
+  const { name, tagline, description, image, contact } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": name, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 16, align: "center", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-4xl font-bold tracking-tight"), children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "accent", className: vui.cn("text-xl"), children: tagline })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-lg leading-relaxed"), children: description }),
+      contact && /* @__PURE__ */ jsxRuntime.jsxs(DBox, { as: "address", color: "muted", gap: 1, display: "flex", className: vui.cn("not-italic text-sm flex-col"), children: [
+        contact.phone && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: contact.phone }),
+        contact.email && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: contact.email }),
+        contact.address && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", children: contact.address })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DBox,
+      {
+        as: "img",
+        src: image.src,
+        alt: image.alt,
+        className: vui.cn("w-full rounded-lg object-cover aspect-square")
+      }
+    )
+  ] }) });
+}
+
+// src/business/BusinessSplit/default.ts
+var BusinessSplitDefaultContent = {
+  name: "Acme Studio",
+  tagline: "Strategy, design, and engineering \u2014 end to end.",
+  description: "We partner with ambitious teams to define, design, and ship products that matter. From early exploration through to production.",
+  image: { src: "https://placehold.co/600x480", alt: "Studio workspace" },
+  contact: { email: "hello@example.com", address: "12 Innovation Lane, Tech City" }
+};
+var ServiceSchema = zod.z.object({
+  title: zod.z.string(),
+  description: zod.z.string(),
+  icon: zod.z.string().optional()
+}).strict();
+var BusinessGridContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  services: zod.z.array(ServiceSchema).min(1)
+}).strict();
+function BusinessGrid({ content, theme }) {
+  BusinessGridContentSchema.parse(content);
+  const { heading, services } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-5xl mx-auto gap-10"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 2, gap: 6, children: services.map((service, i) => /* @__PURE__ */ jsxRuntime.jsxs(vui.Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(vui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, children: [
+        service.icon && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", className: vui.cn("text-2xl"), "aria-hidden": "true", children: service.icon }),
+        /* @__PURE__ */ jsxRuntime.jsx(vui.CardTitle, { as: "h3", children: service.title })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-sm"), children: service.description }) })
+    ] }, i)) })
+  ] }) });
+}
+
+// src/business/BusinessGrid/default.ts
+var BusinessGridDefaultContent = {
+  heading: "What we do",
+  services: [
+    { title: "Product strategy", description: "From market positioning to roadmap \u2014 we help teams move with clarity.", icon: "\u{1F5FA}\uFE0F" },
+    { title: "UX design", description: "Research-grounded design that reduces cognitive load and increases confidence.", icon: "\u270F\uFE0F" },
+    { title: "Engineering", description: "Full-stack delivery with a bias toward composable, testable architecture.", icon: "\u2699\uFE0F" },
+    { title: "Design systems", description: "A single source of truth for tokens, components, and documentation.", icon: "\u{1F3A8}" }
+  ]
+};
+var FeatureItemSchema = zod.z.object({
+  title: zod.z.string(),
+  description: zod.z.string(),
+  icon: zod.z.string().optional()
+}).strict();
+var FeaturesSplitContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  description: zod.z.string().optional(),
+  features: zod.z.array(FeatureItemSchema).min(1)
+}).strict();
+function FeaturesSplit({ content, theme }) {
+  FeaturesSplitContentSchema.parse(content);
+  const { heading, description, features } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 16, align: "start", className: vui.cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 4, className: vui.cn("sticky top-16"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight"), children: heading }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-lg"), children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "ul", m: 0, p: 0, gap: 8, display: "flex", className: vui.cn("list-none flex-col"), children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsxs(DInline, { gap: 4, align: "start", children: [
+      feature.icon && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", className: vui.cn("text-xl flex-shrink-0 mt-0.5"), "aria-hidden": "true", children: feature.icon }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("font-semibold"), children: feature.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-sm"), children: feature.description })
+      ] })
+    ] }) }, i)) })
+  ] }) });
+}
+
+// src/features/FeaturesSplit/default.ts
+var FeaturesSplitDefaultContent = {
+  heading: "Everything you need",
+  description: "A complete toolkit for building composable, schema-validated interfaces.",
+  features: [
+    { title: "Schema validation", description: "Every block validates content at runtime. Bad data fails fast, before it reaches the DOM.", icon: "\u2713" },
+    { title: "Tree-shaking", description: "Per-category entry points keep bundles lean. Import only what the page uses.", icon: "\u26A1" },
+    { title: "Accessibility first", description: "Semantic HTML, ARIA landmarks, and proper heading hierarchy \u2014 no patching required.", icon: "\u267F" },
+    { title: "Theme overrides", description: "Remap CSS custom properties per block without touching global styles.", icon: "\u{1F3A8}" }
+  ]
+};
+var FeatureItemSchema2 = zod.z.object({
+  title: zod.z.string(),
+  description: zod.z.string(),
+  icon: zod.z.string().optional()
+}).strict();
+var FeaturesGridContentSchema = zod.z.object({
+  heading: zod.z.string(),
+  features: zod.z.array(FeatureItemSchema2).min(1)
+}).strict();
+function FeaturesGrid({ content, theme }) {
+  FeaturesGridContentSchema.parse(content);
+  const { heading, features } = content;
+  return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-5xl mx-auto gap-10"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 3, gap: 6, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs(vui.Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(vui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, children: [
+        feature.icon && /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "span", className: vui.cn("text-xl"), "aria-hidden": "true", children: feature.icon }),
+        /* @__PURE__ */ jsxRuntime.jsx(vui.CardTitle, { as: "h3", children: feature.title })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-sm"), children: feature.description }) })
+    ] }, i)) })
+  ] }) });
+}
+
+// src/features/FeaturesGrid/default.ts
+var FeaturesGridDefaultContent = {
+  heading: "Built-in capabilities",
+  features: [
+    { title: "Schema validation", description: "Content validated at runtime via Zod.", icon: "\u2713" },
+    { title: "Tree-shaking", description: "Per-category entry points, lean bundles.", icon: "\u26A1" },
+    { title: "Accessibility", description: "Semantic HTML and ARIA by default.", icon: "\u267F" },
+    { title: "Theme overrides", description: "CSS custom properties per block.", icon: "\u{1F3A8}" },
+    { title: "TypeScript", description: "All schemas export their inferred types.", icon: "\u{1F537}" },
+    { title: "Zero config", description: "Drop in. Pass content. Done.", icon: "\u25B6\uFE0F" }
+  ]
+};
+
+// src/registry.ts
+var registry = {
+  "hero/split": { schema: HeroSplitContentSchema, default: HeroSplitDefaultContent, component: HeroSplit },
+  "hero/centered": { schema: HeroCenteredContentSchema, default: HeroCenteredDefaultContent, component: HeroCentered },
+  "cta/split": { schema: CtaSplitContentSchema, default: CtaSplitDefaultContent, component: CtaSplit },
+  "cta/centered": { schema: CtaCenteredContentSchema, default: CtaCenteredDefaultContent, component: CtaCentered },
+  "faq/split": { schema: FaqSplitContentSchema, default: FaqSplitDefaultContent, component: FaqSplit },
+  "faq/grid": { schema: FaqGridContentSchema, default: FaqGridDefaultContent, component: FaqGrid },
+  "footer/split": { schema: FooterSplitContentSchema, default: FooterSplitDefaultContent, component: FooterSplit },
+  "footer/grid": { schema: FooterGridContentSchema, default: FooterGridDefaultContent, component: FooterGrid },
+  "gallery/split": { schema: GallerySplitContentSchema, default: GallerySplitDefaultContent, component: GallerySplit },
+  "gallery/grid": { schema: GalleryGridContentSchema, default: GalleryGridDefaultContent, component: GalleryGrid },
+  "portfolio/split": { schema: PortfolioSplitContentSchema, default: PortfolioSplitDefaultContent, component: PortfolioSplit },
+  "portfolio/grid": { schema: PortfolioGridContentSchema, default: PortfolioGridDefaultContent, component: PortfolioGrid },
+  "post/split": { schema: PostSplitContentSchema, default: PostSplitDefaultContent, component: PostSplit },
+  "post/centered": { schema: PostCenteredContentSchema, default: PostCenteredDefaultContent, component: PostCentered },
+  "team/split": { schema: TeamSplitContentSchema, default: TeamSplitDefaultContent, component: TeamSplit },
+  "team/grid": { schema: TeamGridContentSchema, default: TeamGridDefaultContent, component: TeamGrid },
+  "testimonial/split": { schema: TestimonialSplitContentSchema, default: TestimonialSplitDefaultContent, component: TestimonialSplit },
+  "testimonial/grid": { schema: TestimonialGridContentSchema, default: TestimonialGridDefaultContent, component: TestimonialGrid },
+  "blog/split": { schema: BlogSplitContentSchema, default: BlogSplitDefaultContent, component: BlogSplit },
+  "blog/grid": { schema: BlogGridContentSchema, default: BlogGridDefaultContent, component: BlogGrid },
+  "business/split": { schema: BusinessSplitContentSchema, default: BusinessSplitDefaultContent, component: BusinessSplit },
+  "business/grid": { schema: BusinessGridContentSchema, default: BusinessGridDefaultContent, component: BusinessGrid },
+  "features/split": { schema: FeaturesSplitContentSchema, default: FeaturesSplitDefaultContent, component: FeaturesSplit },
+  "features/grid": { schema: FeaturesGridContentSchema, default: FeaturesGridDefaultContent, component: FeaturesGrid }
+};
+
+exports.BlogGrid = BlogGrid;
+exports.BlogGridContentSchema = BlogGridContentSchema;
+exports.BlogGridDefaultContent = BlogGridDefaultContent;
+exports.BlogSplit = BlogSplit;
+exports.BlogSplitContentSchema = BlogSplitContentSchema;
+exports.BlogSplitDefaultContent = BlogSplitDefaultContent;
+exports.BusinessGrid = BusinessGrid;
+exports.BusinessGridContentSchema = BusinessGridContentSchema;
+exports.BusinessGridDefaultContent = BusinessGridDefaultContent;
+exports.BusinessSplit = BusinessSplit;
+exports.BusinessSplitContentSchema = BusinessSplitContentSchema;
+exports.BusinessSplitDefaultContent = BusinessSplitDefaultContent;
+exports.CtaCentered = CtaCentered;
+exports.CtaCenteredContentSchema = CtaCenteredContentSchema;
+exports.CtaCenteredDefaultContent = CtaCenteredDefaultContent;
+exports.CtaSplit = CtaSplit;
+exports.CtaSplitContentSchema = CtaSplitContentSchema;
+exports.CtaSplitDefaultContent = CtaSplitDefaultContent;
+exports.FaqGrid = FaqGrid;
+exports.FaqGridContentSchema = FaqGridContentSchema;
+exports.FaqGridDefaultContent = FaqGridDefaultContent;
+exports.FaqSplit = FaqSplit;
+exports.FaqSplitContentSchema = FaqSplitContentSchema;
+exports.FaqSplitDefaultContent = FaqSplitDefaultContent;
+exports.FeaturesGrid = FeaturesGrid;
+exports.FeaturesGridContentSchema = FeaturesGridContentSchema;
+exports.FeaturesGridDefaultContent = FeaturesGridDefaultContent;
+exports.FeaturesSplit = FeaturesSplit;
+exports.FeaturesSplitContentSchema = FeaturesSplitContentSchema;
+exports.FeaturesSplitDefaultContent = FeaturesSplitDefaultContent;
+exports.FooterGrid = FooterGrid;
+exports.FooterGridContentSchema = FooterGridContentSchema;
+exports.FooterGridDefaultContent = FooterGridDefaultContent;
+exports.FooterSplit = FooterSplit;
+exports.FooterSplitContentSchema = FooterSplitContentSchema;
+exports.FooterSplitDefaultContent = FooterSplitDefaultContent;
+exports.GalleryGrid = GalleryGrid;
+exports.GalleryGridContentSchema = GalleryGridContentSchema;
+exports.GalleryGridDefaultContent = GalleryGridDefaultContent;
+exports.GallerySplit = GallerySplit;
+exports.GallerySplitContentSchema = GallerySplitContentSchema;
+exports.GallerySplitDefaultContent = GallerySplitDefaultContent;
+exports.HeroCentered = HeroCentered;
+exports.HeroCenteredContentSchema = HeroCenteredContentSchema;
+exports.HeroCenteredDefaultContent = HeroCenteredDefaultContent;
+exports.HeroSplit = HeroSplit;
+exports.HeroSplitContentSchema = HeroSplitContentSchema;
+exports.HeroSplitDefaultContent = HeroSplitDefaultContent;
+exports.PortfolioGrid = PortfolioGrid;
+exports.PortfolioGridContentSchema = PortfolioGridContentSchema;
+exports.PortfolioGridDefaultContent = PortfolioGridDefaultContent;
+exports.PortfolioSplit = PortfolioSplit;
+exports.PortfolioSplitContentSchema = PortfolioSplitContentSchema;
+exports.PortfolioSplitDefaultContent = PortfolioSplitDefaultContent;
+exports.PostCentered = PostCentered;
+exports.PostCenteredContentSchema = PostCenteredContentSchema;
+exports.PostCenteredDefaultContent = PostCenteredDefaultContent;
+exports.PostSplit = PostSplit;
+exports.PostSplitContentSchema = PostSplitContentSchema;
+exports.PostSplitDefaultContent = PostSplitDefaultContent;
+exports.TeamGrid = TeamGrid;
+exports.TeamGridContentSchema = TeamGridContentSchema;
+exports.TeamGridDefaultContent = TeamGridDefaultContent;
+exports.TeamSplit = TeamSplit;
+exports.TeamSplitContentSchema = TeamSplitContentSchema;
+exports.TeamSplitDefaultContent = TeamSplitDefaultContent;
+exports.TestimonialGrid = TestimonialGrid;
+exports.TestimonialGridContentSchema = TestimonialGridContentSchema;
+exports.TestimonialGridDefaultContent = TestimonialGridDefaultContent;
+exports.TestimonialSplit = TestimonialSplit;
+exports.TestimonialSplitContentSchema = TestimonialSplitContentSchema;
+exports.TestimonialSplitDefaultContent = TestimonialSplitDefaultContent;
+exports.registry = registry;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map