@booga/vblocks 0.1.0

package/dist/gallery/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/gallery/GallerySplit/schema.ts","../../src/gallery/GallerySplit/index.tsx","../../src/gallery/GallerySplit/default.ts","../../src/gallery/GalleryGrid/schema.ts","../../src/gallery/GalleryGrid/index.tsx","../../src/gallery/GalleryGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsx","jsxs","cn","GalleryItemSchema"],"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\nconst GalleryItemSchema = z.object({\n  src: z.string(),\n  alt: z.string(),\n  caption: z.string().optional(),\n}).strict();\n\nexport const GallerySplitContentSchema = z.object({\n  heading: z.string(),\n  description: z.string().optional(),\n  items: z.array(GalleryItemSchema).min(1),\n}).strict();\n\nexport type GallerySplitContent = z.infer<typeof GallerySplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { GallerySplitContentSchema, type GallerySplitContent } from \"./schema\";\n\nexport function GallerySplit({ content, theme }: BlockProps<GallerySplitContent>) {\n  GallerySplitContentSchema.parse(content);\n  const { heading, description, items } = content;\n  return (\n    <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n      <DGrid columns={2} px={6} py={16} gap={12} 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\">{description}</DBox>\n          )}\n        </DStack>\n        <DBox as=\"ul\" m={0} p={0} gap={4} display=\"grid\" className={cn(\"list-none grid-cols-2\")}>\n          {items.map((item, i) => (\n            <DBox as=\"li\" key={i}>\n              <DBox as=\"figure\" m={0}>\n                <DBox\n                  as=\"img\"\n                  src={item.src}\n                  alt={item.alt}\n                  className={cn(\"w-full rounded-lg object-cover aspect-square\")}\n                />\n                {item.caption && (\n                  <DBox as=\"figcaption\" color=\"muted\" mt={1} className={cn(\"text-xs\")}>\n                    {item.caption}\n                  </DBox>\n                )}\n              </DBox>\n            </DBox>\n          ))}\n        </DBox>\n      </DGrid>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type GallerySplitContent } from \"./schema\";\n\nexport const GallerySplitDefaultContent: GallerySplitContent = {\n  heading: \"Our work\",\n  description: \"A selection of recent projects.\",\n  items: [\n    { src: \"https://placehold.co/400x300\", alt: \"Project one\" },\n    { src: \"https://placehold.co/400x300\", alt: \"Project two\" },\n    { src: \"https://placehold.co/400x300\", alt: \"Project three\", caption: \"Featured project\" },\n  ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst GalleryItemSchema = z.object({\n  src: z.string(),\n  alt: z.string(),\n  caption: z.string().optional(),\n}).strict();\n\nexport const GalleryGridContentSchema = z.object({\n  items: z.array(GalleryItemSchema).min(1),\n}).strict();\n\nexport type GalleryGridContent = z.infer<typeof GalleryGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { cn } from \"@booga/vui\";\nimport { DBox, DGrid } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { GalleryGridContentSchema, type GalleryGridContent } from \"./schema\";\n\nexport function GalleryGrid({ content, theme }: BlockProps<GalleryGridContent>) {\n  GalleryGridContentSchema.parse(content);\n  const { items } = content;\n  return (\n    <DBox as=\"section\" aria-label=\"Gallery\" style={themeStyle(theme)}>\n      <DGrid columns={3} px={6} py={12} gap={4} className={cn(\"max-w-6xl mx-auto\")}>\n        {items.map((item, i) => (\n          <DBox as=\"figure\" key={i} m={0}>\n            <DBox\n              as=\"img\"\n              src={item.src}\n              alt={item.alt}\n              className={cn(\"w-full rounded-lg object-cover aspect-square\")}\n            />\n            {item.caption && (\n              <DBox as=\"figcaption\" color=\"muted\" mt={1} className={cn(\"text-xs\")}>\n                {item.caption}\n              </DBox>\n            )}\n          </DBox>\n        ))}\n      </DGrid>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type GalleryGridContent } from \"./schema\";\n\nexport const GalleryGridDefaultContent: GalleryGridContent = {\n  items: [\n    { src: \"https://placehold.co/400x400\", alt: \"Gallery image one\" },\n    { src: \"https://placehold.co/400x400\", alt: \"Gallery image two\" },\n    { src: \"https://placehold.co/400x400\", alt: \"Gallery image three\" },\n    { src: \"https://placehold.co/400x400\", alt: \"Gallery image four\", caption: \"Featured\" },\n  ],\n};\n"]}

package/dist/gallery/index.d.cts

@@ -0,0 +1,78 @@
+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 GallerySplitContentSchema: z.ZodObject<{
+    heading: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    items: z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        alt: z.ZodString;
+        caption: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }, {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    heading: string;
+    items: {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }[];
+    description?: string | undefined;
+}, {
+    heading: string;
+    items: {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }[];
+    description?: string | undefined;
+}>;
+type GallerySplitContent = z.infer<typeof GallerySplitContentSchema>;
+
+declare function GallerySplit({ content, theme }: BlockProps<GallerySplitContent>): react_jsx_runtime.JSX.Element;
+
+declare const GallerySplitDefaultContent: GallerySplitContent;
+
+declare const GalleryGridContentSchema: z.ZodObject<{
+    items: z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        alt: z.ZodString;
+        caption: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }, {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    items: {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }[];
+}, {
+    items: {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }[];
+}>;
+type GalleryGridContent = z.infer<typeof GalleryGridContentSchema>;
+
+declare function GalleryGrid({ content, theme }: BlockProps<GalleryGridContent>): react_jsx_runtime.JSX.Element;
+
+declare const GalleryGridDefaultContent: GalleryGridContent;
+
+export { GalleryGrid, type GalleryGridContent, GalleryGridContentSchema, GalleryGridDefaultContent, GallerySplit, type GallerySplitContent, GallerySplitContentSchema, GallerySplitDefaultContent };

package/dist/gallery/index.d.ts

@@ -0,0 +1,78 @@
+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 GallerySplitContentSchema: z.ZodObject<{
+    heading: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    items: z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        alt: z.ZodString;
+        caption: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }, {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    heading: string;
+    items: {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }[];
+    description?: string | undefined;
+}, {
+    heading: string;
+    items: {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }[];
+    description?: string | undefined;
+}>;
+type GallerySplitContent = z.infer<typeof GallerySplitContentSchema>;
+
+declare function GallerySplit({ content, theme }: BlockProps<GallerySplitContent>): react_jsx_runtime.JSX.Element;
+
+declare const GallerySplitDefaultContent: GallerySplitContent;
+
+declare const GalleryGridContentSchema: z.ZodObject<{
+    items: z.ZodArray<z.ZodObject<{
+        src: z.ZodString;
+        alt: z.ZodString;
+        caption: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }, {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    items: {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }[];
+}, {
+    items: {
+        src: string;
+        alt: string;
+        caption?: string | undefined;
+    }[];
+}>;
+type GalleryGridContent = z.infer<typeof GalleryGridContentSchema>;
+
+declare function GalleryGrid({ content, theme }: BlockProps<GalleryGridContent>): react_jsx_runtime.JSX.Element;
+
+declare const GalleryGridDefaultContent: GalleryGridContent;
+
+export { GalleryGrid, type GalleryGridContent, GalleryGridContentSchema, GalleryGridDefaultContent, GallerySplit, type GallerySplitContent, GallerySplitContentSchema, GallerySplitDefaultContent };

package/dist/gallery/index.js

@@ -0,0 +1,99 @@
+import { Box, Stack, Grid, Inline, cn } from '@booga/vui';
+import { dsl } from '@booga/vdsl';
+import { z } from 'zod';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/gallery/GallerySplit/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])
+  );
+}
+var GalleryItemSchema = z.object({
+  src: z.string(),
+  alt: z.string(),
+  caption: z.string().optional()
+}).strict();
+var GallerySplitContentSchema = z.object({
+  heading: z.string(),
+  description: z.string().optional(),
+  items: z.array(GalleryItemSchema).min(1)
+}).strict();
+function GallerySplit({ content, theme }) {
+  GallerySplitContentSchema.parse(content);
+  const { heading, description, items } = content;
+  return /* @__PURE__ */ jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 12, align: "start", className: cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxs(DStack, { gap: 4, className: cn("sticky top-16"), children: [
+      /* @__PURE__ */ jsx(DBox, { as: "h2", className: cn("text-3xl font-bold tracking-tight"), children: heading }),
+      description && /* @__PURE__ */ jsx(DBox, { as: "p", color: "muted", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(DBox, { as: "ul", m: 0, p: 0, gap: 4, display: "grid", className: cn("list-none grid-cols-2"), children: items.map((item, i) => /* @__PURE__ */ jsx(DBox, { as: "li", children: /* @__PURE__ */ jsxs(DBox, { as: "figure", m: 0, children: [
+      /* @__PURE__ */ jsx(
+        DBox,
+        {
+          as: "img",
+          src: item.src,
+          alt: item.alt,
+          className: cn("w-full rounded-lg object-cover aspect-square")
+        }
+      ),
+      item.caption && /* @__PURE__ */ jsx(DBox, { as: "figcaption", color: "muted", mt: 1, className: 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 = z.object({
+  src: z.string(),
+  alt: z.string(),
+  caption: z.string().optional()
+}).strict();
+var GalleryGridContentSchema = z.object({
+  items: z.array(GalleryItemSchema2).min(1)
+}).strict();
+function GalleryGrid({ content, theme }) {
+  GalleryGridContentSchema.parse(content);
+  const { items } = content;
+  return /* @__PURE__ */ jsx(DBox, { as: "section", "aria-label": "Gallery", style: themeStyle(theme), children: /* @__PURE__ */ jsx(DGrid, { columns: 3, px: 6, py: 12, gap: 4, className: cn("max-w-6xl mx-auto"), children: items.map((item, i) => /* @__PURE__ */ jsxs(DBox, { as: "figure", m: 0, children: [
+    /* @__PURE__ */ jsx(
+      DBox,
+      {
+        as: "img",
+        src: item.src,
+        alt: item.alt,
+        className: cn("w-full rounded-lg object-cover aspect-square")
+      }
+    ),
+    item.caption && /* @__PURE__ */ jsx(DBox, { as: "figcaption", color: "muted", mt: 1, className: 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" }
+  ]
+};
+
+export { GalleryGrid, GalleryGridContentSchema, GalleryGridDefaultContent, GallerySplit, GallerySplitContentSchema, GallerySplitDefaultContent };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/gallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/gallery/GallerySplit/schema.ts","../../src/gallery/GallerySplit/index.tsx","../../src/gallery/GallerySplit/default.ts","../../src/gallery/GalleryGrid/schema.ts","../../src/gallery/GalleryGrid/index.tsx","../../src/gallery/GalleryGrid/default.ts"],"names":["GalleryItemSchema","z","jsx","cn","jsxs"],"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 GalleryItemSchema = z.object({\n  src: z.string(),\n  alt: z.string(),\n  caption: z.string().optional(),\n}).strict();\n\nexport const GallerySplitContentSchema = z.object({\n  heading: z.string(),\n  description: z.string().optional(),\n  items: z.array(GalleryItemSchema).min(1),\n}).strict();\n\nexport type GallerySplitContent = z.infer<typeof GallerySplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { GallerySplitContentSchema, type GallerySplitContent } from \"./schema\";\n\nexport function GallerySplit({ content, theme }: BlockProps<GallerySplitContent>) {\n  GallerySplitContentSchema.parse(content);\n  const { heading, description, items } = content;\n  return (\n    <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n      <DGrid columns={2} px={6} py={16} gap={12} 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\">{description}</DBox>\n          )}\n        </DStack>\n        <DBox as=\"ul\" m={0} p={0} gap={4} display=\"grid\" className={cn(\"list-none grid-cols-2\")}>\n          {items.map((item, i) => (\n            <DBox as=\"li\" key={i}>\n              <DBox as=\"figure\" m={0}>\n                <DBox\n                  as=\"img\"\n                  src={item.src}\n                  alt={item.alt}\n                  className={cn(\"w-full rounded-lg object-cover aspect-square\")}\n                />\n                {item.caption && (\n                  <DBox as=\"figcaption\" color=\"muted\" mt={1} className={cn(\"text-xs\")}>\n                    {item.caption}\n                  </DBox>\n                )}\n              </DBox>\n            </DBox>\n          ))}\n        </DBox>\n      </DGrid>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type GallerySplitContent } from \"./schema\";\n\nexport const GallerySplitDefaultContent: GallerySplitContent = {\n  heading: \"Our work\",\n  description: \"A selection of recent projects.\",\n  items: [\n    { src: \"https://placehold.co/400x300\", alt: \"Project one\" },\n    { src: \"https://placehold.co/400x300\", alt: \"Project two\" },\n    { src: \"https://placehold.co/400x300\", alt: \"Project three\", caption: \"Featured project\" },\n  ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst GalleryItemSchema = z.object({\n  src: z.string(),\n  alt: z.string(),\n  caption: z.string().optional(),\n}).strict();\n\nexport const GalleryGridContentSchema = z.object({\n  items: z.array(GalleryItemSchema).min(1),\n}).strict();\n\nexport type GalleryGridContent = z.infer<typeof GalleryGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { cn } from \"@booga/vui\";\nimport { DBox, DGrid } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { GalleryGridContentSchema, type GalleryGridContent } from \"./schema\";\n\nexport function GalleryGrid({ content, theme }: BlockProps<GalleryGridContent>) {\n  GalleryGridContentSchema.parse(content);\n  const { items } = content;\n  return (\n    <DBox as=\"section\" aria-label=\"Gallery\" style={themeStyle(theme)}>\n      <DGrid columns={3} px={6} py={12} gap={4} className={cn(\"max-w-6xl mx-auto\")}>\n        {items.map((item, i) => (\n          <DBox as=\"figure\" key={i} m={0}>\n            <DBox\n              as=\"img\"\n              src={item.src}\n              alt={item.alt}\n              className={cn(\"w-full rounded-lg object-cover aspect-square\")}\n            />\n            {item.caption && (\n              <DBox as=\"figcaption\" color=\"muted\" mt={1} className={cn(\"text-xs\")}>\n                {item.caption}\n              </DBox>\n            )}\n          </DBox>\n        ))}\n      </DGrid>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type GalleryGridContent } from \"./schema\";\n\nexport const GalleryGridDefaultContent: GalleryGridContent = {\n  items: [\n    { src: \"https://placehold.co/400x400\", alt: \"Gallery image one\" },\n    { src: \"https://placehold.co/400x400\", alt: \"Gallery image two\" },\n    { src: \"https://placehold.co/400x400\", alt: \"Gallery image three\" },\n    { src: \"https://placehold.co/400x400\", alt: \"Gallery image four\", caption: \"Featured\" },\n  ],\n};\n"]}

package/dist/hero/index.cjs

@@ -0,0 +1,108 @@
+'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])
+  );
+}
+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();
+
+// 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: "#" }
+};
+
+exports.HeroCentered = HeroCentered;
+exports.HeroCenteredContentSchema = HeroCenteredContentSchema;
+exports.HeroCenteredDefaultContent = HeroCenteredDefaultContent;
+exports.HeroSplit = HeroSplit;
+exports.HeroSplitContentSchema = HeroSplitContentSchema;
+exports.HeroSplitDefaultContent = HeroSplitDefaultContent;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/hero/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/hero/HeroSplit/schema.ts","../../src/hero/HeroSplit/index.tsx","../../src/hero/HeroSplit/default.ts","../../src/hero/HeroCentered/schema.ts","../../src/hero/HeroCentered/index.tsx","../../src/hero/HeroCentered/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsx","jsxs","cn","Button"],"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, ImageSchema } from \"../../shared/schemas\";\n\nexport const HeroSplitContentSchema = z.object({\n  eyebrow: z.string().optional(),\n  heading: z.string(),\n  description: z.string(),\n  primaryCta: CtaSchema,\n  secondaryCta: CtaSchema.optional(),\n  image: ImageSchema,\n}).strict();\n\nexport type HeroSplitContent = z.infer<typeof HeroSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Button, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DInline, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { HeroSplitContentSchema, type HeroSplitContent } from \"./schema\";\n\nexport function HeroSplit({ content, theme }: BlockProps<HeroSplitContent>) {\n  HeroSplitContentSchema.parse(content);\n  const { eyebrow, heading, description, primaryCta, secondaryCta, image } = content;\n  return (\n    <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n      <DGrid columns={2} px={6} py={16} gap={12} align=\"center\" className={cn(\"max-w-6xl mx-auto\")}>\n        <DStack gap={6}>\n          {eyebrow && (\n            <DBox as=\"p\" color=\"accent\" className={cn(\"text-sm font-semibold uppercase tracking-widest\")}>\n              {eyebrow}\n            </DBox>\n          )}\n          <DBox as=\"h1\" className={cn(\"text-5xl font-bold tracking-tight leading-tight\")}>\n            {heading}\n          </DBox>\n          <DBox as=\"p\" color=\"muted\" className={cn(\"text-lg\")}>\n            {description}\n          </DBox>\n          <DInline wrap gap={3}>\n            <Button as=\"a\" href={primaryCta.href}>{primaryCta.label}</Button>\n            {secondaryCta && (\n              <Button as=\"a\" href={secondaryCta.href} variant=\"outline\">\n                {secondaryCta.label}\n              </Button>\n            )}\n          </DInline>\n        </DStack>\n        <DBox\n          as=\"img\"\n          src={image.src}\n          alt={image.alt}\n          className={cn(\"w-full rounded-lg object-cover aspect-video\")}\n        />\n      </DGrid>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type HeroSplitContent } from \"./schema\";\n\nexport const HeroSplitDefaultContent: HeroSplitContent = {\n  heading: \"Build something remarkable\",\n  description: \"A composable foundation for ambitious teams. Typed, accessible, and ready to ship.\",\n  primaryCta: { label: \"Get started\", href: \"#\" },\n  secondaryCta: { label: \"Learn more\", href: \"#\" },\n  image: { src: \"https://placehold.co/600x400\", alt: \"Product preview\" },\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { CtaSchema } from \"../../shared/schemas\";\n\nexport const HeroCenteredContentSchema = z.object({\n  eyebrow: z.string().optional(),\n  heading: z.string(),\n  description: z.string(),\n  primaryCta: CtaSchema,\n  secondaryCta: CtaSchema.optional(),\n}).strict();\n\nexport type HeroCenteredContent = z.infer<typeof HeroCenteredContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Button, cn } from \"@booga/vui\";\nimport { DBox, DInline, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { HeroCenteredContentSchema, type HeroCenteredContent } from \"./schema\";\n\nexport function HeroCentered({ content, theme }: BlockProps<HeroCenteredContent>) {\n  HeroCenteredContentSchema.parse(content);\n  const { eyebrow, heading, description, primaryCta, secondaryCta } = content;\n  return (\n    <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n      <DStack px={6} py={24} gap={8} align=\"center\" className={cn(\"max-w-3xl mx-auto text-center\")}>\n        {eyebrow && (\n          <DBox as=\"p\" color=\"accent\" className={cn(\"text-sm font-semibold uppercase tracking-widest\")}>\n            {eyebrow}\n          </DBox>\n        )}\n        <DBox as=\"h1\" className={cn(\"text-5xl font-bold tracking-tight leading-tight\")}>\n          {heading}\n        </DBox>\n        <DBox as=\"p\" color=\"muted\" className={cn(\"text-xl\")}>\n          {description}\n        </DBox>\n        <DInline wrap gap={3} justify=\"center\">\n          <Button as=\"a\" href={primaryCta.href}>{primaryCta.label}</Button>\n          {secondaryCta && (\n            <Button as=\"a\" href={secondaryCta.href} variant=\"outline\">\n              {secondaryCta.label}\n            </Button>\n          )}\n        </DInline>\n      </DStack>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type HeroCenteredContent } from \"./schema\";\n\nexport const HeroCenteredDefaultContent: HeroCenteredContent = {\n  heading: \"The foundation for what comes next\",\n  description: \"Composable blocks, typed content, and zero boilerplate. Focus on the product.\",\n  primaryCta: { label: \"Start building\", href: \"#\" },\n  secondaryCta: { label: \"View docs\", href: \"#\" },\n};\n"]}

package/dist/hero/index.d.cts

@@ -0,0 +1,134 @@
+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 HeroSplitContentSchema: z.ZodObject<{
+    eyebrow: z.ZodOptional<z.ZodString>;
+    heading: z.ZodString;
+    description: z.ZodString;
+    primaryCta: z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        label: string;
+        href: string;
+    }, {
+        label: string;
+        href: string;
+    }>;
+    secondaryCta: z.ZodOptional<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        label: string;
+        href: string;
+    }, {
+        label: string;
+        href: string;
+    }>>;
+    image: z.ZodObject<{
+        src: z.ZodString;
+        alt: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        src: string;
+        alt: string;
+    }, {
+        src: string;
+        alt: string;
+    }>;
+}, "strict", z.ZodTypeAny, {
+    image: {
+        src: string;
+        alt: string;
+    };
+    heading: string;
+    description: string;
+    primaryCta: {
+        label: string;
+        href: string;
+    };
+    eyebrow?: string | undefined;
+    secondaryCta?: {
+        label: string;
+        href: string;
+    } | undefined;
+}, {
+    image: {
+        src: string;
+        alt: string;
+    };
+    heading: string;
+    description: string;
+    primaryCta: {
+        label: string;
+        href: string;
+    };
+    eyebrow?: string | undefined;
+    secondaryCta?: {
+        label: string;
+        href: string;
+    } | undefined;
+}>;
+type HeroSplitContent = z.infer<typeof HeroSplitContentSchema>;
+
+declare function HeroSplit({ content, theme }: BlockProps<HeroSplitContent>): react_jsx_runtime.JSX.Element;
+
+declare const HeroSplitDefaultContent: HeroSplitContent;
+
+declare const HeroCenteredContentSchema: z.ZodObject<{
+    eyebrow: z.ZodOptional<z.ZodString>;
+    heading: z.ZodString;
+    description: z.ZodString;
+    primaryCta: z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        label: string;
+        href: string;
+    }, {
+        label: string;
+        href: string;
+    }>;
+    secondaryCta: z.ZodOptional<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        label: string;
+        href: string;
+    }, {
+        label: string;
+        href: string;
+    }>>;
+}, "strict", z.ZodTypeAny, {
+    heading: string;
+    description: string;
+    primaryCta: {
+        label: string;
+        href: string;
+    };
+    eyebrow?: string | undefined;
+    secondaryCta?: {
+        label: string;
+        href: string;
+    } | undefined;
+}, {
+    heading: string;
+    description: string;
+    primaryCta: {
+        label: string;
+        href: string;
+    };
+    eyebrow?: string | undefined;
+    secondaryCta?: {
+        label: string;
+        href: string;
+    } | undefined;
+}>;
+type HeroCenteredContent = z.infer<typeof HeroCenteredContentSchema>;
+
+declare function HeroCentered({ content, theme }: BlockProps<HeroCenteredContent>): react_jsx_runtime.JSX.Element;
+
+declare const HeroCenteredDefaultContent: HeroCenteredContent;
+
+export { HeroCentered, type HeroCenteredContent, HeroCenteredContentSchema, HeroCenteredDefaultContent, HeroSplit, type HeroSplitContent, HeroSplitContentSchema, HeroSplitDefaultContent };