@booga/vblocks 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/blog/index.cjs +4 -4
- package/dist/blog/index.cjs.map +1 -1
- package/dist/blog/index.js +4 -4
- package/dist/blog/index.js.map +1 -1
- package/dist/business/index.cjs +1 -1
- package/dist/business/index.cjs.map +1 -1
- package/dist/business/index.js +1 -1
- package/dist/business/index.js.map +1 -1
- package/dist/faq/index.cjs +1 -1
- package/dist/faq/index.cjs.map +1 -1
- package/dist/faq/index.js +1 -1
- package/dist/faq/index.js.map +1 -1
- package/dist/features/index.cjs +1 -1
- package/dist/features/index.cjs.map +1 -1
- package/dist/features/index.js +1 -1
- package/dist/features/index.js.map +1 -1
- package/dist/index.cjs +14 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +14 -14
- package/dist/index.js.map +1 -1
- package/dist/portfolio/index.cjs +2 -2
- package/dist/portfolio/index.cjs.map +1 -1
- package/dist/portfolio/index.js +2 -2
- package/dist/portfolio/index.js.map +1 -1
- package/dist/post/index.cjs +2 -2
- package/dist/post/index.cjs.map +1 -1
- package/dist/post/index.js +2 -2
- package/dist/post/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/team/index.cjs +1 -1
- package/dist/team/index.cjs.map +1 -1
- package/dist/team/index.js +1 -1
- package/dist/team/index.js.map +1 -1
- package/dist/testimonial/index.cjs +2 -2
- package/dist/testimonial/index.cjs.map +1 -1
- package/dist/testimonial/index.js +2 -2
- package/dist/testimonial/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,19 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [0.3.2] - 2026-05-18
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
|
|
12
|
+
- Category `<Badge>` in BlogGrid, BlogSplit, PortfolioGrid, PortfolioSplit, PostCentered, and PostSplit stretched to a full-width bar: each sat in a flex-column `DStack` whose default `align-items: stretch` widened it. Badges now carry `self-start`, rendering as content-width chips.
|
|
13
|
+
- BlogGrid default content: the middle post lacked a `category`, so its card rendered without the badge the sibling cards had. All default posts now carry a category for a consistent three-card grid.
|
|
14
|
+
|
|
15
|
+
## [0.3.1] - 2026-05-18
|
|
16
|
+
|
|
17
|
+
### Fixed
|
|
18
|
+
|
|
19
|
+
- Grid/Split block section containers used inconsistent max-widths (`max-w-5xl` on 6 blocks, `max-w-6xl` on the rest), so a page stacking different blocks showed misaligned content columns. All full-width Grid/Split blocks now share `max-w-6xl`. (Centered/Post blocks keep their intentionally narrower measure.)
|
|
20
|
+
|
|
8
21
|
## [0.3.0] - 2026-05-18
|
|
9
22
|
|
|
10
23
|
### Added
|
package/dist/blog/index.cjs
CHANGED
|
@@ -57,7 +57,7 @@ function BlogSplit({ content, theme }) {
|
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
59
|
/* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, children: [
|
|
60
|
-
featured.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: featured.category }),
|
|
60
|
+
featured.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", className: vui.cn("self-start"), children: featured.category }),
|
|
61
61
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("text-xl font-semibold"), children: featured.title }),
|
|
62
62
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", children: featured.excerpt }),
|
|
63
63
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "time", dateTime: featured.date, color: "muted", className: vui.cn("text-xs"), children: featured.date })
|
|
@@ -74,7 +74,7 @@ function BlogSplit({ content, theme }) {
|
|
|
74
74
|
}
|
|
75
75
|
),
|
|
76
76
|
/* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 1, children: [
|
|
77
|
-
post.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: post.category }),
|
|
77
|
+
post.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", className: vui.cn("self-start"), children: post.category }),
|
|
78
78
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("font-semibold leading-snug"), children: post.title }),
|
|
79
79
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "time", dateTime: post.date, color: "muted", className: vui.cn("text-xs"), children: post.date })
|
|
80
80
|
] })
|
|
@@ -119,7 +119,7 @@ function BlogGrid({ content, theme }) {
|
|
|
119
119
|
}
|
|
120
120
|
),
|
|
121
121
|
/* @__PURE__ */ jsxRuntime.jsx(vui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, pt: 2, children: [
|
|
122
|
-
post.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", children: post.category }),
|
|
122
|
+
post.category && /* @__PURE__ */ jsxRuntime.jsx(vui.Badge, { variant: "secondary", className: vui.cn("self-start"), children: post.category }),
|
|
123
123
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h3", className: vui.cn("font-semibold leading-snug"), children: post.title }),
|
|
124
124
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "p", color: "muted", className: vui.cn("text-sm"), children: post.excerpt }),
|
|
125
125
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "time", dateTime: post.date, color: "muted", className: vui.cn("text-xs"), children: post.date })
|
|
@@ -133,7 +133,7 @@ var BlogGridDefaultContent = {
|
|
|
133
133
|
heading: "From the blog",
|
|
134
134
|
posts: [
|
|
135
135
|
{ title: "Designing for composability", excerpt: "Modular thinking at scale.", date: "2026-05-01", category: "Design", image: { src: "https://placehold.co/480x320", alt: "Design post" } },
|
|
136
|
-
{ title: "Type-safe content at runtime", excerpt: "Zod as single source of truth.", date: "2026-04-18", image: { src: "https://placehold.co/480x320", alt: "Types post" } },
|
|
136
|
+
{ title: "Type-safe content at runtime", excerpt: "Zod as single source of truth.", date: "2026-04-18", category: "Engineering", image: { src: "https://placehold.co/480x320", alt: "Types post" } },
|
|
137
137
|
{ title: "Tree-shaking section blocks", excerpt: "Lean bundles, per-category entry points.", date: "2026-04-05", category: "Engineering", image: { src: "https://placehold.co/480x320", alt: "Bundling post" } }
|
|
138
138
|
]
|
|
139
139
|
};
|
package/dist/blog/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/blog/BlogSplit/schema.ts","../../src/blog/BlogSplit/index.tsx","../../src/blog/BlogSplit/default.ts","../../src/blog/BlogGrid/schema.ts","../../src/blog/BlogGrid/index.tsx","../../src/blog/BlogGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsxs","cn","jsx","Badge","BlogPostSchema","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 { ImageSchema } from \"../../shared/schemas\";\n\nconst BlogPostSchema = z.object({\n title: z.string(),\n excerpt: z.string(),\n date: z.string(),\n category: z.string().optional(),\n image: ImageSchema,\n}).strict();\n\nexport const BlogSplitContentSchema = z.object({\n heading: z.string(),\n posts: z.array(BlogPostSchema).min(1),\n}).strict();\n\nexport type BlogSplitContent = z.infer<typeof BlogSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { BlogSplitContentSchema, type BlogSplitContent } from \"./schema\";\n\nexport function BlogSplit({ content, theme }: BlockProps<BlogSplitContent>) {\n BlogSplitContentSchema.parse(content);\n const { heading, posts } = content;\n const [featured, ...rest] = posts;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n <DGrid columns={2} gap={8} align=\"start\">\n {featured && (\n <DBox as=\"article\">\n <DStack gap={4}>\n <DBox\n as=\"img\"\n src={featured.image.src}\n alt={featured.image.alt}\n className={cn(\"w-full rounded-lg object-cover aspect-video\")}\n />\n <DStack gap={2}>\n {featured.category && <Badge variant=\"secondary\">{featured.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"text-xl font-semibold\")}>{featured.title}</DBox>\n <DBox as=\"p\" color=\"muted\">{featured.excerpt}</DBox>\n <DBox as=\"time\" dateTime={featured.date} color=\"muted\" className={cn(\"text-xs\")}>{featured.date}</DBox>\n </DStack>\n </DStack>\n </DBox>\n )}\n <DBox as=\"ul\" m={0} p={0} gap={6} display=\"flex\" className={cn(\"list-none flex-col\")}>\n {rest.map((post, i) => (\n <DBox as=\"li\" key={i}>\n <DBox as=\"article\">\n <DGrid columns={2} gap={4} align=\"start\">\n <DBox\n as=\"img\"\n src={post.image.src}\n alt={post.image.alt}\n className={cn(\"w-full rounded-md object-cover aspect-video\")}\n />\n <DStack gap={1}>\n {post.category && <Badge variant=\"secondary\">{post.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"font-semibold leading-snug\")}>{post.title}</DBox>\n <DBox as=\"time\" dateTime={post.date} color=\"muted\" className={cn(\"text-xs\")}>{post.date}</DBox>\n </DStack>\n </DGrid>\n </DBox>\n </DBox>\n ))}\n </DBox>\n </DGrid>\n </DStack>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BlogSplitContent } from \"./schema\";\n\nexport const BlogSplitDefaultContent: BlogSplitContent = {\n heading: \"Latest posts\",\n posts: [\n { title: \"Designing for composability\", excerpt: \"How modular thinking unlocks maintainable systems at scale.\", date: \"2026-05-01\", category: \"Design\", image: { src: \"https://placehold.co/600x400\", alt: \"Design systems post\" } },\n { title: \"Type-safe content at runtime\", excerpt: \"Zod schemas as the single source of truth for block content.\", date: \"2026-04-18\", image: { src: \"https://placehold.co/400x280\", alt: \"Type safety post\" } },\n { title: \"Tree-shaking section blocks\", excerpt: \"Per-category entry points and how they keep bundles lean.\", date: \"2026-04-05\", category: \"Engineering\", image: { src: \"https://placehold.co/400x280\", alt: \"Tree-shaking post\" } },\n ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { ImageSchema } from \"../../shared/schemas\";\n\nconst BlogPostSchema = z.object({\n title: z.string(),\n excerpt: z.string(),\n date: z.string(),\n category: z.string().optional(),\n image: ImageSchema,\n}).strict();\n\nexport const BlogGridContentSchema = z.object({\n heading: z.string(),\n posts: z.array(BlogPostSchema).min(1),\n}).strict();\n\nexport type BlogGridContent = z.infer<typeof BlogGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, Card, CardContent, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { BlogGridContentSchema, type BlogGridContent } from \"./schema\";\n\nexport function BlogGrid({ content, theme }: BlockProps<BlogGridContent>) {\n BlogGridContentSchema.parse(content);\n const { heading, posts } = content;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n <DGrid columns={3} gap={6}>\n {posts.map((post, i) => (\n <Card key={i}>\n <DBox as=\"article\">\n <DBox\n as=\"img\"\n src={post.image.src}\n alt={post.image.alt}\n className={cn(\"w-full rounded-t-lg object-cover aspect-video\")}\n />\n <CardContent>\n <DStack gap={2} pt={2}>\n {post.category && <Badge variant=\"secondary\">{post.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"font-semibold leading-snug\")}>{post.title}</DBox>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{post.excerpt}</DBox>\n <DBox as=\"time\" dateTime={post.date} color=\"muted\" className={cn(\"text-xs\")}>{post.date}</DBox>\n </DStack>\n </CardContent>\n </DBox>\n </Card>\n ))}\n </DGrid>\n </DStack>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BlogGridContent } from \"./schema\";\n\nexport const BlogGridDefaultContent: BlogGridContent = {\n heading: \"From the blog\",\n posts: [\n { title: \"Designing for composability\", excerpt: \"Modular thinking at scale.\", date: \"2026-05-01\", category: \"Design\", image: { src: \"https://placehold.co/480x320\", alt: \"Design post\" } },\n { title: \"Type-safe content at runtime\", excerpt: \"Zod as single source of truth.\", date: \"2026-04-18\", image: { src: \"https://placehold.co/480x320\", alt: \"Types post\" } },\n { title: \"Tree-shaking section blocks\", excerpt: \"Lean bundles, per-category entry points.\", date: \"2026-04-05\", category: \"Engineering\", image: { src: \"https://placehold.co/480x320\", alt: \"Bundling post\" } },\n ],\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/blog/BlogSplit/schema.ts","../../src/blog/BlogSplit/index.tsx","../../src/blog/BlogSplit/default.ts","../../src/blog/BlogGrid/schema.ts","../../src/blog/BlogGrid/index.tsx","../../src/blog/BlogGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsxs","cn","jsx","Badge","BlogPostSchema","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 { ImageSchema } from \"../../shared/schemas\";\n\nconst BlogPostSchema = z.object({\n title: z.string(),\n excerpt: z.string(),\n date: z.string(),\n category: z.string().optional(),\n image: ImageSchema,\n}).strict();\n\nexport const BlogSplitContentSchema = z.object({\n heading: z.string(),\n posts: z.array(BlogPostSchema).min(1),\n}).strict();\n\nexport type BlogSplitContent = z.infer<typeof BlogSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { BlogSplitContentSchema, type BlogSplitContent } from \"./schema\";\n\nexport function BlogSplit({ content, theme }: BlockProps<BlogSplitContent>) {\n BlogSplitContentSchema.parse(content);\n const { heading, posts } = content;\n const [featured, ...rest] = posts;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n <DGrid columns={2} gap={8} align=\"start\">\n {featured && (\n <DBox as=\"article\">\n <DStack gap={4}>\n <DBox\n as=\"img\"\n src={featured.image.src}\n alt={featured.image.alt}\n className={cn(\"w-full rounded-lg object-cover aspect-video\")}\n />\n <DStack gap={2}>\n {featured.category && <Badge variant=\"secondary\" className={cn(\"self-start\")}>{featured.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"text-xl font-semibold\")}>{featured.title}</DBox>\n <DBox as=\"p\" color=\"muted\">{featured.excerpt}</DBox>\n <DBox as=\"time\" dateTime={featured.date} color=\"muted\" className={cn(\"text-xs\")}>{featured.date}</DBox>\n </DStack>\n </DStack>\n </DBox>\n )}\n <DBox as=\"ul\" m={0} p={0} gap={6} display=\"flex\" className={cn(\"list-none flex-col\")}>\n {rest.map((post, i) => (\n <DBox as=\"li\" key={i}>\n <DBox as=\"article\">\n <DGrid columns={2} gap={4} align=\"start\">\n <DBox\n as=\"img\"\n src={post.image.src}\n alt={post.image.alt}\n className={cn(\"w-full rounded-md object-cover aspect-video\")}\n />\n <DStack gap={1}>\n {post.category && <Badge variant=\"secondary\" className={cn(\"self-start\")}>{post.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"font-semibold leading-snug\")}>{post.title}</DBox>\n <DBox as=\"time\" dateTime={post.date} color=\"muted\" className={cn(\"text-xs\")}>{post.date}</DBox>\n </DStack>\n </DGrid>\n </DBox>\n </DBox>\n ))}\n </DBox>\n </DGrid>\n </DStack>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BlogSplitContent } from \"./schema\";\n\nexport const BlogSplitDefaultContent: BlogSplitContent = {\n heading: \"Latest posts\",\n posts: [\n { title: \"Designing for composability\", excerpt: \"How modular thinking unlocks maintainable systems at scale.\", date: \"2026-05-01\", category: \"Design\", image: { src: \"https://placehold.co/600x400\", alt: \"Design systems post\" } },\n { title: \"Type-safe content at runtime\", excerpt: \"Zod schemas as the single source of truth for block content.\", date: \"2026-04-18\", image: { src: \"https://placehold.co/400x280\", alt: \"Type safety post\" } },\n { title: \"Tree-shaking section blocks\", excerpt: \"Per-category entry points and how they keep bundles lean.\", date: \"2026-04-05\", category: \"Engineering\", image: { src: \"https://placehold.co/400x280\", alt: \"Tree-shaking post\" } },\n ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { ImageSchema } from \"../../shared/schemas\";\n\nconst BlogPostSchema = z.object({\n title: z.string(),\n excerpt: z.string(),\n date: z.string(),\n category: z.string().optional(),\n image: ImageSchema,\n}).strict();\n\nexport const BlogGridContentSchema = z.object({\n heading: z.string(),\n posts: z.array(BlogPostSchema).min(1),\n}).strict();\n\nexport type BlogGridContent = z.infer<typeof BlogGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, Card, CardContent, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { BlogGridContentSchema, type BlogGridContent } from \"./schema\";\n\nexport function BlogGrid({ content, theme }: BlockProps<BlogGridContent>) {\n BlogGridContentSchema.parse(content);\n const { heading, posts } = content;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n <DGrid columns={3} gap={6}>\n {posts.map((post, i) => (\n <Card key={i}>\n <DBox as=\"article\">\n <DBox\n as=\"img\"\n src={post.image.src}\n alt={post.image.alt}\n className={cn(\"w-full rounded-t-lg object-cover aspect-video\")}\n />\n <CardContent>\n <DStack gap={2} pt={2}>\n {post.category && <Badge variant=\"secondary\" className={cn(\"self-start\")}>{post.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"font-semibold leading-snug\")}>{post.title}</DBox>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{post.excerpt}</DBox>\n <DBox as=\"time\" dateTime={post.date} color=\"muted\" className={cn(\"text-xs\")}>{post.date}</DBox>\n </DStack>\n </CardContent>\n </DBox>\n </Card>\n ))}\n </DGrid>\n </DStack>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BlogGridContent } from \"./schema\";\n\nexport const BlogGridDefaultContent: BlogGridContent = {\n heading: \"From the blog\",\n posts: [\n { title: \"Designing for composability\", excerpt: \"Modular thinking at scale.\", date: \"2026-05-01\", category: \"Design\", image: { src: \"https://placehold.co/480x320\", alt: \"Design post\" } },\n { title: \"Type-safe content at runtime\", excerpt: \"Zod as single source of truth.\", date: \"2026-04-18\", category: \"Engineering\", image: { src: \"https://placehold.co/480x320\", alt: \"Types post\" } },\n { title: \"Tree-shaking section blocks\", excerpt: \"Lean bundles, per-category entry points.\", date: \"2026-04-05\", category: \"Engineering\", image: { src: \"https://placehold.co/480x320\", alt: \"Bundling post\" } },\n ],\n};\n"]}
|
package/dist/blog/index.js
CHANGED
|
@@ -55,7 +55,7 @@ function BlogSplit({ content, theme }) {
|
|
|
55
55
|
}
|
|
56
56
|
),
|
|
57
57
|
/* @__PURE__ */ jsxs(DStack, { gap: 2, children: [
|
|
58
|
-
featured.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: featured.category }),
|
|
58
|
+
featured.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: featured.category }),
|
|
59
59
|
/* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("text-xl font-semibold"), children: featured.title }),
|
|
60
60
|
/* @__PURE__ */ jsx(DBox, { as: "p", color: "muted", children: featured.excerpt }),
|
|
61
61
|
/* @__PURE__ */ jsx(DBox, { as: "time", dateTime: featured.date, color: "muted", className: cn("text-xs"), children: featured.date })
|
|
@@ -72,7 +72,7 @@ function BlogSplit({ content, theme }) {
|
|
|
72
72
|
}
|
|
73
73
|
),
|
|
74
74
|
/* @__PURE__ */ jsxs(DStack, { gap: 1, children: [
|
|
75
|
-
post.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: post.category }),
|
|
75
|
+
post.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: post.category }),
|
|
76
76
|
/* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("font-semibold leading-snug"), children: post.title }),
|
|
77
77
|
/* @__PURE__ */ jsx(DBox, { as: "time", dateTime: post.date, color: "muted", className: cn("text-xs"), children: post.date })
|
|
78
78
|
] })
|
|
@@ -117,7 +117,7 @@ function BlogGrid({ content, theme }) {
|
|
|
117
117
|
}
|
|
118
118
|
),
|
|
119
119
|
/* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(DStack, { gap: 2, pt: 2, children: [
|
|
120
|
-
post.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: post.category }),
|
|
120
|
+
post.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: post.category }),
|
|
121
121
|
/* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("font-semibold leading-snug"), children: post.title }),
|
|
122
122
|
/* @__PURE__ */ jsx(DBox, { as: "p", color: "muted", className: cn("text-sm"), children: post.excerpt }),
|
|
123
123
|
/* @__PURE__ */ jsx(DBox, { as: "time", dateTime: post.date, color: "muted", className: cn("text-xs"), children: post.date })
|
|
@@ -131,7 +131,7 @@ var BlogGridDefaultContent = {
|
|
|
131
131
|
heading: "From the blog",
|
|
132
132
|
posts: [
|
|
133
133
|
{ title: "Designing for composability", excerpt: "Modular thinking at scale.", date: "2026-05-01", category: "Design", image: { src: "https://placehold.co/480x320", alt: "Design post" } },
|
|
134
|
-
{ title: "Type-safe content at runtime", excerpt: "Zod as single source of truth.", date: "2026-04-18", image: { src: "https://placehold.co/480x320", alt: "Types post" } },
|
|
134
|
+
{ title: "Type-safe content at runtime", excerpt: "Zod as single source of truth.", date: "2026-04-18", category: "Engineering", image: { src: "https://placehold.co/480x320", alt: "Types post" } },
|
|
135
135
|
{ title: "Tree-shaking section blocks", excerpt: "Lean bundles, per-category entry points.", date: "2026-04-05", category: "Engineering", image: { src: "https://placehold.co/480x320", alt: "Bundling post" } }
|
|
136
136
|
]
|
|
137
137
|
};
|
package/dist/blog/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/blog/BlogSplit/schema.ts","../../src/blog/BlogSplit/index.tsx","../../src/blog/BlogSplit/default.ts","../../src/blog/BlogGrid/schema.ts","../../src/blog/BlogGrid/index.tsx","../../src/blog/BlogGrid/default.ts"],"names":["z","BlogPostSchema","jsx","jsxs","cn","Badge"],"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\nconst BlogPostSchema = z.object({\n title: z.string(),\n excerpt: z.string(),\n date: z.string(),\n category: z.string().optional(),\n image: ImageSchema,\n}).strict();\n\nexport const BlogSplitContentSchema = z.object({\n heading: z.string(),\n posts: z.array(BlogPostSchema).min(1),\n}).strict();\n\nexport type BlogSplitContent = z.infer<typeof BlogSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { BlogSplitContentSchema, type BlogSplitContent } from \"./schema\";\n\nexport function BlogSplit({ content, theme }: BlockProps<BlogSplitContent>) {\n BlogSplitContentSchema.parse(content);\n const { heading, posts } = content;\n const [featured, ...rest] = posts;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n <DGrid columns={2} gap={8} align=\"start\">\n {featured && (\n <DBox as=\"article\">\n <DStack gap={4}>\n <DBox\n as=\"img\"\n src={featured.image.src}\n alt={featured.image.alt}\n className={cn(\"w-full rounded-lg object-cover aspect-video\")}\n />\n <DStack gap={2}>\n {featured.category && <Badge variant=\"secondary\">{featured.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"text-xl font-semibold\")}>{featured.title}</DBox>\n <DBox as=\"p\" color=\"muted\">{featured.excerpt}</DBox>\n <DBox as=\"time\" dateTime={featured.date} color=\"muted\" className={cn(\"text-xs\")}>{featured.date}</DBox>\n </DStack>\n </DStack>\n </DBox>\n )}\n <DBox as=\"ul\" m={0} p={0} gap={6} display=\"flex\" className={cn(\"list-none flex-col\")}>\n {rest.map((post, i) => (\n <DBox as=\"li\" key={i}>\n <DBox as=\"article\">\n <DGrid columns={2} gap={4} align=\"start\">\n <DBox\n as=\"img\"\n src={post.image.src}\n alt={post.image.alt}\n className={cn(\"w-full rounded-md object-cover aspect-video\")}\n />\n <DStack gap={1}>\n {post.category && <Badge variant=\"secondary\">{post.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"font-semibold leading-snug\")}>{post.title}</DBox>\n <DBox as=\"time\" dateTime={post.date} color=\"muted\" className={cn(\"text-xs\")}>{post.date}</DBox>\n </DStack>\n </DGrid>\n </DBox>\n </DBox>\n ))}\n </DBox>\n </DGrid>\n </DStack>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BlogSplitContent } from \"./schema\";\n\nexport const BlogSplitDefaultContent: BlogSplitContent = {\n heading: \"Latest posts\",\n posts: [\n { title: \"Designing for composability\", excerpt: \"How modular thinking unlocks maintainable systems at scale.\", date: \"2026-05-01\", category: \"Design\", image: { src: \"https://placehold.co/600x400\", alt: \"Design systems post\" } },\n { title: \"Type-safe content at runtime\", excerpt: \"Zod schemas as the single source of truth for block content.\", date: \"2026-04-18\", image: { src: \"https://placehold.co/400x280\", alt: \"Type safety post\" } },\n { title: \"Tree-shaking section blocks\", excerpt: \"Per-category entry points and how they keep bundles lean.\", date: \"2026-04-05\", category: \"Engineering\", image: { src: \"https://placehold.co/400x280\", alt: \"Tree-shaking post\" } },\n ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { ImageSchema } from \"../../shared/schemas\";\n\nconst BlogPostSchema = z.object({\n title: z.string(),\n excerpt: z.string(),\n date: z.string(),\n category: z.string().optional(),\n image: ImageSchema,\n}).strict();\n\nexport const BlogGridContentSchema = z.object({\n heading: z.string(),\n posts: z.array(BlogPostSchema).min(1),\n}).strict();\n\nexport type BlogGridContent = z.infer<typeof BlogGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, Card, CardContent, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { BlogGridContentSchema, type BlogGridContent } from \"./schema\";\n\nexport function BlogGrid({ content, theme }: BlockProps<BlogGridContent>) {\n BlogGridContentSchema.parse(content);\n const { heading, posts } = content;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n <DGrid columns={3} gap={6}>\n {posts.map((post, i) => (\n <Card key={i}>\n <DBox as=\"article\">\n <DBox\n as=\"img\"\n src={post.image.src}\n alt={post.image.alt}\n className={cn(\"w-full rounded-t-lg object-cover aspect-video\")}\n />\n <CardContent>\n <DStack gap={2} pt={2}>\n {post.category && <Badge variant=\"secondary\">{post.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"font-semibold leading-snug\")}>{post.title}</DBox>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{post.excerpt}</DBox>\n <DBox as=\"time\" dateTime={post.date} color=\"muted\" className={cn(\"text-xs\")}>{post.date}</DBox>\n </DStack>\n </CardContent>\n </DBox>\n </Card>\n ))}\n </DGrid>\n </DStack>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BlogGridContent } from \"./schema\";\n\nexport const BlogGridDefaultContent: BlogGridContent = {\n heading: \"From the blog\",\n posts: [\n { title: \"Designing for composability\", excerpt: \"Modular thinking at scale.\", date: \"2026-05-01\", category: \"Design\", image: { src: \"https://placehold.co/480x320\", alt: \"Design post\" } },\n { title: \"Type-safe content at runtime\", excerpt: \"Zod as single source of truth.\", date: \"2026-04-18\", image: { src: \"https://placehold.co/480x320\", alt: \"Types post\" } },\n { title: \"Tree-shaking section blocks\", excerpt: \"Lean bundles, per-category entry points.\", date: \"2026-04-05\", category: \"Engineering\", image: { src: \"https://placehold.co/480x320\", alt: \"Bundling post\" } },\n ],\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/blog/BlogSplit/schema.ts","../../src/blog/BlogSplit/index.tsx","../../src/blog/BlogSplit/default.ts","../../src/blog/BlogGrid/schema.ts","../../src/blog/BlogGrid/index.tsx","../../src/blog/BlogGrid/default.ts"],"names":["z","BlogPostSchema","jsx","jsxs","cn","Badge"],"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\nconst BlogPostSchema = z.object({\n title: z.string(),\n excerpt: z.string(),\n date: z.string(),\n category: z.string().optional(),\n image: ImageSchema,\n}).strict();\n\nexport const BlogSplitContentSchema = z.object({\n heading: z.string(),\n posts: z.array(BlogPostSchema).min(1),\n}).strict();\n\nexport type BlogSplitContent = z.infer<typeof BlogSplitContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { BlogSplitContentSchema, type BlogSplitContent } from \"./schema\";\n\nexport function BlogSplit({ content, theme }: BlockProps<BlogSplitContent>) {\n BlogSplitContentSchema.parse(content);\n const { heading, posts } = content;\n const [featured, ...rest] = posts;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n <DGrid columns={2} gap={8} align=\"start\">\n {featured && (\n <DBox as=\"article\">\n <DStack gap={4}>\n <DBox\n as=\"img\"\n src={featured.image.src}\n alt={featured.image.alt}\n className={cn(\"w-full rounded-lg object-cover aspect-video\")}\n />\n <DStack gap={2}>\n {featured.category && <Badge variant=\"secondary\" className={cn(\"self-start\")}>{featured.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"text-xl font-semibold\")}>{featured.title}</DBox>\n <DBox as=\"p\" color=\"muted\">{featured.excerpt}</DBox>\n <DBox as=\"time\" dateTime={featured.date} color=\"muted\" className={cn(\"text-xs\")}>{featured.date}</DBox>\n </DStack>\n </DStack>\n </DBox>\n )}\n <DBox as=\"ul\" m={0} p={0} gap={6} display=\"flex\" className={cn(\"list-none flex-col\")}>\n {rest.map((post, i) => (\n <DBox as=\"li\" key={i}>\n <DBox as=\"article\">\n <DGrid columns={2} gap={4} align=\"start\">\n <DBox\n as=\"img\"\n src={post.image.src}\n alt={post.image.alt}\n className={cn(\"w-full rounded-md object-cover aspect-video\")}\n />\n <DStack gap={1}>\n {post.category && <Badge variant=\"secondary\" className={cn(\"self-start\")}>{post.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"font-semibold leading-snug\")}>{post.title}</DBox>\n <DBox as=\"time\" dateTime={post.date} color=\"muted\" className={cn(\"text-xs\")}>{post.date}</DBox>\n </DStack>\n </DGrid>\n </DBox>\n </DBox>\n ))}\n </DBox>\n </DGrid>\n </DStack>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BlogSplitContent } from \"./schema\";\n\nexport const BlogSplitDefaultContent: BlogSplitContent = {\n heading: \"Latest posts\",\n posts: [\n { title: \"Designing for composability\", excerpt: \"How modular thinking unlocks maintainable systems at scale.\", date: \"2026-05-01\", category: \"Design\", image: { src: \"https://placehold.co/600x400\", alt: \"Design systems post\" } },\n { title: \"Type-safe content at runtime\", excerpt: \"Zod schemas as the single source of truth for block content.\", date: \"2026-04-18\", image: { src: \"https://placehold.co/400x280\", alt: \"Type safety post\" } },\n { title: \"Tree-shaking section blocks\", excerpt: \"Per-category entry points and how they keep bundles lean.\", date: \"2026-04-05\", category: \"Engineering\", image: { src: \"https://placehold.co/400x280\", alt: \"Tree-shaking post\" } },\n ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\nimport { ImageSchema } from \"../../shared/schemas\";\n\nconst BlogPostSchema = z.object({\n title: z.string(),\n excerpt: z.string(),\n date: z.string(),\n category: z.string().optional(),\n image: ImageSchema,\n}).strict();\n\nexport const BlogGridContentSchema = z.object({\n heading: z.string(),\n posts: z.array(BlogPostSchema).min(1),\n}).strict();\n\nexport type BlogGridContent = z.infer<typeof BlogGridContentSchema>;\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { Badge, Card, CardContent, cn } from \"@booga/vui\";\nimport { DBox, DGrid, DStack } from \"../../primitives\";\nimport { type BlockProps } from \"../../types\";\nimport { themeStyle } from \"../../theme\";\nimport { BlogGridContentSchema, type BlogGridContent } from \"./schema\";\n\nexport function BlogGrid({ content, theme }: BlockProps<BlogGridContent>) {\n BlogGridContentSchema.parse(content);\n const { heading, posts } = content;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight\")}>{heading}</DBox>\n <DGrid columns={3} gap={6}>\n {posts.map((post, i) => (\n <Card key={i}>\n <DBox as=\"article\">\n <DBox\n as=\"img\"\n src={post.image.src}\n alt={post.image.alt}\n className={cn(\"w-full rounded-t-lg object-cover aspect-video\")}\n />\n <CardContent>\n <DStack gap={2} pt={2}>\n {post.category && <Badge variant=\"secondary\" className={cn(\"self-start\")}>{post.category}</Badge>}\n <DBox as=\"h3\" className={cn(\"font-semibold leading-snug\")}>{post.title}</DBox>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{post.excerpt}</DBox>\n <DBox as=\"time\" dateTime={post.date} color=\"muted\" className={cn(\"text-xs\")}>{post.date}</DBox>\n </DStack>\n </CardContent>\n </DBox>\n </Card>\n ))}\n </DGrid>\n </DStack>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BlogGridContent } from \"./schema\";\n\nexport const BlogGridDefaultContent: BlogGridContent = {\n heading: \"From the blog\",\n posts: [\n { title: \"Designing for composability\", excerpt: \"Modular thinking at scale.\", date: \"2026-05-01\", category: \"Design\", image: { src: \"https://placehold.co/480x320\", alt: \"Design post\" } },\n { title: \"Type-safe content at runtime\", excerpt: \"Zod as single source of truth.\", date: \"2026-04-18\", category: \"Engineering\", image: { src: \"https://placehold.co/480x320\", alt: \"Types post\" } },\n { title: \"Tree-shaking section blocks\", excerpt: \"Lean bundles, per-category entry points.\", date: \"2026-04-05\", category: \"Engineering\", image: { src: \"https://placehold.co/480x320\", alt: \"Bundling post\" } },\n ],\n};\n"]}
|
package/dist/business/index.cjs
CHANGED
|
@@ -88,7 +88,7 @@ var BusinessGridContentSchema = zod.z.object({
|
|
|
88
88
|
function BusinessGrid({ content, theme }) {
|
|
89
89
|
BusinessGridContentSchema.parse(content);
|
|
90
90
|
const { heading, services } = content;
|
|
91
|
-
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-
|
|
91
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-6xl mx-auto gap-10"), children: [
|
|
92
92
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
|
|
93
93
|
/* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 2, gap: 6, children: services.map((service, i) => /* @__PURE__ */ jsxRuntime.jsxs(vui.Card, { children: [
|
|
94
94
|
/* @__PURE__ */ jsxRuntime.jsx(vui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { gap: 2, children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/business/BusinessSplit/schema.ts","../../src/business/BusinessSplit/index.tsx","../../src/business/BusinessSplit/default.ts","../../src/business/BusinessGrid/schema.ts","../../src/business/BusinessGrid/index.tsx","../../src/business/BusinessGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsx","jsxs","cn","Card","CardHeader","CardTitle","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 { ImageSchema } from \"../../shared/schemas\";\n\nconst ContactSchema = z.object({\n phone: z.string().optional(),\n email: z.string().optional(),\n address: z.string().optional(),\n}).strict();\n\nexport const BusinessSplitContentSchema = z.object({\n name: z.string(),\n tagline: z.string(),\n description: z.string(),\n image: ImageSchema,\n contact: ContactSchema.optional(),\n}).strict();\n\nexport type BusinessSplitContent = z.infer<typeof BusinessSplitContentSchema>;\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 { BusinessSplitContentSchema, type BusinessSplitContent } from \"./schema\";\n\nexport function BusinessSplit({ content, theme }: BlockProps<BusinessSplitContent>) {\n BusinessSplitContentSchema.parse(content);\n const { name, tagline, description, image, contact } = content;\n return (\n <DBox as=\"section\" aria-label={name} style={themeStyle(theme)}>\n <DGrid columns={2} px={6} py={16} gap={16} align=\"center\" className={cn(\"max-w-6xl mx-auto\")}>\n <DStack gap={6}>\n <DStack gap={2}>\n <DBox as=\"h2\" className={cn(\"text-4xl font-bold tracking-tight\")}>{name}</DBox>\n <DBox as=\"p\" color=\"accent\" className={cn(\"text-xl\")}>{tagline}</DBox>\n </DStack>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-lg leading-relaxed\")}>{description}</DBox>\n {contact && (\n <DBox as=\"address\" color=\"muted\" gap={1} display=\"flex\" className={cn(\"not-italic text-sm flex-col\")}>\n {contact.phone && <DBox as=\"span\">{contact.phone}</DBox>}\n {contact.email && <DBox as=\"span\">{contact.email}</DBox>}\n {contact.address && <DBox as=\"span\">{contact.address}</DBox>}\n </DBox>\n )}\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-square\")}\n />\n </DGrid>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BusinessSplitContent } from \"./schema\";\n\nexport const BusinessSplitDefaultContent: BusinessSplitContent = {\n name: \"Acme Studio\",\n tagline: \"Strategy, design, and engineering — end to end.\",\n description: \"We partner with ambitious teams to define, design, and ship products that matter. From early exploration through to production.\",\n image: { src: \"https://placehold.co/600x480\", alt: \"Studio workspace\" },\n contact: { email: \"hello@example.com\", address: \"12 Innovation Lane, Tech City\" },\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst ServiceSchema = z.object({\n title: z.string(),\n description: z.string(),\n icon: z.string().optional(),\n}).strict();\n\nexport const BusinessGridContentSchema = z.object({\n heading: z.string(),\n services: z.array(ServiceSchema).min(1),\n}).strict();\n\nexport type BusinessGridContent = z.infer<typeof BusinessGridContentSchema>;\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 { BusinessGridContentSchema, type BusinessGridContent } from \"./schema\";\n\nexport function BusinessGrid({ content, theme }: BlockProps<BusinessGridContent>) {\n BusinessGridContentSchema.parse(content);\n const { heading, services } = 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={2} gap={6}>\n {services.map((service, i) => (\n <Card key={i}>\n <CardHeader>\n <DStack gap={2}>\n {service.icon && (\n <DBox as=\"span\" className={cn(\"text-2xl\")} aria-hidden=\"true\">{service.icon}</DBox>\n )}\n <CardTitle as=\"h3\">{service.title}</CardTitle>\n </DStack>\n </CardHeader>\n <CardContent>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{service.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 BusinessGridContent } from \"./schema\";\n\nexport const BusinessGridDefaultContent: BusinessGridContent = {\n heading: \"What we do\",\n services: [\n { title: \"Product strategy\", description: \"From market positioning to roadmap — we help teams move with clarity.\", icon: \"🗺️\" },\n { title: \"UX design\", description: \"Research-grounded design that reduces cognitive load and increases confidence.\", icon: \"✏️\" },\n { title: \"Engineering\", description: \"Full-stack delivery with a bias toward composable, testable architecture.\", icon: \"⚙️\" },\n { title: \"Design systems\", description: \"A single source of truth for tokens, components, and documentation.\", icon: \"🎨\" },\n ],\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/business/BusinessSplit/schema.ts","../../src/business/BusinessSplit/index.tsx","../../src/business/BusinessSplit/default.ts","../../src/business/BusinessGrid/schema.ts","../../src/business/BusinessGrid/index.tsx","../../src/business/BusinessGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsx","jsxs","cn","Card","CardHeader","CardTitle","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 { ImageSchema } from \"../../shared/schemas\";\n\nconst ContactSchema = z.object({\n phone: z.string().optional(),\n email: z.string().optional(),\n address: z.string().optional(),\n}).strict();\n\nexport const BusinessSplitContentSchema = z.object({\n name: z.string(),\n tagline: z.string(),\n description: z.string(),\n image: ImageSchema,\n contact: ContactSchema.optional(),\n}).strict();\n\nexport type BusinessSplitContent = z.infer<typeof BusinessSplitContentSchema>;\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 { BusinessSplitContentSchema, type BusinessSplitContent } from \"./schema\";\n\nexport function BusinessSplit({ content, theme }: BlockProps<BusinessSplitContent>) {\n BusinessSplitContentSchema.parse(content);\n const { name, tagline, description, image, contact } = content;\n return (\n <DBox as=\"section\" aria-label={name} style={themeStyle(theme)}>\n <DGrid columns={2} px={6} py={16} gap={16} align=\"center\" className={cn(\"max-w-6xl mx-auto\")}>\n <DStack gap={6}>\n <DStack gap={2}>\n <DBox as=\"h2\" className={cn(\"text-4xl font-bold tracking-tight\")}>{name}</DBox>\n <DBox as=\"p\" color=\"accent\" className={cn(\"text-xl\")}>{tagline}</DBox>\n </DStack>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-lg leading-relaxed\")}>{description}</DBox>\n {contact && (\n <DBox as=\"address\" color=\"muted\" gap={1} display=\"flex\" className={cn(\"not-italic text-sm flex-col\")}>\n {contact.phone && <DBox as=\"span\">{contact.phone}</DBox>}\n {contact.email && <DBox as=\"span\">{contact.email}</DBox>}\n {contact.address && <DBox as=\"span\">{contact.address}</DBox>}\n </DBox>\n )}\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-square\")}\n />\n </DGrid>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BusinessSplitContent } from \"./schema\";\n\nexport const BusinessSplitDefaultContent: BusinessSplitContent = {\n name: \"Acme Studio\",\n tagline: \"Strategy, design, and engineering — end to end.\",\n description: \"We partner with ambitious teams to define, design, and ship products that matter. From early exploration through to production.\",\n image: { src: \"https://placehold.co/600x480\", alt: \"Studio workspace\" },\n contact: { email: \"hello@example.com\", address: \"12 Innovation Lane, Tech City\" },\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst ServiceSchema = z.object({\n title: z.string(),\n description: z.string(),\n icon: z.string().optional(),\n}).strict();\n\nexport const BusinessGridContentSchema = z.object({\n heading: z.string(),\n services: z.array(ServiceSchema).min(1),\n}).strict();\n\nexport type BusinessGridContent = z.infer<typeof BusinessGridContentSchema>;\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 { BusinessGridContentSchema, type BusinessGridContent } from \"./schema\";\n\nexport function BusinessGrid({ content, theme }: BlockProps<BusinessGridContent>) {\n BusinessGridContentSchema.parse(content);\n const { heading, services } = content;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight text-center\")}>{heading}</DBox>\n <DGrid columns={2} gap={6}>\n {services.map((service, i) => (\n <Card key={i}>\n <CardHeader>\n <DStack gap={2}>\n {service.icon && (\n <DBox as=\"span\" className={cn(\"text-2xl\")} aria-hidden=\"true\">{service.icon}</DBox>\n )}\n <CardTitle as=\"h3\">{service.title}</CardTitle>\n </DStack>\n </CardHeader>\n <CardContent>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{service.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 BusinessGridContent } from \"./schema\";\n\nexport const BusinessGridDefaultContent: BusinessGridContent = {\n heading: \"What we do\",\n services: [\n { title: \"Product strategy\", description: \"From market positioning to roadmap — we help teams move with clarity.\", icon: \"🗺️\" },\n { title: \"UX design\", description: \"Research-grounded design that reduces cognitive load and increases confidence.\", icon: \"✏️\" },\n { title: \"Engineering\", description: \"Full-stack delivery with a bias toward composable, testable architecture.\", icon: \"⚙️\" },\n { title: \"Design systems\", description: \"A single source of truth for tokens, components, and documentation.\", icon: \"🎨\" },\n ],\n};\n"]}
|
package/dist/business/index.js
CHANGED
|
@@ -86,7 +86,7 @@ var BusinessGridContentSchema = z.object({
|
|
|
86
86
|
function BusinessGrid({ content, theme }) {
|
|
87
87
|
BusinessGridContentSchema.parse(content);
|
|
88
88
|
const { heading, services } = content;
|
|
89
|
-
return /* @__PURE__ */ jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DStack, { px: 6, py: 16, className: cn("max-w-
|
|
89
|
+
return /* @__PURE__ */ jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DStack, { px: 6, py: 16, className: cn("max-w-6xl mx-auto gap-10"), children: [
|
|
90
90
|
/* @__PURE__ */ jsx(DBox, { as: "h2", className: cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
|
|
91
91
|
/* @__PURE__ */ jsx(DGrid, { columns: 2, gap: 6, children: services.map((service, i) => /* @__PURE__ */ jsxs(Card, { children: [
|
|
92
92
|
/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(DStack, { gap: 2, children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/business/BusinessSplit/schema.ts","../../src/business/BusinessSplit/index.tsx","../../src/business/BusinessSplit/default.ts","../../src/business/BusinessGrid/schema.ts","../../src/business/BusinessGrid/index.tsx","../../src/business/BusinessGrid/default.ts"],"names":["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\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\nconst ContactSchema = z.object({\n phone: z.string().optional(),\n email: z.string().optional(),\n address: z.string().optional(),\n}).strict();\n\nexport const BusinessSplitContentSchema = z.object({\n name: z.string(),\n tagline: z.string(),\n description: z.string(),\n image: ImageSchema,\n contact: ContactSchema.optional(),\n}).strict();\n\nexport type BusinessSplitContent = z.infer<typeof BusinessSplitContentSchema>;\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 { BusinessSplitContentSchema, type BusinessSplitContent } from \"./schema\";\n\nexport function BusinessSplit({ content, theme }: BlockProps<BusinessSplitContent>) {\n BusinessSplitContentSchema.parse(content);\n const { name, tagline, description, image, contact } = content;\n return (\n <DBox as=\"section\" aria-label={name} style={themeStyle(theme)}>\n <DGrid columns={2} px={6} py={16} gap={16} align=\"center\" className={cn(\"max-w-6xl mx-auto\")}>\n <DStack gap={6}>\n <DStack gap={2}>\n <DBox as=\"h2\" className={cn(\"text-4xl font-bold tracking-tight\")}>{name}</DBox>\n <DBox as=\"p\" color=\"accent\" className={cn(\"text-xl\")}>{tagline}</DBox>\n </DStack>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-lg leading-relaxed\")}>{description}</DBox>\n {contact && (\n <DBox as=\"address\" color=\"muted\" gap={1} display=\"flex\" className={cn(\"not-italic text-sm flex-col\")}>\n {contact.phone && <DBox as=\"span\">{contact.phone}</DBox>}\n {contact.email && <DBox as=\"span\">{contact.email}</DBox>}\n {contact.address && <DBox as=\"span\">{contact.address}</DBox>}\n </DBox>\n )}\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-square\")}\n />\n </DGrid>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BusinessSplitContent } from \"./schema\";\n\nexport const BusinessSplitDefaultContent: BusinessSplitContent = {\n name: \"Acme Studio\",\n tagline: \"Strategy, design, and engineering — end to end.\",\n description: \"We partner with ambitious teams to define, design, and ship products that matter. From early exploration through to production.\",\n image: { src: \"https://placehold.co/600x480\", alt: \"Studio workspace\" },\n contact: { email: \"hello@example.com\", address: \"12 Innovation Lane, Tech City\" },\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst ServiceSchema = z.object({\n title: z.string(),\n description: z.string(),\n icon: z.string().optional(),\n}).strict();\n\nexport const BusinessGridContentSchema = z.object({\n heading: z.string(),\n services: z.array(ServiceSchema).min(1),\n}).strict();\n\nexport type BusinessGridContent = z.infer<typeof BusinessGridContentSchema>;\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 { BusinessGridContentSchema, type BusinessGridContent } from \"./schema\";\n\nexport function BusinessGrid({ content, theme }: BlockProps<BusinessGridContent>) {\n BusinessGridContentSchema.parse(content);\n const { heading, services } = 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={2} gap={6}>\n {services.map((service, i) => (\n <Card key={i}>\n <CardHeader>\n <DStack gap={2}>\n {service.icon && (\n <DBox as=\"span\" className={cn(\"text-2xl\")} aria-hidden=\"true\">{service.icon}</DBox>\n )}\n <CardTitle as=\"h3\">{service.title}</CardTitle>\n </DStack>\n </CardHeader>\n <CardContent>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{service.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 BusinessGridContent } from \"./schema\";\n\nexport const BusinessGridDefaultContent: BusinessGridContent = {\n heading: \"What we do\",\n services: [\n { title: \"Product strategy\", description: \"From market positioning to roadmap — we help teams move with clarity.\", icon: \"🗺️\" },\n { title: \"UX design\", description: \"Research-grounded design that reduces cognitive load and increases confidence.\", icon: \"✏️\" },\n { title: \"Engineering\", description: \"Full-stack delivery with a bias toward composable, testable architecture.\", icon: \"⚙️\" },\n { title: \"Design systems\", description: \"A single source of truth for tokens, components, and documentation.\", icon: \"🎨\" },\n ],\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/shared/schemas.ts","../../src/business/BusinessSplit/schema.ts","../../src/business/BusinessSplit/index.tsx","../../src/business/BusinessSplit/default.ts","../../src/business/BusinessGrid/schema.ts","../../src/business/BusinessGrid/index.tsx","../../src/business/BusinessGrid/default.ts"],"names":["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\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\nconst ContactSchema = z.object({\n phone: z.string().optional(),\n email: z.string().optional(),\n address: z.string().optional(),\n}).strict();\n\nexport const BusinessSplitContentSchema = z.object({\n name: z.string(),\n tagline: z.string(),\n description: z.string(),\n image: ImageSchema,\n contact: ContactSchema.optional(),\n}).strict();\n\nexport type BusinessSplitContent = z.infer<typeof BusinessSplitContentSchema>;\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 { BusinessSplitContentSchema, type BusinessSplitContent } from \"./schema\";\n\nexport function BusinessSplit({ content, theme }: BlockProps<BusinessSplitContent>) {\n BusinessSplitContentSchema.parse(content);\n const { name, tagline, description, image, contact } = content;\n return (\n <DBox as=\"section\" aria-label={name} style={themeStyle(theme)}>\n <DGrid columns={2} px={6} py={16} gap={16} align=\"center\" className={cn(\"max-w-6xl mx-auto\")}>\n <DStack gap={6}>\n <DStack gap={2}>\n <DBox as=\"h2\" className={cn(\"text-4xl font-bold tracking-tight\")}>{name}</DBox>\n <DBox as=\"p\" color=\"accent\" className={cn(\"text-xl\")}>{tagline}</DBox>\n </DStack>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-lg leading-relaxed\")}>{description}</DBox>\n {contact && (\n <DBox as=\"address\" color=\"muted\" gap={1} display=\"flex\" className={cn(\"not-italic text-sm flex-col\")}>\n {contact.phone && <DBox as=\"span\">{contact.phone}</DBox>}\n {contact.email && <DBox as=\"span\">{contact.email}</DBox>}\n {contact.address && <DBox as=\"span\">{contact.address}</DBox>}\n </DBox>\n )}\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-square\")}\n />\n </DGrid>\n </DBox>\n );\n}\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { type BusinessSplitContent } from \"./schema\";\n\nexport const BusinessSplitDefaultContent: BusinessSplitContent = {\n name: \"Acme Studio\",\n tagline: \"Strategy, design, and engineering — end to end.\",\n description: \"We partner with ambitious teams to define, design, and ship products that matter. From early exploration through to production.\",\n image: { src: \"https://placehold.co/600x480\", alt: \"Studio workspace\" },\n contact: { email: \"hello@example.com\", address: \"12 Innovation Lane, Tech City\" },\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst ServiceSchema = z.object({\n title: z.string(),\n description: z.string(),\n icon: z.string().optional(),\n}).strict();\n\nexport const BusinessGridContentSchema = z.object({\n heading: z.string(),\n services: z.array(ServiceSchema).min(1),\n}).strict();\n\nexport type BusinessGridContent = z.infer<typeof BusinessGridContentSchema>;\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 { BusinessGridContentSchema, type BusinessGridContent } from \"./schema\";\n\nexport function BusinessGrid({ content, theme }: BlockProps<BusinessGridContent>) {\n BusinessGridContentSchema.parse(content);\n const { heading, services } = content;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight text-center\")}>{heading}</DBox>\n <DGrid columns={2} gap={6}>\n {services.map((service, i) => (\n <Card key={i}>\n <CardHeader>\n <DStack gap={2}>\n {service.icon && (\n <DBox as=\"span\" className={cn(\"text-2xl\")} aria-hidden=\"true\">{service.icon}</DBox>\n )}\n <CardTitle as=\"h3\">{service.title}</CardTitle>\n </DStack>\n </CardHeader>\n <CardContent>\n <DBox as=\"p\" color=\"muted\" className={cn(\"text-sm\")}>{service.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 BusinessGridContent } from \"./schema\";\n\nexport const BusinessGridDefaultContent: BusinessGridContent = {\n heading: \"What we do\",\n services: [\n { title: \"Product strategy\", description: \"From market positioning to roadmap — we help teams move with clarity.\", icon: \"🗺️\" },\n { title: \"UX design\", description: \"Research-grounded design that reduces cognitive load and increases confidence.\", icon: \"✏️\" },\n { title: \"Engineering\", description: \"Full-stack delivery with a bias toward composable, testable architecture.\", icon: \"⚙️\" },\n { title: \"Design systems\", description: \"A single source of truth for tokens, components, and documentation.\", icon: \"🎨\" },\n ],\n};\n"]}
|
package/dist/faq/index.cjs
CHANGED
|
@@ -63,7 +63,7 @@ var FaqGridContentSchema = zod.z.object({
|
|
|
63
63
|
function FaqGrid({ content, theme }) {
|
|
64
64
|
FaqGridContentSchema.parse(content);
|
|
65
65
|
const { heading, items } = content;
|
|
66
|
-
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-
|
|
66
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxRuntime.jsxs(DStack, { px: 6, py: 16, className: vui.cn("max-w-6xl mx-auto gap-10"), children: [
|
|
67
67
|
/* @__PURE__ */ jsxRuntime.jsx(DBox, { as: "h2", className: vui.cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
|
|
68
68
|
/* @__PURE__ */ jsxRuntime.jsx(DGrid, { columns: 2, gap: 4, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(vui.Card, { children: [
|
|
69
69
|
/* @__PURE__ */ jsxRuntime.jsx(vui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(vui.CardTitle, { as: "h3", children: item.question }) }),
|
package/dist/faq/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/faq/FaqSplit/schema.ts","../../src/faq/FaqSplit/index.tsx","../../src/faq/FaqSplit/default.ts","../../src/faq/FaqGrid/schema.ts","../../src/faq/FaqGrid/index.tsx","../../src/faq/FaqGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsx","jsxs","cn","FaqItemSchema","Card","CardHeader","CardTitle","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\nconst FaqItemSchema = z.object({\n question: z.string(),\n answer: z.string(),\n}).strict();\n\nexport const FaqSplitContentSchema = z.object({\n heading: z.string(),\n description: z.string().optional(),\n items: z.array(FaqItemSchema).min(1),\n}).strict();\n\nexport type FaqSplitContent = z.infer<typeof FaqSplitContentSchema>;\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 { FaqSplitContentSchema, type FaqSplitContent } from \"./schema\";\n\nexport function FaqSplit({ content, theme }: BlockProps<FaqSplitContent>) {\n FaqSplitContentSchema.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={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\")}>\n {heading}\n </DBox>\n {description && (\n <DBox as=\"p\" color=\"muted\">\n {description}\n </DBox>\n )}\n </DStack>\n <DBox as=\"ul\" m={0} p={0} gap={3} display=\"flex\" className={cn(\"list-none flex-col\")}>\n {items.map((item, i) => (\n <DBox as=\"li\" key={i}>\n <DBox as=\"details\" p={4} className={cn(\"border rounded-lg\")}>\n <DBox as=\"summary\" className={cn(\"font-semibold cursor-pointer list-none\")}>\n {item.question}\n </DBox>\n <DBox as=\"p\" color=\"muted\" mt={3}>\n {item.answer}\n </DBox>\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 FaqSplitContent } from \"./schema\";\n\nexport const FaqSplitDefaultContent: FaqSplitContent = {\n heading: \"Frequently asked questions\",\n description: \"Everything you need to know about the product.\",\n items: [\n { question: \"How does it work?\", answer: \"Drop a block onto your page, pass typed content, and render. No manual wiring.\" },\n { question: \"Can I customise the styles?\", answer: \"Yes. Pass a ThemeOverride to any block to remap CSS custom properties.\" },\n { question: \"Does it require a specific framework?\", answer: \"React 18+ and Tailwind CSS. No other runtime dependencies.\" },\n ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst FaqItemSchema = z.object({\n question: z.string(),\n answer: z.string(),\n}).strict();\n\nexport const FaqGridContentSchema = z.object({\n heading: z.string(),\n items: z.array(FaqItemSchema).min(1),\n}).strict();\n\nexport type FaqGridContent = z.infer<typeof FaqGridContentSchema>;\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 { FaqGridContentSchema, type FaqGridContent } from \"./schema\";\n\nexport function FaqGrid({ content, theme }: BlockProps<FaqGridContent>) {\n FaqGridContentSchema.parse(content);\n const { heading, items } = 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\")}>\n {heading}\n </DBox>\n <DGrid columns={2} gap={4}>\n {items.map((item, i) => (\n <Card key={i}>\n <CardHeader>\n <CardTitle as=\"h3\">{item.question}</CardTitle>\n </CardHeader>\n <CardContent>\n <DBox as=\"p\" color=\"muted\">\n {item.answer}\n </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 FaqGridContent } from \"./schema\";\n\nexport const FaqGridDefaultContent: FaqGridContent = {\n heading: \"Common questions\",\n items: [\n { question: \"How does it work?\", answer: \"Drop a block onto your page, pass typed content, and render.\" },\n { question: \"Can I customise styles?\", answer: \"Yes. ThemeOverride maps to CSS custom properties.\" },\n { question: \"Which frameworks are supported?\", answer: \"React 18+ with Tailwind CSS.\" },\n { question: \"Is TypeScript required?\", answer: \"Strongly recommended. All content schemas export their types.\" },\n ],\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/faq/FaqSplit/schema.ts","../../src/faq/FaqSplit/index.tsx","../../src/faq/FaqSplit/default.ts","../../src/faq/FaqGrid/schema.ts","../../src/faq/FaqGrid/index.tsx","../../src/faq/FaqGrid/default.ts"],"names":["dsl","Box","Stack","Grid","Inline","z","jsx","jsxs","cn","FaqItemSchema","Card","CardHeader","CardTitle","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\nconst FaqItemSchema = z.object({\n question: z.string(),\n answer: z.string(),\n}).strict();\n\nexport const FaqSplitContentSchema = z.object({\n heading: z.string(),\n description: z.string().optional(),\n items: z.array(FaqItemSchema).min(1),\n}).strict();\n\nexport type FaqSplitContent = z.infer<typeof FaqSplitContentSchema>;\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 { FaqSplitContentSchema, type FaqSplitContent } from \"./schema\";\n\nexport function FaqSplit({ content, theme }: BlockProps<FaqSplitContent>) {\n FaqSplitContentSchema.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={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\")}>\n {heading}\n </DBox>\n {description && (\n <DBox as=\"p\" color=\"muted\">\n {description}\n </DBox>\n )}\n </DStack>\n <DBox as=\"ul\" m={0} p={0} gap={3} display=\"flex\" className={cn(\"list-none flex-col\")}>\n {items.map((item, i) => (\n <DBox as=\"li\" key={i}>\n <DBox as=\"details\" p={4} className={cn(\"border rounded-lg\")}>\n <DBox as=\"summary\" className={cn(\"font-semibold cursor-pointer list-none\")}>\n {item.question}\n </DBox>\n <DBox as=\"p\" color=\"muted\" mt={3}>\n {item.answer}\n </DBox>\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 FaqSplitContent } from \"./schema\";\n\nexport const FaqSplitDefaultContent: FaqSplitContent = {\n heading: \"Frequently asked questions\",\n description: \"Everything you need to know about the product.\",\n items: [\n { question: \"How does it work?\", answer: \"Drop a block onto your page, pass typed content, and render. No manual wiring.\" },\n { question: \"Can I customise the styles?\", answer: \"Yes. Pass a ThemeOverride to any block to remap CSS custom properties.\" },\n { question: \"Does it require a specific framework?\", answer: \"React 18+ and Tailwind CSS. No other runtime dependencies.\" },\n ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst FaqItemSchema = z.object({\n question: z.string(),\n answer: z.string(),\n}).strict();\n\nexport const FaqGridContentSchema = z.object({\n heading: z.string(),\n items: z.array(FaqItemSchema).min(1),\n}).strict();\n\nexport type FaqGridContent = z.infer<typeof FaqGridContentSchema>;\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 { FaqGridContentSchema, type FaqGridContent } from \"./schema\";\n\nexport function FaqGrid({ content, theme }: BlockProps<FaqGridContent>) {\n FaqGridContentSchema.parse(content);\n const { heading, items } = content;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight text-center\")}>\n {heading}\n </DBox>\n <DGrid columns={2} gap={4}>\n {items.map((item, i) => (\n <Card key={i}>\n <CardHeader>\n <CardTitle as=\"h3\">{item.question}</CardTitle>\n </CardHeader>\n <CardContent>\n <DBox as=\"p\" color=\"muted\">\n {item.answer}\n </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 FaqGridContent } from \"./schema\";\n\nexport const FaqGridDefaultContent: FaqGridContent = {\n heading: \"Common questions\",\n items: [\n { question: \"How does it work?\", answer: \"Drop a block onto your page, pass typed content, and render.\" },\n { question: \"Can I customise styles?\", answer: \"Yes. ThemeOverride maps to CSS custom properties.\" },\n { question: \"Which frameworks are supported?\", answer: \"React 18+ with Tailwind CSS.\" },\n { question: \"Is TypeScript required?\", answer: \"Strongly recommended. All content schemas export their types.\" },\n ],\n};\n"]}
|
package/dist/faq/index.js
CHANGED
|
@@ -61,7 +61,7 @@ var FaqGridContentSchema = z.object({
|
|
|
61
61
|
function FaqGrid({ content, theme }) {
|
|
62
62
|
FaqGridContentSchema.parse(content);
|
|
63
63
|
const { heading, items } = content;
|
|
64
|
-
return /* @__PURE__ */ jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DStack, { px: 6, py: 16, className: cn("max-w-
|
|
64
|
+
return /* @__PURE__ */ jsx(DBox, { as: "section", "aria-label": heading, style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DStack, { px: 6, py: 16, className: cn("max-w-6xl mx-auto gap-10"), children: [
|
|
65
65
|
/* @__PURE__ */ jsx(DBox, { as: "h2", className: cn("text-3xl font-bold tracking-tight text-center"), children: heading }),
|
|
66
66
|
/* @__PURE__ */ jsx(DGrid, { columns: 2, gap: 4, children: items.map((item, i) => /* @__PURE__ */ jsxs(Card, { children: [
|
|
67
67
|
/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h3", children: item.question }) }),
|
package/dist/faq/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/faq/FaqSplit/schema.ts","../../src/faq/FaqSplit/index.tsx","../../src/faq/FaqSplit/default.ts","../../src/faq/FaqGrid/schema.ts","../../src/faq/FaqGrid/index.tsx","../../src/faq/FaqGrid/default.ts"],"names":["FaqItemSchema","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 FaqItemSchema = z.object({\n question: z.string(),\n answer: z.string(),\n}).strict();\n\nexport const FaqSplitContentSchema = z.object({\n heading: z.string(),\n description: z.string().optional(),\n items: z.array(FaqItemSchema).min(1),\n}).strict();\n\nexport type FaqSplitContent = z.infer<typeof FaqSplitContentSchema>;\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 { FaqSplitContentSchema, type FaqSplitContent } from \"./schema\";\n\nexport function FaqSplit({ content, theme }: BlockProps<FaqSplitContent>) {\n FaqSplitContentSchema.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={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\")}>\n {heading}\n </DBox>\n {description && (\n <DBox as=\"p\" color=\"muted\">\n {description}\n </DBox>\n )}\n </DStack>\n <DBox as=\"ul\" m={0} p={0} gap={3} display=\"flex\" className={cn(\"list-none flex-col\")}>\n {items.map((item, i) => (\n <DBox as=\"li\" key={i}>\n <DBox as=\"details\" p={4} className={cn(\"border rounded-lg\")}>\n <DBox as=\"summary\" className={cn(\"font-semibold cursor-pointer list-none\")}>\n {item.question}\n </DBox>\n <DBox as=\"p\" color=\"muted\" mt={3}>\n {item.answer}\n </DBox>\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 FaqSplitContent } from \"./schema\";\n\nexport const FaqSplitDefaultContent: FaqSplitContent = {\n heading: \"Frequently asked questions\",\n description: \"Everything you need to know about the product.\",\n items: [\n { question: \"How does it work?\", answer: \"Drop a block onto your page, pass typed content, and render. No manual wiring.\" },\n { question: \"Can I customise the styles?\", answer: \"Yes. Pass a ThemeOverride to any block to remap CSS custom properties.\" },\n { question: \"Does it require a specific framework?\", answer: \"React 18+ and Tailwind CSS. No other runtime dependencies.\" },\n ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst FaqItemSchema = z.object({\n question: z.string(),\n answer: z.string(),\n}).strict();\n\nexport const FaqGridContentSchema = z.object({\n heading: z.string(),\n items: z.array(FaqItemSchema).min(1),\n}).strict();\n\nexport type FaqGridContent = z.infer<typeof FaqGridContentSchema>;\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 { FaqGridContentSchema, type FaqGridContent } from \"./schema\";\n\nexport function FaqGrid({ content, theme }: BlockProps<FaqGridContent>) {\n FaqGridContentSchema.parse(content);\n const { heading, items } = 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\")}>\n {heading}\n </DBox>\n <DGrid columns={2} gap={4}>\n {items.map((item, i) => (\n <Card key={i}>\n <CardHeader>\n <CardTitle as=\"h3\">{item.question}</CardTitle>\n </CardHeader>\n <CardContent>\n <DBox as=\"p\" color=\"muted\">\n {item.answer}\n </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 FaqGridContent } from \"./schema\";\n\nexport const FaqGridDefaultContent: FaqGridContent = {\n heading: \"Common questions\",\n items: [\n { question: \"How does it work?\", answer: \"Drop a block onto your page, pass typed content, and render.\" },\n { question: \"Can I customise styles?\", answer: \"Yes. ThemeOverride maps to CSS custom properties.\" },\n { question: \"Which frameworks are supported?\", answer: \"React 18+ with Tailwind CSS.\" },\n { question: \"Is TypeScript required?\", answer: \"Strongly recommended. All content schemas export their types.\" },\n ],\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/primitives.ts","../../src/theme.ts","../../src/faq/FaqSplit/schema.ts","../../src/faq/FaqSplit/index.tsx","../../src/faq/FaqSplit/default.ts","../../src/faq/FaqGrid/schema.ts","../../src/faq/FaqGrid/index.tsx","../../src/faq/FaqGrid/default.ts"],"names":["FaqItemSchema","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 FaqItemSchema = z.object({\n question: z.string(),\n answer: z.string(),\n}).strict();\n\nexport const FaqSplitContentSchema = z.object({\n heading: z.string(),\n description: z.string().optional(),\n items: z.array(FaqItemSchema).min(1),\n}).strict();\n\nexport type FaqSplitContent = z.infer<typeof FaqSplitContentSchema>;\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 { FaqSplitContentSchema, type FaqSplitContent } from \"./schema\";\n\nexport function FaqSplit({ content, theme }: BlockProps<FaqSplitContent>) {\n FaqSplitContentSchema.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={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\")}>\n {heading}\n </DBox>\n {description && (\n <DBox as=\"p\" color=\"muted\">\n {description}\n </DBox>\n )}\n </DStack>\n <DBox as=\"ul\" m={0} p={0} gap={3} display=\"flex\" className={cn(\"list-none flex-col\")}>\n {items.map((item, i) => (\n <DBox as=\"li\" key={i}>\n <DBox as=\"details\" p={4} className={cn(\"border rounded-lg\")}>\n <DBox as=\"summary\" className={cn(\"font-semibold cursor-pointer list-none\")}>\n {item.question}\n </DBox>\n <DBox as=\"p\" color=\"muted\" mt={3}>\n {item.answer}\n </DBox>\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 FaqSplitContent } from \"./schema\";\n\nexport const FaqSplitDefaultContent: FaqSplitContent = {\n heading: \"Frequently asked questions\",\n description: \"Everything you need to know about the product.\",\n items: [\n { question: \"How does it work?\", answer: \"Drop a block onto your page, pass typed content, and render. No manual wiring.\" },\n { question: \"Can I customise the styles?\", answer: \"Yes. Pass a ThemeOverride to any block to remap CSS custom properties.\" },\n { question: \"Does it require a specific framework?\", answer: \"React 18+ and Tailwind CSS. No other runtime dependencies.\" },\n ],\n};\n","// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 bvasilenko\nimport { z } from \"zod\";\n\nconst FaqItemSchema = z.object({\n question: z.string(),\n answer: z.string(),\n}).strict();\n\nexport const FaqGridContentSchema = z.object({\n heading: z.string(),\n items: z.array(FaqItemSchema).min(1),\n}).strict();\n\nexport type FaqGridContent = z.infer<typeof FaqGridContentSchema>;\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 { FaqGridContentSchema, type FaqGridContent } from \"./schema\";\n\nexport function FaqGrid({ content, theme }: BlockProps<FaqGridContent>) {\n FaqGridContentSchema.parse(content);\n const { heading, items } = content;\n return (\n <DBox as=\"section\" aria-label={heading} style={themeStyle(theme)}>\n <DStack px={6} py={16} className={cn(\"max-w-6xl mx-auto gap-10\")}>\n <DBox as=\"h2\" className={cn(\"text-3xl font-bold tracking-tight text-center\")}>\n {heading}\n </DBox>\n <DGrid columns={2} gap={4}>\n {items.map((item, i) => (\n <Card key={i}>\n <CardHeader>\n <CardTitle as=\"h3\">{item.question}</CardTitle>\n </CardHeader>\n <CardContent>\n <DBox as=\"p\" color=\"muted\">\n {item.answer}\n </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 FaqGridContent } from \"./schema\";\n\nexport const FaqGridDefaultContent: FaqGridContent = {\n heading: \"Common questions\",\n items: [\n { question: \"How does it work?\", answer: \"Drop a block onto your page, pass typed content, and render.\" },\n { question: \"Can I customise styles?\", answer: \"Yes. ThemeOverride maps to CSS custom properties.\" },\n { question: \"Which frameworks are supported?\", answer: \"React 18+ with Tailwind CSS.\" },\n { question: \"Is TypeScript required?\", answer: \"Strongly recommended. All content schemas export their types.\" },\n ],\n};\n"]}
|