@godxjp/ui-mcp 14.0.1 → 15.0.0

package/dist/index.js

@@ -275,7 +275,7 @@ import { StatCard } from "@godxjp/ui/data-display";
       {
         name: "logo",
         type: "ReactNode",
-        description: "Logo at the far-left of the auto-built topbar rail."
+        description: "Brand mark at the far-left of the auto-built topbar rail (e.g. an Avatar)."
       },
       {
         name: "sidebarCollapsed",
@@ -488,7 +488,7 @@ export default function Shell() {
         name: "start",
         type: "ReactNode",
         defaultValue: "undefined",
-        description: "Inline-start cluster \u2014 typically the sidebar toggle (a `Button` with a `PanelLeftClose` icon), the brand `Logo`, and primary nav."
+        description: "Inline-start cluster \u2014 typically the sidebar toggle (a `Button` with a `PanelLeftClose` icon), the brand mark (an `Avatar`), and primary nav."
       },
       {
         name: "center",
@@ -515,25 +515,26 @@ export default function Shell() {
       }
     ],
     usage: [
-      "DO compose the bar yourself: brand `Logo` + sidebar toggle in `start`, a search trigger in `center`, settings pickers + notifications + user menu in `end`. The shell only positions; it never decides WHICH controls exist.",
+      "DO compose the bar yourself: a brand mark (an `Avatar`) + sidebar toggle in `start`, a search trigger in `center`, settings pickers + notifications + user menu in `end`. The shell only positions; it never decides WHICH controls exist.",
       'DO build the sidebar toggle as a `Button variant="ghost" size="icon-sm"` with a `PanelLeftClose`/`PanelLeftOpen` icon and your own `t()` aria-label, wired to AppShell\'s `sidebarCollapsed`. There is no baked toggle.',
       "DO put a locale/theme switcher in `end` using `AppSettingPicker` (or your own control) \u2014 icon-only vs labelled, bordered vs not, is THAT component's prop, not Topbar's. Topbar does not ship or force a language picker.",
       "DON'T look for `product`/`project`/`onSearchOpen`/`onNotificationsOpen`/`collapsed` props \u2014 they were removed. A chrome control only exists if YOU put it in a slot, so there is never a dead dropdown / empty search with nothing behind it.",
       "DO render Topbar inside `AppShell`'s `topbar` slot (or any `<header>`). For a non-three-cluster layout, pass `children` and lay it out yourself."
     ],
     useCases: [
-      "Admin shell: `start` = sidebar toggle + Logo + an entity switcher (`DropdownMenu` around a `Button`); `center` = a `Button` search trigger; `end` = `AppSettingPicker` (locale) + a notifications `Button` + a user `DropdownMenu`.",
-      "Minimal shell (no search, no notifications): pass only `start` (Logo) and `end` (user menu). Nothing else renders \u2014 no empty chrome.",
+      "Admin shell: `start` = sidebar toggle + brand mark (`Avatar`) + an entity switcher (`DropdownMenu` around a `Button`); `center` = a `Button` search trigger; `end` = `AppSettingPicker` (locale) + a notifications `Button` + a user `DropdownMenu`.",
+      "Minimal shell (no search, no notifications): pass only `start` (brand mark) and `end` (user menu). Nothing else renders \u2014 no empty chrome.",
       "Marketing / docs header: pass `children` with a fully custom flex layout when the three-cluster model doesn't fit."
     ],
     related: [
       "AppShell \u2014 place Topbar in its `topbar` slot. AppShell also exposes its own `logo`/`topbarLeft`/`topbarRight` slots if you don't want a separate Topbar at all.",
-      "Logo \u2014 the brand mark for the `start` slot.",
+      'Avatar \u2014 the brand mark for the `start` slot (use `className="rounded-md"` for a square-ish product glyph).',
       "AppSettingPicker \u2014 locale/theme/timezone/currency picker; the consumer drops it into `end`. Its appearance (icon-only, labelled, bordered) is configured on IT, not on Topbar.",
       "DropdownMenu \u2014 wrap a `Button` to build an entity switcher or user menu yourself, then place it in a slot."
     ],
     example: `import { Topbar, AppShell } from "@godxjp/ui/layout";
-import { Logo, Button } from "@godxjp/ui/general";
+import { Button } from "@godxjp/ui/general";
+import { Avatar, AvatarFallback } from "@godxjp/ui/data-display";
 import { AppSettingPicker } from "@godxjp/ui/navigation";
 import { PanelLeftClose, Search } from "lucide-react";
 
@@ -547,7 +548,9 @@ import { PanelLeftClose, Search } from "lucide-react";
           <Button variant="ghost" size="icon-sm" aria-label={t("toggleSidebar")} onClick={toggle}>
             <PanelLeftClose />
           </Button>
-          <Logo label="CoreBooks" />
+          <Avatar className="rounded-md">
+            <AvatarFallback className="bg-primary text-primary-foreground font-bold">C</AvatarFallback>
+          </Avatar>
         </>
       }
       center={
@@ -864,68 +867,11 @@ import { Trash2 } from "lucide-react";
 <Heading level={2}>\u8ACB\u6C42\u66F8\u4E00\u89A7</Heading>
 <Heading level={3} tone="muted">\u88DC\u8DB3\u30BB\u30AF\u30B7\u30E7\u30F3</Heading>`
   },
-  {
-    name: "Logo",
-    group: "general",
-    tagline: 'Product brand-mark \u2014 the lettermark (or custom SVG) in a tokenized box. Use instead of a hand-rolled `<span className="flex size-8 rounded-md bg-primary font-bold">g</span>` (typography-on-span, literal size/radius).',
-    props: [
-      {
-        name: "glyph",
-        type: "ReactNode",
-        defaultValue: '"G"',
-        description: "The mark \u2014 a short lettermark string or a custom SVG/image node."
-      },
-      {
-        name: "label",
-        type: "string",
-        description: 'Accessible product name. When set the mark exposes `role="img"` + `aria-label` (use when the Logo IS the accessible name, e.g. a home link). Omitted \u2192 the mark is `aria-hidden` (decorative; an adjacent wordmark names it).'
-      },
-      {
-        name: "size",
-        type: '"xs" | "sm" | "md" | "lg"',
-        defaultValue: '"md"',
-        description: "Square box size (24 / 28 / 32 / 40). Size comes from the prop, never a literal."
-      },
-      {
-        name: "shape",
-        type: '"default" | "pill" | "sharp"',
-        defaultValue: '"default"',
-        description: "Corner shape \u2014 `default` (--logo-radius, a service knob), `pill` (fully rounded), `sharp` (square)."
-      }
-    ],
-    usage: [
-      "DO use Logo for the product glyph in a topbar, sidebar header, or auth shell instead of hand-rolling a styled `<span>`/`<div>` with a literal size + radius + bg (cardinal rules #42/#46).",
-      "DO pass `label` when the mark is the only branding AND acts as the accessible name (e.g. wrapped in a home link); omit it when a wordmark sits beside it (then the mark is decorative `aria-hidden`).",
-      "DO retheme via tokens \u2014 brand fill follows `--primary`; a service squares/rounds the corner globally via `--logo-radius`. DON'T override size/radius with a raw className.",
-      "DON'T put body copy in Logo \u2014 it is a brand mark (bold lettermark / SVG), not a Text/Heading substitute."
-    ],
-    useCases: [
-      'Topbar / sidebar header brand mark next to a wordmark: `<Logo /> <Text weight="bold">GoDX</Text>`.',
-      'Auth shell (sign-in card) centered product mark with an accessible name: `<Logo size="lg" label="GoDX" />`.',
-      'A home link in an app shell where the logo IS the link label: `<a href="/"><Logo label="GoDX \u30DB\u30FC\u30E0" /></a>`.'
-    ],
-    related: [
-      "Avatar \u2014 for a USER/person image or initials; Logo is for the PRODUCT/brand mark.",
-      "Text / Heading \u2014 for the wordmark or any real copy beside the mark; Logo never holds prose."
-    ],
-    example: `import { Logo, Text } from "@godxjp/ui/general";
-
-// Topbar lettermark + wordmark
-<span className="inline-flex items-center gap-2">
-  <Logo />
-  <Text weight="bold">GoDX</Text>
-</span>
-
-// Auth shell, the mark is the accessible name
-<Logo size="lg" label="GoDX" />`,
-    storyPath: "general/Logo.stories.tsx",
-    rules: [42, 46]
-  },
   // ─── data-display ───────────────────────────────────────────────────────
   {
     name: "DataTable",
     group: "data-display",
-    tagline: "Compound admin list component with sticky header, sorting, bulk selection, cursor pagination, and built-in empty/loading states \u2014 never hand-roll a data.length===0 guard around it.",
+    tagline: "The one TanStack-powered compound admin list \u2014 sticky header, sorting, global search, column visibility ('set view'), bulk selection, BOTH cursor and numbered pagination, density, and built-in empty/loading states. Keep the SIMPLE `data` + lean `columns` (ColumnDef) API for the common case; opt into the full grid chrome via the compound parts. Internally driven by @tanstack/react-table (a real dependency). Lives on @godxjp/ui/data-display only (it is NOT on the runtime-neutral root/admin barrel because it pulls TanStack). This is the single table component \u2014 the former DataGrid has been merged in and removed. Never hand-roll a data.length===0 guard around it.",
     props: [
       {
         name: "data",
@@ -937,7 +883,7 @@ import { Trash2 } from "lucide-react";
         name: "columns",
         type: "ColumnDef<T>[]",
         required: true,
-        description: "Column definitions. Each column: { key: string; header: ReactNode; render?: (row: T) => ReactNode; sortable?: boolean; width?: string; align?: 'left'|'center'|'right'; hiddenOnMobile?: boolean; pin?: 'end' }. If render is omitted, the raw value at row[key] is rendered as a string. pin:'end' sticks the column (typically row actions) to the inline-end edge on horizontal scroll with a separating shadow \u2014 pin at most one column."
+        description: "Lean column definitions (adapted to TanStack internally). Each column: { key: string; header: ReactNode; render?: (row: T) => ReactNode; sortable?: boolean; width?: string; align?: 'left'|'center'|'right'; hiddenOnMobile?: boolean; enableHiding?: boolean; pin?: 'end' }. If render is omitted, the raw value at row[key] is rendered as a string. sortable opts the column into the sort cycle (client-side by default, or server-side via sort+onSortChange). enableHiding (default true) lists the column in DataTable.ViewOptions; set false to keep a key/actions column always visible. pin:'end' sticks the column (typically row actions) to the inline-end edge on horizontal scroll with a separating shadow \u2014 pin at most one column."
       },
       {
         name: "getRowId",
@@ -997,13 +943,34 @@ import { Trash2 } from "lucide-react";
       },
       {
         name: "sort",
-        type: "{ value: string; direction: 'asc' | 'desc' }",
-        description: "Active sort state. When provided alongside onSortChange, sortable columns show directional arrow icons and are clickable. Clicking the active column twice clears sort (calls onSortChange(undefined))."
+        type: "{ key: string; direction: 'asc' | 'desc' }",
+        description: "Active sort state (controlled/server surface). When provided alongside onSortChange, sortable columns show directional arrow icons and clicking the active column twice clears sort (calls onSortChange(undefined)). Omit both sort and onSortChange to sort client-side via TanStack."
       },
       {
         name: "onSortChange",
-        type: "(sort: { value: string; direction: 'asc' | 'desc' } | undefined) => void",
-        description: "Called when a sortable column header is clicked. Receives undefined when sort is cleared (third click on same column)."
+        type: "(sort: { key: string; direction: 'asc' | 'desc' } | undefined) => void",
+        description: "Called when a sortable column header is clicked. Receives undefined when sort is cleared (third click on same column). Providing sort or onSortChange opts into the controlled (server) sort surface; omit both and the table sorts client-side via TanStack."
+      },
+      {
+        name: "globalFilter / onGlobalFilterChange",
+        type: "string / (next: string) => void",
+        description: "Global search term surfaced by DataTable.Search. Omit both for client-side filtering; pass them to drive a server query (with manualFiltering)."
+      },
+      {
+        name: "pagination / onPaginationChange / rowCount",
+        type: "{ pageIndex: number; pageSize: number } / OnChangeFn / number",
+        description: "Numbered-pagination state surfaced by DataTable.Pagination (page-size form). For server pagination pass all three (rowCount = total) with manualPagination; omit for client pagination."
+      },
+      {
+        name: "columnVisibility / onColumnVisibilityChange",
+        type: "VisibilityState / OnChangeFn<VisibilityState>",
+        description: "Column show/hide state surfaced by DataTable.ViewOptions ('set view'). Internal if omitted."
+      },
+      {
+        name: "manualSorting / manualFiltering / manualPagination",
+        type: "boolean",
+        defaultValue: "false",
+        description: "Default false so the simple data+columns case sorts/filters/paginates in-browser. Set the relevant flag true and drive the matching state from your query for server-side behaviour."
       },
       {
         name: "loading",
@@ -1024,14 +991,15 @@ import { Trash2 } from "lucide-react";
       {
         name: "children",
         type: "ReactNode",
-        description: "Compound sub-parts: DataTable.Toolbar, DataTable.BulkActions, DataTable.DensityToggle, DataTable.Pagination, DataTable.Content. If no DataTable.Content is present in children, one is auto-rendered."
+        description: "Compound sub-parts: DataTable.Toolbar, DataTable.Search (global filter), DataTable.ViewOptions (column show/hide), DataTable.SelectAll, DataTable.BulkActions (ReactNode children OR a (count)=>node render-prop), DataTable.DensityToggle, DataTable.Pagination (cursor first/next when given cursor+hasMore+onChange, else numbered page-size form), DataTable.RowActions (kebab trigger), DataTable.Content. If no DataTable.Content is present in children, one is auto-rendered."
       }
     ],
     usage: [
       "DO pass loading={isFetching} during data fetches \u2014 it renders a loading row in the table body and suppresses the empty state. Never show a spinner outside DataTable while the table is visible.",
       "DO NOT add a data.length===0 conditional around DataTable. When data is empty and loading is false, the built-in EmptyState renders automatically. Pass empty={<EmptyState title='...'/>} only when you need a custom message.",
       "DO provide getRowId when selectable is true or when rows do not have a string/number 'id' field \u2014 the default falls back to row.id and silently returns '' for missing IDs, which breaks selection.",
-      "DO use DataTable.Toolbar as the immediate child that wraps search/filter controls on the left and DataTable.DensityToggle/action buttons on the right. DataTable.BulkActions inside the toolbar auto-hides when selection count is 0.",
+      "DO use DataTable.Toolbar as the immediate child that wraps search/filter controls on the left and DataTable.DensityToggle/action buttons on the right. DataTable.BulkActions inside the toolbar auto-hides when selection count is 0; it accepts either plain ReactNode children (built-in 'N selected' status bar) or a (count)=>node render-prop (you own the whole bar).",
+      "DO reach for the grid chrome (DataTable.Search, DataTable.ViewOptions, DataTable.Pagination pageSizeOptions) when you need global search, a column 'set view' picker, or numbered pagination \u2014 these are the merged former-DataGrid features, now on the one DataTable. Drive them client-side by default; pass the matching state + manual* flag for a server query.",
       "DO use ColumnDef.render for custom cell content (Badge, Link, RowActions). For plain string/number fields render can be omitted \u2014 DataTable falls back to String(row[key]).",
       "DO NOT nest DataTable.Content in a conditional \u2014 it is already guarded internally. If you need to override the table body slot, drop exactly one <DataTable.Content /> in children; DataTable auto-detects it by displayName and skips the default."
     ],
@@ -1039,7 +1007,8 @@ import { Trash2 } from "lucide-react";
       "Admin list pages (invoices, customers, orders, accounts) where rows are clickable for detail navigation via onRowClick.",
       "Bulk-action workflows (e.g. mark invoices paid, export selected rows) \u2014 use selectable + DataTable.BulkActions to show contextual action buttons only when something is selected.",
       "Server-side sorted tables: pass sort + onSortChange and update the data prop after the API call; DataTable renders asc/desc/neutral icons on the header automatically.",
-      "Cursor-paginated lists: add DataTable.Pagination with cursor + hasMore + onChange inside children to get First/Next navigation without offset arithmetic.",
+      "Cursor-paginated lists: add DataTable.Pagination with cursor + hasMore + onChange inside children to get First/Next navigation without offset arithmetic. For page-size + numbered prev/next instead, use DataTable.Pagination with pageSizeOptions (no cursor/onChange) driven by the internal TanStack pagination.",
+      "Full grid screens (global search + column 'set view' + numbered pagination): compose DataTable.Search, DataTable.ViewOptions, DataTable.DensityToggle in the toolbar and DataTable.Pagination pageSizeOptions={[\u2026]} \u2014 client-side by default, or server-side by passing globalFilter/pagination/sort state with the matching manual* flag.",
       "Responsive admin tables where lower-priority columns (e.g. internal IDs, dates) should collapse below mobile breakpoints \u2014 set hiddenOnMobile: true on those ColumnDef entries.",
       "Loading skeletons during initial page load or filter change: set loading={true} alongside an empty data={[]} to show the loading row without flashing an empty state."
     ],
@@ -1062,10 +1031,10 @@ type Invoice = {
 };
 
 const columns: ColumnDef<Invoice>[] = [
-  { value: "id", header: "Invoice #", width: "w-32" },
-  { value: "customer", header: "Customer" },
+  { key: "id", header: "Invoice #", width: "w-32" },
+  { key: "customer", header: "Customer" },
   {
-    value: "status",
+    key: "status",
     header: "Status",
     render: (row) => (
       <Badge
@@ -1077,7 +1046,7 @@ const columns: ColumnDef<Invoice>[] = [
       </Badge>
     ),
   },
-  { value: "amount", header: "Amount", align: "right", sortable: true },
+  { key: "amount", header: "Amount", align: "right", sortable: true },
 ];
 
 export default function InvoiceList({
@@ -1088,7 +1057,7 @@ export default function InvoiceList({
   loading: boolean;
 }) {
   const [selected, setSelected] = useState<Set<string>>(new Set());
-  const [sort, setSort] = useState<{ value: string; direction: "asc" | "desc" } | undefined>();
+  const [sort, setSort] = useState<{ key: string; direction: "asc" | "desc" } | undefined>();
 
   return (
     <DataTable
@@ -1122,106 +1091,6 @@ export default function InvoiceList({
     storyPath: "data-display/DataTable.stories.tsx",
     rules: [24, 31, 35, 37]
   },
-  {
-    name: "DataGrid",
-    group: "data-display",
-    tagline: "Full-feature data grid \u2014 the TanStack Table adapter on `@godxjp/ui/data-grid` (NOT the data-display barrel). Adds column sort, global search, column visibility ('set view'), per-page + numbered pagination, row selection + bulk actions, and density over the styled Table* primitives. Defaults to SERVER/manual mode: wire sorting/columnFilters/globalFilter/pagination to your AJAX query (pass rowCount). Use DataTable instead for a lean server-driven list that must NOT pull TanStack. Requires the `@tanstack/react-table` peer dependency.",
-    props: [
-      {
-        name: "columns",
-        type: "ColumnDef<T, unknown>[]",
-        required: true,
-        description: "TanStack column definitions ({ accessorKey, header, cell, enableSorting, enableHiding, meta:{label} }). Set enableHiding:false to keep a column out of the ViewOptions menu; meta.label gives a human label there when header is JSX."
-      },
-      {
-        name: "data",
-        type: "T[]",
-        required: true,
-        description: "Row data. Empty + loading=false renders a built-in EmptyState in the body."
-      },
-      {
-        name: "getRowId",
-        type: "(row: T) => string",
-        description: "Stable row id (defaults to row[rowIdKey], rowIdKey defaults to 'id')."
-      },
-      {
-        name: "enableRowSelection",
-        type: "boolean",
-        defaultValue: "false",
-        description: "Adds a checkbox column + header select-all; pair with DataGrid.BulkActions."
-      },
-      {
-        name: "sorting / onSortingChange",
-        type: "SortingState / OnChangeFn<SortingState>",
-        description: "Server sort: pass both and sort in your query (manualSorting defaults true). Omit both for client sort."
-      },
-      {
-        name: "globalFilter / onGlobalFilterChange",
-        type: "string / OnChangeFn<string>",
-        description: "Global search term, surfaced by DataGrid.Search. Server or client like sorting."
-      },
-      {
-        name: "pagination / onPaginationChange / rowCount",
-        type: "PaginationState / OnChangeFn / number",
-        description: "Server pagination: pass pagination + onPaginationChange + rowCount (total). Omit for client pagination."
-      },
-      {
-        name: "columnVisibility / onColumnVisibilityChange",
-        type: "VisibilityState / OnChangeFn<VisibilityState>",
-        description: "Column show/hide state surfaced by DataGrid.ViewOptions ('set view'). Internal if omitted."
-      },
-      {
-        name: "manualSorting / manualFiltering / manualPagination",
-        type: "boolean",
-        defaultValue: "true",
-        description: "Default true (server/AJAX). Set false to let TanStack sort/filter/paginate in-browser."
-      },
-      {
-        name: "loading / density / onRowClick / empty",
-        type: "boolean / 'compact'|'comfortable' / (row:T)=>void / ReactNode",
-        description: "Loading row, controlled density, clickable rows, custom empty content."
-      }
-    ],
-    usage: [
-      "Import from `@godxjp/ui/data-grid` \u2014 it lives on its own subpath because it pulls @tanstack/react-table; it is NOT in the runtime-neutral root or the data-display barrel.",
-      "Compose the compound parts as children: <DataGrid.Toolbar> (holds <DataGrid.BulkActions>, <DataGrid.Search>, <DataGrid.ViewOptions>, <DataGrid.DensityToggle>), then <DataGrid.Content> (auto-included if omitted) and <DataGrid.Pagination pageSizeOptions=[...]>.",
-      "Server mode (default): drive sorting/globalFilter/pagination from useQuery and pass rowCount. Client mode: set manualSorting/manualFiltering/manualPagination={false} and the grid handles it on the data array."
-    ],
-    useCases: [
-      "Server-paginated \u4ED5\u8A33 (journal entry) or \u8ACB\u6C42 (invoice) admin list backed by an AJAX/useQuery endpoint: drive sorting + globalFilter + pagination from the query and pass rowCount \u2014 the grid never loads the whole table into the browser. (Prefer DataTable here if the screen must NOT pull @tanstack/react-table.)",
-      "Member / employee directory with a user-toggled 'set view' column picker (DataGrid.ViewOptions) \u2014 let admins hide columns like \u5165\u793E\u65E5 or \u90E8\u7F72 they don't need, persisting the columnVisibility state per user.",
-      "Bulk-operation worklist (e.g. approve/export selected \u7D4C\u8CBB\u7CBE\u7B97 rows): enableRowSelection + DataGrid.BulkActions to show a 'N\u4EF6\u9078\u629E\u4E2D' action bar with \u4E00\u62EC\u627F\u8A8D / CSV\u51FA\u529B buttons only when rows are checked.",
-      "Dense reconciliation or ledger table where operators flip between compact and comfortable row height via DataGrid.DensityToggle to fit more rows on screen during data-entry-heavy sessions.",
-      "Client-side grid for a fully-loaded small dataset (e.g. a fixed master list of \u52D8\u5B9A\u79D1\u76EE): set manualSorting/manualFiltering/manualPagination={false} so TanStack sorts, searches, and paginates in-browser without any server round-trip."
-    ],
-    related: ["DataTable", "Table", "DataState", "Select", "DropdownMenu"],
-    example: `import { DataGrid, type ColumnDef } from "@godxjp/ui/data-grid";
-import { Flex } from "@godxjp/ui/layout";
-
-type Row = { id: string; name: string; amount: number };
-const columns: ColumnDef<Row, unknown>[] = [
-  { accessorKey: "name", header: "Name", meta: { label: "Name" } },
-  { accessorKey: "amount", header: "Amount", meta: { label: "Amount" } },
-];
-
-export function Grid({ rows }: { rows: Row[] }) {
-  return (
-    <DataGrid columns={columns} data={rows} getRowId={(r) => r.id} enableRowSelection manualSorting={false} manualFiltering={false} manualPagination={false}>
-      <DataGrid.Toolbar>
-        <Flex direction="row" align="center" gap="sm" className="ms-auto">
-          <DataGrid.Search />
-          <DataGrid.ViewOptions />
-          <DataGrid.DensityToggle />
-        </Flex>
-      </DataGrid.Toolbar>
-      <DataGrid.Content />
-      <DataGrid.Pagination pageSizeOptions={[10, 20, 50]} />
-    </DataGrid>
-  );
-}`,
-    storyPath: "data-display/DataGrid.stories.tsx",
-    rules: [24, 31, 35, 37]
-  },
   {
     name: "Card",
     group: "data-display",
@@ -6857,7 +6726,7 @@ export default function PasswordBlock() {
       "DON'T hand-roll a positioned `<div>` + `onContextMenu={e => e.preventDefault()}` \u2014 the primitive already gives you keyboard navigation, focus trapping, typeahead, and WAI-ARIA menu semantics for free."
     ],
     useCases: [
-      "Right-click actions on a DataTable/DataGrid row (\u8A73\u7D30 / \u8907\u88FD / \u524A\u9664) as a power-user accelerator alongside the visible row action button.",
+      "Right-click actions on a DataTable row (\u8A73\u7D30 / \u8907\u88FD / \u524A\u9664) as a power-user accelerator alongside the visible row action button.",
       "Contextual menu on a file or document tile in an upload/asset manager (\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9 / \u540D\u524D\u5909\u66F4 / \u524A\u9664).",
       "Nested action menu with submenus and shortcuts (e.g. '\u30A8\u30AF\u30B9\u30DD\u30FC\u30C8 \u25B8 CSV / PDF') on a report card.",
       "Stateful toggles on a board/kanban card via ContextMenuCheckboxItem (e.g. \u30D4\u30F3\u7559\u3081, \u5B8C\u4E86\u3068\u3057\u3066\u30DE\u30FC\u30AF)."
@@ -8442,31 +8311,6 @@ var COMPONENT_TOKENS = [
     "value": "1px solid hsl(var(--border))",
     "description": "ListRow component tokens \u2014 a single-line entity row for short lists inside a Card * (sessions / API tokens / linked accounts / passkeys \u2026). Sits in a flush CardContent; * rows separate with a quiet divider (#44 \u2014 chrome defaults to the calm semantic border)."
   },
-  {
-    "name": "--logo-size",
-    "value": "2rem",
-    "description": "Logo (brand mark) component tokens. Box size and corner radius are knobs (#45) so a service can * match its own grid without forking the mark; brand fill follows --primary. The `size` prop picks * the step; a service retunes the steps globally here. (Not a --control-height tier \u2014 the mark is * decorative, not a density-aware interactive control.)"
-  },
-  {
-    "name": "--logo-size-xs",
-    "value": "1.5rem",
-    "description": "md"
-  },
-  {
-    "name": "--logo-size-sm",
-    "value": "1.75rem",
-    "description": "md"
-  },
-  {
-    "name": "--logo-size-lg",
-    "value": "2.5rem",
-    "description": "md"
-  },
-  {
-    "name": "--logo-radius",
-    "value": "var(--radius)",
-    "description": "md"
-  },
   {
     "name": "--pagination-gap",
     "value": "var(--space-inline-sm)",
@@ -12674,7 +12518,7 @@ ${c.example}
 // package.json
 var package_default = {
   name: "@godxjp/ui-mcp",
-  version: "14.0.1",
+  version: "15.0.0",
   description: "Model Context Protocol server for @godxjp/ui \u2014 gives Claude Code / Codex CLI / Cursor / any MCP-aware agent live access to the component catalog, prop vocabulary, design tokens, 45 cardinal rules, copy-paste-ready patterns, 12 design / taste skills synthesised from Leonxlnx/taste-skill, 20+ anti-AI-tell patterns, and a 50-check redesign audit \u2014 token-efficient (list \u2192 drill-down).",
   type: "module",
   main: "./dist/index.js",