@ciridae/ui 0.2.0 → 0.2.3

package/dist/components/ui/combobox.d.ts

@@ -1,23 +1,23 @@
 import * as React from "react";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 declare const Combobox: typeof ComboboxPrimitive.Root;
-declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.JSX.Element;
+declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React.JSX.Element;
 declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
     showTrigger?: boolean;
     showClear?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): React.JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React.JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React.JSX.Element;
+declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React.JSX.Element;
+declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): React.JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React.JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React.JSX.Element;
+declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): React.JSX.Element;
 declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
     showRemove?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): React.JSX.Element;
 export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, };

package/dist/components/ui/command.d.ts

@@ -1,19 +1,19 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Dialog } from "@ciridae/ui/dialog";
-declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
 declare function CommandDialog({ title, description, children, className, commandProps, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;
     description?: string;
     className?: string;
     commandProps?: React.ComponentProps<typeof Command>;
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/context-menu.d.ts

@@ -4,27 +4,27 @@ declare function ContextMenuPortalContainerProvider({ children, container, disab
     children: React.ReactNode;
     container: HTMLElement | null;
     disableModalBehavior?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenu({ modal, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuPortal({ container, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ContextMenu({ modal, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): React.JSX.Element;
+declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
+declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): React.JSX.Element;
+declare function ContextMenuPortal({ container, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): React.JSX.Element;
+declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): React.JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): React.JSX.Element;
 declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): React.JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): React.JSX.Element;
 declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): React.JSX.Element;
 declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): React.JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuPortalContainerProvider, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/components/ui/data-table-controls.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { Table as TanStackTable } from "@tanstack/react-table";
+import type { ResolvedDataTableLabels, TanStackDataTableProps } from "./data-table-tanstack";
+declare function DataTableTools<TData, TValue>({ labels, props, table, }: {
+    labels: ResolvedDataTableLabels;
+    props: TanStackDataTableProps<TData, TValue>;
+    table: TanStackTable<TData>;
+}): React.JSX.Element;
+export { DataTableTools };

package/dist/components/ui/data-table-controls.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon, SlidersHorizontalIcon } from "lucide-react";
+import { Button } from "@ciridae/ui/button";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@ciridae/ui/dropdown-menu";
+import { Input } from "@ciridae/ui/input";
+function DataTableTools({ labels, props, table, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [props.filterMode !== false ? (_jsx(DataTableFilter, { filterMode: props.filterMode ?? "global", placeholder: props.filterPlaceholder ?? labels.filterPlaceholder, table: table })) : null, props.toolbar] }), _jsxs("div", { className: "flex items-center gap-2", children: [props.actions, props.enableColumnVisibility !== false ? (_jsx(DataTableColumnVisibility, { table: table, title: labels.columns })) : null] })] }));
+}
+function DataTableFilter({ filterMode, placeholder, table, }) {
+    const column = table
+        .getAllLeafColumns()
+        .find((item) => item.getCanFilter() && item.getIsVisible());
+    const rawValue = filterMode === "global" ? table.getState().globalFilter : column?.getFilterValue();
+    const value = typeof rawValue === "string" ? rawValue : "";
+    if (filterMode === "column" && !column)
+        return null;
+    return (_jsxs("div", { className: "relative w-full sm:max-w-64", children: [_jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-8", onChange: (event) => {
+                    if (filterMode === "global")
+                        table.setGlobalFilter(event.target.value);
+                    else
+                        column?.setFilterValue(event.target.value);
+                }, placeholder: placeholder, type: "search", value: value })] }));
+}
+function DataTableColumnVisibility({ table, title, }) {
+    const columns = table.getAllLeafColumns().filter((column) => column.getCanHide());
+    if (!columns.length)
+        return null;
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", children: [_jsx(SlidersHorizontalIcon, {}), _jsx("span", { children: title })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [_jsx(DropdownMenuLabel, { children: title }), _jsx(DropdownMenuSeparator, {}), columns.map((column) => (_jsx(DropdownMenuCheckboxItem, { checked: column.getIsVisible(), onCheckedChange: (value) => column.toggleVisibility(Boolean(value)), children: typeof column.columnDef.header === "string" ? column.columnDef.header : column.id }, column.id)))] })] }));
+}
+export { DataTableTools };

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type Row, type Table as TanStackTable } from "@tanstack/react-table";
+declare function DataTableGrid<TData>({ empty, getRowClassName, onRowClick, rows, table, }: {
+    empty: React.ReactNode;
+    getRowClassName?: (row: Row<TData>) => string | undefined;
+    onRowClick?: (row: Row<TData>) => void;
+    rows: Row<TData>[];
+    table: TanStackTable<TData>;
+}): React.JSX.Element;
+export { DataTableGrid };

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon } from "lucide-react";
+import { flexRender, } from "@tanstack/react-table";
+import { cn } from "@ciridae/ui/utils";
+import { Button } from "@ciridae/ui/button";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@ciridae/ui/table";
+function DataTableGrid({ empty, getRowClassName, onRowClick, rows, table, }) {
+    return (_jsxs(Table, { children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((group) => (_jsx(TableRow, { children: group.headers.map((header) => (_jsx(TableHead, { style: { width: header.getSize() }, children: header.isPlaceholder ? null : _jsx(DataTableHeaderCell, { header: header }) }, header.id))) }, group.id))) }), _jsx(TableBody, { children: rows.length ? (rows.map((row) => (_jsx(DataTableDataRow, { getRowClassName: getRowClassName, onRowClick: onRowClick, row: row }, row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { className: "h-32 text-center text-sm text-muted-foreground", colSpan: table.getVisibleLeafColumns().length, children: empty }) })) })] }));
+}
+function DataTableDataRow({ getRowClassName, onRowClick, row, }) {
+    return (_jsx(TableRow, { className: cn(onRowClick && "cursor-pointer", getRowClassName?.(row)), "data-state": row.getIsSelected() ? "selected" : undefined, onClick: onRowClick ? () => onRowClick(row) : undefined, children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }));
+}
+function DataTableHeaderCell({ header }) {
+    const sorted = header.column.getIsSorted();
+    const Icon = sorted === "asc" ? ArrowUpIcon : sorted === "desc" ? ArrowDownIcon : ArrowUpDownIcon;
+    if (!header.column.getCanSort())
+        return flexRender(header.column.columnDef.header, header.getContext());
+    return (_jsxs(Button, { "aria-pressed": Boolean(sorted), className: "-ml-2 h-auto px-2 py-0 text-meta text-muted-foreground hover:bg-transparent hover:text-foreground", onClick: header.column.getToggleSortingHandler(), size: "sm", type: "button", variant: "ghost", children: [_jsx("span", { children: flexRender(header.column.columnDef.header, header.getContext()) }), _jsx(Icon, {})] }));
+}
+export { DataTableGrid };

package/dist/components/ui/data-table-pagination.d.ts

@@ -0,0 +1,10 @@
+import type { Table as TanStackTable } from "@tanstack/react-table";
+import type { ResolvedDataTableLabels } from "./data-table-tanstack";
+declare function DataTablePagination<TData>({ labels, pageSizeOptions, selectedRows, table, totalRows, }: {
+    labels: ResolvedDataTableLabels;
+    pageSizeOptions: number[];
+    selectedRows: number;
+    table: TanStackTable<TData>;
+    totalRows: number;
+}): import("react").JSX.Element;
+export { DataTablePagination };

package/dist/components/ui/data-table-pagination.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, } from "lucide-react";
+import { Button } from "@ciridae/ui/button";
+import { NativeSelect, NativeSelectOption } from "@ciridae/ui/native-select";
+function DataTablePagination({ labels, pageSizeOptions, selectedRows, table, totalRows, }) {
+    const pagination = table.getState().pagination;
+    const pageCount = Math.max(table.getPageCount(), 1);
+    const page = Math.min(pagination.pageIndex + 1, pageCount);
+    const rowsShown = table.getRowModel().rows.length;
+    return (_jsxs("div", { "data-slot": "data-table-pagination", className: "flex flex-col gap-2 text-sm text-muted-foreground sm:flex-row sm:items-center sm:justify-between", children: [_jsx("div", { className: "min-w-0", children: selectedRows > 0
+                    ? (labels.rowsSelected?.(selectedRows, totalRows) ??
+                        `${selectedRows} of ${totalRows} row(s) selected.`)
+                    : (labels.rowsShown?.(rowsShown, totalRows) ??
+                        `${rowsShown} of ${totalRows} row(s) shown.`) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(NativeSelect, { "aria-label": "Rows per page", onChange: (event) => table.setPageSize(Number(event.target.value)), size: "sm", value: pagination.pageSize, children: pageSizeOptions.map((pageSize) => (_jsxs(NativeSelectOption, { value: pageSize, children: [pageSize, " rows"] }, pageSize))) }), _jsx("div", { className: "min-w-20 text-center tabular-nums", children: labels.page?.(page, pageCount) ?? `Page ${page} of ${pageCount}` }), _jsx(DataTablePaginationButtons, { labels: labels, table: table })] })] }));
+}
+function DataTablePaginationButtons({ labels, table, }) {
+    return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { "aria-label": "First page", disabled: !table.getCanPreviousPage(), onClick: () => table.firstPage(), size: "icon-sm", type: "button", variant: "outline", children: _jsx(ChevronsLeftIcon, {}) }), _jsx(Button, { "aria-label": labels.previousPage, disabled: !table.getCanPreviousPage(), onClick: () => table.previousPage(), size: "icon-sm", type: "button", variant: "outline", children: _jsx(ChevronLeftIcon, {}) }), _jsx(Button, { "aria-label": labels.nextPage, disabled: !table.getCanNextPage(), onClick: () => table.nextPage(), size: "icon-sm", type: "button", variant: "outline", children: _jsx(ChevronRightIcon, {}) }), _jsx(Button, { "aria-label": "Last page", disabled: !table.getCanNextPage(), onClick: () => table.lastPage(), size: "icon-sm", type: "button", variant: "outline", children: _jsx(ChevronsRightIcon, {}) })] }));
+}
+export { DataTablePagination };

package/dist/components/ui/data-table-tanstack.d.ts

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { type ColumnDef, type ColumnFiltersState, type OnChangeFn, type PaginationState, type Row, type RowSelectionState, type SortingState, type TableOptions, type VisibilityState } from "@tanstack/react-table";
+type DataTableState = {
+    columnFilters?: ColumnFiltersState;
+    columnVisibility?: VisibilityState;
+    globalFilter?: string;
+    pagination?: PaginationState;
+    rowSelection?: RowSelectionState;
+    sorting?: SortingState;
+};
+type DataTableLabels = {
+    columns?: string;
+    empty?: React.ReactNode;
+    filterPlaceholder?: string;
+    nextPage?: string;
+    page?: (page: number, pageCount: number) => string;
+    previousPage?: string;
+    rowsSelected?: (selected: number, total: number) => string;
+    rowsShown?: (shown: number, total: number) => string;
+};
+type DataTableFilterMode = "global" | "column" | false;
+type TanStackDataTableProps<TData, TValue = unknown> = Omit<React.ComponentProps<"div">, "children"> & {
+    actions?: React.ReactNode;
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    defaultColumnVisibility?: VisibilityState;
+    defaultPageSize?: number;
+    empty?: React.ReactNode;
+    enableColumnFilters?: boolean;
+    enableColumnVisibility?: boolean;
+    enableGlobalFilter?: boolean;
+    enablePagination?: boolean;
+    enableRowSelection?: TableOptions<TData>["enableRowSelection"];
+    enableSorting?: boolean;
+    filterMode?: DataTableFilterMode;
+    filterPlaceholder?: string;
+    getRowClassName?: (row: Row<TData>) => string | undefined;
+    getRowId?: TableOptions<TData>["getRowId"];
+    labels?: DataTableLabels;
+    loading?: boolean;
+    manualFiltering?: boolean;
+    manualPagination?: boolean;
+    manualSorting?: boolean;
+    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
+    onColumnVisibilityChange?: OnChangeFn<VisibilityState>;
+    onGlobalFilterChange?: OnChangeFn<string>;
+    onPaginationChange?: OnChangeFn<PaginationState>;
+    onRowClick?: (row: Row<TData>) => void;
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    onSortingChange?: OnChangeFn<SortingState>;
+    pageCount?: number;
+    pageSizeOptions?: number[];
+    rowCount?: number;
+    state?: DataTableState;
+    tableOptions?: Partial<TableOptions<TData>>;
+    toolbar?: React.ReactNode;
+};
+type ResolvedDataTableLabels = Required<Pick<DataTableLabels, "columns" | "filterPlaceholder" | "nextPage" | "previousPage">> & DataTableLabels;
+declare function TanStackDataTable<TData, TValue = unknown>(props: TanStackDataTableProps<TData, TValue>): React.JSX.Element;
+export { TanStackDataTable };
+export type { DataTableFilterMode, DataTableLabels, ResolvedDataTableLabels, TanStackDataTableProps, };

package/dist/components/ui/data-table-tanstack.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { getCoreRowModel, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
+import { cn } from "@ciridae/ui/utils";
+import { TableSkeleton } from "@ciridae/ui/loading-state";
+import { DataTableTools } from "./data-table-controls";
+import { DataTableGrid } from "./data-table-grid";
+import { DataTablePagination } from "./data-table-pagination";
+const defaultLabels = {
+    columns: "Columns",
+    empty: "No results.",
+    filterPlaceholder: "Filter rows...",
+    nextPage: "Next page",
+    previousPage: "Previous page",
+};
+function TanStackDataTable(props) {
+    const table = useDataTableInstance(props);
+    const labels = { ...defaultLabels, ...props.labels };
+    const rows = table.getRowModel().rows;
+    const pagination = table.getState().pagination;
+    const totalRows = props.rowCount ?? table.getFilteredRowModel().rows.length;
+    const hasToolbar = Boolean(props.toolbar ||
+        props.actions ||
+        props.filterMode !== false ||
+        props.enableColumnVisibility !== false);
+    return (_jsxs("div", { "data-slot": "data-table", className: cn("grid gap-(--panel-gap)", props.className), children: [hasToolbar ? _jsx(DataTableTools, { labels: labels, props: props, table: table }) : null, _jsx("div", { "data-slot": "data-table-content", className: "overflow-hidden border-t border-border", children: props.loading ? (_jsx(TableSkeleton, { className: "rounded-none border-x-0 border-b-0", columns: table.getVisibleLeafColumns().length, rows: pagination.pageSize })) : (_jsx(DataTableGrid, { empty: props.empty ?? labels.empty, getRowClassName: props.getRowClassName, onRowClick: props.onRowClick, rows: rows, table: table })) }), props.enablePagination !== false ? (_jsx(DataTablePagination, { labels: labels, pageSizeOptions: props.pageSizeOptions ?? [10, 25, 50, 100], selectedRows: table.getFilteredSelectedRowModel().rows.length, table: table, totalRows: totalRows })) : null] }));
+}
+// eslint-disable-next-line complexity -- TanStack table setup is declarative option wiring.
+function useDataTableInstance(props) {
+    const [sorting, setSorting] = React.useState(props.state?.sorting ?? []);
+    const [columnFilters, setColumnFilters] = React.useState(props.state?.columnFilters ?? []);
+    const [columnVisibility, setColumnVisibility] = React.useState(props.state?.columnVisibility ?? props.defaultColumnVisibility ?? {});
+    const [rowSelection, setRowSelection] = React.useState(props.state?.rowSelection ?? {});
+    const [globalFilter, setGlobalFilter] = React.useState(props.state?.globalFilter ?? "");
+    const [pagination, setPagination] = React.useState(props.state?.pagination ?? { pageIndex: 0, pageSize: props.defaultPageSize ?? 10 });
+    // eslint-disable-next-line react-hooks/incompatible-library -- TanStack Table intentionally returns imperative table helpers.
+    return useReactTable({
+        data: props.data,
+        columns: props.columns,
+        getRowId: props.getRowId,
+        pageCount: props.pageCount,
+        rowCount: props.rowCount,
+        enableColumnFilters: props.enableColumnFilters ?? true,
+        enableGlobalFilter: props.enableGlobalFilter ?? true,
+        enableHiding: props.enableColumnVisibility ?? true,
+        enableRowSelection: props.enableRowSelection ?? false,
+        enableSorting: props.enableSorting ?? true,
+        manualFiltering: props.manualFiltering ?? false,
+        manualPagination: props.manualPagination ?? false,
+        manualSorting: props.manualSorting ?? false,
+        state: {
+            columnFilters: props.state?.columnFilters ?? columnFilters,
+            columnVisibility: props.state?.columnVisibility ?? columnVisibility,
+            globalFilter: props.state?.globalFilter ?? globalFilter,
+            pagination: props.state?.pagination ?? pagination,
+            rowSelection: props.state?.rowSelection ?? rowSelection,
+            sorting: props.state?.sorting ?? sorting,
+        },
+        onColumnFiltersChange: props.onColumnFiltersChange ?? setColumnFilters,
+        onColumnVisibilityChange: props.onColumnVisibilityChange ?? setColumnVisibility,
+        onGlobalFilterChange: props.onGlobalFilterChange ?? setGlobalFilter,
+        onPaginationChange: props.onPaginationChange ?? setPagination,
+        onRowSelectionChange: props.onRowSelectionChange ?? setRowSelection,
+        onSortingChange: props.onSortingChange ?? setSorting,
+        getCoreRowModel: getCoreRowModel(),
+        getFacetedRowModel: getFacetedRowModel(),
+        getFacetedUniqueValues: getFacetedUniqueValues(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getPaginationRowModel: props.enablePagination === false ? undefined : getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        ...props.tableOptions,
+    });
+}
+export { TanStackDataTable };

package/dist/components/ui/data-table.d.ts

@@ -1,17 +1,19 @@
 import * as React from "react";
-import { type TableSkeletonProps } from "@ciridae/ui/loading-state";
 import { TableHead } from "@ciridae/ui/table";
+import { type TableSkeletonProps } from "@ciridae/ui/loading-state";
+import { TanStackDataTable } from "./data-table-tanstack";
+import type { DataTableLabels, TanStackDataTableProps } from "./data-table-tanstack";
 type SortDirection = "asc" | "desc";
-declare function DataTable({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DataTableToolbar({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DataTableContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DataTableEmpty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DataTableSkeleton({ className, ...props }: TableSkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare function DataTable({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DataTableToolbar({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DataTableContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DataTableEmpty({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DataTableSkeleton({ className, ...props }: TableSkeletonProps): React.JSX.Element;
 declare function SortableTableHead({ active, children, className, direction, onSort, align, ...props }: React.ComponentProps<typeof TableHead> & {
     active?: boolean;
     align?: "left" | "right";
     direction?: SortDirection;
     onSort: () => void;
-}): import("react/jsx-runtime").JSX.Element;
-export { DataTable, DataTableToolbar, DataTableContent, DataTableEmpty, DataTableSkeleton, SortableTableHead, };
-export type { SortDirection };
+}): React.JSX.Element;
+export { DataTable, DataTableToolbar, DataTableContent, DataTableEmpty, DataTableSkeleton, TanStackDataTable, SortableTableHead, };
+export type { DataTableLabels, SortDirection, TanStackDataTableProps };

package/dist/components/ui/data-table.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon } from "lucide-react";
 import { cn } from "@ciridae/ui/utils";
 import { Button } from "@ciridae/ui/button";
-import { TableSkeleton } from "@ciridae/ui/loading-state";
 import { TableHead } from "@ciridae/ui/table";
+import { TableSkeleton } from "@ciridae/ui/loading-state";
+import { TanStackDataTable } from "./data-table-tanstack";
 function DataTable({ className, ...props }) {
     return (_jsx("div", { "data-slot": "data-table", className: cn("grid gap-(--panel-gap)", className), ...props }));
 }
@@ -11,7 +12,7 @@ function DataTableToolbar({ className, ...props }) {
     return (_jsx("div", { "data-slot": "data-table-toolbar", className: cn("flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", className), ...props }));
 }
 function DataTableContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "data-table-content", className: cn("border-t border-border", className), ...props }));
+    return (_jsx("div", { "data-slot": "data-table-content", className: cn("overflow-hidden border-t border-border", className), ...props }));
 }
 function DataTableEmpty({ className, ...props }) {
     return (_jsx("div", { "data-slot": "data-table-empty", className: cn("flex min-h-32 items-center justify-center border-b border-border px-(--panel-padding) py-8 text-sm text-muted-foreground", className), ...props }));
@@ -23,4 +24,4 @@ function SortableTableHead({ active = false, children, className, direction = "a
     const Icon = active ? (direction === "asc" ? ArrowUpIcon : ArrowDownIcon) : ArrowUpDownIcon;
     return (_jsx(TableHead, { "aria-sort": active ? (direction === "asc" ? "ascending" : "descending") : "none", className: cn(align === "right" && "text-right", className), ...props, children: _jsxs(Button, { "aria-pressed": active, className: cn("h-auto px-0 py-0 text-meta text-muted-foreground hover:bg-transparent hover:text-foreground", align === "right" ? "ml-auto justify-end" : "justify-start"), onClick: onSort, size: "sm", type: "button", variant: "ghost", children: [_jsx("span", { children: children }), _jsx(Icon, {})] }) }));
 }
-export { DataTable, DataTableToolbar, DataTableContent, DataTableEmpty, DataTableSkeleton, SortableTableHead, };
+export { DataTable, DataTableToolbar, DataTableContent, DataTableEmpty, DataTableSkeleton, TanStackDataTable, SortableTableHead, };

package/dist/components/ui/dialog.d.ts

@@ -4,19 +4,19 @@ declare function DialogPortalContainerProvider({ children, container, disableMod
     children: React.ReactNode;
     container: HTMLElement | null;
     disableModalBehavior?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function Dialog({ modal, ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ container, ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function Dialog({ modal, ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ container, ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogPortalContainerProvider, DialogTitle, DialogTrigger, };

package/dist/components/ui/direction.d.ts

@@ -2,5 +2,5 @@ import * as React from "react";
 import { Direction } from "radix-ui";
 declare function DirectionProvider({ dir, direction, children, }: React.ComponentProps<typeof Direction.DirectionProvider> & {
     direction?: React.ComponentProps<typeof Direction.DirectionProvider>["dir"];
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { DirectionProvider };

package/dist/components/ui/drawer.d.ts

@@ -4,15 +4,15 @@ declare function DrawerPortalContainerProvider({ children, container, disableMod
     children: React.ReactNode;
     container: HTMLElement | null;
     disableModalBehavior?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function Drawer({ container, disablePreventScroll, modal, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPortal({ container, ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function Drawer({ container, disablePreventScroll, modal, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
+declare function DrawerPortal({ container, ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): React.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): React.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, DrawerPortalContainerProvider, };

package/dist/components/ui/dropdown-menu.d.ts

@@ -4,27 +4,27 @@ declare function DropdownMenuPortalContainerProvider({ children, container, disa
     children: React.ReactNode;
     container: HTMLElement | null;
     disableModalBehavior?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenu({ modal, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ container, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenu({ modal, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ container, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuPortalContainerProvider, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/empty.d.ts

@@ -1,11 +1,11 @@
 import { type VariantProps } from "class-variance-authority";
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
 declare const emptyMediaVariants: (props?: ({
     variant?: "default" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
 export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };

package/dist/components/ui/expandable-data-table.d.ts

@@ -19,6 +19,6 @@ type ExpandableDataTableProps<TRow> = Omit<React.ComponentProps<typeof DataTable
     onExpandedRowIdChange?: (rowId: string | null) => void;
     empty?: React.ReactNode;
 };
-declare function ExpandableDataTable<TRow>({ rows, columns, getRowId, getRowLabel, renderExpandedRow, defaultExpandedRowId, expandedRowId, onExpandedRowIdChange, empty, className, ...props }: ExpandableDataTableProps<TRow>): import("react/jsx-runtime").JSX.Element;
+declare function ExpandableDataTable<TRow>({ rows, columns, getRowId, getRowLabel, renderExpandedRow, defaultExpandedRowId, expandedRowId, onExpandedRowIdChange, empty, className, ...props }: ExpandableDataTableProps<TRow>): React.JSX.Element;
 export { ExpandableDataTable };
 export type { ExpandableDataTableColumn, ExpandableDataTableProps };