@booga/vblocks 0.1.0

package/dist/post/index.d.ts

@@ -0,0 +1,74 @@
+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 PostSplitContentSchema: z.ZodObject<{
+    title: z.ZodString;
+    author: z.ZodString;
+    date: z.ZodString;
+    category: z.ZodOptional<z.ZodString>;
+    body: z.ZodString;
+    image: z.ZodObject<{
+        src: z.ZodString;
+        alt: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        src: string;
+        alt: string;
+    }, {
+        src: string;
+        alt: string;
+    }>;
+}, "strict", z.ZodTypeAny, {
+    body: string;
+    title: string;
+    image: {
+        src: string;
+        alt: string;
+    };
+    author: string;
+    date: string;
+    category?: string | undefined;
+}, {
+    body: string;
+    title: string;
+    image: {
+        src: string;
+        alt: string;
+    };
+    author: string;
+    date: string;
+    category?: string | undefined;
+}>;
+type PostSplitContent = z.infer<typeof PostSplitContentSchema>;
+
+declare function PostSplit({ content, theme }: BlockProps<PostSplitContent>): react_jsx_runtime.JSX.Element;
+
+declare const PostSplitDefaultContent: PostSplitContent;
+
+declare const PostCenteredContentSchema: z.ZodObject<{
+    title: z.ZodString;
+    author: z.ZodString;
+    date: z.ZodString;
+    category: z.ZodOptional<z.ZodString>;
+    body: z.ZodString;
+}, "strict", z.ZodTypeAny, {
+    body: string;
+    title: string;
+    author: string;
+    date: string;
+    category?: string | undefined;
+}, {
+    body: string;
+    title: string;
+    author: string;
+    date: string;
+    category?: string | undefined;
+}>;
+type PostCenteredContent = z.infer<typeof PostCenteredContentSchema>;
+
+declare function PostCentered({ content, theme }: BlockProps<PostCenteredContent>): react_jsx_runtime.JSX.Element;
+
+declare const PostCenteredDefaultContent: PostCenteredContent;
+
+export { PostCentered, type PostCenteredContent, PostCenteredContentSchema, PostCenteredDefaultContent, PostSplit, type PostSplitContent, PostSplitContentSchema, PostSplitDefaultContent };

package/dist/post/index.js

@@ -0,0 +1,109 @@
+import { Box, Stack, Grid, Inline, Badge, cn, Separator } from '@booga/vui';
+import { dsl } from '@booga/vdsl';
+import { z } from 'zod';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/post/PostSplit/index.tsx
+var DBox = dsl(Box);
+var DStack = dsl(Stack);
+var DGrid = dsl(Grid);
+var DInline = 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])
+  );
+}
+z.object({
+  label: z.string(),
+  href: z.string()
+}).strict();
+var ImageSchema = z.object({
+  src: z.string(),
+  alt: z.string()
+}).strict();
+
+// src/post/PostSplit/schema.ts
+var PostSplitContentSchema = z.object({
+  title: z.string(),
+  author: z.string(),
+  date: z.string(),
+  category: z.string().optional(),
+  body: z.string(),
+  image: ImageSchema
+}).strict();
+function PostSplit({ content, theme }) {
+  PostSplitContentSchema.parse(content);
+  const { title, author, date, category, body, image } = content;
+  return /* @__PURE__ */ jsx(DBox, { as: "article", style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 16, align: "start", className: cn("max-w-6xl mx-auto"), children: [
+    /* @__PURE__ */ jsxs(DStack, { gap: 6, className: cn("sticky top-16"), children: [
+      category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: category }),
+      /* @__PURE__ */ jsx(DBox, { as: "h1", className: cn("text-3xl font-bold tracking-tight leading-snug"), children: title }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs(DInline, { gap: 2, color: "muted", className: cn("text-sm"), children: [
+        /* @__PURE__ */ jsx(DBox, { as: "span", children: author }),
+        /* @__PURE__ */ jsx(DBox, { as: "span", "aria-hidden": "true", children: "\xB7" }),
+        /* @__PURE__ */ jsx(DBox, { as: "time", dateTime: date, children: date })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DStack, { gap: 6, children: [
+      /* @__PURE__ */ jsx(
+        DBox,
+        {
+          as: "img",
+          src: image.src,
+          alt: image.alt,
+          className: cn("w-full rounded-lg object-cover aspect-video")
+        }
+      ),
+      /* @__PURE__ */ jsx(DBox, { as: "p", className: 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 = z.object({
+  title: z.string(),
+  author: z.string(),
+  date: z.string(),
+  category: z.string().optional(),
+  body: z.string()
+}).strict();
+function PostCentered({ content, theme }) {
+  PostCenteredContentSchema.parse(content);
+  const { title, author, date, category, body } = content;
+  return /* @__PURE__ */ jsx(DBox, { as: "article", style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DStack, { px: 6, py: 16, gap: 6, className: cn("max-w-2xl mx-auto"), children: [
+    category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: category }),
+    /* @__PURE__ */ jsx(DBox, { as: "h1", className: cn("text-4xl font-bold tracking-tight leading-snug"), children: title }),
+    /* @__PURE__ */ jsxs(DInline, { gap: 2, color: "muted", className: cn("text-sm"), children: [
+      /* @__PURE__ */ jsx(DBox, { as: "span", children: author }),
+      /* @__PURE__ */ jsx(DBox, { as: "span", "aria-hidden": "true", children: "\xB7" }),
+      /* @__PURE__ */ jsx(DBox, { as: "time", dateTime: date, children: date })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(DBox, { as: "p", className: 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."
+};
+
+export { PostCentered, PostCenteredContentSchema, PostCenteredDefaultContent, PostSplit, PostSplitContentSchema, PostSplitDefaultContent };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/post/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/post/PostSplit/schema.ts","../../src/post/PostSplit/index.tsx","../../src/post/PostSplit/default.ts","../../src/post/PostCentered/schema.ts","../../src/post/PostCentered/index.tsx","../../src/post/PostCentered/default.ts"],"names":["z","jsx","jsxs","cn","Badge","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 { ImageSchema } from \"../../shared/schemas\";\n\nexport const PostSplitContentSchema = z.object({\n  title: z.string(),\n  author: z.string(),\n  date: z.string(),\n  category: z.string().optional(),\n  body: z.string(),\n  image: ImageSchema,\n}).strict();\n\nexport type PostSplitContent = z.infer<typeof PostSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, Separator, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DInline, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { PostSplitContentSchema, type PostSplitContent } from \"./schema\";\n\nexport function PostSplit({ content, theme }: BlockProps<PostSplitContent>) {\n  PostSplitContentSchema.parse(content);\n  const { title, author, date, category, body, image } = content;\n  return (\n    <DBox as=\"article\" 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={6} className={cn(\"sticky top-16\")}>\n          {category && <Badge variant=\"secondary\">{category}</Badge>}\n          <DBox as=\"h1\" className={cn(\"text-3xl font-bold tracking-tight leading-snug\")}>{title}</DBox>\n          <Separator />\n          <DInline gap={2} color=\"muted\" className={cn(\"text-sm\")}>\n            <DBox as=\"span\">{author}</DBox>\n            <DBox as=\"span\" aria-hidden=\"true\">·</DBox>\n            <DBox as=\"time\" dateTime={date}>{date}</DBox>\n          </DInline>\n        </DStack>\n        <DStack gap={6}>\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          <DBox as=\"p\" className={cn(\"text-base leading-relaxed\")}>{body}</DBox>\n        </DStack>\n      </DGrid>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type PostSplitContent } from \"./schema\";\n\nexport const PostSplitDefaultContent: PostSplitContent = {\n  title: \"Designing for composability\",\n  author: \"Alex Meridian\",\n  date: \"2026-05-01\",\n  category: \"Design systems\",\n  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.\",\n  image: { src: \"https://placehold.co/600x400\", alt: \"Post cover image\" },\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nexport const PostCenteredContentSchema = z.object({\n  title: z.string(),\n  author: z.string(),\n  date: z.string(),\n  category: z.string().optional(),\n  body: z.string(),\n}).strict();\n\nexport type PostCenteredContent = z.infer<typeof PostCenteredContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, Separator, cn } from \"@booga/vui\";\nimport { DBox, DInline, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { PostCenteredContentSchema, type PostCenteredContent } from \"./schema\";\n\nexport function PostCentered({ content, theme }: BlockProps<PostCenteredContent>) {\n  PostCenteredContentSchema.parse(content);\n  const { title, author, date, category, body } = content;\n  return (\n    <DBox as=\"article\" style={themeStyle(theme)}>\n      <DStack px={6} py={16} gap={6} className={cn(\"max-w-2xl mx-auto\")}>\n        {category && <Badge variant=\"secondary\">{category}</Badge>}\n        <DBox as=\"h1\" className={cn(\"text-4xl font-bold tracking-tight leading-snug\")}>{title}</DBox>\n        <DInline gap={2} color=\"muted\" className={cn(\"text-sm\")}>\n          <DBox as=\"span\">{author}</DBox>\n          <DBox as=\"span\" aria-hidden=\"true\">·</DBox>\n          <DBox as=\"time\" dateTime={date}>{date}</DBox>\n        </DInline>\n        <Separator />\n        <DBox as=\"p\" className={cn(\"text-base leading-relaxed\")}>{body}</DBox>\n      </DStack>\n    </DBox>\n  );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type PostCenteredContent } from \"./schema\";\n\nexport const PostCenteredDefaultContent: PostCenteredContent = {\n  title: \"Designing for composability\",\n  author: \"Alex Meridian\",\n  date: \"2026-05-01\",\n  category: \"Design systems\",\n  body: \"Composable systems decouple structure from style, enabling teams to build faster without sacrificing consistency.\",\n};\n"]}

package/dist/team/index.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+var vui = require('@booga/vui');
+var vdsl = require('@booga/vdsl');
+var zod = require('zod');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/team/TeamSplit/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])
+  );
+}
+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/team/TeamSplit/schema.ts
+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" } }
+  ]
+};
+
+exports.TeamGrid = TeamGrid;
+exports.TeamGridContentSchema = TeamGridContentSchema;
+exports.TeamGridDefaultContent = TeamGridDefaultContent;
+exports.TeamSplit = TeamSplit;
+exports.TeamSplitContentSchema = TeamSplitContentSchema;
+exports.TeamSplitDefaultContent = TeamSplitDefaultContent;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/team/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/team/TeamSplit/schema.ts","../../src/team/TeamSplit/index.tsx","../../src/team/TeamSplit/default.ts","../../src/team/TeamGrid/schema.ts","../../src/team/TeamGrid/index.tsx","../../src/team/TeamGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsx","jsxs","cn","Avatar","AvatarImage","AvatarFallback","TeamMemberSchema","Card","CardContent"],"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 { AvatarSchema } from \"../../shared/schemas\";\n\nconst TeamMemberSchema = z.object({\n  name: z.string(),\n  role: z.string(),\n  avatar: AvatarSchema,\n  bio: z.string().optional(),\n}).strict();\n\nexport const TeamSplitContentSchema = z.object({\n  heading: z.string(),\n  description: z.string().optional(),\n  members: z.array(TeamMemberSchema).min(1),\n}).strict();\n\nexport type TeamSplitContent = z.infer<typeof TeamSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Avatar, AvatarFallback, AvatarImage, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DInline, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { TeamSplitContentSchema, type TeamSplitContent } from \"./schema\";\n\nexport function TeamSplit({ content, theme }: BlockProps<TeamSplitContent>) {\n  TeamSplitContentSchema.parse(content);\n  const { heading, description, members } = 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\">{description}</DBox>\n          )}\n        </DStack>\n        <DBox as=\"ul\" m={0} p={0} gap={6} display=\"flex\" className={cn(\"list-none flex-col\")}>\n          {members.map((member, i) => (\n            <DBox as=\"li\" key={i}>\n              <DInline gap={4} align=\"start\">\n                <Avatar>\n                  <AvatarImage src={member.avatar.src} alt={member.avatar.alt} />\n                  <AvatarFallback>{member.name.slice(0, 2).toUpperCase()}</AvatarFallback>\n                </Avatar>\n                <DStack gap={1}>\n                  <DBox as=\"p\" className={cn(\"font-semibold\")}>{member.name}</DBox>\n                  <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{member.role}</DBox>\n                  {member.bio && (\n                    <DBox as=\"p\" className={cn(\"text-sm mt-1\")}>{member.bio}</DBox>\n                  )}\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 TeamSplitContent } from \"./schema\";\n\nexport const TeamSplitDefaultContent: TeamSplitContent = {\n  heading: \"Meet the team\",\n  description: \"The people behind the product.\",\n  members: [\n    { name: \"Jordan Ellis\", role: \"Product Lead\", avatar: { src: \"https://placehold.co/80x80\", alt: \"Jordan Ellis\" }, bio: \"Focused on user experience and product strategy.\" },\n    { name: \"Sam Rivera\", role: \"Engineering Lead\", avatar: { src: \"https://placehold.co/80x80\", alt: \"Sam Rivera\" }, bio: \"Architecting scalable systems since 2015.\" },\n    { name: \"Taylor Kim\", role: \"Design Lead\", avatar: { src: \"https://placehold.co/80x80\", alt: \"Taylor Kim\" } },\n  ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { AvatarSchema } from \"../../shared/schemas\";\n\nconst TeamMemberSchema = z.object({\n  name: z.string(),\n  role: z.string(),\n  avatar: AvatarSchema,\n}).strict();\n\nexport const TeamGridContentSchema = z.object({\n  heading: z.string(),\n  members: z.array(TeamMemberSchema).min(1),\n}).strict();\n\nexport type TeamGridContent = z.infer<typeof TeamGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Avatar, AvatarFallback, AvatarImage, Card, CardContent, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { TeamGridContentSchema, type TeamGridContent } from \"./schema\";\n\nexport function TeamGrid({ content, theme }: BlockProps<TeamGridContent>) {\n  TeamGridContentSchema.parse(content);\n  const { heading, members } = 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          {members.map((member, i) => (\n            <Card key={i}>\n              <CardContent>\n                <DStack gap={3} align=\"center\" pt={4} className={cn(\"text-center\")}>\n                  <Avatar className={cn(\"w-16 h-16\")}>\n                    <AvatarImage src={member.avatar.src} alt={member.avatar.alt} />\n                    <AvatarFallback>{member.name.slice(0, 2).toUpperCase()}</AvatarFallback>\n                  </Avatar>\n                  <DStack gap={1}>\n                    <DBox as=\"p\" className={cn(\"font-semibold\")}>{member.name}</DBox>\n                    <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{member.role}</DBox>\n                  </DStack>\n                </DStack>\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 TeamGridContent } from \"./schema\";\n\nexport const TeamGridDefaultContent: TeamGridContent = {\n  heading: \"Our team\",\n  members: [\n    { name: \"Jordan Ellis\", role: \"Product Lead\", avatar: { src: \"https://placehold.co/80x80\", alt: \"Jordan Ellis\" } },\n    { name: \"Sam Rivera\", role: \"Engineering Lead\", avatar: { src: \"https://placehold.co/80x80\", alt: \"Sam Rivera\" } },\n    { name: \"Taylor Kim\", role: \"Design Lead\", avatar: { src: \"https://placehold.co/80x80\", alt: \"Taylor Kim\" } },\n    { name: \"Morgan Blake\", role: \"Research Lead\", avatar: { src: \"https://placehold.co/80x80\", alt: \"Morgan Blake\" } },\n  ],\n};\n"]}

package/dist/team/index.d.cts

@@ -0,0 +1,128 @@
+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 TeamSplitContentSchema: z.ZodObject<{
+    heading: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    members: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        role: z.ZodString;
+        avatar: z.ZodObject<{
+            src: z.ZodString;
+            alt: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            src: string;
+            alt: string;
+        }, {
+            src: string;
+            alt: string;
+        }>;
+        bio: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+        bio?: string | undefined;
+    }, {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+        bio?: string | undefined;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    heading: string;
+    members: {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+        bio?: string | undefined;
+    }[];
+    description?: string | undefined;
+}, {
+    heading: string;
+    members: {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+        bio?: string | undefined;
+    }[];
+    description?: string | undefined;
+}>;
+type TeamSplitContent = z.infer<typeof TeamSplitContentSchema>;
+
+declare function TeamSplit({ content, theme }: BlockProps<TeamSplitContent>): react_jsx_runtime.JSX.Element;
+
+declare const TeamSplitDefaultContent: TeamSplitContent;
+
+declare const TeamGridContentSchema: z.ZodObject<{
+    heading: z.ZodString;
+    members: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        role: z.ZodString;
+        avatar: z.ZodObject<{
+            src: z.ZodString;
+            alt: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            src: string;
+            alt: string;
+        }, {
+            src: string;
+            alt: string;
+        }>;
+    }, "strict", z.ZodTypeAny, {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+    }, {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    heading: string;
+    members: {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+    }[];
+}, {
+    heading: string;
+    members: {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+    }[];
+}>;
+type TeamGridContent = z.infer<typeof TeamGridContentSchema>;
+
+declare function TeamGrid({ content, theme }: BlockProps<TeamGridContent>): react_jsx_runtime.JSX.Element;
+
+declare const TeamGridDefaultContent: TeamGridContent;
+
+export { TeamGrid, type TeamGridContent, TeamGridContentSchema, TeamGridDefaultContent, TeamSplit, type TeamSplitContent, TeamSplitContentSchema, TeamSplitDefaultContent };

package/dist/team/index.d.ts

@@ -0,0 +1,128 @@
+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 TeamSplitContentSchema: z.ZodObject<{
+    heading: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    members: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        role: z.ZodString;
+        avatar: z.ZodObject<{
+            src: z.ZodString;
+            alt: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            src: string;
+            alt: string;
+        }, {
+            src: string;
+            alt: string;
+        }>;
+        bio: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+        bio?: string | undefined;
+    }, {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+        bio?: string | undefined;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    heading: string;
+    members: {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+        bio?: string | undefined;
+    }[];
+    description?: string | undefined;
+}, {
+    heading: string;
+    members: {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+        bio?: string | undefined;
+    }[];
+    description?: string | undefined;
+}>;
+type TeamSplitContent = z.infer<typeof TeamSplitContentSchema>;
+
+declare function TeamSplit({ content, theme }: BlockProps<TeamSplitContent>): react_jsx_runtime.JSX.Element;
+
+declare const TeamSplitDefaultContent: TeamSplitContent;
+
+declare const TeamGridContentSchema: z.ZodObject<{
+    heading: z.ZodString;
+    members: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        role: z.ZodString;
+        avatar: z.ZodObject<{
+            src: z.ZodString;
+            alt: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            src: string;
+            alt: string;
+        }, {
+            src: string;
+            alt: string;
+        }>;
+    }, "strict", z.ZodTypeAny, {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+    }, {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    heading: string;
+    members: {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+    }[];
+}, {
+    heading: string;
+    members: {
+        name: string;
+        role: string;
+        avatar: {
+            src: string;
+            alt: string;
+        };
+    }[];
+}>;
+type TeamGridContent = z.infer<typeof TeamGridContentSchema>;
+
+declare function TeamGrid({ content, theme }: BlockProps<TeamGridContent>): react_jsx_runtime.JSX.Element;
+
+declare const TeamGridDefaultContent: TeamGridContent;
+
+export { TeamGrid, type TeamGridContent, TeamGridContentSchema, TeamGridDefaultContent, TeamSplit, type TeamSplitContent, TeamSplitContentSchema, TeamSplitDefaultContent };