@a5it/sync-ui 0.1.0

package/dist/components/data-table/filters/bulk-delete.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Trash2 } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../ui/alert-dialog";
+import { cn } from "../../../lib/utils";
+import { useDataTable } from "../provider";
+export function DataTableBulkDelete({ onConfirm, confirmTitle = "Delete selected records?", confirmDescription = "This action cannot be undone.", className, buttonClassName, }) {
+    const { table } = useDataTable();
+    const selectedRows = table.getSelectedRowModel().rows;
+    const ids = selectedRows.map((r) => r.id);
+    const rows = selectedRows.map((r) => r.original);
+    const disabled = ids.length === 0;
+    return (_jsx("div", { className: className, children: _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs("button", { type: "button", disabled: disabled, className: cn("flex items-center justify-center gap-2 rounded-[12px] px-4 py-3", disabled
+                            ? "bg-[#f2f2f2] text-[#a6a6a6] cursor-not-allowed"
+                            : "bg-[#ffd1d1] text-[#ba1c1c]", buttonClassName), children: [_jsx(Trash2, { className: cn("h-4 w-4", disabled ? "text-[#a6a6a6]" : "text-[#ba1c1c]"), "aria-hidden": true }), _jsxs("span", { className: "text-[14px] leading-4 font-semibold", children: ["Delete", ids.length ? ` (${ids.length})` : ""] })] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: confirmTitle }), _jsx(AlertDialogDescription, { children: confirmDescription })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => {
+                                        onConfirm({ ids, rows });
+                                        table.resetRowSelection();
+                                    }, children: "Delete" })] })] })] }) }));
+}
+//# sourceMappingURL=bulk-delete.js.map

package/dist/components/data-table/filters/bulk-delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-delete.js","sourceRoot":"","sources":["../../../../src/components/data-table/filters/bulk-delete.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAU3C,MAAM,UAAU,mBAAmB,CAAwC,EACzE,SAAS,EACT,YAAY,GAAG,0BAA0B,EACzC,kBAAkB,GAAG,+BAA+B,EACpD,SAAS,EACT,eAAe,GACiB;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAS,CAAC;IACxC,MAAM,YAAY,GAAG,KAAK,CAAC,mBAAmB,EAAE,CAAC,IAAI,CAAC;IACtD,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,MAAC,WAAW,eACV,KAAC,kBAAkB,IAAC,OAAO,kBACzB,kBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,QAAQ;4BACN,CAAC,CAAC,gDAAgD;4BAClD,CAAC,CAAC,6BAA6B,EACjC,eAAe,CAChB,aAED,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CACX,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAC/C,wBAED,EACF,gBAAM,SAAS,EAAC,qCAAqC,uBAC5C,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,IACtC,IACA,GACU,EAErB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,YAAY,GAAoB,EACnD,KAAC,sBAAsB,cACpB,kBAAkB,GACI,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,IAChB,OAAO,EAAE,GAAG,EAAE;wCACZ,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;wCACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;oCAC5B,CAAC,uBAGiB,IACF,IACD,IACT,GACV,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare function DataTableFilters({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableFiltersActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filters.d.ts.map

package/dist/components/data-table/filters/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/filters/filters.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAU7B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAI7B"}

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

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+export function DataTableFilters({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex items-center justify-between px-6 py-2 border-b border-[#e6e6e6]", className), ...props }));
+}
+export function DataTableFiltersActions({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex items-center gap-2", className), ...props }));
+}
+//# sourceMappingURL=filters.js.map

package/dist/components/data-table/filters/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../../src/components/data-table/filters/filters.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACxE,CAAC;AACJ,CAAC"}

package/dist/components/data-table/filters/reset.d.ts

@@ -0,0 +1,21 @@
+export type DataTableResetProps = {
+    className?: string;
+    buttonClassName?: string;
+    /**
+     * Custom label for the reset button.
+     * @default "Reset"
+     */
+    label?: string;
+};
+/**
+ * Reset button that clears all active filters.
+ * Only visible when at least one filter is active.
+ *
+ * Resets:
+ * - Search input
+ * - Sorting
+ * - Tabs (back to default/first)
+ * - Hidden columns (show all)
+ */
+export declare function DataTableReset({ className, buttonClassName, label, }: DataTableResetProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=reset.d.ts.map

package/dist/components/data-table/filters/reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/filters/reset.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,eAAe,EACf,KAAe,GAChB,EAAE,mBAAmB,kDAsCrB"}

package/dist/components/data-table/filters/reset.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RotateCcw } from "lucide-react";
+import { cn } from "../../../lib/utils";
+import { useDataTable } from "../provider";
+/**
+ * Reset button that clears all active filters.
+ * Only visible when at least one filter is active.
+ *
+ * Resets:
+ * - Search input
+ * - Sorting
+ * - Tabs (back to default/first)
+ * - Hidden columns (show all)
+ */
+export function DataTableReset({ className, buttonClassName, label = "Reset", }) {
+    const { urlState, table } = useDataTable();
+    const { hasActiveFilters, resetAllFilters } = urlState;
+    // Don't render if no filters are active
+    if (!hasActiveFilters) {
+        return null;
+    }
+    const handleReset = () => {
+        // Reset URL state
+        resetAllFilters();
+        // Also reset TanStack table state
+        table.setSorting([]);
+        table.setGlobalFilter("");
+        table.resetColumnVisibility();
+        table.resetRowSelection();
+    };
+    return (_jsx("div", { className: className, children: _jsxs("button", { type: "button", onClick: handleReset, className: cn("flex items-center justify-center gap-2 rounded-[12px] px-4 py-3", "bg-[#ffd1d1] text-[#ba1c1c]", buttonClassName), children: [_jsx(RotateCcw, { className: "h-4 w-4 text-[#ba1c1c]", "aria-hidden": true }), _jsx("span", { className: "text-[14px] leading-4 font-semibold", children: label })] }) }));
+}
+//# sourceMappingURL=reset.js.map

package/dist/components/data-table/filters/reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.js","sourceRoot":"","sources":["../../../../src/components/data-table/filters/reset.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAY3C;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,eAAe,EACf,KAAK,GAAG,OAAO,GACK;IACpB,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,YAAY,EAAO,CAAC;IAChD,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IAEvD,wCAAwC;IACxC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,kBAAkB;QAClB,eAAe,EAAE,CAAC;QAElB,kCAAkC;QAClC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACrB,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAC1B,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC9B,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,6BAA6B,EAC7B,eAAe,CAChB,aAED,KAAC,SAAS,IAAC,SAAS,EAAC,wBAAwB,wBAAe,EAC5D,eAAM,SAAS,EAAC,qCAAqC,YAClD,KAAK,GACD,IACA,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/data-table/filters/search.d.ts

@@ -0,0 +1,25 @@
+export type DataTableSearchProps = {
+    placeholder?: string;
+    /**
+     * Debounce delay in milliseconds.
+     * - For server mode: always applies (default 300ms)
+     * - For client mode: set to 0 to disable debouncing for instant filtering
+     * @default 300
+     */
+    debounceMs?: number;
+    className?: string;
+    inputClassName?: string;
+};
+/**
+ * Search input for DataTable filtering.
+ *
+ * Both client and server modes use URL query params for persistence.
+ * The difference is WHO does the filtering:
+ * - **Client mode**: nuqs syncs URL → TanStack filters locally
+ * - **Server mode**: nuqs syncs URL → your API filters on server
+ *
+ * Uses the first param from `filterConfig.params` as the search key.
+ * Set `debounceMs={0}` for instant client-side filtering without delay.
+ */
+export declare function DataTableSearch({ placeholder, debounceMs, className, inputClassName, }: DataTableSearchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search.d.ts.map

package/dist/components/data-table/filters/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/filters/search.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAyB,EACzB,UAAgB,EAChB,SAAS,EACT,cAAc,GACf,EAAE,oBAAoB,2CAoHtB"}

package/dist/components/data-table/filters/search.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Search, X } from "lucide-react";
+import { useQueryState } from "nuqs";
+import { cn } from "../../../lib/utils";
+import { useDataTable } from "../provider";
+/**
+ * Search input for DataTable filtering.
+ *
+ * Both client and server modes use URL query params for persistence.
+ * The difference is WHO does the filtering:
+ * - **Client mode**: nuqs syncs URL → TanStack filters locally
+ * - **Server mode**: nuqs syncs URL → your API filters on server
+ *
+ * Uses the first param from `filterConfig.params` as the search key.
+ * Set `debounceMs={0}` for instant client-side filtering without delay.
+ */
+export function DataTableSearch({ placeholder = "Search...", debounceMs = 300, className, inputClassName, }) {
+    const { table, filterConfig } = useDataTable();
+    // Determine mode from filterConfig
+    const isClientMode = filterConfig?.mode === "client";
+    const isServerMode = filterConfig?.mode === "server";
+    const hasFilterConfig = isClientMode || isServerMode;
+    // Get the first param key to use for search URL param
+    const searchParamKey = hasFilterConfig
+        ? Object.values(filterConfig.params)[0] ?? "search"
+        : "search";
+    // nuqs state for URL-based filtering (used for both client and server modes)
+    const [queryValue, setQueryValue] = useQueryState(searchParamKey, {
+        defaultValue: "",
+        shallow: isClientMode, // Client mode: shallow (no server roundtrip). Server mode: triggers navigation
+        throttleMs: debounceMs,
+    });
+    // Local input state for responsive typing
+    const [localValue, setLocalValue] = React.useState(queryValue);
+    // Sync local value from URL on mount and when URL changes externally
+    React.useEffect(() => {
+        setLocalValue(queryValue);
+    }, [queryValue]);
+    // For client mode: sync URL value to TanStack's globalFilter
+    React.useEffect(() => {
+        if (isClientMode) {
+            table.setGlobalFilter(queryValue);
+        }
+    }, [isClientMode, queryValue, table]);
+    React.useEffect(() => {
+        if (!hasFilterConfig) {
+            const timer = setTimeout(() => {
+                table.setGlobalFilter(localValue);
+            }, debounceMs);
+            return () => clearTimeout(timer);
+        }
+        // For both client and server modes: update URL
+        // Skip debouncing for client mode when debounceMs is 0
+        if (isClientMode && debounceMs <= 0) {
+            setQueryValue(localValue || null);
+            return;
+        }
+        const timer = setTimeout(() => {
+            setQueryValue(localValue || null);
+        }, debounceMs);
+        return () => clearTimeout(timer);
+    }, [localValue, debounceMs, hasFilterConfig, isClientMode, setQueryValue, table]);
+    const handleChange = (e) => {
+        const newValue = e.target.value;
+        setLocalValue(newValue);
+        // Immediate update for client mode when debouncing is disabled
+        if (isClientMode && debounceMs <= 0) {
+            setQueryValue(newValue || null);
+        }
+    };
+    const handleClear = () => {
+        setLocalValue("");
+        if (hasFilterConfig) {
+            setQueryValue(null);
+        }
+        if (isClientMode || !hasFilterConfig) {
+            table.setGlobalFilter("");
+        }
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, role: "search", className: cn("flex w-[400px] items-center gap-2 rounded-[8px] bg-[#f2f2f2] px-4 py-3", className), children: [_jsx(Search, { className: "h-5 w-5 shrink-0 text-[#a6a6a6]", "aria-hidden": true }), _jsx("input", { type: "search", value: localValue, onChange: handleChange, className: cn("w-full bg-transparent text-[14px] font-medium text-[#1a1a1a] placeholder:text-[#a6a6a6] focus:outline-none", 
+                // Hide browser's default clear button (we provide our own)
+                "[&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden", inputClassName), placeholder: placeholder, "aria-label": placeholder }), localValue && (_jsx("button", { type: "button", onClick: handleClear, className: "shrink-0 rounded-full p-0.5 text-[#a6a6a6] hover:bg-[#e6e6e6] hover:text-[#666666] focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1a1a1a]", "aria-label": "Clear search", children: _jsx(X, { className: "h-4 w-4" }) }))] }));
+}
+//# sourceMappingURL=search.js.map

package/dist/components/data-table/filters/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../src/components/data-table/filters/search.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-table/filters/sort-by.d.ts

@@ -0,0 +1,7 @@
+export type DataTableSortByProps = {
+    className?: string;
+    buttonClassName?: string;
+    contentClassName?: string;
+};
+export declare function DataTableSortBy({ className, buttonClassName, contentClassName, }: DataTableSortByProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=sort-by.d.ts.map

package/dist/components/data-table/filters/sort-by.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-by.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/filters/sort-by.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAkBF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,eAAe,EACf,gBAAgB,GACjB,EAAE,oBAAoB,kDA8HtB"}

package/dist/components/data-table/filters/sort-by.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowUpDown, Check, X } from "lucide-react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../ui/dropdown-menu";
+import { cn } from "../../../lib/utils";
+import { useDataTable } from "../provider";
+function humanizeColumnId(id) {
+    if (id.toLowerCase() === "id")
+        return "ID";
+    const withoutLabel = id.endsWith("Label") ? id.slice(0, -5) : id;
+    const spaced = withoutLabel
+        .replace(/[_-]+/g, " ")
+        .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+        .trim();
+    return spaced
+        .split(" ")
+        .filter(Boolean)
+        .map((word) => word[0].toUpperCase() + word.slice(1))
+        .join(" ");
+}
+export function DataTableSortBy({ className, buttonClassName, contentClassName, }) {
+    const { table, urlState } = useDataTable();
+    const sortableColumns = table
+        .getAllLeafColumns()
+        .filter((c) => c.getCanSort());
+    if (!sortableColumns.length)
+        return null;
+    const currentSortColumn = urlState.sortColumn;
+    const currentSortOrder = urlState.sortOrder;
+    const hasActiveSort = Boolean(currentSortColumn);
+    const handleSort = (columnId, order) => {
+        if (columnId === null) {
+            // Clear sort
+            urlState.setSorting(null, null);
+            table.setSorting([]);
+        }
+        else {
+            urlState.setSorting(columnId, order ?? "asc");
+            table.setSorting([{ id: columnId, desc: order === "desc" }]);
+        }
+    };
+    // Sync TanStack table sort state with URL state on mount
+    React.useEffect(() => {
+        if (currentSortColumn) {
+            table.setSorting([{ id: currentSortColumn, desc: currentSortOrder === "desc" }]);
+        }
+    }, [currentSortColumn, currentSortOrder, table]);
+    return (_jsx("div", { className: className, children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn("flex items-center justify-center gap-2 rounded-[12px] bg-[#f2f2f2] px-4 py-3", buttonClassName), children: [_jsx(ArrowUpDown, { className: "h-4 w-4 text-[#1a1a1a]", "aria-hidden": true }), _jsx("span", { className: "text-[14px] leading-4 font-semibold text-[#1a1a1a]", children: "Sort By" })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: cn("min-w-[220px]", contentClassName), children: [_jsxs(DropdownMenuItem, { onSelect: () => handleSort(null), children: [_jsx("span", { className: "flex-1", children: "None" }), !hasActiveSort && (_jsx(Check, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }))] }), _jsx(DropdownMenuSeparator, {}), sortableColumns.map((column) => {
+                            const meta = column.columnDef.meta;
+                            const headerDef = column.columnDef.header;
+                            const headerLabel = typeof headerDef === "string" ? headerDef : undefined;
+                            const label = meta?.sortyByLabel ??
+                                meta?.label ??
+                                headerLabel ??
+                                humanizeColumnId(column.id);
+                            const isActive = currentSortColumn === column.id;
+                            const isAsc = isActive && currentSortOrder === "asc";
+                            const isDesc = isActive && currentSortOrder === "desc";
+                            return (_jsxs(DropdownMenuItem, { onSelect: () => {
+                                    if (!isActive) {
+                                        // First click: sort ascending
+                                        handleSort(column.id, "asc");
+                                    }
+                                    else if (isAsc) {
+                                        // Second click: sort descending
+                                        handleSort(column.id, "desc");
+                                    }
+                                    else {
+                                        // Third click: clear sort
+                                        handleSort(null);
+                                    }
+                                }, children: [_jsx("span", { className: "flex-1", children: label }), isActive && (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("div", { className: cn("h-1.5 w-1.5 rounded-full", isAsc ? "bg-primary" : "bg-[#f97316]"), "aria-hidden": true }), _jsx("span", { className: "text-[10px] text-muted-foreground uppercase", children: isAsc ? "asc" : "desc" })] }))] }, column.id));
+                        }), hasActiveSort && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onSelect: () => handleSort(null), className: "text-[#dc2626]", children: [_jsx(X, { className: "h-4 w-4 text-[#dc2626]", "aria-hidden": true }), _jsx("span", { className: "flex-1", children: "Clear sort" })] })] }))] })] }) }));
+}
+//# sourceMappingURL=sort-by.js.map

package/dist/components/data-table/filters/sort-by.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-by.js","sourceRoot":"","sources":["../../../../src/components/data-table/filters/sort-by.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAA4B,YAAY,EAAE,MAAM,aAAa,CAAC;AAQrE,SAAS,gBAAgB,CAAC,EAAU;IAClC,IAAI,EAAE,CAAC,WAAW,EAAE,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAE3C,MAAM,YAAY,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,MAAM,GAAG,YAAY;SACxB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;SACtB,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;SACtC,IAAI,EAAE,CAAC;IAEV,OAAO,MAAM;SACV,KAAK,CAAC,GAAG,CAAC;SACV,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAE,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACrD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,eAAe,EACf,gBAAgB,GACK;IACrB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAO,CAAC;IAChD,MAAM,eAAe,GAAG,KAAK;SAC1B,iBAAiB,EAAE;SACnB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IAEjC,IAAI,CAAC,eAAe,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,UAAU,CAAC;IAC9C,MAAM,gBAAgB,GAAG,QAAQ,CAAC,SAAS,CAAC;IAC5C,MAAM,aAAa,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAEjD,MAAM,UAAU,GAAG,CAAC,QAAuB,EAAE,KAAsB,EAAE,EAAE;QACrE,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,aAAa;YACb,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAChC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;YAC9C,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE,CAAC,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,CAAC;IAEF,yDAAyD;IACzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,EAAE,CAAC;YACtB,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,gBAAgB,KAAK,MAAM,EAAE,CAAC,CAAC,CAAC;QACnF,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,eAAe,CAChB,aAED,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,wBAAe,EAC9D,eAAM,SAAS,EAAC,oDAAoD,wBAE7D,IACA,GACW,EAEtB,MAAC,mBAAmB,IAClB,KAAK,EAAC,KAAK,EACX,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,gBAAgB,CAAC,aAEhD,MAAC,gBAAgB,IACf,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,aAEhC,eAAM,SAAS,EAAC,QAAQ,qBAAY,EACnC,CAAC,aAAa,IAAI,CACjB,KAAC,KAAK,IAAC,SAAS,EAAC,+BAA+B,wBAAe,CAChE,IACgB,EACnB,KAAC,qBAAqB,KAAG,EACxB,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4BAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAuC,CAAC;4BACtE,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC;4BAC1C,MAAM,WAAW,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;4BAC1E,MAAM,KAAK,GACT,IAAI,EAAE,YAAY;gCAClB,IAAI,EAAE,KAAK;gCACX,WAAW;gCACX,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;4BAE9B,MAAM,QAAQ,GAAG,iBAAiB,KAAK,MAAM,CAAC,EAAE,CAAC;4BACjD,MAAM,KAAK,GAAG,QAAQ,IAAI,gBAAgB,KAAK,KAAK,CAAC;4BACrD,MAAM,MAAM,GAAG,QAAQ,IAAI,gBAAgB,KAAK,MAAM,CAAC;4BAEvD,OAAO,CACL,MAAC,gBAAgB,IAEf,QAAQ,EAAE,GAAG,EAAE;oCACb,IAAI,CAAC,QAAQ,EAAE,CAAC;wCACd,8BAA8B;wCAC9B,UAAU,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;oCAC/B,CAAC;yCAAM,IAAI,KAAK,EAAE,CAAC;wCACjB,gCAAgC;wCAChC,UAAU,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;oCAChC,CAAC;yCAAM,CAAC;wCACN,0BAA0B;wCAC1B,UAAU,CAAC,IAAI,CAAC,CAAC;oCACnB,CAAC;gCACH,CAAC,aAED,eAAM,SAAS,EAAC,QAAQ,YAAE,KAAK,GAAQ,EACtC,QAAQ,IAAI,CACX,eAAK,SAAS,EAAC,2BAA2B,aAExC,cACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CACtC,wBAED,EACF,eAAM,SAAS,EAAC,6CAA6C,YAC1D,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAClB,IACH,CACP,KA7BI,MAAM,CAAC,EAAE,CA8BG,CACpB,CAAC;wBACJ,CAAC,CAAC,EACD,aAAa,IAAI,CAChB,8BACE,KAAC,qBAAqB,KAAG,EACzB,MAAC,gBAAgB,IACf,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAChC,SAAS,EAAC,gBAAgB,aAE1B,KAAC,CAAC,IAAC,SAAS,EAAC,wBAAwB,wBAAe,EACpD,eAAM,SAAS,EAAC,QAAQ,2BAAkB,IACzB,IAClB,CACJ,IACmB,IACT,GACX,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,26 @@
+export { DataTableProvider, useDataTable } from "./provider";
+export type { DataTableColumnMeta, DataTableQueryState, FilterConfig, ClientFilterConfig, ServerFilterConfig, NoFilterConfig, PaginationConfig, ClientPaginationConfig, ServerPaginationConfig, NoPaginationConfig, PaginationParams, } from "./provider";
+export { UrlStateProvider, useUrlState } from "./url-state";
+export type { UrlStateConfig, UrlStateContextValue } from "./url-state";
+export { DataTableTable } from "./table";
+export { DataTableColumnHeader } from "./column-header";
+export { DataTableTabs, DataTableTabsList, DataTableTabsTrigger, DataTableTabsContent, } from "./tabs";
+export { DataTableFilters, DataTableFiltersActions } from "./filters/filters";
+export { DataTableSearch } from "./filters/search";
+export { DataTableAllFilters } from "./filters/all-filters";
+export { DataTableSortBy } from "./filters/sort-by";
+export { DataTableBulkDelete } from "./filters/bulk-delete";
+export { DataTableReset } from "./filters/reset";
+export { DataTableActionsDropdown } from "./actions/actions-dropdown";
+export { DataTableActionItem } from "./actions/action-item";
+export { DataTableActionDelete } from "./actions/action-delete";
+export { DataTableCheckbox } from "./cells/table-checkbox";
+export { DataTableRecordIdCell } from "./cells/record-id-cell";
+export { DataTableTextCell } from "./cells/text-cell";
+export { DataTableStatusPill } from "./cells/status-pill";
+export { DataTablePaymentPill } from "./cells/payment-pill";
+export { DataTableDateTimeCell } from "./cells/date-time-cell";
+export type { PaymentLabel } from "./cells/payment-pill";
+export { createSelectionColumn, DATA_TABLE_SELECTION_COLUMN_ID, } from "./columns/selection";
+export { DataTablePagination, DataTablePaginationInfo, DataTablePaginationLimits, DataTablePaginationLinks, DataTablePaginationActions, } from "./pagination/pagination";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC7D,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EACL,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC"}

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

@@ -0,0 +1,24 @@
+"use client";
+export { DataTableProvider, useDataTable } from "./provider";
+export { UrlStateProvider, useUrlState } from "./url-state";
+export { DataTableTable } from "./table";
+export { DataTableColumnHeader } from "./column-header";
+export { DataTableTabs, DataTableTabsList, DataTableTabsTrigger, DataTableTabsContent, } from "./tabs";
+export { DataTableFilters, DataTableFiltersActions } from "./filters/filters";
+export { DataTableSearch } from "./filters/search";
+export { DataTableAllFilters } from "./filters/all-filters";
+export { DataTableSortBy } from "./filters/sort-by";
+export { DataTableBulkDelete } from "./filters/bulk-delete";
+export { DataTableReset } from "./filters/reset";
+export { DataTableActionsDropdown } from "./actions/actions-dropdown";
+export { DataTableActionItem } from "./actions/action-item";
+export { DataTableActionDelete } from "./actions/action-delete";
+export { DataTableCheckbox } from "./cells/table-checkbox";
+export { DataTableRecordIdCell } from "./cells/record-id-cell";
+export { DataTableTextCell } from "./cells/text-cell";
+export { DataTableStatusPill } from "./cells/status-pill";
+export { DataTablePaymentPill } from "./cells/payment-pill";
+export { DataTableDateTimeCell } from "./cells/date-time-cell";
+export { createSelectionColumn, DATA_TABLE_SELECTION_COLUMN_ID, } from "./columns/selection";
+export { DataTablePagination, DataTablePaginationInfo, DataTablePaginationLimits, DataTablePaginationLinks, DataTablePaginationActions, } from "./pagination/pagination";
+//# sourceMappingURL=index.js.map

package/dist/components/data-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAe7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EACL,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC"}

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

@@ -0,0 +1,66 @@
+import * as React from "react";
+export type DataTablePaginationProps = React.ComponentProps<"div">;
+/**
+ * Pagination container that reads from DataTableProvider's paginationConfig.
+ *
+ * Both client and server modes sync page/limit to URL query params.
+ * - **Client mode**: TanStack Table paginates locally
+ * - **Server mode**: URL params trigger server-side pagination
+ *
+ * @example
+ * ```tsx
+ * <DataTablePagination>
+ *   <DataTablePaginationInfo />
+ *   <DataTablePaginationActions>
+ *     <DataTablePaginationLimits />
+ *     <DataTablePaginationLinks />
+ *   </DataTablePaginationActions>
+ * </DataTablePagination>
+ * ```
+ */
+export declare function DataTablePagination({ className, children, ...props }: DataTablePaginationProps): import("react/jsx-runtime").JSX.Element;
+export type DataTablePaginationInfoProps = React.ComponentProps<"div"> & {
+    /**
+     * Custom format function.
+     * @param start - First item index (1-indexed)
+     * @param end - Last item index
+     * @param total - Total items
+     */
+    format?: (start: number, end: number, total: number) => React.ReactNode;
+};
+export declare function DataTablePaginationInfo({ format, className, ...props }: DataTablePaginationInfoProps): import("react/jsx-runtime").JSX.Element;
+export type DataTablePaginationLimitsProps = {
+    className?: string;
+    buttonClassName?: string;
+    contentClassName?: string;
+    /**
+     * Label shown before the limit value.
+     * @default "Result per page"
+     */
+    label?: string;
+    /**
+     * Callback when limit changes.
+     */
+    onLimitChange?: (limit: number) => void;
+};
+export declare function DataTablePaginationLimits({ className, buttonClassName, contentClassName, label, onLimitChange, }: DataTablePaginationLimitsProps): import("react/jsx-runtime").JSX.Element;
+export type DataTablePaginationLinksProps = {
+    className?: string;
+    /**
+     * Maximum number of page buttons to show.
+     * @default 7
+     */
+    maxVisible?: number;
+    /**
+     * Show previous/next navigation buttons.
+     * @default true
+     */
+    showPrevNext?: boolean;
+    /**
+     * Callback when page changes.
+     */
+    onPageChange?: (page: number) => void;
+};
+export declare function DataTablePaginationLinks({ className, maxVisible, showPrevNext, onPageChange, }: DataTablePaginationLinksProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataTablePaginationActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/pagination/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgD/B,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAa1B;AAMD,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACvE;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACzE,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAiE9B;AAMD,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,KAAyB,EACzB,aAAa,GACd,EAAE,8BAA8B,2CAiFhC;AAMD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,UAAc,EACd,YAAmB,EACnB,YAAY,GACb,EAAE,6BAA6B,2CAqI/B;AA2GD,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B"}