@nanisoft/prism-ui 0.5.0 → 0.6.0

package/public/r/cta-01.json

@@ -1,44 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "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.",
-  "dependencies": [
-    "clsx",
-    "lucide-react",
-    "tailwind-merge"
-  ],
-  "registryDependencies": [
-    "button"
-  ],
-  "files": [
-    {
-      "path": "src/components/ds/blocks/cta-01/cta.tsx",
-      "content": "import { ArrowRight } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport { Section, type HeadingLevel } from '@/components/ds/blocks/section'\n\nexport type Cta01Props = {\n  title: string\n  description?: string\n  action?: { label: string; href?: string; variant?: 'default' | 'secondary' | 'outline' }\n  /** Heading level for the headline. See `HeadingLevel`. */\n  headingLevel?: HeadingLevel\n}\n\n/**\n * A closing call to action on a filled primary surface.\n *\n * The copy and the action are props. It previously shipped the catalog's own\n * pitch (\"Start with one block, keep the tokens\") and a hardcoded \"Browse the\n * catalog\" button, both of which described the library rather than whatever\n * product installed the block.\n */\nexport function Cta01({ title, description, action, headingLevel = 'h2' }: Cta01Props) {\n  /*\n   * The same mechanism `SectionHeading` uses for its own `as` prop, which this\n   * block cannot borrow: its copy sits on a filled `bg-primary` surface, where\n   * `SectionHeading`'s muted-surface description colour and `gap-4` would be\n   * wrong. So the tag is resolved here and the classes stay surface-specific\n   * rather than the heading level being the reason the markup stays hardcoded.\n   */\n  const Heading = headingLevel\n\n  return (\n    <Section className=\"py-20\">\n      <div className=\"bg-primary text-primary-foreground relative overflow-hidden rounded-2xl px-8 py-16 text-center\">\n        <div\n          aria-hidden\n          className=\"from-primary-foreground/15 pointer-events-none absolute inset-0 bg-gradient-to-tr to-transparent\"\n        />\n        <div className=\"relative flex flex-col items-center gap-6\">\n          <Heading className=\"max-w-2xl text-3xl font-semibold tracking-tight text-balance sm:text-4xl\">\n            {title}\n          </Heading>\n          {description ? (\n            <p className=\"max-w-xl text-lg text-pretty opacity-90\">{description}</p>\n          ) : null}\n          {action ? (\n            <Button\n              size=\"lg\"\n              variant={action.variant ?? 'secondary'}\n              className=\"group\"\n            >\n              {action.label}\n              <ArrowRight className=\"motion-safe:transition-transform size-4 group-hover:translate-x-0.5\" />\n            </Button>\n          ) : null}\n        </div>\n      </div>\n    </Section>\n  )\n}\n\nexport default Cta01\n",
-      "type": "registry:component",
-      "target": "components/ds/blocks/cta-01/cta.tsx"
-    },
-    {
-      "path": "src/components/ds/blocks/cta-01/index.tsx",
-      "content": "export { Cta01, default } from './cta'\r\n",
-      "type": "registry:component",
-      "target": "components/ds/blocks/cta-01/index.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": [
-    "marketing"
-  ],
-  "type": "registry:block"
-}

package/public/r/feature-grid-01.json

@@ -1,44 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "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.",
-  "dependencies": [
-    "clsx",
-    "lucide-react",
-    "tailwind-merge"
-  ],
-  "registryDependencies": [
-    "card"
-  ],
-  "files": [
-    {
-      "path": "src/components/ds/blocks/feature-grid-01/feature-grid.tsx",
-      "content": "import type { LucideIcon } from 'lucide-react'\n\nimport { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Section, SectionHeading, type HeadingLevel } from '@/components/ds/blocks/section'\n\nexport type Feature = {\n  icon: LucideIcon\n  title: string\n  body: string\n}\n\nexport type FeatureGrid01Props = {\n  eyebrow?: string\n  title?: string\n  description?: string\n  features: Feature[]\n  /** `icon` tiles read well at 2-up; `bare` leans on the type alone. */\n  variant?: 'icon' | 'bare'\n  /** Heading level for the section title. See `HeadingLevel`. */\n  headingLevel?: HeadingLevel\n}\n\n/**\n * A grid of short feature blurbs.\n *\n * The feature list is a prop. It previously hardcoded the catalog's own selling\n * points under the heading \"Why this catalog\", so an installed block argued for\n * the library inside the consumer's product.\n */\nexport function FeatureGrid01({\n  eyebrow,\n  title,\n  description,\n  features,\n  variant = 'icon',\n  headingLevel = 'h2',\n}: FeatureGrid01Props) {\n  return (\n    <Section>\n      {title ? (\n        <SectionHeading\n          as={headingLevel}\n          eyebrow={eyebrow}\n          title={title}\n          description={description}\n          className=\"mb-12\"\n        />\n      ) : null}\n\n      <div className=\"grid gap-6 sm:grid-cols-2\">\n        {features.map((feature) => (\n          <Card key={feature.title} className=\"gap-4 py-6\">\n            <CardHeader>\n              {variant === 'icon' ? (\n                <span className=\"bg-accent text-accent-foreground mb-2 flex size-10 items-center justify-center rounded-lg\">\n                  <feature.icon className=\"size-5\" />\n                </span>\n              ) : null}\n              <CardTitle>{feature.title}</CardTitle>\n              <CardDescription>{feature.body}</CardDescription>\n            </CardHeader>\n          </Card>\n        ))}\n      </div>\n    </Section>\n  )\n}\n\nexport default FeatureGrid01\n",
-      "type": "registry:component",
-      "target": "components/ds/blocks/feature-grid-01/feature-grid.tsx"
-    },
-    {
-      "path": "src/components/ds/blocks/feature-grid-01/index.tsx",
-      "content": "export { FeatureGrid01, default } from './feature-grid'\r\n",
-      "type": "registry:component",
-      "target": "components/ds/blocks/feature-grid-01/index.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": [
-    "marketing"
-  ],
-  "type": "registry:block"
-}

package/public/r/hero-01.json

@@ -1,44 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "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.",
-  "dependencies": [
-    "clsx",
-    "lucide-react",
-    "tailwind-merge"
-  ],
-  "registryDependencies": [
-    "button"
-  ],
-  "files": [
-    {
-      "path": "src/components/ds/blocks/hero-01/hero.tsx",
-      "content": "import { ArrowRight } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport { Section, SectionHeading, type HeadingLevel } from '@/components/ds/blocks/section'\n\nexport type HeroAction = {\n  label: string\n  href?: string\n  variant?: 'default' | 'outline' | 'secondary' | 'ghost'\n}\n\nexport type Hero01Props = {\n  /**\n   * Optional label above the headline. Intentionally has no default: an earlier\n   * version shipped a hardcoded \"Now in open beta\" pill, which meant every\n   * consumer who installed this block inherited a status badge making a claim\n   * about their product. Pass one if you mean it.\n   */\n  eyebrow?: string\n  title: string\n  description?: string\n  actions?: HeroAction[]\n  /**\n   * Heading level for the title. Defaults to `h2` because a block is composed,\n   * not a page: it installs into a consumer's layout via `shadcn add` and renders\n   * inside catalog previews, so the surrounding document already owns the `h1`.\n   * A page that uses this block as its top-level heading opts in with\n   * `headingLevel=\"h1\"`; a document that already names this section in its own\n   * heading passes one level deeper. See `HeadingLevel`.\n   */\n  headingLevel?: HeadingLevel\n}\n\nexport function Hero01({\n  eyebrow,\n  title,\n  description,\n  actions = [],\n  headingLevel = 'h2',\n}: Hero01Props) {\n  return (\n    <Section className=\"relative overflow-hidden\">\n      <div\n        aria-hidden\n        className=\"from-primary/5 pointer-events-none absolute inset-0 -z-10 bg-gradient-to-b to-transparent\"\n      />\n      <div className=\"flex flex-col items-center gap-10 text-center\">\n        {eyebrow ? (\n          <span className=\"bg-muted text-muted-foreground rounded-full px-3 py-1 text-xs font-medium\">\n            {eyebrow}\n          </span>\n        ) : null}\n\n        <SectionHeading\n          as={headingLevel}\n          title={title}\n          description={description}\n        />\n\n        {actions.length ? (\n          <div className=\"flex flex-col gap-3 sm:flex-row\">\n            {actions.map((action, index) => (\n              // Positional, for the same reason as `pricing-01`'s feature list:\n              // the label is display content, and two actions may share one.\n              // Safe here because the list is static and never reordered.\n              <Button\n                key={index}\n                size=\"lg\"\n                variant={action.variant ?? (index === 0 ? 'default' : 'outline')}\n                className=\"group\"\n              >\n                {action.label}\n                {index === 0 ? (\n                  <ArrowRight className=\"motion-safe:transition-transform size-4 group-hover:translate-x-0.5\" />\n                ) : null}\n              </Button>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </Section>\n  )\n}\n\nexport default Hero01\n",
-      "type": "registry:component",
-      "target": "components/ds/blocks/hero-01/hero.tsx"
-    },
-    {
-      "path": "src/components/ds/blocks/hero-01/index.tsx",
-      "content": "export { Hero01, default } from './hero'\n",
-      "type": "registry:component",
-      "target": "components/ds/blocks/hero-01/index.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": [
-    "marketing"
-  ],
-  "type": "registry:block"
-}

package/public/r/pricing-01.json

@@ -1,46 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "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.",
-  "dependencies": [
-    "clsx",
-    "lucide-react",
-    "tailwind-merge"
-  ],
-  "registryDependencies": [
-    "button",
-    "badge",
-    "card"
-  ],
-  "files": [
-    {
-      "path": "src/components/ds/blocks/pricing-01/index.tsx",
-      "content": "export { Pricing01, default } from './pricing'\r\n",
-      "type": "registry:component",
-      "target": "components/ds/blocks/pricing-01/index.tsx"
-    },
-    {
-      "path": "src/components/ds/blocks/pricing-01/pricing.tsx",
-      "content": "import { Check } from 'lucide-react'\n\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from '@/components/ui/card'\nimport { Section, SectionHeading, type HeadingLevel } from '@/components/ds/blocks/section'\n\nexport type Plan = {\n  name: string\n  price: string\n  /** Rendered after the price, e.g. \" / month\". Omit for a one-off figure. */\n  period?: string\n  body?: string\n  features: string[]\n  cta: string\n  /** Lifts the plan with a primary border and a filled button. */\n  featured?: boolean\n  /** Overrides the \"Popular\" badge on the featured plan. */\n  badge?: string\n}\n\nexport type Pricing01Props = {\n  eyebrow?: string\n  title?: string\n  description?: string\n  plans: Plan[]\n  /** Heading level for the section title. See `HeadingLevel`. */\n  headingLevel?: HeadingLevel\n}\n\n/**\n * A three-up plan comparison.\n *\n * Every plan is a prop, including the price and the call to action. It previously\n * hardcoded \"$0 / $24 / $68\", \"Talk to us\", \"MIT licence\" and \"Figma library\",\n * and shipped a heading reading \"Pricing\" above a title already reading \"Pick a\n * plan\". A shared library has no plans to sell, so those strings described a\n * business that does not exist here, and every consumer who installed the block\n * inherited them.\n */\nexport function Pricing01({\n  eyebrow,\n  title,\n  description,\n  plans,\n  headingLevel = 'h2',\n}: Pricing01Props) {\n  return (\n    <Section>\n      {title ? (\n        <SectionHeading\n          as={headingLevel}\n          eyebrow={eyebrow}\n          title={title}\n          description={description}\n          className=\"mb-12\"\n        />\n      ) : null}\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {plans.map((plan) => (\n          <Card\n            key={plan.name}\n            className={plan.featured ? 'border-primary shadow-md' : undefined}\n          >\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle>{plan.name}</CardTitle>\n                {plan.featured ? <Badge>{plan.badge ?? 'Popular'}</Badge> : null}\n              </div>\n              {plan.body ? <CardDescription>{plan.body}</CardDescription> : null}\n              <p className=\"mt-2 text-3xl font-semibold tracking-tight\">\n                {plan.price}\n                {plan.period ? (\n                  <span className=\"text-muted-foreground text-sm font-normal\">\n                    {plan.period}\n                  </span>\n                ) : null}\n              </p>\n            </CardHeader>\n\n            <CardContent className=\"flex flex-col gap-3\">\n              {/*\n                Keyed by position, not by the feature string. The string is display\n                content rather than identity, and a plan is free to list the same\n                line twice; keying on it logged React's duplicate-key error and let\n                React drop and reorder rows. `key={index}` is correct here because\n                this list is static: it is rendered once from props and never\n                reordered, filtered or appended to, so there is no state to\n                preserve across a reorder that a positional key could lose.\n              */}\n              {plan.features.map((feature, index) => (\n                <p key={index} className=\"flex items-start gap-2 text-sm\">\n                  <Check className=\"text-success mt-0.5 size-4 shrink-0\" />\n                  {feature}\n                </p>\n              ))}\n            </CardContent>\n\n            <CardFooter className=\"mt-auto\">\n              <Button\n                className=\"w-full\"\n                variant={plan.featured ? 'default' : 'outline'}\n              >\n                {plan.cta}\n              </Button>\n            </CardFooter>\n          </Card>\n        ))}\n      </div>\n    </Section>\n  )\n}\n\nexport default Pricing01\n",
-      "type": "registry:component",
-      "target": "components/ds/blocks/pricing-01/pricing.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": [
-    "marketing"
-  ],
-  "type": "registry:block"
-}

package/public/r/registry.json

@@ -1,294 +0,0 @@
-{
-  "$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

@@ -1,25 +0,0 @@
-{
-  "$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

@@ -1,44 +0,0 @@
-{
-  "$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"
-}