@nanisoft/prism-ui 0.4.0 → 0.5.0

package/public/r/registry.json

@@ -0,0 +1,294 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry.json",
+  "name": "nanisoft",
+  "homepage": "https://prism.nanisoft.com",
+  "items": [
+    {
+      "name": "badge",
+      "title": "Badge",
+      "description": "Shared badge primitive. Installed automatically as a dependency of any block that uses it.",
+      "type": "registry:component",
+      "dependencies": [
+        "class-variance-authority",
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/badge.tsx",
+          "type": "registry:component",
+          "target": "components/ui/badge.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "button",
+      "title": "Button",
+      "description": "Shared button primitive. Installed automatically as a dependency of any block that uses it.",
+      "type": "registry:component",
+      "dependencies": [
+        "class-variance-authority",
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/button.tsx",
+          "type": "registry:component",
+          "target": "components/ui/button.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "card",
+      "title": "Card",
+      "description": "Shared card primitive. Installed automatically as a dependency of any block that uses it.",
+      "type": "registry:component",
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/card.tsx",
+          "type": "registry:component",
+          "target": "components/ui/card.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "cta-01",
+      "title": "CTA 01 - Filled Banner",
+      "description": "A closing call to action on a filled primary surface. Headline, supporting line and the action are passed in as props.",
+      "type": "registry:block",
+      "categories": [
+        "marketing"
+      ],
+      "registryDependencies": [
+        "button"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/cta-01/cta.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/cta-01/cta.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/cta-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/cta-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "feature-grid-01",
+      "title": "Feature Grid 01 - Four Up With Icons",
+      "description": "A four-up feature grid with icon tiles. Pass the items in; the section heading is optional.",
+      "type": "registry:block",
+      "categories": [
+        "marketing"
+      ],
+      "registryDependencies": [
+        "card"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/feature-grid-01/feature-grid.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/feature-grid-01/feature-grid.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/feature-grid-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/feature-grid-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "hero-01",
+      "title": "Hero 01 - Centered Marketing Hero",
+      "description": "A centered hero with an optional eyebrow, headline, supporting line and one or two actions. All copy is passed in as props.",
+      "type": "registry:block",
+      "categories": [
+        "marketing"
+      ],
+      "registryDependencies": [
+        "button"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/hero-01/hero.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/hero-01/hero.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/hero-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/hero-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "pricing-01",
+      "title": "Pricing 01 - Three Tier With Highlight",
+      "description": "A three-up plan comparison with one plan lifted. Plans, prices, features and actions are all passed in as props.",
+      "type": "registry:block",
+      "categories": [
+        "marketing"
+      ],
+      "registryDependencies": [
+        "button",
+        "badge",
+        "card"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/pricing-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/pricing-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/pricing-01/pricing.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/pricing-01/pricing.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "section",
+      "title": "Section",
+      "description": "Container and heading primitives that give every block a consistent vertical rhythm.",
+      "type": "registry:component",
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "stats-01",
+      "title": "Stats 01 - KPI Row With Trend",
+      "description": "A four-up KPI row with optional directional deltas. Every metric is passed in; the block ships no sample data.",
+      "type": "registry:block",
+      "categories": [
+        "application"
+      ],
+      "registryDependencies": [
+        "card"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/stats-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/stats-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/stats-01/stats.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/stats-01/stats.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    }
+  ]
+}

package/public/r/section.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "section",
+  "title": "Section",
+  "description": "Container and heading primitives that give every block a consistent vertical rhythm.",
+  "dependencies": [
+    "clsx",
+    "tailwind-merge"
+  ],
+  "files": [
+    {
+      "path": "src/components/ds/blocks/section.tsx",
+      "content": "import type { ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\n/**\n * Container primitive. Every block composes its own section from this so vertical\n * rhythm stays consistent across the catalog instead of being re-invented per block.\n */\nexport function Section({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'section'>) {\n  return (\n    <section\n      className={cn('py-16 sm:py-24', className)}\n      {...props}\n    >\n      <div className=\"mx-auto w-full max-w-6xl px-6 lg:px-8\">\n        {children}\n      </div>\n    </section>\n  )\n}\n\n/**\n * The six heading levels a block can be composed at.\n *\n * Every block takes a `headingLevel` prop typed with this and forwards it to the\n * one heading it renders, so the surrounding document decides where the block\n * sits in the outline rather than the block deciding for itself. `h2` is the\n * default because a block is composed, not a page.\n *\n * A block rendered where the document *already* owns a heading for the same\n * content passes one level deeper. A catalog card already names the block in its\n * own `h2`, so the copy of the block embedded inside that card passes `h3`: the\n * embedded heading then reads as a child of the card that introduces it instead\n * of as a second, competing sibling. This is a fact about where the block was\n * placed, not about the block, which is why it is a prop and not a default.\n */\nexport type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\nexport function SectionHeading({\n  eyebrow,\n  title,\n  as: Heading = 'h2',\n  description,\n  align = 'center',\n  className,\n}: {\n  eyebrow?: ReactNode\n  title: ReactNode\n  description?: ReactNode\n  align?: 'center' | 'left'\n  /**\n   * Heading level. Defaults to `h2` because blocks compose under a page heading.\n   * A page that renders a block as its primary heading passes `as=\"h1\"` — a\n   * document with no `h1` gives screen-reader and search engines no top-level\n   * entry point.\n   */\n  as?: HeadingLevel\n  className?: string\n}) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-4',\n        align === 'center' ? 'items-center text-center' : 'items-start text-left',\n        className,\n      )}\n    >\n      {eyebrow ? (\n        <span className=\"text-muted-foreground text-sm font-medium tracking-wide uppercase\">\n          {eyebrow}\n        </span>\n      ) : null}\n      <Heading className=\"text-3xl font-semibold tracking-tight text-balance sm:text-4xl\">\n        {title}\n      </Heading>\n      {description ? (\n        <p className=\"text-muted-foreground max-w-2xl text-lg text-pretty\">\n          {description}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n",
+      "type": "registry:component",
+      "target": "components/ds/blocks/section.tsx"
+    },
+    {
+      "path": "src/lib/utils.ts",
+      "content": "import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
+      "type": "registry:lib",
+      "target": "lib/utils.ts"
+    }
+  ],
+  "type": "registry:component"
+}

package/public/r/stats-01.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "stats-01",
+  "title": "Stats 01 - KPI Row With Trend",
+  "description": "A four-up KPI row with optional directional deltas. Every metric is passed in; the block ships no sample data.",
+  "dependencies": [
+    "clsx",
+    "lucide-react",
+    "tailwind-merge"
+  ],
+  "registryDependencies": [
+    "card"
+  ],
+  "files": [
+    {
+      "path": "src/components/ds/blocks/stats-01/index.tsx",
+      "content": "export { Stats01, default } from './stats'\r\n",
+      "type": "registry:component",
+      "target": "components/ds/blocks/stats-01/index.tsx"
+    },
+    {
+      "path": "src/components/ds/blocks/stats-01/stats.tsx",
+      "content": "import { ArrowDownRight, ArrowUpRight, Minus } from 'lucide-react'\n\nimport { Card, CardContent } from '@/components/ui/card'\nimport { Section, SectionHeading, type HeadingLevel } from '@/components/ds/blocks/section'\n\nexport type Stat = {\n  label: string\n  value: string\n  /** Percentage change. Positive reads as growth, negative as decline. */\n  delta?: number\n  /** Period the delta compares against, e.g. \"vs last month\". */\n  hint?: string\n}\n\nexport type Stats01Props = {\n  eyebrow?: string\n  title?: string\n  stats: Stat[]\n  /** Heading level for the section title. See `HeadingLevel`. */\n  headingLevel?: HeadingLevel\n}\n\nfunction Delta({ value }: { value: number }) {\n  if (value === 0) {\n    return (\n      <span className=\"text-muted-foreground flex items-center gap-1 text-xs\">\n        <Minus className=\"size-3\" />\n        0%\n      </span>\n    )\n  }\n  const up = value > 0\n  const Icon = up ? ArrowUpRight : ArrowDownRight\n  return (\n    <span\n      className={\n        up\n          ? 'text-success flex items-center gap-1 text-xs'\n          : 'text-destructive flex items-center gap-1 text-xs'\n      }\n    >\n      <Icon className=\"size-3\" />\n      {Math.abs(value)}%\n    </span>\n  )\n}\n\n/**\n * A KPI row. Every number is a prop.\n *\n * This block used to carry a hardcoded set reading \"128 blocks shipped\" and \"9.4k\n * weekly installs\". Those were invented figures about a library nobody installs\n * yet, and because they lived in the component rather than at the call site, a\n * consumer who installed the block shipped fabricated metrics into their own\n * dashboard. A stat block with invented stats in it is worse than no stat block.\n */\nexport function Stats01({ eyebrow, title, stats, headingLevel = 'h2' }: Stats01Props) {\n  return (\n    <Section>\n      {title ? (\n        <SectionHeading\n          as={headingLevel}\n          eyebrow={eyebrow}\n          title={title}\n          align=\"left\"\n          className=\"mb-10\"\n        />\n      ) : null}\n\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        {stats.map((stat) => (\n          <Card key={stat.label} className=\"gap-2 py-5\">\n            <CardContent className=\"flex flex-col gap-1\">\n              <span className=\"text-muted-foreground text-sm\">{stat.label}</span>\n              <span className=\"text-2xl font-semibold tracking-tight\">{stat.value}</span>\n              {stat.delta === undefined && !stat.hint ? null : (\n                <div className=\"flex items-center gap-2\">\n                  {stat.delta === undefined ? null : <Delta value={stat.delta} />}\n                  {stat.hint ? (\n                    <span className=\"text-muted-foreground text-xs\">{stat.hint}</span>\n                  ) : null}\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </Section>\n  )\n}\n\nexport default Stats01\n",
+      "type": "registry:component",
+      "target": "components/ds/blocks/stats-01/stats.tsx"
+    },
+    {
+      "path": "src/components/ds/blocks/section.tsx",
+      "content": "import type { ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\n/**\n * Container primitive. Every block composes its own section from this so vertical\n * rhythm stays consistent across the catalog instead of being re-invented per block.\n */\nexport function Section({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'section'>) {\n  return (\n    <section\n      className={cn('py-16 sm:py-24', className)}\n      {...props}\n    >\n      <div className=\"mx-auto w-full max-w-6xl px-6 lg:px-8\">\n        {children}\n      </div>\n    </section>\n  )\n}\n\n/**\n * The six heading levels a block can be composed at.\n *\n * Every block takes a `headingLevel` prop typed with this and forwards it to the\n * one heading it renders, so the surrounding document decides where the block\n * sits in the outline rather than the block deciding for itself. `h2` is the\n * default because a block is composed, not a page.\n *\n * A block rendered where the document *already* owns a heading for the same\n * content passes one level deeper. A catalog card already names the block in its\n * own `h2`, so the copy of the block embedded inside that card passes `h3`: the\n * embedded heading then reads as a child of the card that introduces it instead\n * of as a second, competing sibling. This is a fact about where the block was\n * placed, not about the block, which is why it is a prop and not a default.\n */\nexport type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\nexport function SectionHeading({\n  eyebrow,\n  title,\n  as: Heading = 'h2',\n  description,\n  align = 'center',\n  className,\n}: {\n  eyebrow?: ReactNode\n  title: ReactNode\n  description?: ReactNode\n  align?: 'center' | 'left'\n  /**\n   * Heading level. Defaults to `h2` because blocks compose under a page heading.\n   * A page that renders a block as its primary heading passes `as=\"h1\"` — a\n   * document with no `h1` gives screen-reader and search engines no top-level\n   * entry point.\n   */\n  as?: HeadingLevel\n  className?: string\n}) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-4',\n        align === 'center' ? 'items-center text-center' : 'items-start text-left',\n        className,\n      )}\n    >\n      {eyebrow ? (\n        <span className=\"text-muted-foreground text-sm font-medium tracking-wide uppercase\">\n          {eyebrow}\n        </span>\n      ) : null}\n      <Heading className=\"text-3xl font-semibold tracking-tight text-balance sm:text-4xl\">\n        {title}\n      </Heading>\n      {description ? (\n        <p className=\"text-muted-foreground max-w-2xl text-lg text-pretty\">\n          {description}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n",
+      "type": "registry:component",
+      "target": "components/ds/blocks/section.tsx"
+    },
+    {
+      "path": "src/lib/utils.ts",
+      "content": "import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
+      "type": "registry:lib",
+      "target": "lib/utils.ts"
+    }
+  ],
+  "categories": [
+    "application"
+  ],
+  "type": "registry:block"
+}

package/registry.json

@@ -0,0 +1,294 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry.json",
+  "name": "nanisoft",
+  "homepage": "https://prism.nanisoft.com",
+  "items": [
+    {
+      "name": "badge",
+      "title": "Badge",
+      "description": "Shared badge primitive. Installed automatically as a dependency of any block that uses it.",
+      "type": "registry:component",
+      "dependencies": [
+        "class-variance-authority",
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/badge.tsx",
+          "type": "registry:component",
+          "target": "components/ui/badge.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "button",
+      "title": "Button",
+      "description": "Shared button primitive. Installed automatically as a dependency of any block that uses it.",
+      "type": "registry:component",
+      "dependencies": [
+        "class-variance-authority",
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/button.tsx",
+          "type": "registry:component",
+          "target": "components/ui/button.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "card",
+      "title": "Card",
+      "description": "Shared card primitive. Installed automatically as a dependency of any block that uses it.",
+      "type": "registry:component",
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/card.tsx",
+          "type": "registry:component",
+          "target": "components/ui/card.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "cta-01",
+      "title": "CTA 01 - Filled Banner",
+      "description": "A closing call to action on a filled primary surface. Headline, supporting line and the action are passed in as props.",
+      "type": "registry:block",
+      "categories": [
+        "marketing"
+      ],
+      "registryDependencies": [
+        "button"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/cta-01/cta.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/cta-01/cta.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/cta-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/cta-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "feature-grid-01",
+      "title": "Feature Grid 01 - Four Up With Icons",
+      "description": "A four-up feature grid with icon tiles. Pass the items in; the section heading is optional.",
+      "type": "registry:block",
+      "categories": [
+        "marketing"
+      ],
+      "registryDependencies": [
+        "card"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/feature-grid-01/feature-grid.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/feature-grid-01/feature-grid.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/feature-grid-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/feature-grid-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "hero-01",
+      "title": "Hero 01 - Centered Marketing Hero",
+      "description": "A centered hero with an optional eyebrow, headline, supporting line and one or two actions. All copy is passed in as props.",
+      "type": "registry:block",
+      "categories": [
+        "marketing"
+      ],
+      "registryDependencies": [
+        "button"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/hero-01/hero.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/hero-01/hero.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/hero-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/hero-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "pricing-01",
+      "title": "Pricing 01 - Three Tier With Highlight",
+      "description": "A three-up plan comparison with one plan lifted. Plans, prices, features and actions are all passed in as props.",
+      "type": "registry:block",
+      "categories": [
+        "marketing"
+      ],
+      "registryDependencies": [
+        "button",
+        "badge",
+        "card"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/pricing-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/pricing-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/pricing-01/pricing.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/pricing-01/pricing.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "section",
+      "title": "Section",
+      "description": "Container and heading primitives that give every block a consistent vertical rhythm.",
+      "type": "registry:component",
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
+    {
+      "name": "stats-01",
+      "title": "Stats 01 - KPI Row With Trend",
+      "description": "A four-up KPI row with optional directional deltas. Every metric is passed in; the block ships no sample data.",
+      "type": "registry:block",
+      "categories": [
+        "application"
+      ],
+      "registryDependencies": [
+        "card"
+      ],
+      "dependencies": [
+        "clsx",
+        "lucide-react",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ds/blocks/stats-01/index.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/stats-01/index.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/stats-01/stats.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/stats-01/stats.tsx"
+        },
+        {
+          "path": "src/components/ds/blocks/section.tsx",
+          "type": "registry:component",
+          "target": "components/ds/blocks/section.tsx"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    }
+  ]
+}

package/src/components/ds/blocks/cta-01/block.json

@@ -0,0 +1,8 @@
+{
+  "name": "cta-01",
+  "title": "CTA 01 - Filled Banner",
+  "description": "A closing call to action on a filled primary surface. Headline, supporting line and the action are passed in as props.",
+  "categories": ["marketing"],
+  "registryDependencies": ["button"],
+  "dependencies": ["lucide-react"]
+}