@tollerud/ui 4.0.1 → 4.0.3

package/AGENTS.md

@@ -44,7 +44,7 @@ npm install @tollerud/footer
 
 Adjust `@source` relative to your CSS file. Without it, classes used only inside `@tollerud/ui` dist may be purged.
 
-**Optional preset shim** — extra utilities from `tollerud-preset.js`:
+**Optional preset shim** — extra utilities from `@tollerud/ui/preset`:
 
 ```ts
 // tailwind.config.ts

package/CHANGELOG.md

@@ -7,6 +7,48 @@
      • Never write bold mid-paragraph as a heading substitute — it merges into surrounding text
 -->
 
+## 4.0.3 — 2026-06-09 — Publish pipeline hardening
+
+Patch release: aligns npm publish with `validate`, fixes preset export shape, enables provenance via OIDC, and fixes `@tollerud/footer` CI build.
+
+### Changed
+
+- `prepublishOnly` and `publish-npm.yml` now run `verify:footer-sync` and `test:consumer` before publish
+- `publish-npm.yml` auto-builds and publishes `@tollerud/footer` alongside `@tollerud/ui`
+- `tollerud-preset.js` renamed to `tollerud-preset.cjs` — fixes publint CJS-in-ESM warning; import via `@tollerud/ui/preset`
+- `@tollerud/ui/utils` subpath no longer ships `'use client'` — `cn` is safe to import from Server Components
+- Removed `engines.node` from `package.json` (contributor Node/npm guidance stays in `CONTRIBUTING.md`)
+- Publish uses npm Trusted Publishers (OIDC) with `--provenance` instead of `NPM_TOKEN`
+- `@tollerud/footer` ships its own `tsup.config.ts` — stops inheriting root TS 6 `tsconfig.build.json` during DTS emit
+
+### Docs
+
+- `README.md`, `GETTING_STARTED.md`, `SKILL.md`, `AGENTS.md` — preset import path updated
+- Added `NPM_PACKAGE_PLAN.md` — npm hardening audit and task list
+
+### Migration
+
+Nothing breaking. If you copied `tollerud-preset.js` locally, rename to `tollerud-preset.cjs` or switch to `import preset from '@tollerud/ui/preset'`.
+
+---
+
+## 4.0.2 — 2026-06-10 — Repo layout and publish surface cleanup
+
+Patch release: consolidates docs and CI fixtures, stops shipping internal manifests, and clarifies docs copy after the npm-only pivot.
+
+### Changed
+
+- Tarball smoke test moved to `fixtures/consumer/` (was `examples/consumer/`)
+- Docs chrome consolidated under `docs-app/styles/docs.css` (removed top-level `docs/`)
+- `registry.json` kept in the repo for `npm run test:drift` — no longer published in the npm tarball
+- Docs copy: semantic tokens described without shadcn install-path framing
+
+### Removed
+
+- `components.json` — unused after copy-via-shadcn removal
+
+---
+
 ## 4.0.1 — 2026-06-10 — npm-only install path
 
 Patch release: drops copy-via-shadcn registry tooling. Install from the package — barrel or subpath imports.
@@ -62,9 +104,9 @@ Major release: completes the post-v3 roadmap (light gallery, registry CLI, foote
 ### Tooling
 
 - CI and dev tooling on Node 24 + npm 11.16.0 (`.nvmrc`, lockfile guardrails)
-- Dependabot for `docs-app/` and `examples/consumer/`
+- Dependabot for `docs-app/` and `fixtures/consumer/` (moved from `examples/consumer/` in v4.0.2)
 - Removed legacy `preview.html`, completed planning docs, and stale docs artifacts
-- Consumer smoke test auto-syncs tarball version in `examples/consumer/package.json`
+- Consumer smoke test auto-syncs tarball version in `fixtures/consumer/package.json` (path at release: `examples/consumer/`)
 
 ### Migration
 

package/GETTING_STARTED.md

@@ -29,7 +29,7 @@ npm install @paper-design/shaders-react
 
 `globals.css` bundles Tailwind v4, design tokens, and all component layer styles. Point `@source` at the package `dist` folder relative to your CSS file so component utility classes are not purged.
 
-**Optional preset shim** — for extra theme tokens from `tollerud-preset.js`:
+**Optional preset shim** — for extra theme tokens from `@tollerud/ui/preset` (`tollerud-preset.cjs`):
 
 ```ts
 // tailwind.config.ts

package/README.md

@@ -21,7 +21,7 @@ A complete, browsable UI library built around **monochrome + yellow accent**. No
 
 > Clean lines. Sharp contrast. Yellow where it counts.
 
-Tollerud DS is minimal but not cold. It uses a near-black foundation with warm yellow accents for interaction points. Every element has purpose — nothing decorative for its own sake. The cross-hatching spirit lives in the sharp borders, the thin lines, the deliberate whitespace.
+Tollerud UI is minimal but not cold. It uses a near-black foundation with warm yellow accents for interaction points. Every element has purpose — nothing decorative for its own sake. The cross-hatching spirit lives in the sharp borders, the thin lines, the deliberate whitespace.
 
 ## Quick Start
 
@@ -51,7 +51,7 @@ npm install @paper-design/shaders-react
 
 Adjust the `@source` path relative to your CSS file so it resolves to `node_modules/@tollerud/ui/dist`.
 
-**Optional preset shim** — if you need utilities from `tollerud-preset.js` beyond what `tokens.css` provides:
+**Optional preset shim** — if you need utilities from `@tollerud/ui/preset` beyond what `tokens.css` provides:
 
 ```ts
 // tailwind.config.ts
@@ -97,13 +97,13 @@ import { Button, Card, Badge, StatusDot, CodeBlock, Kbd, CommandMenu, NoirGlowBa
 
 TypeScript types are included — no `@types/*` package needed. See **[COMPONENTS.md](COMPONENTS.md)** for the full prop reference for every component.
 
-Publish a new version by bumping `version` in `package.json` and pushing to `main` — the `publish-npm` GitHub Action detects the version change, runs `npm publish` (using the `NPM_TOKEN` secret), and then creates a matching GitHub Release automatically.
+Publish a new version by bumping `version` in `package.json` and pushing to `main` — the `publish-npm` GitHub Action detects the version change, runs `npm publish --provenance` via npm Trusted Publishers (OIDC), and then creates a matching GitHub Release automatically.
 
 ### Copy from repo (alternative)
 
 ```bash
 npm install clsx tailwind-merge
-cp tollerud-preset.js globals.css components/ -r <your-next-project>/
+cp tollerud-preset.cjs globals.css components/ -r <your-next-project>/
 ```
 
 Then use local paths instead of `@tollerud/ui` in the snippets above.
@@ -224,7 +224,7 @@ See [GETTING_STARTED.md](GETTING_STARTED.md) for Tailwind setup and peer depende
 design-system/
 ├── .nvmrc                    # Node 24 for local dev / CI parity
 ├── package.json              # @tollerud/ui — version, exports, scripts
-├── registry.json             # Internal drift manifest (not a public install path)
+├── registry.json             # Repo-only drift manifest (`test:drift`; not in npm tarball)
 ├── CHANGELOG.md              # Version history (synced to docs on build)
 ├── SKILL.md                  # AI agent catalog — source of truth for exports
 ├── COMPONENTS.md             # Human prop reference
@@ -235,14 +235,14 @@ design-system/
 ├── globals-v3.css            # Tailwind v3 legacy
 ├── globals-layers.css        # Shared component CSS layers
 ├── tokens.css                # Design tokens
-├── tollerud-preset.js        # Tailwind preset
+├── tollerud-preset.cjs       # Tailwind preset (CJS)
 ├── scripts/                  # Build, validate, docs, and release helpers
-├── docs-app/                 # Next.js docs (static export → _site/)
-│   ├── app/                  # App Router
+├── docs-app/                 # Next.js docs site (static export → _site/)
+│   ├── app/                  # App Router + globals.css
 │   ├── components/           # Page demos + docs shell
+│   ├── styles/docs.css       # Docs chrome + light theme
 │   └── public/CNAME          # design.tollerud.dev
-├── examples/consumer/        # npm tarball smoke test
-└── docs/docs.css             # Docs chrome (imported by docs-app)
+└── fixtures/consumer/        # npm tarball install smoke test (CI)
 ```
 
 ## Graphify-inspired Components

package/SKILL.md

@@ -22,7 +22,7 @@ npm install @paper-design/shaders-react
 
 As of **v4.0.1**, install is **npm-only** — `import { Button } from '@tollerud/ui'` or subpaths like `@tollerud/ui/button`. Copy-via-shadcn registry CLI is unsupported. As of **v4.0.0**, `@tollerud/ui/globals-v4.css` is removed — use `globals.css` only. Brand assets live at `@tollerud/ui/brand/*`. As of **v3.1.1**, `.tollerud-display-shimmer` ships in `globals.css` for animated hero accent text. As of **v3.1.0**, `Monogram` ships as an inline SVG component (`color`: `yellow` | `black` | `white`). As of **v3.0.0**, the package is **ESM-only** (no CJS `require` entry). As of **v2.0.0**, Radix, Lucide, Framer Motion, and Sonner are **required peers** (not bundled).
 
-Apply the Tailwind preset when you need extra utilities from `tollerud-preset.js` — `globals.css` already includes tokens and component layers for v4:
+Apply the Tailwind preset when you need extra utilities from `@tollerud/ui/preset` — `globals.css` already includes tokens and component layers for v4:
 
 ```css
 /* app/globals.css — Tailwind v4 (default) */

package/dist/utils.js

@@ -1,4 +1,3 @@
-'use client';
 export { cn } from './chunk-WSQNPRGN.js';
 //# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map

package/globals.css

@@ -6,7 +6,7 @@
      @import '@tollerud/ui/globals.css';
      @source '../node_modules/@tollerud/ui/dist';
 
-   Optional preset shim (extra theme tokens from tollerud-preset.js):
+   Optional preset shim (extra theme tokens from tollerud-preset.cjs):
 
      @import 'tailwindcss';
      @config './tailwind.config.ts';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tollerud/ui",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "Tollerud User Interface — dark, monochrome + yellow accent. Noir aesthetic meets modern utility.",
   "private": false,
   "type": "module",
@@ -13,11 +13,8 @@
     "url": "https://github.com/Tollerud/ui/issues"
   },
   "license": "MIT",
-  "author": "Mathias Tollerud <mathias.tollerud@gmail.com>",
+  "author": "Mathias Tollerud <mathias@tollerud.no>",
   "packageManager": "npm@11.16.0",
-  "engines": {
-    "node": ">=20"
-  },
   "sideEffects": [
     "*.css"
   ],
@@ -36,13 +33,12 @@
     "./globals-layers.css": "./globals-layers.css",
     "./tailwind.css": "./tailwind.css",
     "./tokens.css": "./tokens.css",
-    "./preset": "./tollerud-preset.js",
+    "./preset": "./tollerud-preset.cjs",
     "./brand/tollerud-logo.svg": "./brand/tollerud-logo.svg",
     "./brand/tollerud-avatar.svg": "./brand/tollerud-avatar.svg",
     "./brand/tollerud-avatar.png": "./brand/tollerud-avatar.png",
     "./brand/tollerud-avatar-full.svg": "./brand/tollerud-avatar-full.svg",
     "./brand/tollerud-avatar-full.png": "./brand/tollerud-avatar-full.png",
-    "./registry.json": "./registry.json",
     "./*": {
       "import": {
         "types": "./dist/*.d.ts",
@@ -57,9 +53,7 @@
     "globals-layers.css",
     "tailwind.css",
     "tokens.css",
-    "tollerud-preset.js",
-    "registry.json",
-    "components.json",
+    "tollerud-preset.cjs",
     "GETTING_STARTED.md",
     "COMPONENTS.md",
     "CHANGELOG.md",
@@ -89,7 +83,7 @@
     "docs:props": "node scripts/generate-props.mjs",
     "test:props": "node scripts/verify-props-drift.mjs",
     "validate": "npm run typecheck && npm run lint && npm run test && npm run build && npm run test:subpath && npm run test:drift && npm run test:package && npm run test:size && npm run test:props && npm run verify:footer-sync && npm run build:docs && npm run test:consumer",
-    "prepublishOnly": "npm run sync:registry && npm run typecheck && npm run lint && npm run test && npm run build && npm run test:subpath && npm run test:drift && npm run test:package && npm run test:size && npm run test:props",
+    "prepublishOnly": "npm run sync:registry && npm run typecheck && npm run lint && npm run test && npm run build && npm run test:subpath && npm run test:drift && npm run test:package && npm run test:size && npm run test:props && npm run verify:footer-sync && npm run test:consumer",
     "build:docs": "node scripts/build-docs.mjs",
     "preview:docs": "npx --yes serve _site -l 4173"
   },

package/{tollerud-preset.js → tollerud-preset.cjs}

@@ -4,7 +4,7 @@
   * Drop this into any Tailwind project:
   *
   *   // tailwind.config.ts
-  *   import tollerudPreset from './path/to/tollerud-preset'
+  *   import tollerudPreset from '@tollerud/ui/preset'
  *   export default {
  *     presets: [tollerudPreset],
  *     content: ['your-source-files'],

package/components.json

@@ -1,18 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "name": "Tollerud User Interface",
-  "style": "default",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "globals.css",
-    "baseColor": "stone",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components/ui",
-    "utils": "@/lib/utils"
-  }
-}

package/registry.json

@@ -1,941 +0,0 @@
-{
-  "name": "Tollerud User Interface",
-  "version": "4.0.1",
-  "description": "Dark, monochrome React components with a single yellow accent — built for dashboards, tools, and homelab UIs.",
-  "components": {
-    "button": {
-      "name": "Button",
-      "description": "Five variants and three sizes — primary, secondary, ghost, destructive, and terminal. Supports asChild, icons, and loading state",
-      "files": [
-        "components/Button.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "@radix-ui/react-slot"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "card": {
-      "name": "Card",
-      "description": "Surface container with optional accent border",
-      "files": [
-        "components/Card.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "badge": {
-      "name": "Badge",
-      "description": "Status/notification badge with variant colors",
-      "files": [
-        "components/Badge.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "status-dot": {
-      "name": "StatusDot",
-      "description": "Online/offline/warning/idle signal indicator",
-      "files": [
-        "components/StatusDot.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "framer-motion"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "input": {
-      "name": "Input",
-      "description": "Text input with error state support",
-      "files": [
-        "components/Input.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "code-block": {
-      "name": "CodeBlock",
-      "description": "Terminal-style code display with copy action",
-      "files": [
-        "components/CodeBlock.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "stat-card": {
-      "name": "StatCard",
-      "description": "Dashboard metric card with label, value, and change indicator",
-      "files": [
-        "components/StatCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "container": {
-      "name": "Container",
-      "description": "Width-constrained content wrapper",
-      "files": [
-        "components/Container.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "noir-glow-background": {
-      "name": "NoirGlowBackground",
-      "description": "Tollerud.no-inspired animated WebGL background with CSS fallback",
-      "files": [
-        "components/NoirGlowBackground.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "@paper-design/shaders-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "kbd": {
-      "name": "Kbd",
-      "description": "Keyboard shortcut chip (Raycast-style)",
-      "files": [
-        "components/Kbd.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "action-row": {
-      "name": "ActionRow",
-      "description": "Command/action item row with icon, label, description, and shortcut",
-      "files": [
-        "components/ActionRow.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "kbd"
-      ],
-      "type": "components:ui"
-    },
-    "command-menu": {
-      "name": "CommandMenu",
-      "description": "Raycast-style global command palette with search, groups, and keyboard nav",
-      "files": [
-        "components/CommandMenu.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "action-row"
-      ],
-      "type": "components:ui"
-    },
-    "service-health-card": {
-      "name": "ServiceHealthCard",
-      "description": "Service status card with uptime, response time, and version",
-      "files": [
-        "components/ServiceHealthCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "status-dot"
-      ],
-      "type": "components:ui"
-    },
-    "host-card": {
-      "name": "HostCard",
-      "description": "Server/VM card with CPU, RAM, disk, containers, and IP",
-      "files": [
-        "components/HostCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "status-dot"
-      ],
-      "type": "components:ui"
-    },
-    "docker-stack-card": {
-      "name": "DockerStackCard",
-      "description": "Docker Compose stack overview with per-service health",
-      "files": [
-        "components/DockerStackCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "status-dot"
-      ],
-      "type": "components:ui"
-    },
-    "incident-card": {
-      "name": "IncidentCard",
-      "description": "Severity-graded incident/alert card (critical → info)",
-      "files": [
-        "components/IncidentCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "approval-card": {
-      "name": "ApprovalCard",
-      "description": "Pending operation approval card with approve/reject actions",
-      "files": [
-        "components/ApprovalCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "action-diff": {
-      "name": "ActionDiff",
-      "description": "Unified diff viewer with line numbers and context toggle",
-      "files": [
-        "components/ActionDiff.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "rollback-plan": {
-      "name": "RollbackPlan",
-      "description": "Ordered rollback step list with execution status",
-      "files": [
-        "components/RollbackPlan.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "log-viewer": {
-      "name": "LogViewer",
-      "description": "Terminal-style scrollable log viewer with search, live follow, and level coloring",
-      "files": [
-        "components/LogViewer.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "alert-inbox": {
-      "name": "AlertInbox",
-      "description": "Alert feed with severity badges, filters, and acknowledge action",
-      "files": [
-        "components/AlertInbox.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "incident-card"
-      ],
-      "type": "components:ui"
-    },
-    "timeline": {
-      "name": "Timeline",
-      "description": "Vertical activity timeline with status dots, connecting lines, and metadata",
-      "files": [
-        "components/Timeline.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "backup-status-panel": {
-      "name": "BackupStatusPanel",
-      "description": "Backup job overview with per-job status, size, and schedule",
-      "files": [
-        "components/BackupStatusPanel.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "status-dot"
-      ],
-      "type": "components:ui"
-    },
-    "textarea": {
-      "name": "Textarea",
-      "description": "Multiline text input with label and error state",
-      "files": [
-        "components/Textarea.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "select": {
-      "name": "Select",
-      "description": "Styled native select dropdown with custom chevron",
-      "files": [
-        "components/Select.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "checkbox": {
-      "name": "Checkbox",
-      "description": "Custom-styled checkbox with checkmark SVG and label",
-      "files": [
-        "components/Checkbox.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "switch": {
-      "name": "Switch",
-      "description": "Toggle switch with role=switch accessibility",
-      "files": [
-        "components/Switch.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "radio-group": {
-      "name": "RadioGroup",
-      "description": "Fieldset-based radio group with custom dot indicator",
-      "files": [
-        "components/RadioGroup.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "footer": {
-      "name": "Footer",
-      "description": "Footer bar with Tollerud monogram and branding link",
-      "files": [
-        "components/Footer.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "monogram"
-      ],
-      "type": "components:ui"
-    },
-    "monogram": {
-      "name": "Monogram",
-      "description": "Tollerud monogram SVG with yellow, black, or white fill",
-      "files": [
-        "components/Monogram.tsx",
-        "components/monogram-geometry.ts"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "alert": {
-      "name": "Alert",
-      "description": "Inline alert banner with tone variants and optional icon",
-      "files": [
-        "components/Alert.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "accordion": {
-      "name": "Accordion",
-      "description": "Collapsible accordion with single or multiple open items",
-      "files": [
-        "components/Accordion.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "avatar": {
-      "name": "Avatar",
-      "description": "Avatar with image-to-initials fallback, plus AvatarGroup for stacked avatars",
-      "files": [
-        "components/Avatar.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "bento-dashboard": {
-      "name": "BentoDashboard",
-      "description": "Homelab mission-control bento grid — host cards, metrics, services, and recent incidents",
-      "files": [
-        "components/BentoDashboard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "host-card",
-        "stat-card",
-        "service-health-card",
-        "incident-card"
-      ],
-      "type": "components:ui"
-    },
-    "breadcrumb": {
-      "name": "Breadcrumb",
-      "description": "Breadcrumb navigation trail with custom separators",
-      "files": [
-        "components/Breadcrumb.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "combobox": {
-      "name": "Combobox",
-      "description": "Searchable single-select combobox with full keyboard navigation",
-      "files": [
-        "components/Combobox.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "data-table": {
-      "name": "DataTable",
-      "description": "Data table with sort, column filters, search, segmented filter, selection, bulk actions, row menus, and pagination",
-      "files": [
-        "components/DataTable.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "date-picker": {
-      "name": "DatePicker",
-      "description": "Calendar date picker with month navigation",
-      "files": [
-        "components/DatePicker.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "dialog": {
-      "name": "Dialog",
-      "description": "Modal dialog built on Radix Dialog with overlay, header, and footer",
-      "files": [
-        "components/Dialog.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "@radix-ui/react-dialog",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "divider": {
-      "name": "Divider",
-      "description": "Horizontal or vertical separator with an optional inline label",
-      "files": [
-        "components/Divider.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "dropdown-menu": {
-      "name": "DropdownMenu",
-      "description": "Dropdown menu built on Radix Dropdown Menu",
-      "files": [
-        "components/DropdownMenu.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "@radix-ui/react-dropdown-menu"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "empty": {
-      "name": "Empty",
-      "description": "Empty state block with icon, title, description, and action slots",
-      "files": [
-        "components/Empty.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "file-upload": {
-      "name": "FileUpload",
-      "description": "Drag-and-drop file upload with selected-file list and removal",
-      "files": [
-        "components/FileUpload.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "form-row": {
-      "name": "FormRow",
-      "description": "Form field wrapper with label, description, required mark, and error",
-      "files": [
-        "components/FormRow.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "glow-card": {
-      "name": "GlowCard",
-      "description": "Card with an animated glow border effect",
-      "files": [
-        "components/GlowCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "meter": {
-      "name": "Meter",
-      "description": "Labeled progress meter with tone variants",
-      "files": [
-        "components/Meter.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "pagination": {
-      "name": "Pagination",
-      "description": "Page navigation with sibling pages and ellipsis collapsing",
-      "files": [
-        "components/Pagination.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "panel": {
-      "name": "Panel",
-      "description": "Bordered content panel with header, description, and action slot",
-      "files": [
-        "components/Panel.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "password-input": {
-      "name": "PasswordInput",
-      "description": "Password field with a show/hide visibility toggle",
-      "files": [
-        "components/PasswordInput.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "pill": {
-      "name": "Pill",
-      "description": "Rounded pill badge with outline, solid, and accent variants",
-      "files": [
-        "components/Pill.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "pricing-card": {
-      "name": "PricingCard",
-      "description": "Pricing plan card with feature list, badge, and call-to-action button",
-      "files": [
-        "components/PricingCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [
-        "button"
-      ],
-      "type": "components:ui"
-    },
-    "progress": {
-      "name": "Progress",
-      "description": "Progress bar built on Radix Progress",
-      "files": [
-        "components/Progress.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "@radix-ui/react-progress"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "segmented": {
-      "name": "Segmented",
-      "description": "Segmented control for switching between a small set of options",
-      "files": [
-        "components/Segmented.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "sheet": {
-      "name": "Sheet",
-      "description": "Slide-out side panel built on Radix Dialog",
-      "files": [
-        "components/Sheet.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "@radix-ui/react-dialog"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "skeleton": {
-      "name": "Skeleton",
-      "description": "Skeleton loading placeholder block",
-      "files": [
-        "components/Skeleton.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "slider": {
-      "name": "Slider",
-      "description": "Range slider with optional label and live value display",
-      "files": [
-        "components/Slider.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "stepper": {
-      "name": "Stepper",
-      "description": "Step progress indicator for multi-step flows, horizontal or vertical",
-      "files": [
-        "components/Stepper.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "tabs": {
-      "name": "Tabs",
-      "description": "Tabs built on Radix Tabs",
-      "files": [
-        "components/Tabs.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "@radix-ui/react-tabs"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "tag-input": {
-      "name": "TagInput",
-      "description": "Tag/chip input with keyboard add and remove",
-      "files": [
-        "components/TagInput.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "lucide-react"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "toaster": {
-      "name": "Toaster",
-      "description": "Toast notification host built on Sonner",
-      "files": [
-        "components/Toaster.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "sonner"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "tooltip": {
-      "name": "Tooltip",
-      "description": "Tooltip built on Radix Tooltip",
-      "files": [
-        "components/Tooltip.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge",
-        "@radix-ui/react-tooltip"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "bar-chart": {
-      "name": "BarChart",
-      "description": "Palette-aware vertical bar chart with optional yellow accent series",
-      "files": [
-        "components/BarChart.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "area-chart": {
-      "name": "AreaChart",
-      "description": "Area/line chart with yellow gradient fill and grid lines",
-      "files": [
-        "components/AreaChart.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "donut": {
-      "name": "Donut",
-      "description": "Donut chart with segment legend",
-      "files": [
-        "components/Donut.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "sparkline": {
-      "name": "Sparkline",
-      "description": "Compact inline sparkline for stat cards and tables",
-      "files": [
-        "components/Sparkline.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    },
-    "hero-block": {
-      "name": "HeroBlock",
-      "description": "Landing hero with noir glow background. Pass intense for live WebGL shader; optional media slot for two-column layout",
-      "files": [
-        "components/HeroBlock.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "pill",
-        "noir-glow-background"
-      ],
-      "type": "components:ui"
-    },
-    "feature-card": {
-      "name": "FeatureCard",
-      "description": "Marketing feature card with icon chip, title and description",
-      "files": [
-        "components/FeatureCard.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [
-        "card"
-      ],
-      "type": "components:ui"
-    },
-    "cta-band": {
-      "name": "CTABand",
-      "description": "Centered closing call-to-action with title, description, action row, and optional yellow accent bar",
-      "files": [
-        "components/CTABand.tsx"
-      ],
-      "dependencies": [
-        "clsx",
-        "tailwind-merge"
-      ],
-      "registryDependencies": [],
-      "type": "components:ui"
-    }
-  }
-}