@booga/vblocks 0.1.0

package/dist/features/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/features/FeaturesSplit/schema.ts","../../src/features/FeaturesSplit/index.tsx","../../src/features/FeaturesSplit/default.ts","../../src/features/FeaturesGrid/schema.ts","../../src/features/FeaturesGrid/index.tsx","../../src/features/FeaturesGrid/default.ts"],"names":["FeatureItemSchema","z","jsx","jsxs","cn"],"mappings":"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","file":"index.js","sourcesContent":["// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type ElementType } from \"react\";\nimport { dsl } from \"@booga/vdsl\";\nimport { Box, Stack, Grid, Inline } from \"@booga/vui\";\n\n// PolymorphicComponent is not structurally assignable to ElementType; dsl() uses\n// createElement() at runtime which accepts any callable, so the bridge is safe.\nexport const DBox    = dsl(Box    as unknown as ElementType);\nexport const DStack  = dsl(Stack  as unknown as ElementType);\nexport const DGrid   = dsl(Grid   as unknown as ElementType);\nexport const DInline = dsl(Inline as unknown as ElementType);\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type CSSProperties } from \"react\";\nimport { type ThemeOverride } from \"./types\";\n\nexport function themeStyle(theme: ThemeOverride | undefined): CSSProperties | undefined {\n  if (!theme) return undefined;\n  return Object.fromEntries(\n    Object.entries(theme).map(([k, v]) => [`--v-${k}`, v])\n  ) as CSSProperties;\n}\n\nexport function clampedGridCols(n: number): 1 | 2 | 3 | 4 | 5 | 6 {\n  return Math.max(1, Math.min(6, Math.round(n))) as 1 | 2 | 3 | 4 | 5 | 6;\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst FeatureItemSchema = z.object({\n  title: z.string(),\n  description: z.string(),\n  icon: z.string().optional(),\n}).strict();\n\nexport const FeaturesSplitContentSchema = z.object({\n  heading: z.string(),\n  description: z.string().optional(),\n  features: z.array(FeatureItemSchema).min(1),\n}).strict();\n\nexport type FeaturesSplitContent = z.infer<typeof FeaturesSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { cn } from \"@booga/vui\";\nimport { DBox, DGrid, DInline, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { FeaturesSplitContentSchema, type FeaturesSplitContent } from \"./schema\";\n\nexport function FeaturesSplit({ content, theme }: BlockProps<FeaturesSplitContent>) {\n  FeaturesSplitContentSchema.parse(content);\n  const { heading, description, features } = content;\n  return (\n    <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n      <DGrid columns={2} px={6} py={16} gap={16} align=\"start\" className={cn(\"max-w-6xl mx-auto\")}>\n        <DStack gap={4} className={cn(\"sticky top-16\")}>\n          <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n          {description && (\n            <DBox as=\"p\" color=\"muted\" className={cn(\"text-lg\")}>{description}</DBox>\n          )}\n        </DStack>\n        <DBox as=\"ul\" m={0} p={0} gap={8} display=\"flex\" className={cn(\"list-none flex-col\")}>\n          {features.map((feature, i) => (\n            <DBox as=\"li\" key={i}>\n              <DInline gap={4} align=\"start\">\n                {feature.icon && (\n                  <DBox as=\"span\" className={cn(\"text-xl flex-shrink-0 mt-0.5\")} aria-hidden=\"true\">\n                    {feature.icon}\n                  </DBox>\n                )}\n                <DStack gap={1}>\n                  <DBox as=\"h3\" className={cn(\"font-semibold\")}>{feature.title}</DBox>\n                  <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{feature.description}</DBox>\n                </DStack>\n              </DInline>\n            </DBox>\n          ))}\n        </DBox>\n      </DGrid>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type FeaturesSplitContent } from \"./schema\";\n\nexport const FeaturesSplitDefaultContent: FeaturesSplitContent = {\n  heading: \"Everything you need\",\n  description: \"A complete toolkit for building composable, schema-validated interfaces.\",\n  features: [\n    { title: \"Schema validation\", description: \"Every block validates content at runtime. Bad data fails fast, before it reaches the DOM.\", icon: \"✓\" },\n    { title: \"Tree-shaking\", description: \"Per-category entry points keep bundles lean. Import only what the page uses.\", icon: \"⚡\" },\n    { title: \"Accessibility first\", description: \"Semantic HTML, ARIA landmarks, and proper heading hierarchy — no patching required.\", icon: \"♿\" },\n    { title: \"Theme overrides\", description: \"Remap CSS custom properties per block without touching global styles.\", icon: \"🎨\" },\n  ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst FeatureItemSchema = z.object({\n  title: z.string(),\n  description: z.string(),\n  icon: z.string().optional(),\n}).strict();\n\nexport const FeaturesGridContentSchema = z.object({\n  heading: z.string(),\n  features: z.array(FeatureItemSchema).min(1),\n}).strict();\n\nexport type FeaturesGridContent = z.infer<typeof FeaturesGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Card, CardContent, CardHeader, CardTitle, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { FeaturesGridContentSchema, type FeaturesGridContent } from \"./schema\";\n\nexport function FeaturesGrid({ content, theme }: BlockProps<FeaturesGridContent>) {\n  FeaturesGridContentSchema.parse(content);\n  const { heading, features } = content;\n  return (\n    <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n      <DStack px={6} py={16} className={cn(\"max-w-5xl mx-auto gap-10\")}>\n        <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight text-center\")}>{heading}</DBox>\n        <DGrid columns={3} gap={6}>\n          {features.map((feature, i) => (\n            <Card key={i}>\n              <CardHeader>\n                <DStack gap={2}>\n                  {feature.icon && (\n                    <DBox as=\"span\" className={cn(\"text-xl\")} aria-hidden=\"true\">{feature.icon}</DBox>\n                  )}\n                  <CardTitle as=\"h3\">{feature.title}</CardTitle>\n                </DStack>\n              </CardHeader>\n              <CardContent>\n                <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{feature.description}</DBox>\n              </CardContent>\n            </Card>\n          ))}\n        </DGrid>\n      </DStack>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type FeaturesGridContent } from \"./schema\";\n\nexport const FeaturesGridDefaultContent: FeaturesGridContent = {\n  heading: \"Built-in capabilities\",\n  features: [\n    { title: \"Schema validation\", description: \"Content validated at runtime via Zod.\", icon: \"✓\" },\n    { title: \"Tree-shaking\", description: \"Per-category entry points, lean bundles.\", icon: \"⚡\" },\n    { title: \"Accessibility\", description: \"Semantic HTML and ARIA by default.\", icon: \"♿\" },\n    { title: \"Theme overrides\", description: \"CSS custom properties per block.\", icon: \"🎨\" },\n    { title: \"TypeScript\", description: \"All schemas export their inferred types.\", icon: \"🔷\" },\n    { title: \"Zero config\", description: \"Drop in. Pass content. Done.\", icon: \"▶️\" },\n  ],\n};\n"]}

package/dist/footer/index.cjs

@@ -0,0 +1,117 @@
+'use strict';
+
+var vui = require('@booga/vui');
+var vdsl = require('@booga/vdsl');
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/footer/FooterSplit/index.tsx
+var DBox = vdsl.dsl(vui.Box);
+var DStack = vdsl.dsl(vui.Stack);
+var DGrid = vdsl.dsl(vui.Grid);
+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();
+zod.z.object({
+  src: zod.z.string(),
+  alt: zod.z.string()
+}).strict();
+
+// src/footer/FooterSplit/schema.ts
+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."
+};
+
+exports.FooterGrid = FooterGrid;
+exports.FooterGridContentSchema = FooterGridContentSchema;
+exports.FooterGridDefaultContent = FooterGridDefaultContent;
+exports.FooterSplit = FooterSplit;
+exports.FooterSplitContentSchema = FooterSplitContentSchema;
+exports.FooterSplitDefaultContent = FooterSplitDefaultContent;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/footer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/footer/FooterSplit/schema.ts","../../src/footer/FooterSplit/index.tsx","../../src/footer/FooterSplit/default.ts","../../src/footer/FooterGrid/schema.ts","../../src/footer/FooterGrid/index.tsx","../../src/footer/FooterGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsxs","cn","jsx","Separator"],"mappings":"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","file":"index.cjs","sourcesContent":["// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type ElementType } from \"react\";\nimport { dsl } from \"@booga/vdsl\";\nimport { Box, Stack, Grid, Inline } from \"@booga/vui\";\n\n// PolymorphicComponent is not structurally assignable to ElementType; dsl() uses\n// createElement() at runtime which accepts any callable, so the bridge is safe.\nexport const DBox    = dsl(Box    as unknown as ElementType);\nexport const DStack  = dsl(Stack  as unknown as ElementType);\nexport const DGrid   = dsl(Grid   as unknown as ElementType);\nexport const DInline = dsl(Inline as unknown as ElementType);\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type CSSProperties } from \"react\";\nimport { type ThemeOverride } from \"./types\";\n\nexport function themeStyle(theme: ThemeOverride | undefined): CSSProperties | undefined {\n  if (!theme) return undefined;\n  return Object.fromEntries(\n    Object.entries(theme).map(([k, v]) => [`--v-${k}`, v])\n  ) as CSSProperties;\n}\n\nexport function clampedGridCols(n: number): 1 | 2 | 3 | 4 | 5 | 6 {\n  return Math.max(1, Math.min(6, Math.round(n))) as 1 | 2 | 3 | 4 | 5 | 6;\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nexport const CtaSchema = z.object({\n  label: z.string(),\n  href: z.string(),\n}).strict();\n\nexport const ImageSchema = z.object({\n  src: z.string(),\n  alt: z.string(),\n}).strict();\n\nexport const AvatarSchema = ImageSchema;\n\nexport type Cta = z.infer<typeof CtaSchema>;\nexport type Image = z.infer<typeof ImageSchema>;\nexport type AvatarSrc = Image;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { CtaSchema } from \"../../shared/schemas\";\n\nconst BrandSchema = z.object({\n  name: z.string(),\n  tagline: z.string().optional(),\n}).strict();\n\nexport const FooterSplitContentSchema = z.object({\n  brand: BrandSchema,\n  links: z.array(CtaSchema).min(1),\n  copyright: z.string(),\n}).strict();\n\nexport type FooterSplitContent = z.infer<typeof FooterSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Separator, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { FooterSplitContentSchema, type FooterSplitContent } from \"./schema\";\n\nexport function FooterSplit({ content, theme }: BlockProps<FooterSplitContent>) {\n  FooterSplitContentSchema.parse(content);\n  const { brand, links, copyright } = content;\n  return (\n    <DBox as=\"footer\" style={themeStyle(theme)}>\n      <DGrid columns={2} px={6} py={12} gap={8} align=\"start\" className={cn(\"max-w-6xl mx-auto\")}>\n        <DStack gap={2}>\n          <DBox as=\"p\" className={cn(\"font-bold text-lg\")}>{brand.name}</DBox>\n          {brand.tagline && (\n            <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{brand.tagline}</DBox>\n          )}\n        </DStack>\n        <DBox as=\"nav\" aria-label=\"Footer navigation\">\n          <DBox as=\"ul\" m={0} p={0} gap={6} display=\"flex\" className={cn(\"list-none flex-wrap\")}>\n            {links.map((link, i) => (\n              <DBox as=\"li\" key={i}>\n                <DBox as=\"a\" href={link.href} className={cn(\"text-sm hover:underline\")}>\n                  {link.label}\n                </DBox>\n              </DBox>\n            ))}\n          </DBox>\n        </DBox>\n      </DGrid>\n      <Separator />\n      <DBox px={6} py={4} className={cn(\"max-w-6xl mx-auto\")}>\n        <DBox as=\"p\" color=\"muted\" className={cn(\"text-xs text-center\")}>{copyright}</DBox>\n      </DBox>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type FooterSplitContent } from \"./schema\";\n\nexport const FooterSplitDefaultContent: FooterSplitContent = {\n  brand: { name: \"Acme\", tagline: \"Build things that matter.\" },\n  links: [\n    { label: \"Privacy\", href: \"#\" },\n    { label: \"Terms\", href: \"#\" },\n    { label: \"Contact\", href: \"#\" },\n  ],\n  copyright: \"© 2026 Acme. All rights reserved.\",\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { CtaSchema } from \"../../shared/schemas\";\n\nconst FooterColumnSchema = z.object({\n  heading: z.string(),\n  links: z.array(CtaSchema).min(1),\n}).strict();\n\nexport const FooterGridContentSchema = z.object({\n  columns: z.array(FooterColumnSchema).min(1).max(6),\n  copyright: z.string(),\n}).strict();\n\nexport type FooterGridContent = z.infer<typeof FooterGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Separator, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle, clampedGridCols } from \"../../theme\";\nimport { FooterGridContentSchema, type FooterGridContent } from \"./schema\";\n\nexport function FooterGrid({ content, theme }: BlockProps<FooterGridContent>) {\n  FooterGridContentSchema.parse(content);\n  const { columns, copyright } = content;\n  return (\n    <DBox as=\"footer\" style={themeStyle(theme)}>\n      <DGrid\n        columns={clampedGridCols(columns.length)}\n        px={6} py={12} gap={8}\n        className={cn(\"max-w-6xl mx-auto\")}\n      >\n        {columns.map((col, i) => (\n          <DStack key={i} gap={4}>\n            <DBox as=\"h3\" className={cn(\"font-semibold text-sm uppercase tracking-widest\")}>\n              {col.heading}\n            </DBox>\n            <DBox as=\"ul\" m={0} p={0} gap={2} display=\"flex\" className={cn(\"list-none flex-col\")}>\n              {col.links.map((link, j) => (\n                <DBox as=\"li\" key={j}>\n                  <DBox as=\"a\" href={link.href} color=\"muted\" className={cn(\"text-sm hover:underline\")}>\n                    {link.label}\n                  </DBox>\n                </DBox>\n              ))}\n            </DBox>\n          </DStack>\n        ))}\n      </DGrid>\n      <Separator />\n      <DBox px={6} py={4} className={cn(\"max-w-6xl mx-auto\")}>\n        <DBox as=\"p\" color=\"muted\" className={cn(\"text-xs text-center\")}>{copyright}</DBox>\n      </DBox>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type FooterGridContent } from \"./schema\";\n\nexport const FooterGridDefaultContent: FooterGridContent = {\n  columns: [\n    { heading: \"Product\", links: [{ label: \"Features\", href: \"#\" }, { label: \"Pricing\", href: \"#\" }] },\n    { heading: \"Company\", links: [{ label: \"About\", href: \"#\" }, { label: \"Blog\", href: \"#\" }] },\n    { heading: \"Legal\", links: [{ label: \"Privacy\", href: \"#\" }, { label: \"Terms\", href: \"#\" }] },\n  ],\n  copyright: \"© 2026 Acme. All rights reserved.\",\n};\n"]}

package/dist/footer/index.d.cts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as BlockProps } from '../types-n6w6cZmP.cjs';
+import { z } from 'zod';
+import 'react';
+
+declare const FooterSplitContentSchema: z.ZodObject<{
+    brand: z.ZodObject<{
+        name: z.ZodString;
+        tagline: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        name: string;
+        tagline?: string | undefined;
+    }, {
+        name: string;
+        tagline?: string | undefined;
+    }>;
+    links: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        label: string;
+        href: string;
+    }, {
+        label: string;
+        href: string;
+    }>, "many">;
+    copyright: z.ZodString;
+}, "strict", z.ZodTypeAny, {
+    brand: {
+        name: string;
+        tagline?: string | undefined;
+    };
+    links: {
+        label: string;
+        href: string;
+    }[];
+    copyright: string;
+}, {
+    brand: {
+        name: string;
+        tagline?: string | undefined;
+    };
+    links: {
+        label: string;
+        href: string;
+    }[];
+    copyright: string;
+}>;
+type FooterSplitContent = z.infer<typeof FooterSplitContentSchema>;
+
+declare function FooterSplit({ content, theme }: BlockProps<FooterSplitContent>): react_jsx_runtime.JSX.Element;
+
+declare const FooterSplitDefaultContent: FooterSplitContent;
+
+declare const FooterGridContentSchema: z.ZodObject<{
+    columns: z.ZodArray<z.ZodObject<{
+        heading: z.ZodString;
+        links: z.ZodArray<z.ZodObject<{
+            label: z.ZodString;
+            href: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            label: string;
+            href: string;
+        }, {
+            label: string;
+            href: string;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }, {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }>, "many">;
+    copyright: z.ZodString;
+}, "strict", z.ZodTypeAny, {
+    columns: {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }[];
+    copyright: string;
+}, {
+    columns: {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }[];
+    copyright: string;
+}>;
+type FooterGridContent = z.infer<typeof FooterGridContentSchema>;
+
+declare function FooterGrid({ content, theme }: BlockProps<FooterGridContent>): react_jsx_runtime.JSX.Element;
+
+declare const FooterGridDefaultContent: FooterGridContent;
+
+export { FooterGrid, type FooterGridContent, FooterGridContentSchema, FooterGridDefaultContent, FooterSplit, type FooterSplitContent, FooterSplitContentSchema, FooterSplitDefaultContent };

package/dist/footer/index.d.ts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as BlockProps } from '../types-n6w6cZmP.js';
+import { z } from 'zod';
+import 'react';
+
+declare const FooterSplitContentSchema: z.ZodObject<{
+    brand: z.ZodObject<{
+        name: z.ZodString;
+        tagline: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        name: string;
+        tagline?: string | undefined;
+    }, {
+        name: string;
+        tagline?: string | undefined;
+    }>;
+    links: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        label: string;
+        href: string;
+    }, {
+        label: string;
+        href: string;
+    }>, "many">;
+    copyright: z.ZodString;
+}, "strict", z.ZodTypeAny, {
+    brand: {
+        name: string;
+        tagline?: string | undefined;
+    };
+    links: {
+        label: string;
+        href: string;
+    }[];
+    copyright: string;
+}, {
+    brand: {
+        name: string;
+        tagline?: string | undefined;
+    };
+    links: {
+        label: string;
+        href: string;
+    }[];
+    copyright: string;
+}>;
+type FooterSplitContent = z.infer<typeof FooterSplitContentSchema>;
+
+declare function FooterSplit({ content, theme }: BlockProps<FooterSplitContent>): react_jsx_runtime.JSX.Element;
+
+declare const FooterSplitDefaultContent: FooterSplitContent;
+
+declare const FooterGridContentSchema: z.ZodObject<{
+    columns: z.ZodArray<z.ZodObject<{
+        heading: z.ZodString;
+        links: z.ZodArray<z.ZodObject<{
+            label: z.ZodString;
+            href: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            label: string;
+            href: string;
+        }, {
+            label: string;
+            href: string;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }, {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }>, "many">;
+    copyright: z.ZodString;
+}, "strict", z.ZodTypeAny, {
+    columns: {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }[];
+    copyright: string;
+}, {
+    columns: {
+        heading: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }[];
+    copyright: string;
+}>;
+type FooterGridContent = z.infer<typeof FooterGridContentSchema>;
+
+declare function FooterGrid({ content, theme }: BlockProps<FooterGridContent>): react_jsx_runtime.JSX.Element;
+
+declare const FooterGridDefaultContent: FooterGridContent;
+
+export { FooterGrid, type FooterGridContent, FooterGridContentSchema, FooterGridDefaultContent, FooterSplit, type FooterSplitContent, FooterSplitContentSchema, FooterSplitDefaultContent };

package/dist/footer/index.js

@@ -0,0 +1,110 @@
+import { Box, Stack, Grid, Inline, cn, Separator } from '@booga/vui';
+import { dsl } from '@booga/vdsl';
+import { z } from 'zod';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/footer/FooterSplit/index.tsx
+var DBox = dsl(Box);
+var DStack = dsl(Stack);
+var DGrid = dsl(Grid);
+dsl(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 = z.object({
+  label: z.string(),
+  href: z.string()
+}).strict();
+z.object({
+  src: z.string(),
+  alt: z.string()
+}).strict();
+
+// src/footer/FooterSplit/schema.ts
+var BrandSchema = z.object({
+  name: z.string(),
+  tagline: z.string().optional()
+}).strict();
+var FooterSplitContentSchema = z.object({
+  brand: BrandSchema,
+  links: z.array(CtaSchema).min(1),
+  copyright: z.string()
+}).strict();
+function FooterSplit({ content, theme }) {
+  FooterSplitContentSchema.parse(content);
+  const { brand, links, copyright } = content;
+  return /* @__PURE__ */ jsxs(DBox, { as: "footer", style: themeStyle(theme), children: [
+    /* @__PURE__ */ jsxs(DGrid, { columns: 2, px: 6, py: 12, gap: 8, align: "start", className: cn("max-w-6xl mx-auto"), children: [
+      /* @__PURE__ */ jsxs(DStack, { gap: 2, children: [
+        /* @__PURE__ */ jsx(DBox, { as: "p", className: cn("font-bold text-lg"), children: brand.name }),
+        brand.tagline && /* @__PURE__ */ jsx(DBox, { as: "p", color: "muted", className: cn("text-sm"), children: brand.tagline })
+      ] }),
+      /* @__PURE__ */ jsx(DBox, { as: "nav", "aria-label": "Footer navigation", children: /* @__PURE__ */ jsx(DBox, { as: "ul", m: 0, p: 0, gap: 6, display: "flex", className: cn("list-none flex-wrap"), children: links.map((link, i) => /* @__PURE__ */ jsx(DBox, { as: "li", children: /* @__PURE__ */ jsx(DBox, { as: "a", href: link.href, className: cn("text-sm hover:underline"), children: link.label }) }, i)) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(DBox, { px: 6, py: 4, className: cn("max-w-6xl mx-auto"), children: /* @__PURE__ */ jsx(DBox, { as: "p", color: "muted", className: 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 = z.object({
+  heading: z.string(),
+  links: z.array(CtaSchema).min(1)
+}).strict();
+var FooterGridContentSchema = z.object({
+  columns: z.array(FooterColumnSchema).min(1).max(6),
+  copyright: z.string()
+}).strict();
+function FooterGrid({ content, theme }) {
+  FooterGridContentSchema.parse(content);
+  const { columns, copyright } = content;
+  return /* @__PURE__ */ jsxs(DBox, { as: "footer", style: themeStyle(theme), children: [
+    /* @__PURE__ */ jsx(
+      DGrid,
+      {
+        columns: clampedGridCols(columns.length),
+        px: 6,
+        py: 12,
+        gap: 8,
+        className: cn("max-w-6xl mx-auto"),
+        children: columns.map((col, i) => /* @__PURE__ */ jsxs(DStack, { gap: 4, children: [
+          /* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("font-semibold text-sm uppercase tracking-widest"), children: col.heading }),
+          /* @__PURE__ */ jsx(DBox, { as: "ul", m: 0, p: 0, gap: 2, display: "flex", className: cn("list-none flex-col"), children: col.links.map((link, j) => /* @__PURE__ */ jsx(DBox, { as: "li", children: /* @__PURE__ */ jsx(DBox, { as: "a", href: link.href, color: "muted", className: cn("text-sm hover:underline"), children: link.label }) }, j)) })
+        ] }, i))
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(DBox, { px: 6, py: 4, className: cn("max-w-6xl mx-auto"), children: /* @__PURE__ */ jsx(DBox, { as: "p", color: "muted", className: 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."
+};
+
+export { FooterGrid, FooterGridContentSchema, FooterGridDefaultContent, FooterSplit, FooterSplitContentSchema, FooterSplitDefaultContent };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/footer/FooterSplit/schema.ts","../../src/footer/FooterSplit/index.tsx","../../src/footer/FooterSplit/default.ts","../../src/footer/FooterGrid/schema.ts","../../src/footer/FooterGrid/index.tsx","../../src/footer/FooterGrid/default.ts"],"names":["z","jsxs","jsx","cn","Separator"],"mappings":"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","file":"index.js","sourcesContent":["// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type ElementType } from \"react\";\nimport { dsl } from \"@booga/vdsl\";\nimport { Box, Stack, Grid, Inline } from \"@booga/vui\";\n\n// PolymorphicComponent is not structurally assignable to ElementType; dsl() uses\n// createElement() at runtime which accepts any callable, so the bridge is safe.\nexport const DBox    = dsl(Box    as unknown as ElementType);\nexport const DStack  = dsl(Stack  as unknown as ElementType);\nexport const DGrid   = dsl(Grid   as unknown as ElementType);\nexport const DInline = dsl(Inline as unknown as ElementType);\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type CSSProperties } from \"react\";\nimport { type ThemeOverride } from \"./types\";\n\nexport function themeStyle(theme: ThemeOverride | undefined): CSSProperties | undefined {\n  if (!theme) return undefined;\n  return Object.fromEntries(\n    Object.entries(theme).map(([k, v]) => [`--v-${k}`, v])\n  ) as CSSProperties;\n}\n\nexport function clampedGridCols(n: number): 1 | 2 | 3 | 4 | 5 | 6 {\n  return Math.max(1, Math.min(6, Math.round(n))) as 1 | 2 | 3 | 4 | 5 | 6;\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nexport const CtaSchema = z.object({\n  label: z.string(),\n  href: z.string(),\n}).strict();\n\nexport const ImageSchema = z.object({\n  src: z.string(),\n  alt: z.string(),\n}).strict();\n\nexport const AvatarSchema = ImageSchema;\n\nexport type Cta = z.infer<typeof CtaSchema>;\nexport type Image = z.infer<typeof ImageSchema>;\nexport type AvatarSrc = Image;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { CtaSchema } from \"../../shared/schemas\";\n\nconst BrandSchema = z.object({\n  name: z.string(),\n  tagline: z.string().optional(),\n}).strict();\n\nexport const FooterSplitContentSchema = z.object({\n  brand: BrandSchema,\n  links: z.array(CtaSchema).min(1),\n  copyright: z.string(),\n}).strict();\n\nexport type FooterSplitContent = z.infer<typeof FooterSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Separator, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { FooterSplitContentSchema, type FooterSplitContent } from \"./schema\";\n\nexport function FooterSplit({ content, theme }: BlockProps<FooterSplitContent>) {\n  FooterSplitContentSchema.parse(content);\n  const { brand, links, copyright } = content;\n  return (\n    <DBox as=\"footer\" style={themeStyle(theme)}>\n      <DGrid columns={2} px={6} py={12} gap={8} align=\"start\" className={cn(\"max-w-6xl mx-auto\")}>\n        <DStack gap={2}>\n          <DBox as=\"p\" className={cn(\"font-bold text-lg\")}>{brand.name}</DBox>\n          {brand.tagline && (\n            <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{brand.tagline}</DBox>\n          )}\n        </DStack>\n        <DBox as=\"nav\" aria-label=\"Footer navigation\">\n          <DBox as=\"ul\" m={0} p={0} gap={6} display=\"flex\" className={cn(\"list-none flex-wrap\")}>\n            {links.map((link, i) => (\n              <DBox as=\"li\" key={i}>\n                <DBox as=\"a\" href={link.href} className={cn(\"text-sm hover:underline\")}>\n                  {link.label}\n                </DBox>\n              </DBox>\n            ))}\n          </DBox>\n        </DBox>\n      </DGrid>\n      <Separator />\n      <DBox px={6} py={4} className={cn(\"max-w-6xl mx-auto\")}>\n        <DBox as=\"p\" color=\"muted\" className={cn(\"text-xs text-center\")}>{copyright}</DBox>\n      </DBox>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type FooterSplitContent } from \"./schema\";\n\nexport const FooterSplitDefaultContent: FooterSplitContent = {\n  brand: { name: \"Acme\", tagline: \"Build things that matter.\" },\n  links: [\n    { label: \"Privacy\", href: \"#\" },\n    { label: \"Terms\", href: \"#\" },\n    { label: \"Contact\", href: \"#\" },\n  ],\n  copyright: \"© 2026 Acme. All rights reserved.\",\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { CtaSchema } from \"../../shared/schemas\";\n\nconst FooterColumnSchema = z.object({\n  heading: z.string(),\n  links: z.array(CtaSchema).min(1),\n}).strict();\n\nexport const FooterGridContentSchema = z.object({\n  columns: z.array(FooterColumnSchema).min(1).max(6),\n  copyright: z.string(),\n}).strict();\n\nexport type FooterGridContent = z.infer<typeof FooterGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Separator, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle, clampedGridCols } from \"../../theme\";\nimport { FooterGridContentSchema, type FooterGridContent } from \"./schema\";\n\nexport function FooterGrid({ content, theme }: BlockProps<FooterGridContent>) {\n  FooterGridContentSchema.parse(content);\n  const { columns, copyright } = content;\n  return (\n    <DBox as=\"footer\" style={themeStyle(theme)}>\n      <DGrid\n        columns={clampedGridCols(columns.length)}\n        px={6} py={12} gap={8}\n        className={cn(\"max-w-6xl mx-auto\")}\n      >\n        {columns.map((col, i) => (\n          <DStack key={i} gap={4}>\n            <DBox as=\"h3\" className={cn(\"font-semibold text-sm uppercase tracking-widest\")}>\n              {col.heading}\n            </DBox>\n            <DBox as=\"ul\" m={0} p={0} gap={2} display=\"flex\" className={cn(\"list-none flex-col\")}>\n              {col.links.map((link, j) => (\n                <DBox as=\"li\" key={j}>\n                  <DBox as=\"a\" href={link.href} color=\"muted\" className={cn(\"text-sm hover:underline\")}>\n                    {link.label}\n                  </DBox>\n                </DBox>\n              ))}\n            </DBox>\n          </DStack>\n        ))}\n      </DGrid>\n      <Separator />\n      <DBox px={6} py={4} className={cn(\"max-w-6xl mx-auto\")}>\n        <DBox as=\"p\" color=\"muted\" className={cn(\"text-xs text-center\")}>{copyright}</DBox>\n      </DBox>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type FooterGridContent } from \"./schema\";\n\nexport const FooterGridDefaultContent: FooterGridContent = {\n  columns: [\n    { heading: \"Product\", links: [{ label: \"Features\", href: \"#\" }, { label: \"Pricing\", href: \"#\" }] },\n    { heading: \"Company\", links: [{ label: \"About\", href: \"#\" }, { label: \"Blog\", href: \"#\" }] },\n    { heading: \"Legal\", links: [{ label: \"Privacy\", href: \"#\" }, { label: \"Terms\", href: \"#\" }] },\n  ],\n  copyright: \"© 2026 Acme. All rights reserved.\",\n};\n"]}

package/dist/gallery/index.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+var vui = require('@booga/vui');
+var vdsl = require('@booga/vdsl');
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/gallery/GallerySplit/index.tsx
+var DBox = vdsl.dsl(vui.Box);
+var DStack = vdsl.dsl(vui.Stack);
+var DGrid = vdsl.dsl(vui.Grid);
+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])
+  );
+}
+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" }
+  ]
+};
+
+exports.GalleryGrid = GalleryGrid;
+exports.GalleryGridContentSchema = GalleryGridContentSchema;
+exports.GalleryGridDefaultContent = GalleryGridDefaultContent;
+exports.GallerySplit = GallerySplit;
+exports.GallerySplitContentSchema = GallerySplitContentSchema;
+exports.GallerySplitDefaultContent = GallerySplitDefaultContent;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map