@booga/vblocks 0.3.1 → 0.3.2

package/dist/index.js

@@ -404,7 +404,7 @@ function PortfolioSplit({ content, theme }) {
         }
       ),
       /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(DStack, { gap: 2, pt: 2, children: [
-        /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: item.category }),
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: item.category }),
         /* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("font-semibold text-lg"), children: item.title })
       ] }) })
     ] }, i)) })
@@ -443,7 +443,7 @@ function PortfolioGrid({ content, theme }) {
       }
     ),
     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(DStack, { gap: 2, pt: 2, children: [
-      /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: item.category }),
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: item.category }),
       /* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("font-semibold text-lg"), children: item.title })
     ] }) })
   ] }, i)) }) });
@@ -471,7 +471,7 @@ function PostSplit({ content, theme }) {
   const { title, author, date, category, body, image } = content;
   return /* @__PURE__ */ jsx(DBox, { as: "article", style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DGrid, { columns: 2, px: 6, py: 16, gap: 16, align: "start", className: cn("max-w-6xl mx-auto"), children: [
     /* @__PURE__ */ jsxs(DStack, { gap: 6, className: cn("sticky top-16"), children: [
-      category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: category }),
+      category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: category }),
       /* @__PURE__ */ jsx(DBox, { as: "h1", className: cn("text-3xl font-bold tracking-tight leading-snug"), children: title }),
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(DInline, { gap: 2, color: "muted", className: cn("text-sm"), children: [
@@ -515,7 +515,7 @@ function PostCentered({ content, theme }) {
   PostCenteredContentSchema.parse(content);
   const { title, author, date, category, body } = content;
   return /* @__PURE__ */ jsx(DBox, { as: "article", style: themeStyle(theme), children: /* @__PURE__ */ jsxs(DStack, { px: 6, py: 16, gap: 6, className: cn("max-w-2xl mx-auto"), children: [
-    category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: category }),
+    category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: category }),
     /* @__PURE__ */ jsx(DBox, { as: "h1", className: cn("text-4xl font-bold tracking-tight leading-snug"), children: title }),
     /* @__PURE__ */ jsxs(DInline, { gap: 2, color: "muted", className: cn("text-sm"), children: [
       /* @__PURE__ */ jsx(DBox, { as: "span", children: author }),
@@ -734,7 +734,7 @@ function BlogSplit({ content, theme }) {
           }
         ),
         /* @__PURE__ */ jsxs(DStack, { gap: 2, children: [
-          featured.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: featured.category }),
+          featured.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: featured.category }),
           /* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("text-xl font-semibold"), children: featured.title }),
           /* @__PURE__ */ jsx(DBox, { as: "p", color: "muted", children: featured.excerpt }),
           /* @__PURE__ */ jsx(DBox, { as: "time", dateTime: featured.date, color: "muted", className: cn("text-xs"), children: featured.date })
@@ -751,7 +751,7 @@ function BlogSplit({ content, theme }) {
           }
         ),
         /* @__PURE__ */ jsxs(DStack, { gap: 1, children: [
-          post.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: post.category }),
+          post.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: post.category }),
           /* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("font-semibold leading-snug"), children: post.title }),
           /* @__PURE__ */ jsx(DBox, { as: "time", dateTime: post.date, color: "muted", className: cn("text-xs"), children: post.date })
         ] })
@@ -796,7 +796,7 @@ function BlogGrid({ content, theme }) {
         }
       ),
       /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(DStack, { gap: 2, pt: 2, children: [
-        post.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: post.category }),
+        post.category && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("self-start"), children: post.category }),
         /* @__PURE__ */ jsx(DBox, { as: "h3", className: cn("font-semibold leading-snug"), children: post.title }),
         /* @__PURE__ */ jsx(DBox, { as: "p", color: "muted", className: cn("text-sm"), children: post.excerpt }),
         /* @__PURE__ */ jsx(DBox, { as: "time", dateTime: post.date, color: "muted", className: cn("text-xs"), children: post.date })
@@ -810,7 +810,7 @@ var BlogGridDefaultContent = {
   heading: "From the blog",
   posts: [
     { title: "Designing for composability", excerpt: "Modular thinking at scale.", date: "2026-05-01", category: "Design", image: { src: "https://placehold.co/480x320", alt: "Design post" } },
-    { title: "Type-safe content at runtime", excerpt: "Zod as single source of truth.", date: "2026-04-18", image: { src: "https://placehold.co/480x320", alt: "Types post" } },
+    { title: "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" } },
     { 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" } }
   ]
 };