@godxjp/ui 14.0.1 → 15.0.0

package/dist/components/layout/topbar.d.ts

@@ -4,12 +4,12 @@ export type { TopbarProp, TopbarProp as TopbarProps } from "../../props/componen
  * Topbar — a PURE SLOT bar. It positions three clusters (`start` / `center` / `end`) and owns the
  * bar's flex layout; it does NOT bake any chrome. There is no built-in product switcher, search
  * box, notification bell, or language picker — the CONSUMER composes those from real primitives
- * (brand `Logo`, a `Button` search trigger, `AppSettingPicker` for locale/theme, a `DropdownMenu`
- * user menu) and drops them into a slot. Whether a control is icon-only, labelled, bordered, etc.
- * is that control's OWN configuration — never the shell's to dictate.
+ * (a brand mark `Avatar`, a `Button` search trigger, `AppSettingPicker` for locale/theme, a
+ * `DropdownMenu` user menu) and drops them into a slot. Whether a control is icon-only, labelled,
+ * bordered, etc. is that control's OWN configuration — never the shell's to dictate.
  *
  *   <Topbar
- *     start={<><SidebarToggle /><Logo label="…" /></>}
+ *     start={<><SidebarToggle /><Avatar className="rounded-md"><AvatarFallback>C</AvatarFallback></Avatar></>}
  *     center={<Button variant="outline" onClick={openSearch}><Search />検索</Button>}
  *     end={<><AppSettingPicker kind="locale" /><UserMenu /></>}
  *   />

package/dist/props/components/layout.prop.d.ts

@@ -105,13 +105,13 @@ export type SidebarProp = {
 };
 /**
  * @see Topbar — a PURE SLOT bar (no baked chrome). The library only positions three clusters; the
- * CONSUMER decides what goes in each (brand `Logo`, sidebar toggle, nav, a search trigger, settings
+ * CONSUMER decides what goes in each (a brand mark `Avatar`, sidebar toggle, nav, a search trigger, settings
  * pickers like `AppSettingPicker`, a notification button, a user menu). The shell never forces a
  * product switcher, a search box, or a language picker — those are the consumer's components,
  * configured via THEIR own props and dropped into a slot.
  */
 export type TopbarProp = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
-    /** Inline-start cluster — typically the sidebar toggle + brand `Logo` + primary nav. */
+    /** Inline-start cluster — typically the sidebar toggle + a brand mark (`Avatar`) + primary nav. */
     start?: ReactNode;
     /** Center cluster — optional (e.g. a search trigger or a page/entity switcher). */
     center?: ReactNode;

package/dist/props/vocabulary/data.prop.d.ts

@@ -18,6 +18,12 @@ export type ColumnDefProp<T> = {
     width?: string;
     align?: ColumnAlignProp;
     hiddenOnMobile?: boolean;
+    /**
+     * List this column in DataTable.ViewOptions (the column show/hide "set view"
+     * menu). Defaults to true; set false to keep a column always visible (e.g. a
+     * primary key or a pinned actions column).
+     */
+    enableHiding?: boolean;
     /**
      * Pin the column to the inline-end edge so it stays visible while the rest of
      * the table scrolls horizontally — the standard home for a row-actions column.

package/dist/tokens/base.css

@@ -15,6 +15,5 @@
 @import "./components/navigation.css";
 @import "./components/data-display.css";
 @import "./components/list-row.css";
-@import "./components/logo.css";
 @import "./components/data-entry.css";
 @import "./components/shell.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "14.0.1",
+  "version": "15.0.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
@@ -54,10 +54,6 @@
       "types": "./dist/components/query/index.d.ts",
       "import": "./dist/components/query/index.js"
     },
-    "./data-grid": {
-      "types": "./dist/components/data-grid/index.d.ts",
-      "import": "./dist/components/data-grid/index.js"
-    },
     "./charts": {
       "types": "./dist/components/charts/index.d.ts",
       "import": "./dist/components/charts/index.js"
@@ -269,6 +265,7 @@
   },
   "scripts": {
     "typecheck": "tsc --noEmit -p tsconfig.json",
+    "typecheck:docs": "tsc --noEmit -p tsconfig.docs.json",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "format": "prettier --check .",
@@ -278,7 +275,7 @@
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",
     "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm test",
-    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm test",
     "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
     "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
     "check:mcp-prop-sync": "node scripts/check-mcp-prop-sync.mjs",
@@ -307,7 +304,6 @@
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.0",
     "@tanstack/react-query": ">=5.0.0",
-    "@tanstack/react-table": ">=8.0.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-hook-form": "^7.76.0",
@@ -320,9 +316,6 @@
     "axe-core": "*"
   },
   "peerDependenciesMeta": {
-    "@tanstack/react-table": {
-      "optional": true
-    },
     "recharts": {
       "optional": true
     },
@@ -338,6 +331,7 @@
   },
   "dependencies": {
     "@date-fns/tz": "^1.5.0",
+    "@tanstack/react-table": "^8.21.3",
     "@fontsource/m-plus-2": "^5.2.9",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
@@ -385,7 +379,6 @@
     "@hookform/resolvers": "^5.2.2",
     "@tailwindcss/vite": "^4.2.4",
     "@tanstack/react-query": "^5.100.9",
-    "@tanstack/react-table": "^8.21.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",

package/scripts/ui-audit.mjs

@@ -387,8 +387,13 @@ function walk(dir, acc = []) {
     const full = join(dir, name);
     const st = statSync(full);
     if (st.isDirectory()) {
+      // Test/story dirs are not product UI — never hold them to the UI-standardization rules.
+      if (name === "__tests__" || name === "node_modules") continue;
       walk(full, acc);
-    } else if (name.endsWith(".tsx") || name.endsWith(".ts")) {
+    } else if (
+      (name.endsWith(".tsx") || name.endsWith(".ts")) &&
+      !/\.(test|spec|stories)\.tsx?$/.test(name)
+    ) {
       acc.push(full);
     }
   }

package/dist/components/data-grid/data-grid.d.ts

@@ -1,67 +0,0 @@
-import * as React from "react";
-import { type ColumnDef, type ColumnFiltersState, type OnChangeFn, type PaginationState, type RowSelectionState, type RowData, type SortingState, type VisibilityState } from "@tanstack/react-table";
-import type { TableDensityProp } from "../../props/vocabulary";
-export type DataGridDensity = TableDensityProp;
-export type { ColumnDef } from "@tanstack/react-table";
-declare module "@tanstack/react-table" {
-    interface ColumnMeta<TData extends RowData, TValue> {
-        label?: React.ReactNode;
-    }
-}
-export interface DataGridProps<T> {
-    columns: ColumnDef<T, unknown>[];
-    data: T[];
-    getRowId?: (row: T) => string;
-    /** Stable id key when getRowId is omitted (defaults to "id"). */
-    rowIdKey?: keyof T & string;
-    sorting?: SortingState;
-    onSortingChange?: OnChangeFn<SortingState>;
-    columnFilters?: ColumnFiltersState;
-    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
-    globalFilter?: string;
-    onGlobalFilterChange?: OnChangeFn<string>;
-    pagination?: PaginationState;
-    onPaginationChange?: OnChangeFn<PaginationState>;
-    /** Total server row count (manual pagination) — drives the page count. */
-    rowCount?: number;
-    rowSelection?: RowSelectionState;
-    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
-    enableRowSelection?: boolean;
-    columnVisibility?: VisibilityState;
-    onColumnVisibilityChange?: OnChangeFn<VisibilityState>;
-    manualSorting?: boolean;
-    manualFiltering?: boolean;
-    manualPagination?: boolean;
-    density?: DataGridDensity;
-    onDensityChange?: (d: DataGridDensity) => void;
-    loading?: boolean;
-    empty?: React.ReactNode;
-    onRowClick?: (row: T) => void;
-    className?: string;
-    children?: React.ReactNode;
-}
-interface DataGridComponent {
-    <T>(props: DataGridProps<T>): React.ReactElement;
-    Toolbar: React.FC<{
-        children?: React.ReactNode;
-        className?: string;
-    }>;
-    Search: React.FC<{
-        placeholder?: string;
-        className?: string;
-    }>;
-    ViewOptions: React.FC<{
-        className?: string;
-    }>;
-    BulkActions: React.FC<{
-        children: (count: number) => React.ReactNode;
-    }>;
-    DensityToggle: React.FC;
-    Content: React.FC;
-    Pagination: React.FC<{
-        pageSizeOptions?: number[];
-        className?: string;
-    }>;
-    displayName?: string;
-}
-export declare const DataGrid: DataGridComponent;

package/dist/components/data-grid/data-grid.js

@@ -1,402 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import {
-  flexRender,
-  getCoreRowModel,
-  getFilteredRowModel,
-  getPaginationRowModel,
-  getSortedRowModel,
-  useReactTable
-} from "@tanstack/react-table";
-import {
-  ArrowDown,
-  ArrowUp,
-  ChevronLeft,
-  ChevronRight,
-  ChevronsUpDown,
-  Layers,
-  Layers2,
-  SlidersHorizontal
-} from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
-import { cn } from "../../lib/utils";
-import { densityClass } from "../../lib/variants";
-import { tableCellPaddingClass, tableRowHeightClass } from "../../lib/control-styles";
-import { Flex } from "../layout/flex";
-import { Button } from "../general/button";
-import { Checkbox } from "../data-entry/checkbox";
-import { SearchInput } from "../data-entry/search-input";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "../data-entry/select";
-import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "../navigation/dropdown-menu";
-import { EmptyState } from "../data-display/empty-state";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "../data-display/table";
-const DataGridContext = React.createContext(null);
-function useDataGrid() {
-  const ctx = React.useContext(DataGridContext);
-  if (!ctx) throw new Error("DataGrid.* must be used inside <DataGrid>");
-  return ctx;
-}
-const DataGrid = function DataGridRoot({
-  columns,
-  data,
-  getRowId,
-  rowIdKey = "id",
-  sorting,
-  onSortingChange,
-  columnFilters,
-  onColumnFiltersChange,
-  globalFilter,
-  onGlobalFilterChange,
-  pagination,
-  onPaginationChange,
-  rowCount,
-  rowSelection,
-  onRowSelectionChange,
-  enableRowSelection = false,
-  columnVisibility: columnVisibilityProp,
-  onColumnVisibilityChange,
-  manualSorting = true,
-  manualFiltering = true,
-  manualPagination = true,
-  density: densityProp,
-  onDensityChange,
-  loading = false,
-  empty,
-  onRowClick,
-  className,
-  children
-}) {
-  const [internalDensity, setInternalDensity] = React.useState("comfortable");
-  const density = densityProp ?? internalDensity;
-  const setDensity = (d) => {
-    if (!densityProp) setInternalDensity(d);
-    onDensityChange?.(d);
-  };
-  const [internalSorting, setInternalSorting] = React.useState([]);
-  const [internalFilters, setInternalFilters] = React.useState([]);
-  const [internalGlobal, setInternalGlobal] = React.useState("");
-  const [internalPagination, setInternalPagination] = React.useState({
-    pageIndex: 0,
-    pageSize: 10
-  });
-  const [internalSelection, setInternalSelection] = React.useState({});
-  const [internalVisibility, setInternalVisibility] = React.useState({});
-  const resolveRowId = React.useCallback(
-    (row) => getRowId ? getRowId(row) : String(row[rowIdKey]),
-    [getRowId, rowIdKey]
-  );
-  const table = useReactTable({
-    data,
-    columns,
-    getRowId: resolveRowId,
-    getCoreRowModel: getCoreRowModel(),
-    ...manualSorting ? {} : { getSortedRowModel: getSortedRowModel() },
-    ...manualFiltering ? {} : { getFilteredRowModel: getFilteredRowModel() },
-    ...manualPagination ? {} : { getPaginationRowModel: getPaginationRowModel() },
-    manualSorting,
-    manualFiltering,
-    manualPagination,
-    rowCount,
-    enableRowSelection,
-    state: {
-      sorting: sorting ?? internalSorting,
-      columnFilters: columnFilters ?? internalFilters,
-      globalFilter: globalFilter ?? internalGlobal,
-      pagination: pagination ?? internalPagination,
-      rowSelection: rowSelection ?? internalSelection,
-      columnVisibility: columnVisibilityProp ?? internalVisibility
-    },
-    onSortingChange: onSortingChange ?? setInternalSorting,
-    onColumnFiltersChange: onColumnFiltersChange ?? setInternalFilters,
-    onGlobalFilterChange: onGlobalFilterChange ?? setInternalGlobal,
-    onPaginationChange: onPaginationChange ?? setInternalPagination,
-    onRowSelectionChange: onRowSelectionChange ?? setInternalSelection,
-    onColumnVisibilityChange: onColumnVisibilityChange ?? setInternalVisibility
-  });
-  const ctx = {
-    table,
-    density,
-    setDensity,
-    loading,
-    empty,
-    onRowClick
-  };
-  return /* @__PURE__ */ jsx(DataGridContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "ui-data-table-root",
-        densityClass[density === "compact" ? "compact" : "comfortable"],
-        className
-      ),
-      children: children ?? /* @__PURE__ */ jsx(DataGrid.Content, {})
-    }
-  ) });
-};
-DataGrid.displayName = "DataGrid";
-DataGrid.Toolbar = function DataGridToolbar({ children, className }) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "row",
-      align: "center",
-      justify: "between",
-      gap: "sm",
-      wrap: true,
-      className: cn("ui-data-table-toolbar", className),
-      children
-    }
-  );
-};
-DataGrid.Toolbar.displayName = "DataGrid.Toolbar";
-DataGrid.Search = function DataGridSearch({ placeholder, className }) {
-  const { table } = useDataGrid();
-  const { t } = useTranslation();
-  const value = table.getState().globalFilter ?? "";
-  return /* @__PURE__ */ jsx(
-    SearchInput,
-    {
-      value,
-      onValueChange: (q) => table.setGlobalFilter(q),
-      onSearch: (q) => table.setGlobalFilter(q),
-      placeholder: placeholder ?? t("dataGrid.searchPlaceholder"),
-      ariaLabel: t("dataGrid.search"),
-      className
-    }
-  );
-};
-DataGrid.Search.displayName = "DataGrid.Search";
-DataGrid.ViewOptions = function DataGridViewOptions({ className }) {
-  const { table } = useDataGrid();
-  const { t } = useTranslation();
-  const hideable = table.getAllLeafColumns().filter((c) => c.getCanHide());
-  if (hideable.length === 0) return null;
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className, children: [
-      /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4 shrink-0", "aria-hidden": "true" }),
-      t("dataGrid.view")
-    ] }) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("dataGrid.toggleColumns") }),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      hideable.map((column) => /* @__PURE__ */ jsx(
-        DropdownMenuCheckboxItem,
-        {
-          checked: column.getIsVisible(),
-          onCheckedChange: (v) => column.toggleVisibility(!!v),
-          children: columnLabel(column)
-        },
-        column.id
-      ))
-    ] })
-  ] });
-};
-DataGrid.ViewOptions.displayName = "DataGrid.ViewOptions";
-function columnLabel(column) {
-  const meta = column.columnDef.meta;
-  if (meta?.label) return meta.label;
-  if (typeof column.columnDef.header === "string") return column.columnDef.header;
-  return column.id;
-}
-DataGrid.BulkActions = function DataGridBulkActions({ children }) {
-  const { table } = useDataGrid();
-  const count = table.getSelectedRowModel().rows.length;
-  if (count === 0) return null;
-  return /* @__PURE__ */ jsx(Flex, { direction: "row", align: "center", gap: "sm", children: children(count) });
-};
-DataGrid.BulkActions.displayName = "DataGrid.BulkActions";
-DataGrid.DensityToggle = function DataGridDensityToggle() {
-  const { density, setDensity } = useDataGrid();
-  const { t } = useTranslation();
-  const next = density === "compact" ? "comfortable" : "compact";
-  const Icon = density === "compact" ? Layers : Layers2;
-  const nextLabel = next === "compact" ? t("dataTable.densityCompact") : t("dataTable.densityComfortable");
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      onClick: () => setDensity(next),
-      "aria-label": t("dataTable.densitySwitch", { density: nextLabel }),
-      children: [
-        /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
-        density === "compact" ? t("dataTable.densityCompact") : t("dataTable.densityComfortable")
-      ]
-    }
-  );
-};
-DataGrid.DensityToggle.displayName = "DataGrid.DensityToggle";
-DataGrid.Content = function DataGridContent() {
-  const { table, loading, empty, onRowClick } = useDataGrid();
-  const { t } = useTranslation();
-  const leafCount = table.getVisibleLeafColumns().length;
-  const enableSelection = table.options.enableRowSelection;
-  const colSpan = leafCount + (enableSelection ? 1 : 0);
-  const isInteractive = (target) => !!target.closest("button, a, input, select, textarea, [role=menuitem], [role=checkbox]");
-  return /* @__PURE__ */ jsx("div", { className: "ui-data-table-scroll", "aria-busy": loading, children: /* @__PURE__ */ jsx("div", { className: "ui-data-table-surface min-w-[640px] sm:min-w-0", children: /* @__PURE__ */ jsxs(Table, { children: [
-    /* @__PURE__ */ jsx(TableHeader, { className: "bg-secondary sticky top-0 z-10", children: table.getHeaderGroups().map((hg) => /* @__PURE__ */ jsxs(TableRow, { children: [
-      enableSelection && /* @__PURE__ */ jsx(TableHead, { className: "w-10", children: /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          checked: table.getIsAllPageRowsSelected() ? true : table.getIsSomePageRowsSelected() ? "indeterminate" : false,
-          onCheckedChange: (v) => table.toggleAllPageRowsSelected(!!v),
-          "aria-label": t("dataTable.selectAll")
-        }
-      ) }),
-      hg.headers.map((header) => {
-        const canSort = header.column.getCanSort();
-        const sorted = header.column.getIsSorted();
-        return /* @__PURE__ */ jsx(
-          TableHead,
-          {
-            "aria-sort": canSort ? sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none" : void 0,
-            className: cn(canSort && "select-none"),
-            children: header.isPlaceholder ? null : canSort ? /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                className: "ui-data-table-sort-button focus-visible:ring-ring inline-flex items-center gap-1 rounded-sm focus-visible:ring-2",
-                onClick: header.column.getToggleSortingHandler(),
-                children: [
-                  flexRender(header.column.columnDef.header, header.getContext()),
-                  sorted === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "size-3", "aria-hidden": "true" }) : sorted === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(
-                    ChevronsUpDown,
-                    {
-                      className: "text-muted-foreground size-3",
-                      "aria-hidden": "true"
-                    }
-                  )
-                ]
-              }
-            ) : flexRender(header.column.columnDef.header, header.getContext())
-          },
-          header.id
-        );
-      })
-    ] }, hg.id)) }),
-    /* @__PURE__ */ jsx(TableBody, { children: loading ? /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "h-32 text-center", "aria-live": "polite", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("dataTable.loading") }) }) }) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "ui-data-table-empty", "aria-live": "polite", children: empty ?? /* @__PURE__ */ jsx(EmptyState, { title: t("dataTable.empty") }) }) }) : table.getRowModel().rows.map((row) => {
-      const selected = row.getIsSelected();
-      return /* @__PURE__ */ jsxs(
-        TableRow,
-        {
-          "data-state": selected ? "selected" : void 0,
-          tabIndex: onRowClick ? 0 : void 0,
-          onClick: (e) => {
-            if (isInteractive(e.target)) return;
-            onRowClick?.(row.original);
-          },
-          onKeyDown: onRowClick ? (e) => {
-            if (e.key !== "Enter" && e.key !== " ") return;
-            if (e.target !== e.currentTarget) return;
-            e.preventDefault();
-            onRowClick(row.original);
-          } : void 0,
-          className: cn(
-            tableRowHeightClass,
-            onRowClick && "hover:bg-muted/50 focus-visible:ring-ring cursor-pointer focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset",
-            selected && "bg-muted/30"
-          ),
-          children: [
-            enableSelection && /* @__PURE__ */ jsx(TableCell, { className: tableCellPaddingClass, children: /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                checked: selected,
-                onCheckedChange: (v) => row.toggleSelected(!!v),
-                "aria-label": t("dataTable.selectRow", { id: row.id }),
-                onClick: (e) => e.stopPropagation()
-              }
-            ) }),
-            row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: tableCellPaddingClass, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
-          ]
-        },
-        row.id
-      );
-    }) })
-  ] }) }) });
-};
-DataGrid.Content.displayName = "DataGrid.Content";
-DataGrid.Pagination = function DataGridPagination({
-  pageSizeOptions = [10, 20, 50, 100],
-  className
-}) {
-  const { table } = useDataGrid();
-  const { t } = useTranslation();
-  const { pageIndex, pageSize } = table.getState().pagination;
-  const pageCount = table.getPageCount();
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      direction: "row",
-      align: "center",
-      justify: "between",
-      gap: "md",
-      wrap: true,
-      className: cn("ui-data-table-pagination", className),
-      children: [
-        /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", gap: "sm", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("dataGrid.rowsPerPage") }),
-          /* @__PURE__ */ jsxs(
-            Select,
-            {
-              value: String(pageSize),
-              onValueChange: (v) => table.setPageSize(Number(v)),
-              children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", "aria-label": t("dataGrid.rowsPerPage"), className: "tabular-nums", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx(SelectItem, { value: String(n), className: "tabular-nums", children: n }, n)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", gap: "sm", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm tabular-nums", children: t("dataGrid.pageOf", { page: pageIndex + 1, total: Math.max(1, pageCount) }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              disabled: !table.getCanPreviousPage(),
-              onClick: () => table.previousPage(),
-              "aria-label": t("common.previous") ?? "Previous",
-              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              disabled: !table.getCanNextPage(),
-              onClick: () => table.nextPage(),
-              "aria-label": t("common.next") ?? "Next",
-              children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-DataGrid.Pagination.displayName = "DataGrid.Pagination";
-export {
-  DataGrid
-};

package/dist/components/data-grid/index.d.ts

@@ -1,2 +0,0 @@
-export { DataGrid } from "./data-grid";
-export type { DataGridProps, DataGridDensity, ColumnDef } from "./data-grid";

package/dist/components/data-grid/index.js

@@ -1,4 +0,0 @@
-import { DataGrid } from "./data-grid";
-export {
-  DataGrid
-};

package/dist/components/general/logo.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-import type { ShapeProp } from "../../props/vocabulary";
-declare const logoVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    shape?: "default" | "pill" | "sharp" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface LogoProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
-    /**
-     * Accessible product name. When set, the mark exposes `role="img"` + `aria-label` (use this when
-     * the Logo IS the accessible name — e.g. a home link). When omitted the mark is `aria-hidden`
-     * (decorative — assume an adjacent wordmark provides the name).
-     */
-    label?: string;
-    /** Box size — maps to the square size scale. Default `md`. */
-    size?: "xs" | "sm" | "md" | "lg";
-    /** Corner shape — `default` (--logo-radius) · `pill` (fully rounded) · `sharp` (square). */
-    shape?: ShapeProp;
-    /** The mark — a short lettermark string (default `"G"`) or a custom SVG/image node. */
-    glyph?: React.ReactNode;
-}
-/**
- * Logo — the product brand-mark primitive. Use it INSTEAD of a hand-rolled
- * `<span className="flex size-[2rem] rounded-md bg-primary font-bold …">g</span>` (typography-on-span,
- * literal size/radius — cardinal rules #42/#46). Renders the lettermark (or a custom SVG) in a
- * tokenized box that a service rethemes via `--primary` (fill) and `--logo-radius` (corner).
- */
-export declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLSpanElement>>;
-export { logoVariants };