@godxjp/ui 11.0.2 → 12.0.0

package/dist/components/data-entry/time-picker.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { q as TimePickerProp } from '../../data-entry.prop-BR4vNA1j.js';
+import { p as TimePickerProp } from '../../data-entry.prop-6J0o45se.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';

package/dist/components/data-entry/time-picker.js

@@ -1,7 +1,7 @@
-export { TimePicker } from '../../chunk-VSM44AYE.js';
+export { TimePicker } from '../../chunk-YGD4CCQC.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-M4PZNAMV.js';
 import '../../chunk-DY5C44UP.js';
-import '../../chunk-HTG5VHU7.js';
-import '../../chunk-6CSBMMZS.js';
+import '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/transfer.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { s as TransferProp } from '../../data-entry.prop-BR4vNA1j.js';
-export { r as TransferItemProp } from '../../data-entry.prop-BR4vNA1j.js';
+import { r as TransferProp } from '../../data-entry.prop-6J0o45se.js';
+export { q as TransferItemProp } from '../../data-entry.prop-6J0o45se.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';

package/dist/components/data-entry/transfer.js

@@ -1,12 +1,13 @@
-export { Transfer } from '../../chunk-2HOTP7RL.js';
-import '../../chunk-SMLKNECP.js';
+export { Transfer } from '../../chunk-JSQOCVM6.js';
+import '../../chunk-BCBK4FLV.js';
 import '../../chunk-VOHTRR5X.js';
+import '../../chunk-SMLKNECP.js';
 import '../../chunk-BE6GJGKJ.js';
 import '../../chunk-44YRPSZ7.js';
 import '../../chunk-M4PZNAMV.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-HTG5VHU7.js';
-import '../../chunk-6CSBMMZS.js';
+import '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
 import '../../chunk-LFW37FGG.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/tree-select.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { v as TreeSelectProp } from '../../data-entry.prop-BR4vNA1j.js';
+import { u as TreeSelectProp } from '../../data-entry.prop-6J0o45se.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';

package/dist/components/data-entry/tree-select.js

@@ -1,4 +1,4 @@
-export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-UNVRNJCB.js';
+export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-PO5ISUFA.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-HTEL5DQI.js';
 import '../../chunk-BE6GJGKJ.js';
@@ -8,6 +8,6 @@ import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-IBK5D2Q6.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-HTG5VHU7.js';
-import '../../chunk-6CSBMMZS.js';
+import '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/upload.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { w as UploadFileItem, U as UploadCommitAction, y as UploadProp } from '../../data-entry.prop-BR4vNA1j.js';
-export { x as UploadFileItemProp, z as UploadVariant, B as UploadVariantProp, E as collectUploadCommitActions, G as createUploadItem } from '../../data-entry.prop-BR4vNA1j.js';
+import { v as UploadFileItem, U as UploadCommitAction, x as UploadProp } from '../../data-entry.prop-6J0o45se.js';
+export { w as UploadFileItemProp, y as UploadVariant, z as UploadVariantProp, A as collectUploadCommitActions, B as createUploadItem } from '../../data-entry.prop-6J0o45se.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';

package/dist/components/data-entry/upload.js

@@ -1,11 +1,11 @@
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-FAB3LMTK.js';
-import '../../chunk-X2VY4MOW.js';
-import '../../chunk-BG5RNXTH.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-F7BEIY7S.js';
 import '../../chunk-CRERCLIZ.js';
+import '../../chunk-FK5QEFVY.js';
+import '../../chunk-UJUWAQE5.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-M4PZNAMV.js';
 import '../../chunk-IBK5D2Q6.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-HTG5VHU7.js';
-import '../../chunk-6CSBMMZS.js';
+import '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
 import '../../chunk-U7N2A7A3.js';

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

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { RowData, ColumnDef, SortingState, OnChangeFn, ColumnFiltersState, PaginationState, RowSelectionState, VisibilityState } from '@tanstack/react-table';
+export { ColumnDef } from '@tanstack/react-table';
+import { T as TableDensityProp } from '../../layout.prop-CXvl2rVR.js';
+
+type DataGridDensity = TableDensityProp;
+
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        label?: React.ReactNode;
+    }
+}
+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;
+}
+declare const DataGrid: DataGridComponent;
+
+export { DataGrid, type DataGridDensity, type DataGridProps };

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

@@ -0,0 +1,372 @@
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem } from '../../chunk-LMKUKCTN.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../chunk-3LPY7YA4.js';
+import { SearchInput } from '../../chunk-BCBK4FLV.js';
+import '../../chunk-VOHTRR5X.js';
+import '../../chunk-HTEL5DQI.js';
+import { EmptyState } from '../../chunk-YD7V2HGZ.js';
+import { Checkbox } from '../../chunk-BE6GJGKJ.js';
+import '../../chunk-44YRPSZ7.js';
+import { Flex, densityClass } from '../../chunk-INIIF7F7.js';
+import { Button } from '../../chunk-M4PZNAMV.js';
+import '../../chunk-DY5C44UP.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../chunk-4MMIMZMK.js';
+import { tableCellPaddingClass, tableRowHeightClass } from '../../chunk-IBK5D2Q6.js';
+import '../../chunk-7PWBC4BY.js';
+import { useTranslation } from '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
+import '../../chunk-LFW37FGG.js';
+import { cn } from '../../chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { flexRender, useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
+import { SlidersHorizontal, Layers, Layers2, ArrowUp, ArrowDown, ChevronsUpDown, ChevronLeft, ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DataGridContext = React.createContext(null);
+function useDataGrid() {
+  const ctx = React.useContext(DataGridContext);
+  if (!ctx) throw new Error("DataGrid.* must be used inside <DataGrid>");
+  return ctx;
+}
+var 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/feedback/alert.js

@@ -1,7 +1,7 @@
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-QVLUCB47.js';
-import '../../chunk-X2VY4MOW.js';
+export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-2JCSS6B4.js';
+import '../../chunk-FK5QEFVY.js';
 import '../../chunk-INIIF7F7.js';
 import '../../chunk-M4PZNAMV.js';
-import '../../chunk-HTG5VHU7.js';
-import '../../chunk-6CSBMMZS.js';
+import '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/feedback/dialog.js

@@ -1,7 +1,7 @@
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-BG5RNXTH.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-UJUWAQE5.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-M4PZNAMV.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-HTG5VHU7.js';
-import '../../chunk-6CSBMMZS.js';
+import '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/feedback/index.d.ts

@@ -12,12 +12,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertDialogProp, c as AlertDialogProps, d as AlertProp, d as AlertProps, e as AlertQueryErrorProp, e as AlertQueryErrorProps, f as AlertTitleProp, f as AlertTitleProps } from '../../feedback.prop-Nc9Aa8SV.js';
 import '@radix-ui/react-alert-dialog';
-import '../../shared.prop-BsNSXeqD.js';
-import '../../content.prop-DrV_zDy-.js';
-import '../../interaction.prop-DSFizzP6.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import 'sonner';
+import '../../shared.prop-BsNSXeqD.js';
+import '../../content.prop-DrV_zDy-.js';
+import '../../interaction.prop-DSFizzP6.js';
 import '@radix-ui/react-tooltip';
 
 declare function Drawer({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;

package/dist/components/feedback/index.js

@@ -2,16 +2,16 @@ export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, Dr
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-EZHHJQWQ.js';
 export { toast, useToast } from '../../chunk-B3WX53JQ.js';
 export { Skeleton, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from '../../chunk-COD66MFF.js';
-export { Toaster } from '../../chunk-TO7URV7U.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-QVLUCB47.js';
-import '../../chunk-X2VY4MOW.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../chunk-BG5RNXTH.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-2JCSS6B4.js';
+import '../../chunk-FK5QEFVY.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../chunk-UJUWAQE5.js';
 import '../../chunk-VOHTRR5X.js';
+export { Toaster } from '../../chunk-TO7URV7U.js';
 import '../../chunk-INIIF7F7.js';
 import '../../chunk-M4PZNAMV.js';
 import '../../chunk-IBK5D2Q6.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-HTG5VHU7.js';
-import '../../chunk-6CSBMMZS.js';
+import '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
 import '../../chunk-U7N2A7A3.js';

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

@@ -1,8 +1,8 @@
-export { F as Flex, P as PageContainer } from '../../flex-D_EXRFSW.js';
+export { F as Flex, P as PageContainer } from '../../flex-DXtIALBh.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './resizable.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AppShellProp, h as SidebarProp, S as SidebarItemData, l as TopbarProp, R as ResponsiveGridColumnsProp } from '../../layout.prop-JE2TcRyL.js';
-export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as FlexProp, c as FlexProps, P as PageContainerProp, P as PageContainerProps, g as SidebarProduct, i as SidebarSectionProp, T as TopbarProduct, k as TopbarProject } from '../../layout.prop-JE2TcRyL.js';
+import { A as AppShellProp, g as SidebarProp, S as SidebarItemData, j as TopbarProp, R as ResponsiveGridColumnsProp } from '../../layout.prop-B1yQPUNZ.js';
+export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as FlexProp, c as FlexProps, P as PageContainerProp, P as PageContainerProps, f as SidebarProduct, h as SidebarSectionProp, T as TopbarProduct, i as TopbarProject } from '../../layout.prop-B1yQPUNZ.js';
 import * as React from 'react';
 import { ElementType, ReactNode } from 'react';
 import { a as BreadcrumbProp } from '../../navigation.prop-BKlxd-j7.js';

package/dist/components/layout/index.js

@@ -1,11 +1,11 @@
-export { AppShell, Breadcrumb, PageContainer, ResponsiveGrid, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Topbar } from '../../chunk-PUGEOUWZ.js';
+export { AppShell, Breadcrumb, PageContainer, ResponsiveGrid, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Topbar } from '../../chunk-I6HD36IU.js';
 export { AspectRatio, Separator } from '../../chunk-XK3M3VRR.js';
-import '../../chunk-32WO3YLB.js';
-import '../../chunk-LMKUKCTN.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../chunk-W4REF4TD.js';
+import '../../chunk-LMKUKCTN.js';
+import '../../chunk-32WO3YLB.js';
 import '../../chunk-DV52WNXO.js';
 export { Flex } from '../../chunk-INIIF7F7.js';
 import '../../chunk-DY5C44UP.js';
-import '../../chunk-HTG5VHU7.js';
-import '../../chunk-6CSBMMZS.js';
+import '../../chunk-TXRYSMOD.js';
+import '../../chunk-3ELRYXJK.js';
 import '../../chunk-U7N2A7A3.js';