tembro 6.0.2 → 6.1.0

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

@@ -3,15 +3,15 @@ import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
 import { StateView as n } from "../feedback/state-view.js";
 import { Input as r } from "../ui/input/index.js";
-import { createDataTableActionsColumn as i } from "./data-table-actions-column.js";
-import { DataTableBulkActions as ee } from "./data-table-bulk-actions.js";
-import { DataTableColumnVisibilityMenu as te } from "./data-table-column-visibility-menu.js";
-import { DataTablePagination as ne } from "./data-table-pagination.js";
-import { DataTableToolbar as re } from "./data-table-toolbar.js";
-import { useVirtualizer as ie } from "../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
-import { DataState as a } from "../display/data-state.js";
-import { useIsMobile as ae } from "../../hooks/use-is-mobile.js";
-import { Table as oe, TableBody as se, TableCell as o, TableHead as ce, TableHeader as le, TableRow as s } from "../ui/table/index.js";
+import { Table as i, TableBody as ee, TableCell as a, TableHead as te, TableHeader as ne, TableRow as o } from "../ui/table/index.js";
+import { createDataTableActionsColumn as re } from "./data-table-actions-column.js";
+import { DataTableBulkActions as ie } from "./data-table-bulk-actions.js";
+import { DataTableColumnVisibilityMenu as ae } from "./data-table-column-visibility-menu.js";
+import { DataTablePagination as oe } from "./data-table-pagination.js";
+import { DataTableToolbar as se } from "./data-table-toolbar.js";
+import { useVirtualizer as ce } from "../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { DataState as s } from "../display/data-state.js";
+import { useIsMobile as le } from "../../hooks/use-is-mobile.js";
 import * as c from "react";
 import { Fragment as ue, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { flexRender as d, getCoreRowModel as de, getExpandedRowModel as fe, getPaginationRowModel as pe, useReactTable as me } from "@tanstack/react-table";
@@ -20,181 +20,181 @@ var he = {
 	compact: "h-8 px-2 py-1.5",
 	default: "h-10 px-2 py-2",
 	comfortable: "h-12 px-3 py-3"
-}, ge = {
+}, f = {
 	compact: "px-2 py-1.5",
 	default: "p-2",
 	comfortable: "px-3 py-3"
 };
-function _e(e, t) {
+function ge(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function ve(e, t) {
+function _e(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function ye(e, t) {
+function ve(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function be(e) {
+function ye(e) {
 	return e == null || e === "";
 }
-function xe(e) {
+function be(e) {
 	let t = e.column.columnDef.header;
 	return typeof t == "string" ? t : typeof t == "number" ? String(t) : e.column.id === "actions" ? "Actions" : e.column.id;
 }
-function Se({ className: Se, columns: Ce, data: f, title: p, description: m, features: h, search: g, filters: _, summary: v, toolbarActions: y, rowActions: b, bulkActions: we, onRefresh: x, onExport: S, refreshLabel: Te = "Refresh", exportLabel: Ee = "Export", getRowId: De, isLoading: C = !1, isError: Oe = !1, emptyState: ke, errorState: Ae, loadingState: w, loadingVariant: je = "skeleton", toolbar: T, toolbarProps: E, pagination: D, sorting: Me, onSortingChange: Ne, columnVisibility: Pe, onColumnVisibilityChange: Fe, rowSelection: Ie, onRowSelectionChange: Le, enableRowSelection: Re, renderMobileCard: O, mobileLayout: ze = "auto", onRowClick: k, onRowDoubleClick: Be, getRowDisabled: A, density: j = "default", striped: M = !1, bordered: N = !1, stickyHeader: P = !1, skeletonRows: Ve = 6, skeletonCellClassName: He, cellFallback: F = "-", tableClassName: Ue, tableWrapperClassName: We, headerCellClassName: Ge, cellClassName: Ke, rowClassName: qe, renderExpandedRow: Je, expanded: Ye, onExpandedChange: Xe, getRowCanExpand: Ze, columnPinning: Qe, onColumnPinningChange: $e, virtualization: et, ...tt }) {
-	let nt = c.useMemo(() => {
-		let e = Ce;
-		return !b || h?.rowActions === !1 ? e : [...e, i({ getActions: b })];
+function xe({ className: xe, columns: p, data: m, title: h, description: g, features: _, search: v, filters: y, summary: b, toolbarActions: x, rowActions: S, bulkActions: Se, onRefresh: C, onExport: w, refreshLabel: Ce = "Refresh", exportLabel: we = "Export", getRowId: Te, isLoading: T = !1, isError: Ee = !1, emptyState: De, errorState: Oe, loadingState: ke, loadingVariant: Ae = "skeleton", toolbar: E, toolbarProps: D, pagination: O, sorting: je, onSortingChange: Me, columnVisibility: Ne, onColumnVisibilityChange: Pe, rowSelection: Fe, onRowSelectionChange: Ie, enableRowSelection: Le, renderMobileCard: k, mobileLayout: Re = "auto", onRowClick: A, onRowDoubleClick: ze, getRowDisabled: Be, density: j = "default", striped: Ve = !1, bordered: M = !1, stickyHeader: N = !1, skeletonRows: He = 6, skeletonCellClassName: Ue, cellFallback: We = "-", tableClassName: Ge, tableWrapperClassName: Ke, headerCellClassName: qe, cellClassName: Je, rowClassName: Ye, renderExpandedRow: Xe, expanded: Ze, onExpandedChange: Qe, getRowCanExpand: $e, columnPinning: et, onColumnPinningChange: tt, virtualization: P, ...nt }) {
+	let rt = c.useMemo(() => {
+		let e = p;
+		return !S || _?.rowActions === !1 ? e : [...e, re({ getActions: S })];
 	}, [
-		Ce,
-		h?.rowActions,
-		b
-	]), I = D === !1 ? void 0 : D, rt = I ? {
-		pageIndex: I.pageIndex,
-		pageSize: I.pageSize
-	} : void 0, it = !!(I && I.manual !== !1), at = Ie ?? {}, L = me({
-		data: f,
-		columns: nt,
-		getRowId: De,
+		p,
+		_?.rowActions,
+		S
+	]), F = O === !1 ? void 0 : O, it = F ? {
+		pageIndex: F.pageIndex,
+		pageSize: F.pageSize
+	} : void 0, I = !!(F && F.manual !== !1), at = Fe ?? {}, L = me({
+		data: m,
+		columns: rt,
+		getRowId: Te,
 		getCoreRowModel: de(),
-		getPaginationRowModel: I && !it ? pe() : void 0,
-		manualPagination: it,
-		pageCount: I?.pageCount,
+		getPaginationRowModel: F && !I ? pe() : void 0,
+		manualPagination: I,
+		pageCount: F?.pageCount,
 		state: {
-			sorting: Me,
-			columnVisibility: Pe,
+			sorting: je,
+			columnVisibility: Ne,
 			rowSelection: at,
-			pagination: rt,
-			expanded: Ye,
-			...Qe ? { columnPinning: Qe } : {}
+			pagination: it,
+			expanded: Ze,
+			...et ? { columnPinning: et } : {}
 		},
-		onSortingChange: Ne,
-		onColumnVisibilityChange: Fe,
-		onRowSelectionChange: Le,
-		onExpandedChange: Xe,
-		onColumnPinningChange: $e,
-		enableRowSelection: Re,
-		getRowCanExpand: Ze,
+		onSortingChange: Me,
+		onColumnVisibilityChange: Pe,
+		onRowSelectionChange: Ie,
+		onExpandedChange: Qe,
+		onColumnPinningChange: tt,
+		enableRowSelection: Le,
+		getRowCanExpand: $e,
 		getExpandedRowModel: fe()
-	}), R = L.getRowModel().rows, ot = c.useRef(null), z = et === !1 ? void 0 : et, B = !!(z && z.enabled !== !1 && R.length > 0), V = z?.height ?? 480, st = z?.onRangeChange, H = ie({
-		count: B ? R.length : 0,
-		getScrollElement: () => ot.current,
-		estimateSize: () => z?.estimateRowHeight ?? 48,
+	}), R = L.getRowModel().rows, z = c.useRef(null), B = P === !1 ? void 0 : P, V = !!(B && B.enabled !== !1 && R.length > 0), H = B?.height ?? 480, ot = B?.onRangeChange, U = ce({
+		count: V ? R.length : 0,
+		getScrollElement: () => z.current,
+		estimateSize: () => B?.estimateRowHeight ?? 48,
 		getItemKey: (e) => R[e]?.id ?? e,
-		overscan: z?.overscan ?? 8,
+		overscan: B?.overscan ?? 8,
 		initialRect: {
 			width: 0,
-			height: typeof V == "number" ? V : 480
+			height: typeof H == "number" ? H : 480
 		},
 		onChange(e) {
-			if (!st) return;
+			if (!ot) return;
 			let t = e.getVirtualItems();
-			st({
+			ot({
 				startIndex: t[0]?.index ?? -1,
 				endIndex: t.at(-1)?.index ?? -1
 			});
 		}
-	}), ct = B ? H.getVirtualItems() : [], U = z?.estimateRowHeight ?? 48, lt = B ? Math.min(R.length, Math.ceil((typeof V == "number" ? V : 480) / U) + (z?.overscan ?? 8)) : 0, W = ct.length > 0 ? ct : Array.from({ length: lt }, (e, t) => ({
+	}), st = V ? U.getVirtualItems() : [], W = B?.estimateRowHeight ?? 48, ct = V ? Math.min(R.length, Math.ceil((typeof H == "number" ? H : 480) / W) + (B?.overscan ?? 8)) : 0, G = st.length > 0 ? st : Array.from({ length: ct }, (e, t) => ({
 		key: R[t]?.id ?? t,
 		index: t,
-		start: t * U,
-		end: (t + 1) * U,
-		size: U,
+		start: t * W,
+		end: (t + 1) * W,
+		size: W,
 		lane: 0
-	})), ut = W[0]?.start ?? 0, dt = W.length ? Math.max(H.getTotalSize() - W[W.length - 1].end, 0) : 0, G = L.getSelectedRowModel().rows.map((e) => e.original), ft = G.length, K = c.useMemo(() => ({
+	})), lt = G[0]?.start ?? 0, ut = G.length ? Math.max(U.getTotalSize() - G[G.length - 1].end, 0) : 0, K = L.getSelectedRowModel().rows.map((e) => e.original), dt = K.length, q = c.useMemo(() => ({
 		table: L,
-		data: f,
-		selectedRows: G
+		data: m,
+		selectedRows: K
 	}), [
-		f,
-		G,
+		m,
+		K,
 		L
-	]), pt = L.getVisibleLeafColumns(), mt = Math.max(pt.length, 1), ht = typeof T == "function" ? T(L) : T, gt = typeof E == "function" ? E(L) : E, q = typeof _ == "function" ? _(K) : _, J = typeof v == "function" ? v(K) : v, _t = !!(g && h?.search !== !1), vt = !!(h?.columnVisibility && L.getAllLeafColumns().some((e) => e.getCanHide())), Y = !!(h?.refresh && x), X = !!(h?.export && S), yt = !!(h?.bulkActions !== !1 && we?.length), bt = vt && !!(p || m || g || q || J || y || Y || X), xt = _t && g ? /* @__PURE__ */ l(r, {
+	]), ft = L.getVisibleLeafColumns(), pt = Math.max(ft.length, 1), mt = typeof E == "function" ? E(L) : E, ht = typeof D == "function" ? D(L) : D, J = typeof y == "function" ? y(q) : y, Y = typeof b == "function" ? b(q) : b, gt = !!(v && _?.search !== !1), _t = !!(_?.columnVisibility && L.getAllLeafColumns().some((e) => e.getCanHide())), X = !!(_?.refresh && C), Z = !!(_?.export && w), vt = !!(_?.bulkActions !== !1 && Se?.length), yt = _t && !!(h || g || v || J || Y || x || X || Z), bt = gt && v ? /* @__PURE__ */ l(r, {
 		type: "search",
-		value: g.value,
-		onValueChange: g.onValueChange,
-		placeholder: g.placeholder ?? "Search...",
-		wrapperClassName: g.wrapperClassName ?? g.className,
-		inputClassName: g.inputClassName,
-		disabled: g.disabled,
-		clearable: g.clearable,
-		clearLabel: g.clearLabel,
-		searchIcon: g.searchIcon
-	}) : void 0, St = /* @__PURE__ */ u(ue, { children: [
-		typeof y == "function" ? y(K) : y,
-		bt && /* @__PURE__ */ l(te, { table: L }),
-		Y && /* @__PURE__ */ l(t, {
+		value: v.value,
+		onValueChange: v.onValueChange,
+		placeholder: v.placeholder ?? "Search...",
+		wrapperClassName: v.wrapperClassName ?? v.className,
+		inputClassName: v.inputClassName,
+		disabled: v.disabled,
+		clearable: v.clearable,
+		clearLabel: v.clearLabel,
+		searchIcon: v.searchIcon
+	}) : void 0, xt = /* @__PURE__ */ u(ue, { children: [
+		typeof x == "function" ? x(q) : x,
+		yt && /* @__PURE__ */ l(ae, { table: L }),
+		X && /* @__PURE__ */ l(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			disabled: C,
-			onClick: () => x?.(K),
-			children: Te
+			disabled: T,
+			onClick: () => C?.(q),
+			children: Ce
 		}),
-		X && /* @__PURE__ */ l(t, {
+		Z && /* @__PURE__ */ l(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			onClick: () => S?.(K),
-			children: Ee
+			onClick: () => w?.(q),
+			children: we
 		})
-	] }), Ct = yt ? /* @__PURE__ */ l(ee, {
-		rows: G,
-		actions: we ?? [],
+	] }), St = vt ? /* @__PURE__ */ l(ie, {
+		rows: K,
+		actions: Se ?? [],
 		selectedLabel: () => "Actions",
 		clearLabel: null,
 		onClearSelection: () => L.resetRowSelection(),
 		hideWhenEmpty: !1
-	}) : void 0, wt = !!(ht || gt || p || m || xt || q || J || y || bt || Y || X || Ct), Tt = !!(I && !I.hidden), Z = C && je === "skeleton", Et = ae(), Q = ze !== "scroll" && Et, Dt = (e, t) => t > 0 ? /* @__PURE__ */ l(s, {
+	}) : void 0, Ct = !!(mt || ht || h || g || bt || J || Y || x || yt || X || Z || St), wt = !!(F && !F.hidden), Q = T && Ae === "skeleton", Tt = le(), Et = Re !== "scroll" && Tt, Dt = (e, t) => t > 0 ? /* @__PURE__ */ l(o, {
 		"aria-hidden": "true",
 		className: "pointer-events-none border-0 hover:bg-transparent",
-		children: /* @__PURE__ */ l(o, {
-			colSpan: mt,
+		children: /* @__PURE__ */ l(a, {
+			colSpan: pt,
 			className: "border-0 p-0",
 			style: { height: t }
 		})
-	}, e) : null, Ot = (e) => /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(o, {
-		colSpan: mt,
+	}, e) : null, Ot = (e) => /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(a, {
+		colSpan: pt,
 		className: "p-0",
 		children: e
-	}) }), kt = () => Array.from({ length: Math.max(Ve, 1) }, (t, n) => /* @__PURE__ */ l(s, {
+	}) }), kt = () => Array.from({ length: Math.max(He, 1) }, (t, n) => /* @__PURE__ */ l(o, {
 		"aria-hidden": "true",
-		children: pt.map((t) => /* @__PURE__ */ l(o, {
-			className: e(ge[j], N && "border-r last:border-r-0"),
-			children: /* @__PURE__ */ l("div", { className: e("h-4 w-full max-w-40 animate-pulse rounded-md bg-muted", n % 3 == 1 && "max-w-24", n % 3 == 2 && "max-w-32", He) })
+		children: ft.map((t) => /* @__PURE__ */ l(a, {
+			className: e(f[j], M && "border-r last:border-r-0"),
+			children: /* @__PURE__ */ l("div", { className: e("h-4 w-full max-w-40 animate-pulse rounded-md bg-muted", n % 3 == 1 && "max-w-24", n % 3 == 2 && "max-w-32", Ue) })
 		}, `${t.id}-${n}`))
-	}, `skeleton-${n}`)), $ = Z ? null : C ? /* @__PURE__ */ l(n, {
+	}, `skeleton-${n}`)), $ = Q ? null : T ? /* @__PURE__ */ l(n, {
 		status: "loading",
 		title: "Loading data...",
-		...w
-	}) : Oe ? /* @__PURE__ */ l(a, {
+		...ke
+	}) : Ee ? /* @__PURE__ */ l(s, {
 		status: "error",
 		title: "Could not load data",
 		description: "Please try again.",
 		variant: "plain",
-		...Ae
-	}) : R.length === 0 ? /* @__PURE__ */ l(a, {
+		...Oe
+	}) : R.length === 0 ? /* @__PURE__ */ l(s, {
 		status: "empty",
 		variant: "plain",
-		...ke
+		...De
 	}) : null, At = (t, n, r) => {
-		let i = A?.(t) ?? !1;
-		return /* @__PURE__ */ u(c.Fragment, { children: [/* @__PURE__ */ l(s, {
-			ref: r && z?.measureRows !== !1 ? H.measureElement : void 0,
+		let i = Be?.(t) ?? !1;
+		return /* @__PURE__ */ u(c.Fragment, { children: [/* @__PURE__ */ l(o, {
+			ref: r && B?.measureRows !== !1 ? U.measureElement : void 0,
 			"data-index": r?.index,
 			"data-state": t.getIsSelected() ? "selected" : void 0,
-			"data-striped": M && n % 2 == 1 ? "true" : void 0,
+			"data-striped": Ve && n % 2 == 1 ? "true" : void 0,
 			"data-disabled": i || void 0,
-			className: e(k && !i && "cursor-pointer", !i && "transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]", i && "pointer-events-none opacity-55", _e(t, qe)),
+			className: e(A && !i && "cursor-pointer", !i && "transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]", i && "pointer-events-none opacity-55", ge(t, Ye)),
 			onClick: () => {
-				i || k?.(t);
+				i || A?.(t);
 			},
 			onDoubleClick: () => {
-				i || Be?.(t);
+				i || ze?.(t);
 			},
 			children: t.getVisibleCells().map((t) => {
 				let n = d(t.column.columnDef.cell, t.getContext());
-				return /* @__PURE__ */ l(o, {
+				return /* @__PURE__ */ l(a, {
 					style: {
 						...t.column.getIsPinned() === "left" ? {
 							left: `${t.column.getStart("left")}px`,
@@ -207,31 +207,31 @@ function Se({ className: Se, columns: Ce, data: f, title: p, description: m, fea
 							zIndex: 10
 						} : {}
 					},
-					className: e(ge[j], t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", ye(t, Ke)),
-					children: be(n) ? F : n
+					className: e(f[j], t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", M && "border-r last:border-r-0", ve(t, Je)),
+					children: ye(n) ? We : n
 				}, t.id);
 			})
-		}), t.getIsExpanded() && Je ? /* @__PURE__ */ l(s, {
+		}), t.getIsExpanded() && Xe ? /* @__PURE__ */ l(o, {
 			className: "bg-muted/50 hover:bg-muted/50",
-			children: /* @__PURE__ */ l(o, {
+			children: /* @__PURE__ */ l(a, {
 				colSpan: t.getVisibleCells().length,
-				children: Je(t)
+				children: Xe(t)
 			})
 		}) : null] }, t.id);
 	}, jt = (t) => {
-		let n = A?.(t) ?? !1, r = t.getVisibleCells();
+		let n = Be?.(t) ?? !1, r = t.getVisibleCells();
 		return /* @__PURE__ */ l("article", {
 			"data-slot": "data-table-mobile-card",
 			"data-state": t.getIsSelected() ? "selected" : void 0,
 			"data-disabled": n || void 0,
-			className: e("grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]", k && !n && "cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]", n && "pointer-events-none opacity-55", _e(t, qe)),
-			role: k && !n ? "button" : void 0,
-			tabIndex: k && !n ? 0 : void 0,
+			className: e("grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]", A && !n && "cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]", n && "pointer-events-none opacity-55", ge(t, Ye)),
+			role: A && !n ? "button" : void 0,
+			tabIndex: A && !n ? 0 : void 0,
 			onClick: () => {
-				n || k?.(t);
+				n || A?.(t);
 			},
 			onKeyDown: (e) => {
-				e.target !== e.currentTarget || n || !k || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), k(t));
+				e.target !== e.currentTarget || n || !A || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), A(t));
 			},
 			children: r.map((e) => {
 				let t = d(e.column.columnDef.cell, e.getContext());
@@ -240,10 +240,10 @@ function Se({ className: Se, columns: Ce, data: f, title: p, description: m, fea
 					className: "grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm",
 					children: [/* @__PURE__ */ l("span", {
 						className: "min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-						children: xe(e)
+						children: be(e)
 					}), /* @__PURE__ */ l("div", {
 						className: "min-w-0 text-right text-foreground/92 [&>*]:ml-auto",
-						children: be(t) ? F : t
+						children: ye(t) ? We : t
 					})]
 				}, e.id);
 			})
@@ -251,85 +251,85 @@ function Se({ className: Se, columns: Ce, data: f, title: p, description: m, fea
 	};
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "data-table",
-		className: e("grid gap-3", Se),
-		...tt,
+		className: e("grid gap-3", xe),
+		...nt,
 		children: [
-			wt && (ht ?? /* @__PURE__ */ l(re, {
-				title: p,
-				description: m,
-				search: xt,
-				filters: q,
-				summary: J,
-				actions: St,
-				selectionActions: Ct,
-				selectedCount: ft,
-				totalCount: I ? I.rowCount ?? f.length : f.length,
+			Ct && (mt ?? /* @__PURE__ */ l(se, {
+				title: h,
+				description: g,
+				search: bt,
+				filters: J,
+				summary: Y,
+				actions: xt,
+				selectionActions: St,
+				selectedCount: dt,
+				totalCount: F ? F.rowCount ?? m.length : m.length,
 				variant: "plain",
-				...gt
+				...ht
 			})),
-			Q && /* @__PURE__ */ l("div", {
+			Et && /* @__PURE__ */ l("div", {
 				className: "grid gap-3",
-				children: $ ?? (Z ? /* @__PURE__ */ l(n, {
+				children: $ ?? (Q ? /* @__PURE__ */ l(n, {
 					status: "loading",
 					title: "Loading data...",
-					...w
-				}) : R.map((e) => /* @__PURE__ */ l(c.Fragment, { children: O ? O(e) : jt(e) }, e.id)))
+					...ke
+				}) : R.map((e) => /* @__PURE__ */ l(c.Fragment, { children: k ? k(e) : jt(e) }, e.id)))
 			}),
-			!Q && /* @__PURE__ */ u("div", {
+			!Et && /* @__PURE__ */ u("div", {
 				"data-slot": "data-table-wrapper",
 				"data-density": j,
-				"data-striped": M || void 0,
-				"data-bordered": N || void 0,
-				"data-virtualized": B || void 0,
-				className: e("overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur", We),
-				children: [/* @__PURE__ */ u(oe, {
-					containerRef: ot,
-					containerStyle: B ? {
-						height: V,
+				"data-striped": Ve || void 0,
+				"data-bordered": M || void 0,
+				"data-virtualized": V || void 0,
+				className: e("overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur", Ke),
+				children: [/* @__PURE__ */ u(i, {
+					containerRef: z,
+					containerStyle: V ? {
+						height: H,
 						overscrollBehavior: "contain"
 					} : void 0,
-					containerClassName: e("rounded-none border-0 bg-transparent shadow-none ring-0", B && "overflow-auto"),
-					className: e("text-[0.95rem]", Ue),
+					containerClassName: e("rounded-none border-0 bg-transparent shadow-none ring-0", V && "overflow-auto"),
+					className: e("text-[0.95rem]", Ge),
 					"aria-rowcount": R.length,
-					children: [/* @__PURE__ */ l(le, {
-						className: e((P || B) && "sticky top-0 z-10 shadow-sm backdrop-blur"),
-						children: L.getHeaderGroups().map((t) => /* @__PURE__ */ l(s, { children: t.headers.map((t) => /* @__PURE__ */ l(ce, {
+					children: [/* @__PURE__ */ l(ne, {
+						className: e((N || V) && "sticky top-0 z-10 shadow-sm backdrop-blur"),
+						children: L.getHeaderGroups().map((t) => /* @__PURE__ */ l(o, { children: t.headers.map((t) => /* @__PURE__ */ l(te, {
 							style: {
 								width: t.getSize(),
 								...t.column.getIsPinned() === "left" ? {
 									left: `${t.column.getStart("left")}px`,
 									position: "sticky",
-									zIndex: P ? 20 : 11
+									zIndex: N ? 20 : 11
 								} : {},
 								...t.column.getIsPinned() === "right" ? {
 									right: `${t.column.getAfter("right")}px`,
 									position: "sticky",
-									zIndex: P ? 20 : 11
+									zIndex: N ? 20 : 11
 								} : {}
 							},
-							className: e(he[j], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground", (P || B) && "bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur", t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", ve(t, Ge)),
+							className: e(he[j], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground", (N || V) && "bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur", t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", M && "border-r last:border-r-0", _e(t, qe)),
 							children: t.isPlaceholder ? null : d(t.column.columnDef.header, t.getContext())
 						}, t.id)) }, t.id))
-					}), /* @__PURE__ */ l(se, { children: $ ? Ot($) : Z ? kt() : B ? [
-						Dt("virtual-top", ut),
-						...W.map((e) => At(R[e.index], e.index, e)),
-						Dt("virtual-bottom", dt)
+					}), /* @__PURE__ */ l(ee, { children: $ ? Ot($) : Q ? kt() : V ? [
+						Dt("virtual-top", lt),
+						...G.map((e) => At(R[e.index], e.index, e)),
+						Dt("virtual-bottom", ut)
 					] : R.map((e, t) => At(e, t)) })]
-				}), Tt && I && /* @__PURE__ */ l(ne, {
-					pageIndex: I.pageIndex,
-					pageSize: I.pageSize,
-					pageCount: I.pageCount,
-					rowCount: I.rowCount,
-					pageSizeOptions: I.pageSizeOptions,
-					showPageSize: I.showPageSize,
-					labels: I.labels,
-					disabled: C,
-					onPageChange: I.onPageChange,
-					onPageSizeChange: I.onPageSizeChange
+				}), wt && F && /* @__PURE__ */ l(oe, {
+					pageIndex: F.pageIndex,
+					pageSize: F.pageSize,
+					pageCount: F.pageCount,
+					rowCount: F.rowCount,
+					pageSizeOptions: F.pageSizeOptions,
+					showPageSize: F.showPageSize,
+					labels: F.labels,
+					disabled: T,
+					onPageChange: F.onPageChange,
+					onPageSizeChange: F.onPageSizeChange
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { Se as DataTable };
+export { xe as DataTable };

package/dist/src/components/data-table/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-table-row-actions.cjs"),t=require("./data-table-actions-column.cjs"),n=require("./data-table-bulk-actions.cjs"),r=require("./data-table-column-visibility-menu.cjs"),i=require("./data-table-pagination.cjs"),a=require("./data-table-saved-filters.cjs"),o=require("./data-table-select-column.cjs"),s=require("./data-table-sortable-header.cjs"),c=require("./data-table-toolbar.cjs"),l=require("./data-table-view-presets.cjs"),u=require("./data-table.cjs"),d=require("./table-export-menu.cjs"),f=require("./table-import-button.cjs");exports.DataTable=u.DataTable,exports.DataTableBulkActions=n.DataTableBulkActions,exports.DataTableColumnVisibilityMenu=r.DataTableColumnVisibilityMenu,exports.DataTablePagination=i.DataTablePagination,exports.DataTableRowActions=e.DataTableRowActions,exports.DataTableSavedFilters=a.DataTableSavedFilters,exports.DataTableSortableHeader=s.DataTableSortableHeader,exports.DataTableToolbar=c.DataTableToolbar,exports.DataTableViewPresets=l.DataTableViewPresets,exports.TableExportMenu=d.TableExportMenu,exports.TableImportButton=f.TableImportButton,exports.createDataTableActionsColumn=t.createDataTableActionsColumn,exports.createDataTableSelectColumn=o.createDataTableSelectColumn,exports.dataTableToolbarVariants=c.dataTableToolbarVariants,exports.getDataTablePageCount=i.getDataTablePageCount,exports.resolveRowActions=e.resolveRowActions;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-grid.cjs"),t=require("./data-table-row-actions.cjs"),n=require("./data-table-actions-column.cjs"),r=require("./data-table-bulk-actions.cjs"),i=require("./data-table-column-visibility-menu.cjs"),a=require("./data-table-pagination.cjs"),o=require("./data-table-saved-filters.cjs"),s=require("./data-table-select-column.cjs"),c=require("./data-table-sortable-header.cjs"),l=require("./data-table-toolbar.cjs"),u=require("./data-table-view-presets.cjs"),d=require("./data-table.cjs"),f=require("./table-export-menu.cjs"),p=require("./table-import-button.cjs");exports.DataGrid=e.DataGrid,exports.DataTable=d.DataTable,exports.DataTableBulkActions=r.DataTableBulkActions,exports.DataTableColumnVisibilityMenu=i.DataTableColumnVisibilityMenu,exports.DataTablePagination=a.DataTablePagination,exports.DataTableRowActions=t.DataTableRowActions,exports.DataTableSavedFilters=o.DataTableSavedFilters,exports.DataTableSortableHeader=c.DataTableSortableHeader,exports.DataTableToolbar=l.DataTableToolbar,exports.DataTableViewPresets=u.DataTableViewPresets,exports.TableExportMenu=f.TableExportMenu,exports.TableImportButton=p.TableImportButton,exports.createDataTableActionsColumn=n.createDataTableActionsColumn,exports.createDataTableSelectColumn=s.createDataTableSelectColumn,exports.dataTableToolbarVariants=l.dataTableToolbarVariants,exports.getDataTablePageCount=a.getDataTablePageCount,exports.resolveRowActions=t.resolveRowActions;

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

@@ -1,14 +1,15 @@
-import { DataTableRowActions as e, resolveRowActions as t } from "./data-table-row-actions.js";
-import { createDataTableActionsColumn as n } from "./data-table-actions-column.js";
-import { DataTableBulkActions as r } from "./data-table-bulk-actions.js";
-import { DataTableColumnVisibilityMenu as i } from "./data-table-column-visibility-menu.js";
-import { DataTablePagination as a, getDataTablePageCount as o } from "./data-table-pagination.js";
-import { DataTableSavedFilters as s } from "./data-table-saved-filters.js";
-import { createDataTableSelectColumn as c } from "./data-table-select-column.js";
-import { DataTableSortableHeader as l } from "./data-table-sortable-header.js";
-import { DataTableToolbar as u, dataTableToolbarVariants as d } from "./data-table-toolbar.js";
-import { DataTableViewPresets as f } from "./data-table-view-presets.js";
-import { DataTable as p } from "./data-table.js";
-import { TableExportMenu as m } from "./table-export-menu.js";
-import { TableImportButton as h } from "./table-import-button.js";
-export { p as DataTable, r as DataTableBulkActions, i as DataTableColumnVisibilityMenu, a as DataTablePagination, e as DataTableRowActions, s as DataTableSavedFilters, l as DataTableSortableHeader, u as DataTableToolbar, f as DataTableViewPresets, m as TableExportMenu, h as TableImportButton, n as createDataTableActionsColumn, c as createDataTableSelectColumn, d as dataTableToolbarVariants, o as getDataTablePageCount, t as resolveRowActions };
+import { DataGrid as e } from "./data-grid.js";
+import { DataTableRowActions as t, resolveRowActions as n } from "./data-table-row-actions.js";
+import { createDataTableActionsColumn as r } from "./data-table-actions-column.js";
+import { DataTableBulkActions as i } from "./data-table-bulk-actions.js";
+import { DataTableColumnVisibilityMenu as a } from "./data-table-column-visibility-menu.js";
+import { DataTablePagination as o, getDataTablePageCount as s } from "./data-table-pagination.js";
+import { DataTableSavedFilters as c } from "./data-table-saved-filters.js";
+import { createDataTableSelectColumn as l } from "./data-table-select-column.js";
+import { DataTableSortableHeader as u } from "./data-table-sortable-header.js";
+import { DataTableToolbar as d, dataTableToolbarVariants as f } from "./data-table-toolbar.js";
+import { DataTableViewPresets as p } from "./data-table-view-presets.js";
+import { DataTable as m } from "./data-table.js";
+import { TableExportMenu as h } from "./table-export-menu.js";
+import { TableImportButton as g } from "./table-import-button.js";
+export { e as DataGrid, m as DataTable, i as DataTableBulkActions, a as DataTableColumnVisibilityMenu, o as DataTablePagination, t as DataTableRowActions, c as DataTableSavedFilters, u as DataTableSortableHeader, d as DataTableToolbar, p as DataTableViewPresets, h as TableExportMenu, g as TableImportButton, r as createDataTableActionsColumn, l as createDataTableSelectColumn, f as dataTableToolbarVariants, s as getDataTablePageCount, n as resolveRowActions };

package/dist/src/components/data-table/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-table.cjs");exports.DataTable=e.DataTable;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-grid.cjs"),t=require("./data-table.cjs");exports.DataGrid=e.DataGrid,exports.DataTable=t.DataTable;

package/dist/src/components/data-table/public.js

@@ -1,2 +1,3 @@
-import { DataTable as e } from "./data-table.js";
-export { e as DataTable };
+import { DataGrid as e } from "./data-grid.js";
+import { DataTable as t } from "./data-table.js";
+export { e as DataGrid, t as DataTable };

package/dist/src/components/feedback/async-boundary.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./state-view.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({loading:e,error:n,empty:i,loadingTitle:a=`Loading`,errorTitle:o=`Unable to load`,emptyTitle:s=`No data`,onRetry:c,children:l}){return e?(0,r.jsx)(t.StateView,{status:`loading`,title:a,loadingVariant:`skeleton`}):n?(0,r.jsx)(t.StateView,{status:`error`,title:o,description:n instanceof Error?n.message:`Try again or check the request.`,onRetry:c}):i?(0,r.jsx)(t.StateView,{status:`empty`,title:s}):(0,r.jsx)(r.Fragment,{children:l})}exports.AsyncBoundary=i;

package/dist/src/components/feedback/async-boundary.js

@@ -0,0 +1,22 @@
+"use client";
+import { StateView as e } from "./state-view.js";
+import "react";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/components/feedback/async-boundary.tsx
+function r({ loading: r, error: i, empty: a, loadingTitle: o = "Loading", errorTitle: s = "Unable to load", emptyTitle: c = "No data", onRetry: l, children: u }) {
+	return r ? /* @__PURE__ */ n(e, {
+		status: "loading",
+		title: o,
+		loadingVariant: "skeleton"
+	}) : i ? /* @__PURE__ */ n(e, {
+		status: "error",
+		title: s,
+		description: i instanceof Error ? i.message : "Try again or check the request.",
+		onRetry: l
+	}) : a ? /* @__PURE__ */ n(e, {
+		status: "empty",
+		title: c
+	}) : /* @__PURE__ */ n(t, { children: u });
+}
+//#endregion
+export { r as AsyncBoundary };

package/dist/src/components/feedback/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./state-view.cjs"),t=require("./alert.cjs");exports.Alert=t.Alert,exports.StateView=e.StateView;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./state-view.cjs"),t=require("./alert.cjs"),n=require("./async-boundary.cjs");exports.Alert=t.Alert,exports.AsyncBoundary=n.AsyncBoundary,exports.StateView=e.StateView;

package/dist/src/components/feedback/index.js

@@ -1,3 +1,4 @@
 import { StateView as e } from "./state-view.js";
 import { Alert as t } from "./alert.js";
-export { t as Alert, e as StateView };
+import { AsyncBoundary as n } from "./async-boundary.js";
+export { t as Alert, n as AsyncBoundary, e as StateView };

package/dist/src/components/inputs/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./async-select.cjs"),t=require("./color-picker.cjs"),n=require("./combobox.cjs"),r=require("./otp-input.cjs"),i=require("./rating.cjs"),a=require("./json-input.cjs"),o=require("./time-picker.cjs"),s=require("./slider.cjs"),c=require("./tag-input.cjs"),l=require("./inline-editable.cjs"),u=require("./signature-pad.cjs");exports.AsyncMultiSelect=e.AsyncMultiSelect,exports.AsyncSelect=e.AsyncSelect,exports.ColorPicker=t.ColorPicker,exports.Combobox=n.Combobox,exports.DateTimePicker=o.DateTimePicker,exports.InlineEditable=l.InlineEditable,exports.JsonInput=a.JsonInput,exports.OtpInput=r.OtpInput,exports.RangeSlider=s.RangeSlider,exports.Rating=i.Rating,exports.SignaturePad=u.SignaturePad,exports.Slider=s.Slider,exports.TagInput=c.TagInput,exports.TimePicker=o.TimePicker,exports.TimeRangePicker=o.TimeRangePicker,exports.drawSignature=u.drawSignature,exports.getAlphaPercent=t.getAlphaPercent,exports.normalizeHexColor=t.normalizeHexColor,exports.withAlpha=t.withAlpha;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./time-picker.cjs"),t=require("./async-select.cjs"),n=require("./color-picker.cjs"),r=require("./combobox.cjs"),i=require("./multi-select.cjs"),a=require("./otp-input.cjs"),o=require("./rating.cjs"),s=require("./json-input.cjs"),c=require("./slider.cjs"),l=require("./tag-input.cjs"),u=require("./inline-editable.cjs"),d=require("./signature-pad.cjs");exports.AsyncMultiSelect=t.AsyncMultiSelect,exports.AsyncSelect=t.AsyncSelect,exports.ColorPicker=n.ColorPicker,exports.Combobox=r.Combobox,exports.DateTimePicker=e.DateTimePicker,exports.InlineEditable=u.InlineEditable,exports.JsonInput=s.JsonInput,exports.MultiSelect=i.MultiSelect,exports.OtpInput=a.OtpInput,exports.RangeSlider=c.RangeSlider,exports.Rating=o.Rating,exports.SignaturePad=d.SignaturePad,exports.Slider=c.Slider,exports.TagInput=l.TagInput,exports.TimePicker=e.TimePicker,exports.TimeRangePicker=e.TimeRangePicker,exports.drawSignature=d.drawSignature,exports.getAlphaPercent=n.getAlphaPercent,exports.normalizeHexColor=n.normalizeHexColor,exports.withAlpha=n.withAlpha;