@godxjp/ui 21.0.0 → 23.0.0

package/docs/roadmap/parity-backlog.md

@@ -23,19 +23,18 @@ compared against, or successive waves will silently measure against different ta
 
 ## P0 — fix first, regardless of which strategy wins
 
-| # | Defect | Evidence | Why P0 |
-| --- | --- | --- | --- |
-| 1 | **`NumberInput` corrupts values 10× in comma-decimal locales, including shipped `vi`** | formats via `Intl.NumberFormat` (`number-input.tsx:100`), parses via hardcoded `replace(/,/g,"")` (`:41`), `handleBlur` re-parses the displayed draft (`:220`). `Intl.NumberFormat("vi",{useGrouping:false}).format(1.5)` → `"1,5"` → parses back as `15` | Silent money/quantity corruption. Focus-then-blur is enough. Keep the NFKC 全角 fold — it is correct. |
-| 2 | **`Timeline` hardcodes English screen-reader status text** | `SR_PREFIX = {done:"Completed: ",…}` `timeline.tsx:31-35`, injected `:107`; `grep timeline src/i18n/messages/en.json` → 0 hits | A ja/vi product announces English. Violates the mandatory i18n gate. |
-| 3 | **`PasswordStrength` is hardcoded English end-to-end** | `password-strength.tsx:4-8,75,106,113,119-133`; never imports `useTranslation`; `labels` overrides only 3 of ~10 strings | Same gate; and consumers cannot work around it. |
+| #   | Defect                                                                                 | Evidence                                                                                                                                                                                                                                                  | Why P0                                                                                                |
+| --- | -------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
+| 1   | **`NumberInput` corrupts values 10× in comma-decimal locales, including shipped `vi`** | formats via `Intl.NumberFormat` (`number-input.tsx:100`), parses via hardcoded `replace(/,/g,"")` (`:41`), `handleBlur` re-parses the displayed draft (`:220`). `Intl.NumberFormat("vi",{useGrouping:false}).format(1.5)` → `"1,5"` → parses back as `15` | Silent money/quantity corruption. Focus-then-blur is enough. Keep the NFKC 全角 fold — it is correct. |
+| 2   | **`Timeline` hardcodes English screen-reader status text**                             | `SR_PREFIX = {done:"Completed: ",…}` `timeline.tsx:31-35`, injected `:107`; `grep timeline src/i18n/messages/en.json` → 0 hits                                                                                                                            | A ja/vi product announces English. Violates the mandatory i18n gate.                                  |
+| 3   | **`PasswordStrength` is hardcoded English end-to-end**                                 | `password-strength.tsx:4-8,75,106,113,119-133`; never imports `useTranslation`; `labels` overrides only 3 of ~10 strings                                                                                                                                  | Same gate; and consumers cannot work around it.                                                       |
 
 ## P1 — grouped by owning file, so one agent owns one group
 
-**`data-entry`** — `Slider` missing `aria-valuetext` (`slider.tsx:138-157`) · `SearchInput` Enter does
+**`data-entry`** — `SearchInput` Enter does
 not commit (no `onKeyDown` in the file; `:59-63`) · `ColorPicker` has no `size`/`status`/`variant`
 and no `presets` (`data-entry.prop.ts:893-908`) · `PasswordStrength` uses `role="img"` instead of
-`role="meter"` (`:74-76`) · `Upload showUploadList` boolean-only (`:1196`) · `DateRangePicker
-disabled` scalar, cannot lock one end (`:787`) · no `defaultPickerValue` on either date picker ·
+`role="meter"` (`:74-76`) · `Upload showUploadList` boolean-only (`:1196`) ·
 `Transfer` has no `status` (`:1413-1459`) · `Cascader` search uncapped (`cascader.tsx:389-393`) ·
 `Select` lacks `fieldNames` although `Cascader` and `TreeSelect` both have it · `NumberInput` has
 no `stringMode`.
@@ -57,8 +56,7 @@ derives delta tone from a regex on a stringified node (`card.tsx:233-246`) · `Q
 `isDismissable`) · `Pagination` is controlled-only, breaking the full-triad rule · `AppShell` has no
 `onSidebarCollapsedChange` and no built-in trigger (`app-shell.tsx:30`) · shell collapse breakpoint
 hardcoded (`shell-layout.css:1119`) while the overlay family's equivalent is a token · `Sidebar`
-submenu open state is unreachable local state (`sidebar.tsx:271`) · `NavigationMenu` has no overflow
-affordance (WCAG 2.4.3 / 1.4.10) · no `copyable` anywhere despite `ErrorSurface` rendering a
+submenu open state is unreachable local state (`sidebar.tsx:271`) · no `copyable` anywhere despite `ErrorSurface` rendering a
 `requestId` "so it can be read out or copied accurately" (`layout.prop.ts:787`) · clamped text
 cannot expand.
 

package/docs/showcase/acme-portal.tsx

@@ -112,6 +112,13 @@ const THEME = `
   --warning: 41 73% 53%;  --warning-foreground: 217 61% 12%;  /* = brand gold */
   --destructive: 12 83% 44%; --destructive-foreground: 0 0% 100%;
   --info: 217 69% 47%; --info-foreground: 0 0% 100%;
+  /* A TRACK IS A QUIET SURFACE, AND THIS THEME REPOINTED --secondary AT AN ACTION COLOUR.
+     Progress reads --progress-track-background, which defaults to hsl(var(--secondary)) — a pale
+     neutral in the stock palette. Here --secondary is the navy BUTTON, so the bar's track came out
+     near-black and the fill (a MARK: nothing is written on it, so SC 1.4.11 asks 3:1 against the
+     track) measured 2.50:1 success / 2.90:1 warning on it. Naming the track is the fix; the fills
+     then sit on --muted like everywhere else. Any theme that repurposes --secondary owes this line. */
+  --progress-track-background: hsl(var(--muted));
   /* Shape - base radius + exact ACME steps; re-declare the intermediates so the scope re-resolves */
   --radius: 0.875rem;                /* 14px card */
   --radius-xs: 4px; --radius-sm: 6px; --radius-md: 10px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "21.0.0",
-  "godxUiMcp": "21.0.0",
+  "version": "23.0.0",
+  "godxUiMcp": "23.0.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -213,10 +213,6 @@
       "types": "./dist/components/data-entry/date-picker.d.ts",
       "import": "./dist/components/data-entry/date-picker.js"
     },
-    "./ui/date-range-picker": {
-      "types": "./dist/components/data-entry/date-range-picker.d.ts",
-      "import": "./dist/components/data-entry/date-range-picker.js"
-    },
     "./ui/time-picker": {
       "types": "./dist/components/data-entry/time-picker.d.ts",
       "import": "./dist/components/data-entry/time-picker.js"
@@ -249,18 +245,6 @@
       "types": "./dist/components/data-entry/command.d.ts",
       "import": "./dist/components/data-entry/command.js"
     },
-    "./ui/context-menu": {
-      "types": "./dist/components/navigation/context-menu.d.ts",
-      "import": "./dist/components/navigation/context-menu.js"
-    },
-    "./ui/menubar": {
-      "types": "./dist/components/navigation/menubar.d.ts",
-      "import": "./dist/components/navigation/menubar.js"
-    },
-    "./ui/navigation-menu": {
-      "types": "./dist/components/navigation/navigation-menu.d.ts",
-      "import": "./dist/components/navigation/navigation-menu.js"
-    },
     "./ui/resizable": {
       "types": "./dist/components/layout/resizable.d.ts",
       "import": "./dist/components/layout/resizable.js"
@@ -347,21 +331,26 @@
     "check:data-entry-touch-aria": "node scripts/check-data-entry-touch-aria.mjs",
     "check:layout-nav-frames": "node scripts/check-layout-nav-frames.mjs",
     "check:provider-feedback-query-runtime": "for frames in navigation-app-setting-picker,feedback-dialog,feedback-sheet,feedback-alert-dialog feedback-tooltip,feedback-toast,feedback-skeleton,query-data-state query-infinite-query-state,query-mutation-feedback,query-prefetch-link; do FRAMES=$frames node scripts/check-provider-feedback-query-runtime.mjs || exit 1; done",
-    "check:layout-nav-closure": "for frames in layout-flex,layout-app-shell,layout-aspect-ratio,layout-auth-shell layout-page-container,layout-resizable-panel,layout-separator,layout-sidebar layout-split-pane,layout-topbar,navigation-breadcrumb,navigation-app-setting-picker navigation-context-menu,navigation-dropdown-menu,navigation-menubar,navigation-navigation-menu navigation-steps,navigation-toolbar,navigation-tabs,navigation-pagination; do FRAMES=$frames node scripts/check-layout-nav-closure.mjs || exit 1; done",
+    "check:layout-nav-closure": "for frames in layout-flex,layout-app-shell,layout-aspect-ratio,layout-auth-shell layout-page-container,layout-resizable-panel,layout-separator,layout-sidebar layout-split-pane,layout-topbar,navigation-breadcrumb,navigation-app-setting-picker navigation-dropdown-menu navigation-steps,navigation-toolbar,navigation-tabs,navigation-pagination; do FRAMES=$frames node scripts/check-layout-nav-closure.mjs || exit 1; done",
     "check:display-runtime-evidence": "node scripts/check-display-runtime-evidence.mjs",
     "check:data-table-pagination-wrap": "node scripts/check-data-table-pagination-wrap.mjs",
+    "check:choice-hit-target": "node scripts/check-choice-hit-target.mjs",
+    "check:data-table-overflow": "node scripts/check-data-table-overflow.mjs",
+    "check:app-shell-narrow-grid": "node scripts/check-app-shell-narrow-grid.mjs",
+    "check:segmented-wrap": "node scripts/check-segmented-wrap.mjs",
+    "check:tabs-overflow-menu": "node scripts/check-tabs-overflow-menu.mjs",
     "check:button-icon-xs": "node scripts/check-button-icon-xs.mjs",
     "check:timeline-title-fill": "node scripts/check-timeline-title-fill.mjs",
     "check:descriptions-label-value-step": "node scripts/check-descriptions-label-value-step.mjs",
     "check:frame-contracts": "pnpm check:component-api-manifest && pnpm audit:component-cases && pnpm check:frame-coverage && pnpm check:frame-coverage-ledger && pnpm check:screen-reader-evidence && pnpm check:data-entry-owner-source && pnpm check:display-runtime-evidence",
     "check:final-touch-rtl": "node scripts/check-final-touch-rtl.mjs",
-    "check:frame-runtime": "pnpm check:data-entry-frame-runtime && pnpm check:data-entry-touch-aria && pnpm check:layout-nav-frames && pnpm check:provider-feedback-query-runtime && pnpm check:layout-nav-closure && pnpm check:final-touch-rtl && pnpm check:data-table-pagination-wrap && pnpm check:button-icon-xs && pnpm check:timeline-title-fill && pnpm check:descriptions-label-value-step",
-    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:frame-coverage && pnpm test",
-    "verify:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:token-scale-bypass && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm check:visual-audit && pnpm test",
+    "check:frame-runtime": "pnpm check:data-entry-frame-runtime && pnpm check:data-entry-touch-aria && pnpm check:layout-nav-frames && pnpm check:provider-feedback-query-runtime && pnpm check:layout-nav-closure && pnpm check:final-touch-rtl && pnpm check:data-table-pagination-wrap && pnpm check:data-table-overflow && pnpm check:app-shell-narrow-grid && pnpm check:choice-hit-target && pnpm check:segmented-wrap && pnpm check:tabs-overflow-menu && pnpm check:button-icon-xs && pnpm check:timeline-title-fill && pnpm check:descriptions-label-value-step",
+    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:frame-coverage && pnpm test",
+    "verify:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:token-scale-bypass && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm check:visual-audit && pnpm test",
     "verify:ci": "pnpm verify:ci:static && pnpm check:frame-contracts && pnpm test",
-    "verify:ci:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:registry && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:no-antd-runtime && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:gate-coverage && pnpm check:mcp-prop-sync && pnpm check:catalog-contradictions",
-    "verify:browser": "pnpm check:contrast && pnpm check:text-ink-clip && pnpm check:visual-audit",
-    "verify:release": "pnpm verify:static && pnpm check:frame-contracts && pnpm check:frame-coverage && pnpm check:frame-axe",
+    "verify:ci:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:registry && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:no-antd-runtime && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:gate-coverage && pnpm check:mcp-prop-sync && pnpm check:catalog-contradictions && pnpm check:catalog-snippets",
+    "verify:browser": "pnpm check:contrast && pnpm check:text-ink-clip && pnpm check:font-fallback-metrics && pnpm check:visual-audit",
+    "verify:release": "pnpm verify:static && pnpm check:frame-contracts && pnpm check:frame-coverage",
     "verify:publish-tree": "pnpm build && pnpm check:packed-public-contract && pnpm check:use-client && pnpm check:dist-tokens-resolve",
     "check:release-plan": "node scripts/check-release-command-plan.mjs",
     "check:packed-public-contract": "node scripts/check-packed-public-contract.mjs",
@@ -383,6 +372,7 @@
     "check:no-hardcoded-geometry": "node scripts/check-no-hardcoded-geometry.mjs",
     "check:no-external-assets": "node scripts/check-no-external-assets.mjs",
     "check:no-hardcoded-css-values": "node scripts/check-no-hardcoded-css-values.mjs",
+    "check:disclosure-duplication": "node scripts/check-disclosure-duplication.mjs",
     "check:no-inline-magic-numbers": "node scripts/check-no-inline-magic-numbers.mjs",
     "check:no-tailwind-class-assertions": "node scripts/check-no-tailwind-class-assertions.mjs",
     "check:control-sizing": "node scripts/check-control-sizing.mjs",
@@ -390,6 +380,7 @@
     "check:typography": "node scripts/check-typography.mjs",
     "gen:component-tokens": "node scripts/gen-component-tokens.mjs",
     "check:no-antd-runtime": "node scripts/check-no-antd-runtime.mjs",
+    "check:radix-surface": "node scripts/check-radix-surface.mjs",
     "gen:email-tokens": "node scripts/gen-email-tokens.mjs",
     "check:core-isolation": "node scripts/check-core-isolation.mjs",
     "check:no-consumer-coupling": "node scripts/check-no-consumer-coupling.mjs",
@@ -408,19 +399,18 @@
     "check:gate-coverage": "node scripts/check-gate-coverage.mjs",
     "check:contrast": "node scripts/check-contrast.mjs",
     "check:text-ink-clip": "node scripts/check-text-ink-clip.mjs",
+    "check:font-fallback-metrics": "node scripts/check-font-fallback-metrics.mjs",
     "visual-audit": "node scripts/visual-audit.mjs",
     "check:visual-audit": "node scripts/visual-audit-smoke.mjs",
-    "check:frame-axe": "node scripts/check-frame-axe.mjs",
     "check:frame-geometry": "node scripts/frame-geometry.mjs",
     "postinstall": "node scripts/postinstall.mjs",
     "init-agent": "node scripts/init-agent-kit.mjs",
-    "check:use-client": "node scripts/check-use-client.mjs"
+    "check:use-client": "node scripts/check-use-client.mjs",
+    "check:catalog-snippets": "node scripts/audit-catalog-snippets.mjs"
   },
   "peerDependencies": {
-    "@axe-core/playwright": "*",
     "@hookform/resolvers": "^5.2.0",
     "@tanstack/react-query": ">=5.0.0",
-    "axe-core": "*",
     "playwright": "*",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
@@ -436,44 +426,12 @@
     },
     "playwright": {
       "optional": true
-    },
-    "@axe-core/playwright": {
-      "optional": true
-    },
-    "axe-core": {
-      "optional": true
     }
   },
   "dependencies": {
     "@date-fns/tz": "^1.5.0",
     "@fontsource/m-plus-2": "^5.3.0",
     "@fontsource/noto-sans-jp": "^5.3.0",
-    "@radix-ui/react-accordion": "^1.2.20",
-    "@radix-ui/react-alert-dialog": "^1.1.23",
-    "@radix-ui/react-aspect-ratio": "^1.1.15",
-    "@radix-ui/react-avatar": "^1.2.6",
-    "@radix-ui/react-checkbox": "^1.3.11",
-    "@radix-ui/react-collapsible": "^1.1.20",
-    "@radix-ui/react-context": "^1.2.2",
-    "@radix-ui/react-context-menu": "^2.3.7",
-    "@radix-ui/react-dialog": "^1.1.23",
-    "@radix-ui/react-dropdown-menu": "^2.1.24",
-    "@radix-ui/react-hover-card": "^1.1.23",
-    "@radix-ui/react-label": "^2.1.15",
-    "@radix-ui/react-menubar": "^1.1.24",
-    "@radix-ui/react-navigation-menu": "^1.2.22",
-    "@radix-ui/react-popover": "^1.1.23",
-    "@radix-ui/react-radio-group": "^1.4.7",
-    "@radix-ui/react-scroll-area": "^1.2.18",
-    "@radix-ui/react-select": "^2.3.7",
-    "@radix-ui/react-separator": "^1.1.15",
-    "@radix-ui/react-slider": "^1.4.7",
-    "@radix-ui/react-slot": "^1.3.3",
-    "@radix-ui/react-switch": "^1.3.7",
-    "@radix-ui/react-tabs": "^1.1.21",
-    "@radix-ui/react-toggle": "^1.1.18",
-    "@radix-ui/react-toggle-group": "^1.1.19",
-    "@radix-ui/react-tooltip": "^1.2.16",
     "@react-aria/utils": "^3.34.1",
     "@tanstack/react-table": "^9.2.4",
     "class-variance-authority": "^0.7.1",
@@ -495,9 +453,17 @@
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.13.0",
     "@eslint/js": "^10.0.1",
     "@hookform/resolvers": "^5.9.1",
+    "@radix-ui/react-accordion": "^1.2.20",
+    "@radix-ui/react-avatar": "^1.2.6",
+    "@radix-ui/react-collapsible": "^1.1.20",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-separator": "^1.1.15",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@radix-ui/react-toggle": "^1.1.18",
+    "@radix-ui/react-toggle-group": "^1.1.19",
     "@tailwindcss/vite": "^4.3.3",
     "@tanstack/react-query": "^5.102.8",
     "@testing-library/jest-dom": "^7.0.1",
@@ -509,7 +475,6 @@
     "@types/react-dom": "^19.2.5",
     "@vitejs/plugin-react": "^6.1.1",
     "@vitest/coverage-v8": "^4.1.11",
-    "axe-core": "^4.13.0",
     "eslint": "^10.9.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
@@ -532,7 +497,6 @@
     "typescript-eslint": "^8.68.0",
     "vite": "^8.2.2",
     "vitest": "^4.1.11",
-    "vitest-axe": "1.0.0-pre.5",
     "zod": "^4.5.4"
   },
   "bin": {

package/scripts/ui-audit.mjs

@@ -33,7 +33,20 @@ const PALETTE =
  * Emoji in product text — Unicode "Extended_Pictographic" set (UTS #51). Catches
  * ✅🎉🔥🚀 etc. but NOT typographic punctuation (· — × ✓), which have their own rules.
  */
-const EMOJI = /\p{Extended_Pictographic}/u;
+/*
+ * EMOJI — pictographs, but NOT the three typographic marks that happen to carry the property.
+ *
+ * `\p{Extended_Pictographic}` includes U+00A9 ©, U+00AE ® and U+2122 ™. All three are
+ * `Emoji_Presentation=No`: they default to TEXT presentation, they have been in typography since
+ * long before emoji existed, and none of the reasons in this rule's message applies to them — a
+ * copyright line does not "break on Win/Linux" and does not pollute an accessible name. The
+ * catalog's own CenteredShell recipe was flagged for the `©` in its footer, which is unavoidable
+ * product copy, and every consumer with a footer would be flagged for the same thing.
+ *
+ * Followed by U+FE0F they are asking for emoji presentation on purpose, and then they ARE emoji —
+ * so that spelling is still caught.
+ */
+const EMOJI = /[\u00A9\u00AE\u2122]\uFE0F|(?![\u00A9\u00AE\u2122])\p{Extended_Pictographic}/u;
 /** Regional-indicator pairs = emoji flags (🇯🇵) — broken on Win/Linux; use Intl.DisplayNames. */
 const EMOJI_FLAG = /\p{Regional_Indicator}/u;
 
@@ -147,7 +160,7 @@ const RULES = [
     spansElement: true,
     // Only the tone-driven status components (Badge/Tag/StatCard) are wrong here — they expose a
     // `tone` prop and reserve `variant` for STRUCTURE (default|secondary|outline). Button, Alert,
-    // DropdownMenuItem, ContextMenuItem, AlertDialog etc. legitimately use `variant` for emphasis,
+    // DropdownMenuItem, AlertDialog etc. legitimately use `variant` for emphasis,
     // so they must NOT be flagged.
     test: new RegExp(
       `<(?:Badge|Tag|StatCard)\\b${ATTRS}\\bvariant=["'](?:success|warning|destructive|info|neutral)["']`,
@@ -169,7 +182,7 @@ const RULES = [
     spansElement: true,
     test: new RegExp(
       "<(?:Checkbox\\.Group|Upload|Cascader|TreeSelect|Transfer|Select|SearchSelect|DatePicker|" +
-        `DateRangePicker|TimePicker|ColorPicker|LocalePicker|TimezonePicker|DateFormatPicker|TimeFormatPicker)\\b${ATTRS}\\bonChange=`,
+        `TimePicker|ColorPicker|LocalePicker|TimezonePicker|DateFormatPicker|TimeFormatPicker)\\b${ATTRS}\\bonChange=`,
       "g",
     ),
     message:
@@ -729,8 +742,8 @@ const CARD_FLUSH = new RegExp(
 // legitimately, so they are NOT matched. Whole-file pass (the pair spans lines).
 const BARE_FIELD = new RegExp(
   `<(?:label|Label)\\b${ATTRS}>[\\s\\S]{0,240}?</(?:label|Label)>\\s*` +
-    "<(?:Input|Select|Textarea|NumberInput|SearchInput|SearchSelect|DatePicker|DateRangePicker|" +
-    "TimePicker|MonthPicker|MonthRangePicker|Cascader|TreeSelect|input)\\b",
+    "<(?:Input|Select|Textarea|NumberInput|SearchInput|SearchSelect|DatePicker|" +
+    "TimePicker|Cascader|TreeSelect|input)\\b",
   "g",
 );
 

package/scripts/visual-audit-rules.mjs

@@ -7,13 +7,6 @@
 
 /** Catalog (agent-facing mirror lives in mcp/src/data/visual-rules.ts; kept in sync by a guard). */
 export const VISUAL_RULES = [
-  {
-    id: "axe-violations",
-    severity: "warn",
-    category: "a11y",
-    standard: "WCAG 2.2 A/AA · WAI-ARIA 1.2 (axe-core engine)",
-    fix: "Fix each axe violation at its node — contrast (1.4.3), name/role/value (4.1.2), ARIA, landmarks. axe runs on the REAL DOM, catching what static analysis cannot.",
-  },
   {
     id: "target-size-min",
     severity: "warn",

package/scripts/visual-audit.mjs

@@ -23,8 +23,6 @@ import {
  */
 export const TESTED_VERSIONS = {
   playwright: { range: ">=1.55 <2", tested: "1.61.1" },
-  "@axe-core/playwright": { range: ">=4.10 <5", tested: "4.12.1" },
-  "axe-core": { range: ">=4.10 <5", tested: "4.12.1" },
 };
 
 /** Shape one product finding from a rule id (pure — unit-tested without a browser). */
@@ -138,9 +136,7 @@ function collectInPage() {
     // SPACING exception: undersized is allowed when a 24px-DIAMETER circle centred on the target
     // does not intersect the circle of any other target. Two circles of radius 12 intersect when
     // their centres are closer than 24px, so that is the whole test.
-    const crowded = rawTargets.some(
-      (o) => o !== t && Math.hypot(o.cx - t.cx, o.cy - t.cy) < 24,
-    );
+    const crowded = rawTargets.some((o) => o !== t && Math.hypot(o.cx - t.cx, o.cy - t.cy) < 24);
     return { ...t, exempt: crowded ? null : "spacing" };
   });
 
@@ -278,18 +274,13 @@ function collectInPage() {
 /** Optional-peer loader — throws a tagged bootstrap error instead of a raw stack. */
 async function loadDeps() {
   try {
-    const [{ chromium }, axe] = await Promise.all([
-      import("playwright"),
-      import("@axe-core/playwright"),
-    ]);
-    return { chromium, AxeBuilder: axe.default ?? axe.AxeBuilder };
+    const { chromium } = await import("playwright");
+    return { chromium };
   } catch (cause) {
-    const err = new Error(
-      "visual-audit needs the optional peers `playwright` and `@axe-core/playwright`",
-    );
+    const err = new Error("visual-audit needs the optional peer `playwright`");
     err.bootstrap = true;
     err.hint =
-      "pnpm add -D playwright @axe-core/playwright && pnpm exec playwright install chromium " +
+      "pnpm add -D playwright && pnpm exec playwright install chromium " +
       "(or set PLAYWRIGHT_CHROMIUM_EXECUTABLE to a system Chromium).";
     err.cause = cause;
     throw err;
@@ -301,7 +292,7 @@ async function loadDeps() {
  * (page/context/browser) is guaranteed via finally on BOTH success and failure.
  */
 /* c8 ignore start — the browser-driving glue; exercised by scripts/visual-audit-smoke.mjs in CI. */
-async function audit(targets, { chromium, AxeBuilder }) {
+async function audit(targets, { chromium }) {
   const findings = [];
   const errors = [];
   let browser;
@@ -331,18 +322,6 @@ async function audit(targets, { chromium, AxeBuilder }) {
       }
 
       try {
-        // 1) axe-core — real WCAG/ARIA engine.
-        const { violations } = await new AxeBuilder({ page }).analyze();
-        for (const v of violations) {
-          findings.push(
-            buildFinding(
-              "axe-violations",
-              url,
-              `${v.id} (${v.impact}) — ${v.help} [${v.nodes.length} node(s)] ${v.helpUrl}`,
-            ),
-          );
-        }
-
         // 2) computed-style / layout heuristics via the PURE rules.
         const m = await page.evaluate(collectInPage);
         for (const a of m.accents) {

package/dist/components/data-entry/date-range-picker.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import type { DateRangePickerProp } from "../../props/components/data-entry.prop.js";
-export type { DateRangePickerProp, DateRangePickerProp as DateRangePickerProps, } from "../../props/components/data-entry.prop.js";
-/**
- * DateRangePicker — WAI-ARIA date-range combobox rendered as ONE input-styled control
- * (the established RangePicker convention): `[ from → to  ✕ 📅 ]`. The two inner fields stay
- * real, typeable ISO `yyyy-MM-dd` inputs (form-submittable via `${name}_from` /
- * `${name}_to`, screen-reader friendly, e2e-testable by filling either input); the
- * range calendar is the visual affordance.
- */
-export declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, showToday, showClose, fromDate, toDate, disabledDate, cellRender, allowClear, format, parseFormat, minDate, maxDate, showWeek, presets, needConfirm, allowEmpty, order, open: openProp, defaultOpen, onOpenChange, inputReadOnly, preserveInvalidOnBlur, placement, renderExtraFooter, size, status, variant, ref, ...ariaProps }: DateRangePickerProp): React.JSX.Element;