@godxjp/ui 22.0.0 → 23.1.0

package/docs/navigation/dropdown-menu.tsx

@@ -21,8 +21,9 @@ import {
 import { MoreHorizontal } from "lucide-react";
 
 /**
- * DropdownMenu — Radix dropdown. Compose root/Trigger(asChild)/Content/Item/Separator.
+ * DropdownMenu — react-aria dropdown. Compose root/Trigger(asChild)/Content/Item/Separator.
  * Use asChild on Trigger so a godx-ui Button is the real trigger (no double-button).
+ * `trigger` picks the gestures (click / hover / contextMenu) — antd's own prop.
  * Composed only from real @godxjp/ui components.
  */
 export default function Demo() {
@@ -34,7 +35,7 @@ export default function Demo() {
   return (
     <PageContainer
       title="DropdownMenu"
-      subtitle="Radix dropdown · Trigger asChild + Content + Item/Separator/Sub"
+      subtitle="trigger: click / hover / contextMenu · Trigger asChild + Content + Item/Separator/Sub"
     >
       <Flex direction="col" gap="lg">
         <Card>
@@ -69,12 +70,11 @@ export default function Demo() {
             </CardDescription>
           </CardHeader>
           <CardContent>
-            <Flex direction="row" align="center" gap="md">
+            <Flex direction="row" align="center" gap="md" wrap>
               <Text>JE-0042 · 売上計上 ¥480,000</Text>
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
-                  {/* data-axe-open: opened by check-frame-axe before its overlay scan. */}
-                  <Button data-axe-open variant="ghost" size="icon-sm" aria-label="行アクション">
+                  <Button variant="ghost" size="icon-sm" aria-label="行アクション">
                     <MoreHorizontal />
                   </Button>
                 </DropdownMenuTrigger>
@@ -90,6 +90,77 @@ export default function Demo() {
           </CardContent>
         </Card>
 
+        {/* antd `trigger` — which gestures open the menu */}
+        <Card>
+          <CardHeader>
+            <CardTitle level={2}>trigger · 右クリック（コンテキストメニュー）</CardTitle>
+            <CardDescription>
+              trigger={"{"}[&quot;contextMenu&quot;]{"}"} は右クリックの位置にメニューを開き、
+              ブラウザ標準のメニューを抑止する。左クリックでは開かない。キーボードからは Shift+F10
+              または ContextMenu キーで開く（トリガーにフォーカスしてから）。専用の ContextMenu
+              コンポーネントは v23 で廃止され、これがその置き換え。
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Flex direction="row" align="center" gap="md" wrap>
+              <DropdownMenu trigger={["contextMenu"]}>
+                <DropdownMenuTrigger asChild>
+                  <Button variant="outline">仕訳 JE-0042 を右クリック</Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent>
+                  <DropdownMenuItem>編集</DropdownMenuItem>
+                  <DropdownMenuItem>複製</DropdownMenuItem>
+                  <DropdownMenuSeparator />
+                  <DropdownMenuItem variant="destructive">削除</DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            </Flex>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle level={2}>trigger · ホバーで開く</CardTitle>
+            <CardDescription>
+              trigger={"{"}[&quot;hover&quot;]{"}"} はポインタが乗ると mouseEnterDelay（既定 0.15
+              秒）後に開き、離れると mouseLeaveDelay（既定 0.1
+              秒）後に閉じる。トリガーとメニューの間の隙間を渡れるよう、閉じるのは取り消せる予約。
+              ホバーでフォーカスは移動せず、キーボードでは Enter / Space / ↓
+              で開くので、ポインタ専用にはならない。
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Flex direction="row" align="center" gap="md" wrap>
+              <DropdownMenu trigger={["hover"]}>
+                <DropdownMenuTrigger asChild>
+                  <Button variant="outline">エクスポート</Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent>
+                  <DropdownMenuItem>CSV</DropdownMenuItem>
+                  <DropdownMenuItem>PDF</DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+              <DropdownMenu trigger={["click", "contextMenu"]}>
+                <DropdownMenuTrigger asChild>
+                  <Button variant="outline">クリックでも右クリックでも</Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent>
+                  <DropdownMenuItem>編集</DropdownMenuItem>
+                  <DropdownMenuItem>複製</DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+              <DropdownMenu disabled>
+                <DropdownMenuTrigger asChild>
+                  <Button variant="outline">無効（disabled）</Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent>
+                  <DropdownMenuItem>編集</DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            </Flex>
+          </CardContent>
+        </Card>
+
         {/* Status quick-change with RadioGroup */}
         <Card>
           <CardHeader>
@@ -100,7 +171,7 @@ export default function Demo() {
             </CardDescription>
           </CardHeader>
           <CardContent>
-            <Flex direction="row" align="center" gap="md">
+            <Flex direction="row" align="center" gap="md" wrap>
               <span className="text-sm">
                 現在のステータス:{" "}
                 <strong>

package/docs/navigation/tabs.tsx

@@ -46,6 +46,56 @@ const journalItems = [
   },
 ];
 
+/**
+ * A 設定 screen shaped like the one gh#502 was filed from: a vertical strip beside a panel whose
+ * content does NOT collapse below about 200px (an action row of two buttons). That min-content is
+ * what starved the strip — measured at 393px before the fold, the strip was 8px wide with 0px of
+ * tab in it. `pnpm check:frame-geometry` sweeps this frame at 320/375/390 and fails on the inline
+ * overflow it produced; a demo whose panel holds one short paragraph proves nothing, because a
+ * paragraph's min-content is one character wide.
+ */
+const settingItems = [
+  {
+    value: "general",
+    label: "基本設定",
+    content: (
+      <Flex direction="col" gap="sm">
+        <Text as="p">表示名・タイムゾーン・言語。</Text>
+        <Flex gap="sm">
+          <Button variant="outline">変更を破棄</Button>
+          <Button>保存する</Button>
+        </Flex>
+      </Flex>
+    ),
+  },
+  {
+    value: "members",
+    label: "メンバー",
+    content: (
+      <Flex direction="col" gap="sm">
+        <Text as="p">招待済 8 名 · 管理者 2 名。</Text>
+        <Flex gap="sm">
+          <Button variant="outline">権限を見る</Button>
+          <Button>招待する</Button>
+        </Flex>
+      </Flex>
+    ),
+  },
+  {
+    value: "billing",
+    label: "請求",
+    content: (
+      <Flex direction="col" gap="sm">
+        <Text as="p">次回請求日 2026年10月1日。</Text>
+        <Flex gap="sm">
+          <Button variant="outline">履歴を見る</Button>
+          <Button>支払方法</Button>
+        </Flex>
+      </Flex>
+    ),
+  },
+];
+
 /**
  * 20 saved views with real Japanese labels — a strip that is wider than 1920px, so it overflows at
  * EVERY width the browser gates sweep. `scripts/check-tabs-overflow-menu.mjs` measures this frame;
@@ -553,6 +603,28 @@ export default function Demo() {
             </Flex>
           </CardContent>
         </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle level={2}>tabPlacement=&quot;start&quot; · 狭い画面での折り返し</CardTitle>
+            <CardDescription>
+              縦のタブ列はパネルと同じインライン軸を共有するので、パネルの min-content
+              が画面の大半を占めると列が 0px
+              まで潰れ、開いているタブ以外へ行く手段が消える(gh#502)。
+              --tabs-placement-responsive-breakpoint-width(48rem)以下では start / end を top /
+              bottom へ折り返す。ロービングフォーカスの軸も一緒に切り替わる。
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Tabs
+              id="antd-start-narrow"
+              defaultValue="general"
+              variant="line"
+              tabPlacement="start"
+              items={settingItems}
+            />
+          </CardContent>
+        </Card>
       </Flex>
     </PageContainer>
   );

package/docs/roadmap/ai-chat-components.md

@@ -4,7 +4,7 @@
 > **Naming:** when a component's identity is unclear, look it up at
 > <https://namethatui.com/?platform=web> before inventing a name.
 > **Contract:** `.claude/skills/godxjp-ui-component/SKILL.md` is the hard gate — MCP-first, real
-> primitives only, `t()` + `Intl`, WAI-ARIA APG + WCAG 2.2 AA + vitest-axe, logical CSS, controlled
+> primitives only, `t()` + `Intl`, WAI-ARIA APG + WCAG 2.2 AA, logical CSS, controlled
 > vocabulary, semantic tokens, MCP catalog entry, real-screen docs page.
 
 The library has **zero** chat/AI components today (verified against `mcp/src/data/components.ts` —
@@ -187,7 +187,6 @@ Every component in the build set ships **all** of:
    `check:token-tiers`; control boxes come from the `--control-height` tier.
 4. Keys in `src/i18n/messages/en.json`, `vi.json`, `ja.json` — all three, no exceptions.
 5. Tests in `src/components/<group>/__tests__/`: a behavior test using `@testing-library/user-event`
-   **and** a `<name>.a11y.test.tsx` with `expectNoA11yViolations` at **0 violations**.
 6. An `mcp/src/data/components.ts` entry (props / usage / useCases / related / example / rules) —
    `check:mcp-sync` and `check:mcp-orphans` must pass.
 7. A real-screen docs page under `docs/<group>/` (AppShell + PageContainer + real primitives), not

package/docs/roadmap/parity-audit-data-entry.md

@@ -1,6 +1,12 @@
 # Ant Design parity — `data-entry` group
 
 > Audit pass, read-only, 2026-09-10. Method and ledger format: `antd-parity.md` §0 / §2.
+> **Cập nhật 11/09/2026 — `Select` (§2.1).** Chủ dự án yêu cầu Select bám sát Ant Design 6, nên
+> nhiều dòng `WONT-PORT` / `COVERED-ELSEWHERE` bên dưới ĐÃ BỊ ĐẢO và nay là `PRESENT`. Lý do cũ
+> không sai về kỹ thuật; nó chỉ không còn là quyết định hiện hành. Hai dòng KHÔNG đảo, và vì sao:
+> `variant: "underlined"` (docs/DESIGN-AUTHORITY.md nêu đích danh: SmartHR vẽ ô kín — đó là quyết
+> định của design authority, không phải của bản kiểm này) và `virtual` (vẫn thiếu — xem dòng của nó).
+>
 > Skipped by instruction: `TreeSelect`, `Segmented`, `TagInput` chip rendering, everything chat-shaped
 > (`ChatComposer`, `ChatSuggestion`). 45 catalog entries carry `group: "data-entry"`.
 
@@ -31,8 +37,9 @@ The five that matter, in order:
 3. **No option-list virtualization anywhere in `src/`** (`grep -rl 'virtual\|useVirtualizer\|react-window\|@tanstack/react-virtual' src/` → nothing).
    antd `Select virtual` is on by default; a 5 000-row `Select`/`Cascader` here renders 5 000 DOM
    nodes. Same root cause as the missing `List` in `list-masonry.md`. **P1.**
-4. **`Slider` never exposes a formatted value to assistive tech** — `tooltip.formatter` paints an
-   `aria-hidden` bubble and no `aria-valuetext`, so a ¥/%/件 slider announces a bare number. **P1 a11y.**
+4. ~~**`Slider` never exposes a formatted value to assistive tech.**~~ CLOSED — `tooltip.formatter`
+   is now also the thumb's `aria-valuetext` (`slider.tsx`, `slider-antd.test.tsx`), landed with the
+   move to react-aria-components.
 5. **`ColorPicker` is a native `<input type="color">` + hex box** and is the one control in the group
    with no `size`/`status`/`variant`/`allowClear`/`readOnly`, and no `presets`. It cannot express a
    brand palette, which is the ordinary enterprise use. **P1.**
@@ -65,24 +72,24 @@ divergence was from the component beside them. They were merged into `DatePicker
 
 `src/props/components/data-entry.prop.ts:941-1142`, `src/components/data-entry/search-select.tsx`.
 
-| Ant Design prop / behaviour                                                    | Status              | Evidence                                                                                                                                                      | Verdict                                                                                                                                                       |
-| ------------------------------------------------------------------------------ | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `virtual` — virtualized option list (default ON in antd)                       | `MISSING`           | `grep -rl "virtual\|useVirtualizer\|react-window\|@tanstack/react-virtual" src/` → no files                                                                   | Add `virtual?: boolean` + a windowed list. Shared work with `List` (`list-masonry.md`) — do it once.                                                          |
-| `fieldNames` — map `{label,value,options}` onto foreign row shapes             | `MISSING`           | `grep -n fieldNames src/props/components/data-entry.prop.ts` → only `:1281` (Cascader), `:1362` (TreeSelect)                                                  | Add `fieldNames?: TreeFieldNamesProp`-shaped sibling. The spelling already exists on two neighbours; a Select that cannot eat `{id,name}` is the odd one out. |
-| `labelInValue` — report `{value,label}` instead of a bare value                | `COVERED-ELSEWHERE` | `onValueChange?: (value, option?)` — `:1091`, `:1110`                                                                                                         | The option already rides the callback. No second dialect.                                                                                                     |
-| `optionFilterProp` / `optionLabelProp`                                         | `COVERED-ELSEWHERE` | `filterOption` `:1012`, `labelRender` `:954`, `optionRender` `:1031`                                                                                          | Function form is strictly more expressive than a prop-name string.                                                                                            |
-| `maxTagTextLength` — truncate each chip's text                                 | `WONT-PORT`         | trigger is a `<button>` with collapsed labels, `:1096-1104`                                                                                                   | A character-count truncation is a text contract; use `maxTagCount` + `maxTagPlaceholder`, or CSS.                                                             |
-| `listHeight` — popup max height in px                                          | `WONT-PORT`         | `search-select.tsx:534` uses `collisionPadding` + available height                                                                                            | Pixel height is a design knob → token (`--select-popup-*`), cardinal rule #44.                                                                                |
-| `placement` (`bottomLeft`…)                                                    | `COVERED-ELSEWHERE` | Radix `PopoverContent` collision flip, `search-select.tsx:529-534`                                                                                            | Auto-placement beats a manual physical spelling (ground rule #4).                                                                                             |
-| `suffixIcon` / `removeIcon` / `loadingIcon`                                    | `WONT-PORT`         | `allowClear` object form already carries `clearIcon` — `src/props/vocabulary/shared.prop.ts:105`                                                              | Icon-per-slot props are a token/`allowClear` job, not four more props.                                                                                        |
-| `getPopupContainer` / `styles` / `classNames` / `popupClassName`               | `WONT-PORT`         | ground rule #4                                                                                                                                                | Inline-style twins and portal escape hatches.                                                                                                                 |
-| `tagRender` in `mode="multiple"`                                               | `WONT-PORT`         | `:1096-1104` states the reason verbatim (button-in-button)                                                                                                    | Documented refusal; `TagInput` owns `tagRender` where chips are legal.                                                                                        |
-| `onPopupScroll`                                                                | `COVERED-ELSEWHERE` | built-in infinite scroll + `renderLoadMore` `:1062`                                                                                                           |                                                                                                                                                               |
-| `defaultActiveFirstOption`                                                     | `MISSING`           | `grep -n defaultActiveFirstOption src/` → nothing                                                                                                             | P2. Add as `defaultActiveFirstOption?: boolean`; a search box that pre-highlights row 1 makes Enter a one-key pick.                                           |
-| `onInputKeyDown`                                                               | `MISSING`           | grep → nothing                                                                                                                                                | P2. Real for "Enter creates a new record" flows.                                                                                                              |
-| `maxTagCount: "responsive"`                                                    | `WONT-PORT`         | `src/props/vocabulary/shared.prop.ts:109-113` documents the refusal                                                                                           | Container queries instead. Already recorded.                                                                                                                  |
-| `variant: "underlined"`                                                        | `WONT-PORT`         | `src/props/vocabulary/interaction.prop.ts:126-130` documents the refusal                                                                                      | SmartHR draws full boxes. Already recorded.                                                                                                                   |
-| `onSelect` / `onDeselect` / `maxTagPlaceholder` **exist but are undocumented** | `MISSING` (catalog) | props at `:1093`, `:1112-1114`, `:1124`; `sed -n '5560,5990p' mcp/src/data/components.ts \| grep -n "onSelect\|onDeselect\|maxTagPlaceholder"` → **no match** | Catalog drift: three shipped props the MCP never tells a consumer about. Add three catalog rows (`godxjp-ui-mcp-catalog-sync`).                               |
+| Ant Design prop / behaviour                                                    | Status              | Evidence                                                                                                                                                      | Verdict                                                                                                                                                                                                                                                            |
+| ------------------------------------------------------------------------------ | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `virtual` — virtualized option list (default ON in antd)                       | `MISSING`           | `grep -rl "virtual\|useVirtualizer\|react-window\|@tanstack/react-virtual" src/` → no files                                                                   | Add `virtual?: boolean` + a windowed list. Shared work with `List` (`list-masonry.md`) — do it once.                                                                                                                                                               |
+| `fieldNames` — map `{label,value,options}` onto foreign row shapes             | `PRESENT`           | `SelectFieldNamesProp`; `src/lib/select-options.ts` normalises rows, groups and foreign keys into one list for both branches                                  | Done. Rows in a foreign shape need a cast at the call site, exactly as Cascader's and TreeSelect's do.                                                                                                                                                             |
+| `labelInValue` — report `{value,label}` instead of a bare value                | `PRESENT`           | `SelectLabeledValueProp`; the adapter in `select.tsx` translates it in and out                                                                                | Done. The earlier "no second dialect" ruling is REVERSED: the option riding the callback does not help the async EDIT form, which holds `{value,label}` and no option list yet. Labels that arrive on the value join the option list so the trigger can show them. |
+| `optionFilterProp`                                                             | `PRESENT`           | `SearchSelectBaseProp.optionFilterProp` + `showSearch.optionFilterProp`                                                                                       | Done. The function form is still more expressive, but naming one field is the two-word answer to the common case. `optionLabelProp` stays COVERED-ELSEWHERE (`labelRender`).                                                                                       |
+| `maxTagTextLength` — truncate each chip's text                                 | `PRESENT`           | `chipLabel()` in `search-select.tsx`; test `select-antd-tags.test.tsx`                                                                                        | Done. Cuts what the TRIGGER shows; the value keeps its whole label.                                                                                                                                                                                                |
+| `listHeight` — popup max height in px                                          | `PRESENT`           | writes `--select-content-max-height` / `--search-select-list-max-height` inline                                                                               | Done, and it does NOT break rule #44: the height stays a token, and `listHeight` overrides that token for one instance — the same shape `popupMatchSelectWidth`'s number already had.                                                                              |
+| `placement` (`bottomLeft`…)                                                    | `PRESENT`           | `SelectPlacementProp` — `bottomStart` / `bottomEnd` / `topStart` / `topEnd`                                                                                   | Done, spelled LOGICALLY (the DESIGN-AUTHORITY override antd's physical names get everywhere else). Auto-placement with collision flipping is still the default.                                                                                                    |
+| `suffixIcon` / `prefix`                                                        | `PRESENT`           | both branches; `suffixIcon={null}` removes the indicator (antd's own replacement for `showArrow`)                                                             | Done. `removeIcon` / `loadingIcon` stay WONT-PORT: `allowClear`'s object form already carries an icon, and the spinner is a token.                                                                                                                                 |
+| `getPopupContainer` / `styles` / `classNames` / `popupClassName`               | `WONT-PORT`         | ground rule #4                                                                                                                                                | Inline-style twins and portal escape hatches.                                                                                                                                                                                                                      |
+| `tagRender` in `mode="multiple"`                                               | `WONT-PORT`         | `:1096-1104` states the reason verbatim (button-in-button)                                                                                                    | Documented refusal; `TagInput` owns `tagRender` where chips are legal.                                                                                                                                                                                             |
+| `onPopupScroll`                                                                | `PRESENT`           | fires BESIDE the built-in infinite scroll, never instead of it                                                                                                | Done. The built-in pagination and `renderLoadMore` remain the reason most call sites need neither.                                                                                                                                                                 |
+| `defaultActiveFirstOption`                                                     | `MISSING`           | `grep -n defaultActiveFirstOption src/` → nothing                                                                                                             | P2. Add as `defaultActiveFirstOption?: boolean`; a search box that pre-highlights row 1 makes Enter a one-key pick.                                                                                                                                                |
+| `onInputKeyDown`                                                               | `MISSING`           | grep → nothing                                                                                                                                                | P2. Real for "Enter creates a new record" flows.                                                                                                                                                                                                                   |
+| `maxTagCount: "responsive"`                                                    | `WONT-PORT`         | `src/props/vocabulary/shared.prop.ts:109-113` documents the refusal                                                                                           | Container queries instead. Already recorded.                                                                                                                                                                                                                       |
+| `variant: "underlined"`                                                        | `WONT-PORT`         | `src/props/vocabulary/interaction.prop.ts:126-130` documents the refusal                                                                                      | SmartHR draws full boxes. Already recorded.                                                                                                                                                                                                                        |
+| `onSelect` / `onDeselect` / `maxTagPlaceholder` **exist but are undocumented** | `MISSING` (catalog) | props at `:1093`, `:1112-1114`, `:1124`; `sed -n '5560,5990p' mcp/src/data/components.ts \| grep -n "onSelect\|onDeselect\|maxTagPlaceholder"` → **no match** | Catalog drift: three shipped props the MCP never tells a consumer about. Add three catalog rows (`godxjp-ui-mcp-catalog-sync`).                                                                                                                                    |
 
 ### 2.2 `Cascader` — `CascaderProp` `src/props/components/data-entry.prop.ts:1253-1330`
 
@@ -108,18 +115,23 @@ divergence was from the component beside them. They were merged into `DatePicker
 | `onPressEnter`                                                                           | `COVERED-ELSEWHERE`    | commit-on-Enter is already the behaviour, `:237`                                                                                                                                                                                                                                                                                      |                                                                                                                                                                                                                                                                                                                             |
 | `decimalSeparator` as an explicit prop                                                   | `WONT-PORT`            | should follow the locale, not a prop                                                                                                                                                                                                                                                                                                  | Fixing the round-trip above removes the need.                                                                                                                                                                                                                                                                               |
 
-### 2.4 `Slider` — `SliderProp` `:547-568` · `src/components/data-entry/slider.tsx`
+### 2.4 `Slider` — `SliderProp` · `src/components/data-entry/slider.tsx`
 
-| Ant Design prop / behaviour                                                                      | Status               | Evidence                                                                                                                                         | Verdict                                                                                                                                      |
-| ------------------------------------------------------------------------------------------------ | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
-| **`aria-valuetext` mirroring `tooltip.formatter`** (rc-slider `ariaValueTextFormatterForHandle`) | `MISSING` — **a11y** | `tooltipContent` returns the bare number `slider.tsx:33,35`; the bubble is `aria-hidden` `:152`; the `Thumb` `:138-157` sets no `aria-valuetext` | **P1.** A `¥50,000` / `3 件` slider announces "50000". Feed the resolved `tooltip.formatter` (or `Intl.NumberFormat`) into `aria-valuetext`. |
-| default tooltip / mark text is not `Intl`-formatted                                              | `MISSING` — i18n     | `tooltipContent` `:33` returns `value` verbatim; no `Intl.NumberFormat` in the file                                                              | P2 (same fix as the row above).                                                                                                              |
-| `onChangeComplete`                                                                               | `RENAMED`            | Radix `onValueCommit`, inherited via `React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>` `:547`                                        | No work. Record both names in the catalog.                                                                                                   |
-| `vertical`                                                                                       | `RENAMED`            | Radix `orientation="vertical"`, `slider.tsx:55,88,112`                                                                                           | No work.                                                                                                                                     |
-| `reverse`                                                                                        | `PRESENT` (aliased)  | `inverted ?? reverse`, `slider.tsx:115`                                                                                                          |                                                                                                                                              |
-| `keyboard: false`                                                                                | `WONT-PORT`          | —                                                                                                                                                | Removing keyboard operation from a `role="slider"` fails WCAG 2.1.1.                                                                         |
-| `range: { draggableTrack }` — drag the whole span                                                | `MISSING`            | grep `draggableTrack` → nothing; Radix has no equivalent                                                                                         | P2.                                                                                                                                          |
-| `tooltip.placement` / `getPopupContainer` / `autoAdjustOverflow`                                 | `WONT-PORT`          | ground rule #4                                                                                                                                   | Token + collision-aware positioning.                                                                                                         |
+CLOSED. `Slider` moved to `react-aria-components` and took the antd 6 API with it, so every row
+this table used to hold is now either `PRESENT` or a recorded non-port:
+
+| Ant Design prop / behaviour                                              | Status                                                                                                    |
+| ------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------- |
+| `aria-valuetext` mirroring `tooltip.formatter`                           | `PRESENT` — a string/number `formatter` result is written onto the thumb's input                          |
+| `value`/`defaultValue`/`onChange`/`onChangeComplete` as antd spells them | `PRESENT` — the Radix-era `number[]` + `onValueChange`/`onValueCommit` spelling still compiles            |
+| `step={null}`, `marks` object form, `dots`, `included`, `vertical`       | `PRESENT`                                                                                                 |
+| `range: { editable, minCount, maxCount, draggableTrack }`                | `PRESENT`                                                                                                 |
+| `disabled` as `boolean[]`                                                | `PRESENT`                                                                                                 |
+| `tooltip.placement` / `autoAdjustOverflow`                               | `PRESENT` — logical sides, flip measured against the thumb's rect                                         |
+| `tooltip.getPopupContainer`                                              | `WONT-PORT` — the bubble lives inside the thumb; nothing is portalled, so there is no container to choose |
+| `keyboard: false`                                                        | `WONT-PORT` — removing keyboard operation from a `role="slider"` fails WCAG 2.1.1                         |
+| `classNames` / `styles` semantic slots                                   | `WONT-PORT` — docs/WHAT-BELONGS-HERE.md, "lỗ kiểu dáng tự do"                                             |
+| default tooltip text is not `Intl`-formatted                             | `MISSING` — P2, unchanged: pass `tooltip.formatter` for ¥/%/件                                            |
 
 ### 2.5 `ColorPicker` — `ColorPickerProp` `:893-908` · `src/components/data-entry/color-picker.tsx` (114 lines)
 
@@ -281,7 +293,6 @@ Present: `count` (+ the legacy `max`), `allowHalf`, `allowClear`, `character` (n
 
 | #   | Component             | Gap                                                                                                                         | Cite                                                                                 |
 | --- | --------------------- | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
-| 3   | `Slider`              | No `aria-valuetext`; `tooltip.formatter` paints an `aria-hidden` bubble only. Formatted sliders announce a bare number.     | `slider.tsx:33,138-157`                                                              |
 | 4   | `Select` / `Cascader` | No list virtualization anywhere in `src/` (antd `virtual` is on by default).                                                | `grep -rl "virtual\|useVirtualizer\|react-window\|@tanstack/react-virtual" src/` → ∅ |
 | 5   | `ColorPicker`         | No `presets`, and the only control in the group with no `size`/`status`/`variant`.                                          | `data-entry.prop.ts:893-908`                                                         |
 | 6   | `PasswordStrength`    | `role="img"` on a value meter instead of `role="meter"` + `aria-valuenow`.                                                  | `password-strength.tsx:74-76`                                                        |
@@ -300,7 +311,7 @@ Present: `count` (+ the legacy `max`), `allowHalf`, `allowClear`, `character` (n
 `Select`: `defaultActiveFirstOption`, `onInputKeyDown`. ·
 `Cascader`: `Cascader.Panel`. ·
 `NumberInput`: `onStep`. ·
-`Slider`: `Intl`-formatted default tooltip, `draggableTrack`. ·
+`Slider`: `Intl`-formatted default tooltip (`draggableTrack` has landed). ·
 `ColorPicker`: `allowClear`+`onClear`, `readOnly`, `format`/`defaultFormat`/`onFormatChange`. ·
 `DatePicker`: `mode`+`onPanelChange`, `onOk`, `maxTagCount` for `multiple`, `format` as an
 array of accepted inputs, and — with `range` — `separator` (token) and `onCalendarChange`. ·