@hirobius/design-system 0.23.1 → 0.24.0

package/hirobius.tokens.json

@@ -149,52 +149,99 @@
         },
         "$description": "Discrete values within the green range at defined lightness steps."
       },
-      "apple": {
+      "graphite": {
         "50": {
-          "$value": "#f2faeb",
-          "$description": "Apple-green accent tint — faintest step."
+          "$value": "#f5f4f4",
+          "$description": "Graphite accent tint — faintest step."
         },
         "100": {
-          "$value": "#e2f3cf",
-          "$description": "Apple-green accent — very light tint."
+          "$value": "#e9e7e8",
+          "$description": "Graphite accent — very light warm tint."
         },
         "200": {
-          "$value": "#c7e7a4",
-          "$description": "Apple-green accent — light tint."
+          "$value": "#d4d0d2",
+          "$description": "Graphite accent — light warm-grey; dark-mode rest accent fill."
         },
         "300": {
-          "$value": "#a6d873",
-          "$description": "Apple-green accent — soft mid-light step."
+          "$value": "#b2abae",
+          "$description": "Graphite accent — soft mid-light step; dark-mode hover/link."
         },
         "400": {
-          "$value": "#85c84c",
-          "$description": "Apple-green accent — bright step; dark-mode rest accent."
+          "$value": "#8b8488",
+          "$description": "Graphite accent — mid warm-grey step."
         },
         "500": {
-          "$value": "#66b239",
-          "$description": "Apple-green accent rest — bright, rich apple green; AA for dark (neutral.900) text as a fill."
+          "$value": "#655e62",
+          "$description": "Graphite accent — mid step."
         },
         "600": {
-          "$value": "#54922d",
-          "$description": "Apple-green accent — hover / border step."
+          "$value": "#544d51",
+          "$description": "Graphite accent — mid-dark step."
         },
         "700": {
-          "$value": "#416f20",
-          "$description": "Apple-green accent — pressed and accent-intent text (AA for text on page and card surfaces)."
+          "$value": "#433a3f",
+          "$description": "Graphite accent rest — the warm charcoal brand accent; white text as a fill (AA)."
         },
         "800": {
-          "$value": "#34571b",
-          "$description": "Apple-green accent — deep step."
+          "$value": "#352e32",
+          "$description": "Graphite accent — deep step; light-mode hover."
         },
         "900": {
-          "$value": "#2b4518",
-          "$description": "Apple-green accent — darkest usable step."
+          "$value": "#2a2428",
+          "$description": "Graphite accent — darkest usable step; light-mode pressed, dark-mode on-accent text."
         },
         "950": {
-          "$value": "#16250c",
-          "$description": "Apple-green accent — near-black green substrate."
+          "$value": "#19161a",
+          "$description": "Graphite accent — near-black warm substrate."
         },
-        "$description": "Discrete values within the apple-green (brand accent) range at defined lightness steps. Distinct from the emerald `green` feedback/success scale."
+        "$description": "Graphite, the warm-charcoal brand accent scale. Feedback colors keep their own scales."
+      },
+      "mauve": {
+        "50": {
+          "$value": "#fff0f6",
+          "$description": "Mauve tint, faintest step."
+        },
+        "100": {
+          "$value": "#f4e2ea",
+          "$description": "Mauve step 100, lightness-matched to graphite 100."
+        },
+        "200": {
+          "$value": "#e1cad4",
+          "$description": "Mauve step 200, lightness-matched to graphite 200."
+        },
+        "300": {
+          "$value": "#c0a4b1",
+          "$description": "Mauve step 300, lightness-matched to graphite 300."
+        },
+        "400": {
+          "$value": "#9d7b8a",
+          "$description": "Mauve step 400, lightness-matched to graphite 400."
+        },
+        "500": {
+          "$value": "#734b5e",
+          "$description": "Mauve anchor (#734B5E). Reserved; not mapped to any semantic token yet."
+        },
+        "600": {
+          "$value": "#674254",
+          "$description": "Mauve step 600, lightness-matched to graphite 600."
+        },
+        "700": {
+          "$value": "#523141",
+          "$description": "Mauve step 700, lightness-matched to graphite 700."
+        },
+        "800": {
+          "$value": "#432634",
+          "$description": "Mauve step 800, lightness-matched to graphite 800."
+        },
+        "900": {
+          "$value": "#361d29",
+          "$description": "Mauve step 900, lightness-matched to graphite 900."
+        },
+        "950": {
+          "$value": "#240f1a",
+          "$description": "Mauve, near-black substrate."
+        },
+        "$description": "Mauve, a reserved secondary scale lightness-matched to graphite. Defined for exploration; no semantic token uses it yet."
       },
       "violet": {
         "50": {
@@ -1145,25 +1192,25 @@
           }
         },
         "accent": {
-          "$value": "{primitive.color.apple.500}",
-          "$description": "Accent-colored background — bright apple green (stays green on dark surfaces; pair with content.onAccent dark text).",
+          "$value": "{primitive.color.graphite.700}",
+          "$description": "Accent fill, warm graphite. Dark in light mode, light warm-grey in dark mode; pair with content.onAccent.",
           "$extensions": {
             "com.figma.variables": {
               "modes": {
-                "Light": "{primitive.color.apple.500}",
-                "Dark": "{primitive.color.apple.400}"
+                "Light": "{primitive.color.graphite.700}",
+                "Dark": "{primitive.color.graphite.200}"
               }
             }
           }
         },
         "accentSubtle": {
-          "$value": "{primitive.color.apple.50}",
-          "$description": "Faint accent tint for hover states or highlights",
+          "$value": "{primitive.color.graphite.50}",
+          "$description": "Faint accent tint for hover states or highlights.",
           "$extensions": {
             "com.figma.variables": {
               "modes": {
-                "Light": "{primitive.color.apple.50}",
-                "Dark": "{primitive.color.apple.900}"
+                "Light": "{primitive.color.graphite.50}",
+                "Dark": "{primitive.color.graphite.800}"
               }
             }
           }
@@ -1275,25 +1322,25 @@
           }
         },
         "accent": {
-          "$value": "{primitive.color.apple.700}",
-          "$description": "Accent-intent text/icon color — a dark apple green legible on page and card surfaces. Pair with underline/weight for link affordance.",
+          "$value": "{primitive.color.graphite.700}",
+          "$description": "Accent-intent text/icon color — graphite, legible on page and card surfaces. Pair with underline/weight for link affordance.",
           "$extensions": {
             "com.figma.variables": {
               "modes": {
-                "Light": "{primitive.color.apple.700}",
-                "Dark": "{primitive.color.apple.400}"
+                "Light": "{primitive.color.graphite.700}",
+                "Dark": "{primitive.color.graphite.300}"
               }
             }
           }
         },
         "onAccent": {
-          "$value": "{primitive.color.neutral.900}",
-          "$description": "Text/icon color on accent fills — a dark neutral, since the brand accent fill is a bright apple green in both light and dark mode.",
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Text and icons on accent fills: near-white in light mode, dark graphite in dark mode.",
           "$extensions": {
             "com.figma.variables": {
               "modes": {
-                "Light": "{primitive.color.neutral.900}",
-                "Dark": "{primitive.color.neutral.900}"
+                "Light": "{primitive.color.neutral.50}",
+                "Dark": "{primitive.color.graphite.900}"
               }
             }
           }
@@ -1394,13 +1441,13 @@
           }
         },
         "accent": {
-          "$value": "{primitive.color.apple.600}",
-          "$description": "Accent border — apple green, dark enough to read as a boundary on page and card surfaces.",
+          "$value": "{primitive.color.graphite.700}",
+          "$description": "Accent border — graphite, dark enough to read as a boundary on page and card surfaces.",
           "$extensions": {
             "com.figma.variables": {
               "modes": {
-                "Light": "{primitive.color.apple.600}",
-                "Dark": "{primitive.color.apple.400}"
+                "Light": "{primitive.color.graphite.700}",
+                "Dark": "{primitive.color.graphite.300}"
               }
             }
           }
@@ -1912,37 +1959,37 @@
     "accent": {
       "$type": "color",
       "rest": {
-        "$value": "{primitive.color.apple.500}",
-        "$description": "Default accent fill for interactive elements at rest — bright apple green. Pair with content.onAccent (a dark neutral).",
+        "$value": "{primitive.color.graphite.700}",
+        "$description": "Default accent fill for interactive elements at rest — warm graphite. Inverts per theme; pair with content.onAccent.",
         "$extensions": {
           "com.figma.variables": {
             "modes": {
-              "Light": "{primitive.color.apple.500}",
-              "Dark": "{primitive.color.apple.400}"
+              "Light": "{primitive.color.graphite.700}",
+              "Dark": "{primitive.color.graphite.200}"
             }
           }
         }
       },
       "hover": {
-        "$value": "{primitive.color.apple.600}",
+        "$value": "{primitive.color.graphite.800}",
         "$description": "Accent fill on pointer hover.",
         "$extensions": {
           "com.figma.variables": {
             "modes": {
-              "Light": "{primitive.color.apple.600}",
-              "Dark": "{primitive.color.apple.500}"
+              "Light": "{primitive.color.graphite.800}",
+              "Dark": "{primitive.color.graphite.300}"
             }
           }
         }
       },
       "pressed": {
-        "$value": "{primitive.color.apple.700}",
+        "$value": "{primitive.color.graphite.900}",
         "$description": "Accent fill during active press.",
         "$extensions": {
           "com.figma.variables": {
             "modes": {
-              "Light": "{primitive.color.apple.700}",
-              "Dark": "{primitive.color.apple.600}"
+              "Light": "{primitive.color.graphite.900}",
+              "Dark": "{primitive.color.graphite.400}"
             }
           }
         }
@@ -1972,37 +2019,37 @@
         }
       },
       "content": {
-        "$value": "{primitive.color.apple.700}",
-        "$description": "Accent-intent text/icon color on neutral surfaces (a dark apple green) — pair with underline/weight for link affordance.",
+        "$value": "{primitive.color.graphite.700}",
+        "$description": "Accent-intent text/icon color on neutral surfaces (graphite) — pair with underline/weight for link affordance.",
         "$extensions": {
           "com.figma.variables": {
             "modes": {
-              "Light": "{primitive.color.apple.700}",
-              "Dark": "{primitive.color.apple.400}"
+              "Light": "{primitive.color.graphite.700}",
+              "Dark": "{primitive.color.graphite.300}"
             }
           }
         }
       },
       "contentHover": {
-        "$value": "{primitive.color.apple.800}",
+        "$value": "{primitive.color.graphite.800}",
         "$description": "Accent content color on pointer hover.",
         "$extensions": {
           "com.figma.variables": {
             "modes": {
-              "Light": "{primitive.color.apple.800}",
-              "Dark": "{primitive.color.apple.300}"
+              "Light": "{primitive.color.graphite.800}",
+              "Dark": "{primitive.color.graphite.200}"
             }
           }
         }
       },
       "subtle": {
-        "$value": "{primitive.color.apple.50}",
+        "$value": "{primitive.color.graphite.50}",
         "$description": "Low-emphasis accent tint for hover backgrounds and selection highlights.",
         "$extensions": {
           "com.figma.variables": {
             "modes": {
-              "Light": "{primitive.color.apple.50}",
-              "Dark": "{primitive.color.apple.900}"
+              "Light": "{primitive.color.graphite.50}",
+              "Dark": "{primitive.color.graphite.800}"
             }
           }
         }
@@ -2475,20 +2522,12 @@
       "primary": {
         "textDisabled": {
           "$type": "color",
-          "$value": "{semantic.color.content.onAccent}",
-          "$extensions": {
-            "com.figma.variables": {
-              "modes": {
-                "Light": "{semantic.color.content.onAccent}",
-                "Dark": "{semantic.color.content.disabled}"
-              }
-            }
-          },
+          "$value": "{semantic.color.content.disabled}",
           "$description": "Disabled primary button text color."
         },
         "bgDisabled": {
           "$type": "color",
-          "$value": "{semantic.color.surface.accentSubtle}",
+          "$value": "{semantic.color.surface.muted}",
           "$description": "Disabled primary button fill."
         }
       },

package/llms.txt

@@ -1,6 +1,6 @@
 # Hirobius Design System
 
-Generated: 2026-10-09T13:43:23.079Z
+Generated: 2026-10-11T20:46:31.293Z
 Primary sources: `public/hds-manifest.json`, `src/app/data/component-api.json`, `hirobius.tokens.json`
 
 ## Agents Using The Package: Start Here
@@ -82,15 +82,6 @@ One answer per need. Use the components after the arrow; what follows "Not:" is
 - Docs pipeline: `public/hds-manifest.json` + `src/app/data/component-api.json` -> reflective docs pages
 - AI entrypoint: read `public/llms.txt` before editing code
 
-## Phase Snapshot
-
-- foundation. Foundations - 63% - Token architecture, CSS pipeline, accessibility, and primitive scales.
-  - Criteria: done: W3C DTCG three-tier token architecture; done: CSS variable pipeline + token verify; partial: Primitive scales complete (color, type, space); todo: Token audit clean
-- components. Components - 75% - Accessible React UI built from foundations and mapped toward Figma parity.
-  - Criteria: done: Component inventory with typed props; done: Action system architecture (buttons, links, groups); done: Prop tables and API doc coverage; todo: Figma parity mapping
-- infrastructure-operations. Architecture - 55% - System delivery, Figma sync, automation, quality gates, and operational hygiene.
-  - Criteria: done: System manifest + llms.txt AI context; done: Release gate + full audit gate; done: Documentation automation (AST pipeline, LLMS sync); partial: Payload sweep + orphan cleanup; partial: Motion system foundations; todo: Figma library generated from tokens; todo: Code Connect CI + reverse sync; partial: AST gatekeeper + token schema validation; partial: A11y CI + visual regression pipeline; partial: Operational feedback loop + AI retrospective
-
 ## Component Inventory (Source Of Truth)
 
 This file intentionally does not embed the full component list to avoid duplication and excess context.
@@ -107,7 +98,7 @@ This file intentionally does not embed prop tables or long-form API docs.
 
 ## Core set
 
-The 43 components of the ratified core set (hds#254, ADR-031): brand-neutral, composable, imported from the package root. Build a screen from these first. Each has `core: true` in `public/hds-manifest.json` and is marked `[core]` under "Which one when". Composed pattern modules (page shells, forms, code blocks, page sections) are imported from `@hirobius/design-system/patterns`.
+The 43 components of the ratified core set: brand-neutral, composable, imported from the package root. Build a screen from these first. Each has `core: true` in `public/hds-manifest.json` and is marked `[core]` under "Which one when". Composed pattern modules (page shells, forms, code blocks, page sections) are imported from `@hirobius/design-system/patterns`.
 
 - Button (Actions)
 - Avatar (Display)
@@ -265,7 +256,7 @@ Canonical primitives, cheapest-first (CSS before JS, JS before an opt-in depende
 2. `Pin` (`position: sticky`) for a pinned scroll scene — the dependency-free basis for the "tall section + sticky child" pattern (GSAP's `pin: true`, done with zero JS). Give the pinned element a TALLER scrolling parent (e.g. `height: 300vh`) so it has room to travel; `top` is a CSS length offset, not a spacing token.
 3. `useScrollProgress` (from `@hirobius/design-system/scroll`) only when the 0→1 scroll value is needed in React — cross-element choreography, canvas/WebGL, or a Motion (`motion/react`) `useTransform` binding that CSS `animation-timeline` cannot express. Thin, SSR-guarded wrapper over Motion `useScroll`; adds no new dependency.
 4. `SmoothScroll` (from `@hirobius/design-system/scroll`, `lenis` as an OPTIONAL peer dep) only for opt-in momentum ("inertia") scrolling, mounted once at the app/site root. Never imported from the main barrel — consumers who skip it pay nothing. Reduced-motion-first: Lenis is not instantiated when the user prefers reduced motion, unless `ignoreReducedMotion` is set for a deliberate art-directed exception.
-5. Do not adopt GSAP/ScrollTrigger, and do not wire Lenis directly outside `SmoothScroll`, inside the core library — the CSS + Motion stack above covers reveal/pin/scrub without new dependencies. Bespoke GSAP/Lenis/WebGL scenes stay app-level/downstream (marketing sites, the clients factory), composed from these primitives (ADR-021, #116).
+5. Do not adopt GSAP/ScrollTrigger, and do not wire Lenis directly outside `SmoothScroll`, inside the core library — the CSS + Motion stack above covers reveal/pin/scrub without new dependencies. Bespoke GSAP/Lenis/WebGL scenes stay app-level/downstream (marketing sites, the clients factory), composed from these primitives.
 
 Negative rules:
 
@@ -274,7 +265,7 @@ Negative rules:
 - No GSAP/ScrollTrigger or bespoke Lenis wiring inside `@hirobius/design-system` — those stay app-level/downstream, composed from `Reveal`/`Pin`/`useScrollProgress`/`SmoothScroll`.
 - Every scroll effect must degrade to fully visible/static content — never gate content visibility behind `animation-timeline` support or a scroll listener with no fallback.
 
-Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), ADR-021, and `src/stories/patterns-scroll.stories.tsx` for golden-path examples.
+Reference: `src/app/components/reveal.tsx`, `src/app/components/pin.tsx`, `src/scroll/` (`use-scroll-progress.ts`, `smooth-scroll.tsx`), and the Reveal pattern page on the docs site (`/docs/patterns/reveal`) for golden-path examples.
 
 ## HDS Card Anatomy (mandatory — every property is non-negotiable)
 
@@ -317,7 +308,7 @@ Load only what the task needs. Same text as this file, split by topic:
 
 - `public/llms-full.txt` - this file + the full `DESIGN.md` + a compact props digest for every component.
 
-Paths in this file that begin with `docs/architecture/`, `src/app/components/`, `src/scroll/`, `src/stories/` or under `scripts/`, or that name `public/manifest.json`, `DESIGN-HANDOFF.md`, `TOKEN_GOVERNANCE.md` or `SYSTEMS_REGISTRY.md` exist only in the source repo, not in the npm package. Everything under "Default context" below ships in the package.
+Paths in this file that begin with `docs/architecture/`, `src/app/components/`, `src/scroll/` or under `scripts/`, or that name `public/manifest.json`, `DESIGN-HANDOFF.md`, `TOKEN_GOVERNANCE.md` or `SYSTEMS_REGISTRY.md` exist only in the source repo, not in the npm package. Everything under "Default context" below ships in the package.
 
 ## Context Loading Rules (Credit Efficiency)
 

package/package.json

@@ -6,8 +6,7 @@
     "design-tokens",
     "dtcg",
     "react",
-    "radix-ui",
-    "storybook"
+    "radix-ui"
   ],
   "homepage": "https://github.com/hirobius/hds#readme",
   "bugs": {
@@ -20,7 +19,7 @@
   "author": "Adrian Milsap",
   "license": "MIT AND OFL-1.1",
   "private": false,
-  "version": "0.23.1",
+  "version": "0.24.0",
   "engines": {
     "node": ">=20",
     "pnpm": ">=8"
@@ -200,11 +199,6 @@
     "@microsoft/api-extractor": "7.58.7",
     "@playwright/test": "^1.58.2",
     "@size-limit/file": "^12.1.0",
-    "@storybook/addon-a11y": "^8.6.18",
-    "@storybook/addon-designs": "^8.2.1",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/react": "^8.6.18",
-    "@storybook/react-vite": "^8.6.18",
     "@tailwindcss/vite": "^4.2.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
@@ -217,7 +211,6 @@
     "@vitest/coverage-v8": "^4.1.0",
     "acorn": "^8.16.0",
     "acorn-jsx": "^5.3.2",
-    "chromatic": "^17.6.0",
     "cors": "^2.8.6",
     "editorconfig-checker": "^6.1.1",
     "eslint": "^10.3.0",
@@ -251,7 +244,6 @@
     "react-hook-form": "^7.80.0",
     "react-router": "7.13.0",
     "size-limit": "^12.1.0",
-    "storybook": "^8.6.18",
     "style-dictionary": "^5.4.0",
     "tailwindcss": "^4.2.4",
     "type-coverage": "^2.29.7",
@@ -287,7 +279,6 @@
     "audit:sbom": "node scripts/audit-sbom.mjs",
     "audit:sidecar": "node scripts/generate-security-posture.mjs",
     "audit:style-dictionary": "bash scripts/poc/style-dictionary-poc/run.sh",
-    "build-storybook": "storybook build",
     "build:lib": "vite build -c vite.config.lib.ts && pnpm build:types && node scripts/build-vars-css.mjs && node scripts/build-fonts-css.mjs && node scripts/build-styles-css.mjs && node scripts/build-static-css.mjs && node scripts/build-css-contract.mjs",
     "build:types": "tsc -p tsconfig.dts.json && node scripts/strip-dts-side-effects.mjs && node scripts/add-dts-extensions.mjs",
     "catalog": "node scripts/generate-visual-catalog.mjs",
@@ -299,6 +290,7 @@
     "check:a11y": "pnpm lint --rule '{\"jsx-a11y/alt-text\":\"error\",\"jsx-a11y/img-redundant-alt\":\"error\"}'",
     "check:attributions": "node scripts/check-attributions.mjs",
     "check:binding-drift": "node scripts/check-binding-drift.mjs",
+    "check:component-token-binding": "node scripts/check-component-token-binding.mjs",
     "check:brand": "node scripts/check-brand.mjs",
     "check:breakpoints": "node scripts/check-hardcoded-breakpoints.mjs",
     "check:colors": "node scripts/check-hardcoded-colors.mjs",
@@ -339,8 +331,6 @@
     "check:refs": "node scripts/check-ref-forwarding.mjs",
     "check:registry": "node scripts/check-registry.mjs",
     "check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm check:size",
-    "check:rendered-geometry": "node scripts/check-rendered-geometry.mjs",
-    "check:rendered-geometry:update": "node scripts/check-rendered-geometry.mjs --update-baseline",
     "check:routes": "node scripts/check-link-integrity.mjs --route-links-only",
     "check:secrets": "node scripts/check-secrets.mjs",
     "check:security": "node scripts/check-security-baseline.mjs",
@@ -348,11 +338,9 @@
     "check:size": "pnpm build:lib && node scripts/build-button-probe.mjs && pnpm size-limit",
     "check:spacing": "node scripts/check-hardcoded-spacing.mjs",
     "check:spacing-vocabulary": "node scripts/check-spacing-vocabulary.mjs",
-    "check:story-coverage": "node scripts/check-story-coverage.mjs",
     "check:layout-contract": "node scripts/check-layout-contract.mjs",
     "check:spacing-scale": "node scripts/check-tailwind-spacing-scale.mjs",
     "check:docs-axe": "node scripts/check-docs-axe.mjs",
-    "check:storybook-axe": "node scripts/check-storybook-axe.mjs",
     "check:style-props": "node scripts/check-style-discipline.mjs --style-props-only",
     "check:sync-map": "node scripts/check-sync-map.mjs",
     "check:status-claims": "node scripts/check-status-claims.mjs --check",
@@ -368,22 +356,17 @@
     "check:token-structure": "node scripts/check-token-structure.mjs",
     "check:tokens": "node scripts/check-hardcoded-colors.mjs && pnpm lint --rule '{\"tailwindcss/no-custom-classname\":\"error\"}' && node scripts/audit-tokens.mjs --forbidden && node scripts/check-tier-bypass.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-typography-discipline.mjs --fonts-only",
     "check:type-coverage": "pnpm exec type-coverage --at-least 99.9",
-    "chromatic": "chromatic --exit-zero-on-changes",
     "test:visual-docs": "playwright test",
     "closure:plan": "node scripts/run-gates.mjs --channel pre-commit --emit-inventory docs/guardrails/full-strictness-inventory.json && node scripts/generate-closure-plan.mjs",
     "closure:plan:check": "node scripts/generate-closure-plan.mjs --check",
     "docs:api": "node scripts/generate-component-api.mjs",
     "docs:changelogs": "node scripts/generate-component-changelogs.mjs",
     "docs:build": "pnpm docs:prepare && pnpm --dir docs-site build",
-    "docs:publish": "pnpm docs:build && node scripts/generate-manifest-projection.mjs && node scripts/copy-agent-context.mjs --out docs-site/out --with-public && node scripts/figma-push.mjs --bundle docs-site/out/figma/sync-bundle.json",
+    "docs:publish": "pnpm docs:build && node scripts/generate-manifest-projection.mjs && node scripts/copy-agent-context.mjs --out docs-site/out && node scripts/figma-push.mjs --bundle docs-site/out/figma/sync-bundle.json",
     "docs:components": "node scripts/generate-docs-components.mjs",
-    "docs:component": "node scripts/generate-component-page.mjs",
     "docs:dev": "pnpm docs:prepare && pnpm --dir docs-site dev",
     "docs:llms": "node scripts/generate-llms-txt.mjs",
     "docs:prepare": "pnpm build:lib && pnpm docs:api && pnpm docs:components && pnpm --dir docs-site install --frozen-lockfile",
-    "docs:site": "node scripts/generate-component-page.mjs --all --clean",
-    "docs:site:inline": "node scripts/generate-component-page.mjs --all --clean --inline",
-    "docs:site:shots": "node scripts/generate-component-page.mjs --all --clean --shots",
     "figma-variables": "node scripts/build-figma-variables.mjs",
     "figma:connect:check": "node scripts/check-code-connect.mjs",
     "figma:connect:generate": "node scripts/generate-code-connect.mjs",
@@ -410,10 +393,8 @@
     "check:consumer-skill": "node scripts/generate-consumer-skill.mjs --check",
     "manifest:generate": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs",
     "manifest:project": "node scripts/generate-manifest-projection.mjs",
-    "prebuild-storybook": "node scripts/generate-component-api.mjs",
     "prebuild:lib": "node scripts/generate-component-api.mjs",
-    "prestorybook": "node scripts/generate-component-api.mjs",
-    "pretest": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/check-manifest-schema-semver.mjs && node scripts/audit-component-integrity.mjs --completeness && node scripts/audit-component-integrity.mjs --api && node scripts/check-source-canon.mjs && node scripts/check-binding-drift.mjs && node scripts/check-registry.mjs && node scripts/check-tenant-tokens.mjs && node scripts/check-props-exports.mjs && knip --no-exit-code && node scripts/check-dark-alias-flip.mjs && node scripts/check-focus-states.mjs && node scripts/generate-consumer-skill.mjs --check && node scripts/generate-agents-md.mjs --check && node scripts/check-deprecations.mjs && node scripts/upgrade/schema.mjs --check && node scripts/upgrade/compile.mjs --check && node scripts/check-docs.mjs && node --test scripts/check-docs.selftest.mjs && node scripts/check-upgrade-ledger.mjs",
+    "pretest": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/check-manifest-schema-semver.mjs && node scripts/audit-component-integrity.mjs --completeness && node scripts/audit-component-integrity.mjs --api && node scripts/check-source-canon.mjs && node scripts/check-binding-drift.mjs && node scripts/check-component-token-binding.mjs --report && node scripts/check-registry.mjs && node scripts/check-tenant-tokens.mjs && node scripts/check-props-exports.mjs && knip --no-exit-code && node scripts/check-dark-alias-flip.mjs && node scripts/check-focus-states.mjs && node scripts/generate-consumer-skill.mjs --check && node scripts/generate-agents-md.mjs --check && node scripts/check-deprecations.mjs && node scripts/upgrade/schema.mjs --check && node scripts/upgrade/compile.mjs --check && node scripts/check-docs.mjs && node --test scripts/check-docs.selftest.mjs && node scripts/check-upgrade-ledger.mjs",
     "pretypecheck": "node scripts/audit-tokens.mjs --report-only",
     "preview:build": "vite build --config preview/vite.config.mjs",
     "promote": "node scripts/promote.mjs",
@@ -426,8 +407,6 @@
     "status:touch": "node scripts/status-touch.mjs",
     "status:fold": "node scripts/status-fold.mjs",
     "smoke:consumer": "node scripts/smoke-consumer.mjs && node scripts/check-published-types.mjs && node scripts/check-rsc-directives.mjs && node scripts/check-pack-contents.mjs && node scripts/check-upgrade-css.mjs",
-    "storybook": "storybook dev -p 6006",
-    "storybook:deploy": "node scripts/deploy-storybook.mjs",
     "sync": "node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --forbidden && node scripts/build-handoff.mjs && node scripts/build-design-md.mjs && node scripts/build-figma-variables.mjs",
     "sync-map": "node scripts/check-sync-map.mjs --gaps",
     "sync:health": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs && node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --report-only && node scripts/build-design-md.mjs",