@hirobius/design-system 0.11.0 → 0.12.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hirobius/design-system",
   "description": "Hirobius Design Systems Architecture: token-governed React components, documentation surfaces, and distribution tooling.",
   "private": false,
-  "version": "0.11.0",
+  "version": "0.12.0",
   "engines": {
     "node": ">=20",
     "pnpm": ">=8"
@@ -57,6 +57,16 @@
       "import": "./dist/mui.js",
       "default": "./dist/mui.js"
     },
+    "./brand": {
+      "types": "./dist/types/src/brand/index.d.ts",
+      "import": "./dist/brand.js",
+      "default": "./dist/brand.js"
+    },
+    "./scroll": {
+      "types": "./dist/types/src/scroll/index.d.ts",
+      "import": "./dist/scroll.js",
+      "default": "./dist/scroll.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -70,6 +80,7 @@
   },
   "peerDependencies": {
     "@hookform/resolvers": "^3.9.0 || ^4.0.0 || ^5.0.0",
+    "lenis": "^1.3.0",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0",
     "react-hook-form": "^7.0.0",
@@ -88,22 +99,33 @@
     },
     "@hookform/resolvers": {
       "optional": true
+    },
+    "lenis": {
+      "optional": true
     }
   },
   "dependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.18",
+    "@radix-ui/react-aspect-ratio": "^1.1.11",
+    "@radix-ui/react-context-menu": "^2.3.2",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.18",
+    "@radix-ui/react-hover-card": "^1.1.18",
     "@radix-ui/react-popover": "^1.1.17",
     "@radix-ui/react-select": "^2.3.1",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toast": "^1.2.17",
+    "@radix-ui/react-toggle": "^1.1.13",
     "@radix-ui/react-toggle-group": "^1.1.13",
+    "@radix-ui/react-toolbar": "^1.1.14",
     "@radix-ui/react-tooltip": "^1.1.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "date-fns": "^4.4.0",
     "lucide-react": "0.487.0",
     "motion": "12.23.24",
+    "react-day-picker": "^10.0.1",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
@@ -151,6 +173,7 @@
     "jscodeshift": "^17.3.0",
     "jsdom": "^29.0.0",
     "knip": "^6.10.0",
+    "lenis": "^1.3.25",
     "lint-staged": "^17.0.2",
     "nodemon": "^3.1.14",
     "pixelmatch": "^7.1.0",
@@ -177,33 +200,6 @@
     "zod": "^4.4.3",
     "zustand": "^5.0.12"
   },
-  "size-limit": [
-    {
-      "name": "library esm (main barrel)",
-      "path": "dist/hirobius-ui.js",
-      "limit": "220 kB"
-    },
-    {
-      "name": "library css (tokens + base)",
-      "path": "dist/tokens.css",
-      "limit": "24 kB"
-    },
-    {
-      "name": "subpath: cn helper",
-      "path": "dist/cn.js",
-      "limit": "1 kB"
-    },
-    {
-      "name": "subpath: token bridge",
-      "path": "dist/tokens.js",
-      "limit": "8 kB"
-    },
-    {
-      "name": "subpath: manifest (json-as-esm)",
-      "path": "dist/manifest.js",
-      "limit": "60 kB"
-    }
-  ],
   "lint-staged": {
     "*.{ts,tsx,js,jsx,mjs,cjs,json,md,mdx,css,scss,html,yaml,yml}": "prettier --write"
   },
@@ -215,16 +211,11 @@
     "_comment:editorconfig-version": "check:mojibake routes through scripts/lib/mojibake.mjs, which pins EC_VERSION=v3.7.0. The editorconfig-checker@6.1.x npm wrapper expects binary v3.7.0 but downloads the latest Go release (v3.8.0, 2026-06-25), so a fresh install fails with a version mismatch (binary != config). Pinning the download to the wrapper's expected version keeps CI + pre-commit green. Bump both together when upgrading the npm package. The wrapper also SKIPS gracefully (like check:secrets) when the binary download is network-blocked (remote agent sessions), so hooks no longer need --no-verify (#18/#52); the gate still enforces wherever the binary is present.",
     "api:check": "node scripts/audit-component-integrity.mjs --api",
     "api:update": "node scripts/audit-component-integrity.mjs --api --update-baseline",
-    "assets:convert": "node scripts/convert-incoming-assets.mjs",
-    "assets:manifest": "node scripts/sync-asset-manifest.mjs",
     "audit:bundle": "node scripts/audit-bundle.mjs",
     "audit:deps": "node scripts/audit-deps.mjs",
     "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": "pnpm sync:health && node scripts/sync-icons.mjs && vite build --configLoader native",
-    "build:ssr": "vite build --ssr src/entry-server.tsx --outDir .ssr-cache --configLoader native",
-    "build:prerender": "pnpm build && pnpm build:ssr && node scripts/prerender.mjs",
     "build:lib": "vite build -c vite.config.lib.ts && pnpm build:types && node scripts/build-vars-css.mjs && node scripts/embed-fonts.mjs && node scripts/build-styles-css.mjs",
     "build:types": "tsc -p tsconfig.dts.json && node scripts/strip-dts-side-effects.mjs",
     "catalog": "node scripts/generate-visual-catalog.mjs",
@@ -232,14 +223,13 @@
     "changeset": "changeset",
     "changeset:add": "changeset",
     "changeset:version": "changeset version",
-    "codemod": "jscodeshift --parser=tsx --extensions=tsx,ts",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "storybook:deploy": "node scripts/deploy-storybook.mjs",
     "chromatic": "chromatic --exit-zero-on-changes",
     "release": "pnpm build:lib && pnpm smoke:consumer --skip-build && changeset publish",
     "check": "pnpm check:full",
     "check:a11y": "pnpm lint --rule '{\"jsx-a11y/alt-text\":\"error\",\"jsx-a11y/img-redundant-alt\":\"error\"}'",
-    "check:assets": "node scripts/check-asset-manifest.mjs",
     "check:attributions": "node scripts/check-attributions.mjs",
     "check:binding-drift": "node scripts/check-binding-drift.mjs",
     "check:brand": "node scripts/check-brand.mjs",
@@ -250,34 +240,30 @@
     "check:css-values": "node scripts/check-style-discipline.mjs --css-values-only",
     "check:dimensions": "node scripts/check-dimensions.mjs",
     "check:doc-refs": "node scripts/check-link-integrity.mjs --doc-refs-only",
-    "check:doc-structure": "node scripts/check-doc-structure.mjs",
-    "check:docs": "node scripts/audit-component-integrity.mjs --docs && node scripts/check-frozen-demos.mjs && node scripts/check-token-descriptions.mjs --no-missing --quality",
+    "check:docs": "node scripts/audit-component-integrity.mjs --docs && node scripts/check-token-descriptions.mjs --no-missing --quality",
     "check:exemptions": "node scripts/check-exemptions.mjs",
-    "check:fast": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/sync-asset-manifest.mjs && node scripts/build-tokens.mjs && node scripts/build-roadmap-data.mjs && node scripts/verify-tokens.mjs && node scripts/audit-tokens.mjs --full && pnpm typecheck && node scripts/check-css-integrity.mjs && node scripts/audit-component-integrity.mjs --tokens && pnpm check:docs && node scripts/check-ref-forwarding.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-dimensions.mjs && node scripts/check-hardcoded-breakpoints.mjs && node scripts/check-typography-discipline.mjs && pnpm check:mojibake && node scripts/check-mono-roles.mjs && node scripts/check-style-discipline.mjs --style-props-only && node scripts/check-tier-bypass.mjs && node scripts/check-link-integrity.mjs --doc-refs-only && node scripts/check-link-integrity.mjs --route-links-only && node scripts/check-brand.mjs && node scripts/check-registry.mjs && node scripts/check-asset-manifest.mjs && node scripts/check-template-source-of-truth.mjs",
-    "check:figma-snapshot": "node scripts/test-figma-masters-snapshot.mjs",
-    "check:figma-snapshot:update": "node scripts/test-figma-masters-snapshot.mjs --update",
+    "check:fast": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/build-tokens.mjs && node scripts/verify-tokens.mjs && node scripts/audit-tokens.mjs --full && pnpm typecheck && node scripts/check-css-integrity.mjs && node scripts/audit-component-integrity.mjs --tokens && pnpm check:docs && node scripts/check-ref-forwarding.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-dimensions.mjs && node scripts/check-hardcoded-breakpoints.mjs && node scripts/check-typography-discipline.mjs && pnpm check:mojibake && node scripts/check-style-discipline.mjs --style-props-only && node scripts/check-tier-bypass.mjs && node scripts/check-link-integrity.mjs --doc-refs-only && node scripts/check-brand.mjs && node scripts/check-registry.mjs && node scripts/check-template-source-of-truth.mjs",
     "check:focus": "node scripts/check-focus-states.mjs",
     "check:font-files": "node scripts/check-typography-discipline.mjs --font-files-only",
     "check:fonts": "node scripts/check-typography-discipline.mjs --fonts-only",
     "check:forbidden-overrides": "node scripts/audit-tokens.mjs --forbidden",
     "check:format": "pnpm exec lint-staged",
-    "check:full": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/sync-asset-manifest.mjs && node scripts/build-tokens.mjs && node scripts/verify-tokens.mjs && node scripts/audit-tokens.mjs --full && pnpm typecheck && node scripts/check-css-integrity.mjs && node scripts/audit-component-integrity.mjs --tokens && node scripts/audit-pages.mjs && pnpm check:docs && node scripts/check-doc-structure.mjs && node scripts/check-contrast.mjs && node scripts/check-focus-states.mjs && node scripts/check-reduced-motion.mjs && node scripts/check-ref-forwarding.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-dimensions.mjs && node scripts/check-hardcoded-breakpoints.mjs && node scripts/check-unresponsive-grids.mjs && node scripts/check-page-shell.mjs && node scripts/check-motion.mjs && node scripts/check-typography-discipline.mjs && pnpm check:mojibake && node scripts/check-mono-roles.mjs && node scripts/check-style-discipline.mjs && node scripts/check-hardcoded-colors.mjs && node scripts/check-tier-bypass.mjs && node scripts/check-token-structure.mjs && node scripts/check-link-integrity.mjs && node scripts/check-og-meta.mjs && node scripts/check-asset-manifest.mjs && node scripts/check-security-baseline.mjs && node scripts/check-attributions.mjs && node scripts/check-exemptions.mjs && node scripts/check-brand.mjs && node scripts/check-registry.mjs && node scripts/audit-component-integrity.mjs --api && node scripts/check-token-descriptions.mjs --no-missing && node scripts/check-token-renames.mjs",
+    "check:full": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/build-tokens.mjs && node scripts/verify-tokens.mjs && node scripts/audit-tokens.mjs --full && pnpm typecheck && node scripts/check-css-integrity.mjs && node scripts/audit-component-integrity.mjs --tokens && pnpm check:docs && node scripts/check-contrast.mjs && node scripts/check-focus-states.mjs && node scripts/check-reduced-motion.mjs && node scripts/check-ref-forwarding.mjs && node scripts/check-hardcoded-spacing.mjs && node scripts/check-dimensions.mjs && node scripts/check-hardcoded-breakpoints.mjs && node scripts/check-unresponsive-grids.mjs && node scripts/check-motion.mjs && node scripts/check-typography-discipline.mjs && pnpm check:mojibake && node scripts/check-style-discipline.mjs && node scripts/check-hardcoded-colors.mjs && node scripts/check-tier-bypass.mjs && node scripts/check-token-structure.mjs && node scripts/check-security-baseline.mjs && node scripts/check-attributions.mjs && node scripts/check-exemptions.mjs && node scripts/check-brand.mjs && node scripts/check-registry.mjs && node scripts/audit-component-integrity.mjs --api && node scripts/check-token-descriptions.mjs --no-missing && node scripts/check-token-renames.mjs",
     "check:ghost-tokens": "node scripts/audit-tokens.mjs --full",
     "check:grids": "node scripts/check-unresponsive-grids.mjs",
     "check:inline-styles": "node scripts/check-style-discipline.mjs --inline-only",
     "check:knip": "knip",
     "check:knip-ratchet": "knip --max-issues 60",
+    "check:layout-discipline": "node scripts/check-layout-discipline.mjs",
     "check:licenses": "node scripts/check-licenses.mjs",
     "check:lockfile": "pnpm install --frozen-lockfile --offline --prefer-offline --ignore-scripts --silent 2>/dev/null || (echo 'Lockfile drift: run pnpm install' && exit 1)",
     "check:manifest-drift": "node scripts/check-manifest-drift.mjs",
     "check:micromotion": "node scripts/check-motion.mjs",
     "check:mojibake": "node scripts/lib/mojibake.mjs",
-    "check:mono-roles": "node scripts/check-mono-roles.mjs",
     "check:motion": "node scripts/check-reduced-motion.mjs",
-    "check:page-shell": "node scripts/check-page-shell.mjs",
     "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 && pnpm test:a11y && pnpm test:visual && pnpm test:responsive && pnpm test:collision && pnpm check:size",
+    "check:release": "pnpm check:full && node scripts/check-style-discipline.mjs && pnpm build:lib && pnpm test:a11y && pnpm test:visual && pnpm test:responsive && pnpm test:collision && pnpm check:size",
     "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",
@@ -296,14 +282,11 @@
     "check:type-coverage": "pnpm exec type-coverage --at-least 99.9",
     "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",
-    "dev": "node scripts/generate-manifest.mjs && node scripts/sync-asset-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/sync-icons.mjs && node scripts/build-tokens.mjs && node scripts/build-roadmap-data.mjs && vite --configLoader native",
     "docs:api": "node scripts/generate-component-api.mjs",
     "docs:changelogs": "node scripts/generate-component-changelogs.mjs",
     "docs:llms": "node scripts/generate-llms-txt.mjs",
     "figma-variables": "node scripts/build-figma-variables.mjs",
     "figma:diff": "node scripts/figma-diff.mjs",
-    "figma:snapshot": "node scripts/normalize-figma-snapshot.mjs",
-    "figma:stream": "node scripts/llm-stream-bridge.mjs",
     "guardrail:firing-stats": "node scripts/refresh-firing-stats.mjs",
     "harvest:design-md": "node scripts/harvest-design-md.mjs",
     "heal": "node scripts/self-heal.mjs",
@@ -316,52 +299,38 @@
     "llms:generate": "node scripts/generate-llms-txt.mjs",
     "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",
-    "nav:generate": "node scripts/generate-nav-model.mjs",
-    "prebuild": "node scripts/validate-manifest.mjs",
     "prebuild:lib": "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/check-source-canon.mjs && node scripts/check-binding-drift.mjs && node scripts/test-figma-masters-snapshot.mjs && node scripts/test-doc-pages-snapshot.mjs && node scripts/check-registry.mjs && node scripts/check-tenant-tokens.mjs && knip --no-exit-code",
+    "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/check-source-canon.mjs && node scripts/check-binding-drift.mjs && node scripts/check-registry.mjs && node scripts/check-tenant-tokens.mjs && knip --no-exit-code",
     "promote": "node scripts/promote.mjs",
-    "roadmap:data": "node scripts/build-roadmap-data.mjs && node scripts/verify-roadmap-sync.mjs",
-    "roadmap:verify": "node scripts/verify-roadmap-sync.mjs",
-    "roadmap:watch": "node scripts/watch-roadmap.mjs",
     "hds:new": "node scripts/scaffold-component.mjs",
     "scaffold:component": "node scripts/scaffold-component.mjs",
     "scaffold:tenant": "node scripts/scaffold-tenant.mjs",
-    "sitemap:generate": "node scripts/generate-sitemap.mjs",
     "size-limit": "size-limit --config .size-limit.cjs",
     "smoke:consumer": "node scripts/smoke-consumer.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:health": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs && node scripts/sync-asset-manifest.mjs && node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --report-only && node scripts/build-design-md.mjs && node scripts/build-roadmap-data.mjs && node scripts/verify-roadmap-sync.mjs",
+    "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",
     "test": "vitest run --passWithNoTests",
     "test:a11y": "playwright test tests/a11y.spec.ts",
     "test:collision": "playwright test tests/collision.spec.ts",
     "test:compiler": "node -e \"import('./scripts/hds-jsx-compiler.mjs').then(m => console.log(JSON.stringify(m.compile(process.argv[1]), null, 2)))\" --",
     "test:coverage": "vitest run --coverage",
     "test:figma": "npx tsx scripts/figma-sync.ts",
-    "test:layout": "node scripts/check-route-coverage.mjs && playwright test tests/layout-integrity.spec.ts",
+    "test:layout": "playwright test tests/layout-integrity.spec.ts",
     "test:phase1": "node scripts/test-phase1.mjs",
-    "test:prompts": "node scripts/test-prompt-regression.mjs",
     "test:responsive": "playwright test tests/responsive.spec.ts",
     "test:visual": "playwright test tests/visual.spec.ts",
     "test:visual:update": "playwright test tests/visual.spec.ts --update-snapshots",
     "test:watch": "vitest",
-    "tokens": "node scripts/generate-manifest.mjs && node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --forbidden && node scripts/check-typography-discipline.mjs --overrides-only && node scripts/sync-hds-registry.mjs && node scripts/build-handoff.mjs && node scripts/build-design-md.mjs && node scripts/generate-llms-txt.mjs",
+    "tokens": "node scripts/generate-manifest.mjs && node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --forbidden && node scripts/check-typography-discipline.mjs --overrides-only && node scripts/build-handoff.mjs && node scripts/build-design-md.mjs && node scripts/generate-llms-txt.mjs",
     "tokens:audit": "node scripts/audit-component-integrity.mjs --tokens",
-    "tokens:audit:pages": "node scripts/audit-pages.mjs",
     "tokens:build": "node scripts/build-hds-tokens.mjs",
     "tokens:index": "node scripts/build-token-index.mjs",
     "tokens:verify": "node scripts/build-tokens.mjs && node scripts/verify-tokens.mjs",
     "typecheck": "tsc --noEmit -p tsconfig.typecheck.json",
-    "ui:fix": "node scripts/generate-to-figma.mjs --fix",
-    "ui:gen": "node scripts/generate-to-figma.mjs",
     "ui:lint": "node scripts/ui-lint.mjs",
-    "ui:masters": "node scripts/build-figma-masters.mjs",
     "validate:manifest": "node scripts/validate-manifest.mjs",
     "visual-ingest": "node scripts/visual-ingest.mjs",
     "watch:guardrails": "nodemon --watch CLAUDE.md --watch .cursorrules --watch eslint.config.js --watch .github/workflows -e md,json,js,yml,yaml --exec \"node scripts/audit-guardrails.js\"",
-    "watch:metrics": "nodemon --watch src/app/components --watch src/app/pages --watch src/app/design-system --watch src/app/styles -e tsx,ts,css --exec \"node scripts/audit-tokens.mjs --full && node scripts/generate-manifest.mjs\"",
-    "loop:validate": "node scripts/loop/loop-cli.mjs validate",
-    "loop:next": "node scripts/loop/loop-cli.mjs next",
-    "loop:status": "node scripts/loop/loop-cli.mjs status"
+    "watch:metrics": "nodemon --watch src/app/components --watch src/app/pages --watch src/app/design-system --watch src/app/styles -e tsx,ts,css --exec \"node scripts/audit-tokens.mjs --full && node scripts/generate-manifest.mjs\""
   }
 }