tembro 6.0.3 → 6.1.1

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

@@ -3,198 +3,199 @@ 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 * 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";
+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 le } from "../display/data-state.js";
+import { useIsMobile as ue } from "../../hooks/use-is-mobile.js";
+import * as s from "react";
+import { Fragment as de, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { flexRender as u, getCoreRowModel as fe, getExpandedRowModel as pe, getPaginationRowModel as me, getSortedRowModel as he, useReactTable as ge } from "@tanstack/react-table";
 //#region src/components/data-table/data-table.tsx
-var he = {
+var _e = {
 	compact: "h-8 px-2 py-1.5",
 	default: "h-10 px-2 py-2",
 	comfortable: "h-12 px-3 py-3"
-}, ge = {
+}, ve = {
 	compact: "px-2 py-1.5",
 	default: "p-2",
 	comfortable: "px-3 py-3"
 };
-function _e(e, t) {
+function ye(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function ve(e, t) {
+function be(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function ye(e, t) {
+function xe(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function be(e) {
+function Se(e) {
 	return e == null || e === "";
 }
-function xe(e) {
+function Ce(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 we({ className: we, columns: Te, data: d, title: f, description: p, features: m, search: h, filters: g, summary: _, toolbarActions: v, rowActions: y, bulkActions: b, onRefresh: x, onExport: S, refreshLabel: Ee = "Refresh", exportLabel: De = "Export", getRowId: Oe, isLoading: C = !1, isError: ke = !1, emptyState: Ae, errorState: je, loadingState: w, loadingVariant: Me = "skeleton", toolbar: T, toolbarProps: E, pagination: D, sorting: Ne, onSortingChange: Pe, columnVisibility: Fe, onColumnVisibilityChange: Ie, rowSelection: Le, onRowSelectionChange: Re, enableRowSelection: ze, renderMobileCard: O, mobileLayout: Be = "auto", onRowClick: k, onRowDoubleClick: Ve, getRowDisabled: A, density: j = "default", striped: M = !1, bordered: N = !1, stickyHeader: P = !1, skeletonRows: He = 6, skeletonCellClassName: Ue, cellFallback: F = "-", tableClassName: We, tableWrapperClassName: Ge, headerCellClassName: Ke, cellClassName: qe, rowClassName: I, renderExpandedRow: Je, expanded: Ye, onExpandedChange: Xe, getRowCanExpand: Ze, columnPinning: Qe, onColumnPinningChange: $e, virtualization: et, ...tt }) {
+	let nt = s.useMemo(() => {
+		let e = Te;
+		return !y || m?.rowActions === !1 ? e : [...e, re({ getActions: y })];
 	}, [
-		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,
+		Te,
+		m?.rowActions,
+		y
+	]), L = D === !1 ? void 0 : D, [rt, it] = s.useState([]), [at, ot] = s.useState({}), [st, ct] = s.useState({}), [lt, ut] = s.useState({}), [dt, ft] = s.useState({}), pt = Ne ?? rt, mt = Fe ?? at, ht = Le ?? st, gt = Ye ?? lt, _t = Qe ?? dt, vt = L ? {
+		pageIndex: L.pageIndex,
+		pageSize: L.pageSize
+	} : void 0, yt = !!(L && L.manual !== !1), R = ge({
+		data: d,
 		columns: nt,
-		getRowId: De,
-		getCoreRowModel: de(),
-		getPaginationRowModel: I && !it ? pe() : void 0,
-		manualPagination: it,
-		pageCount: I?.pageCount,
+		getRowId: Oe,
+		getCoreRowModel: fe(),
+		getSortedRowModel: he(),
+		getPaginationRowModel: L && !yt ? me() : void 0,
+		manualPagination: yt,
+		pageCount: L?.pageCount,
 		state: {
-			sorting: Me,
-			columnVisibility: Pe,
-			rowSelection: at,
-			pagination: rt,
-			expanded: Ye,
-			...Qe ? { columnPinning: Qe } : {}
+			sorting: pt,
+			columnVisibility: mt,
+			rowSelection: ht,
+			pagination: vt,
+			expanded: gt,
+			columnPinning: _t
 		},
-		onSortingChange: Ne,
-		onColumnVisibilityChange: Fe,
-		onRowSelectionChange: Le,
-		onExpandedChange: Xe,
-		onColumnPinningChange: $e,
-		enableRowSelection: Re,
+		onSortingChange: Pe ?? it,
+		onColumnVisibilityChange: Ie ?? ot,
+		onRowSelectionChange: Re ?? ct,
+		onExpandedChange: Xe ?? ut,
+		onColumnPinningChange: $e ?? ft,
+		enableRowSelection: ze,
 		getRowCanExpand: Ze,
-		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,
-		getItemKey: (e) => R[e]?.id ?? e,
-		overscan: z?.overscan ?? 8,
+		getExpandedRowModel: pe()
+	}), z = R.getRowModel().rows, bt = s.useRef(null), B = et === !1 ? void 0 : et, V = !!(B && B.enabled !== !1 && z.length > 0), H = B?.height ?? 480, xt = B?.onRangeChange, U = ce({
+		count: V ? z.length : 0,
+		getScrollElement: () => bt.current,
+		estimateSize: () => B?.estimateRowHeight ?? 48,
+		getItemKey: (e) => z[e]?.id ?? e,
+		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 (!xt) return;
 			let t = e.getVirtualItems();
-			st({
+			xt({
 				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) => ({
-		key: R[t]?.id ?? t,
+	}), St = V ? U.getVirtualItems() : [], W = B?.estimateRowHeight ?? 48, Ct = V ? Math.min(z.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: z[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(() => ({
-		table: L,
-		data: f,
-		selectedRows: G
+	})), wt = G[0]?.start ?? 0, Tt = G.length ? Math.max(U.getTotalSize() - G[G.length - 1].end, 0) : 0, K = R.getSelectedRowModel().rows.map((e) => e.original), Et = K.length, q = s.useMemo(() => ({
+		table: R,
+		data: d,
+		selectedRows: K
 	}), [
-		f,
-		G,
-		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, {
+		d,
+		K,
+		R
+	]), Dt = R.getVisibleLeafColumns(), Ot = Math.max(Dt.length, 1), kt = typeof T == "function" ? T(R) : T, At = typeof E == "function" ? E(R) : E, J = typeof g == "function" ? g(q) : g, Y = typeof _ == "function" ? _(q) : _, jt = !!(h && m?.search !== !1), Mt = !!(m?.columnVisibility && R.getAllLeafColumns().some((e) => e.getCanHide())), X = !!(m?.refresh && x), Z = !!(m?.export && S), Nt = !!(m?.bulkActions !== !1 && b?.length), Pt = Mt && !!(f || p || h || J || Y || v || X || Z), Ft = jt && h ? /* @__PURE__ */ c(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: h.value,
+		onValueChange: h.onValueChange,
+		placeholder: h.placeholder ?? "Search...",
+		wrapperClassName: h.wrapperClassName ?? h.className,
+		inputClassName: h.inputClassName,
+		disabled: h.disabled,
+		clearable: h.clearable,
+		clearLabel: h.clearLabel,
+		searchIcon: h.searchIcon
+	}) : void 0, It = /* @__PURE__ */ l(de, { children: [
+		typeof v == "function" ? v(q) : v,
+		Pt && /* @__PURE__ */ c(ae, { table: R }),
+		X && /* @__PURE__ */ c(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
 			disabled: C,
-			onClick: () => x?.(K),
-			children: Te
+			onClick: () => x?.(q),
+			children: Ee
 		}),
-		X && /* @__PURE__ */ l(t, {
+		Z && /* @__PURE__ */ c(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			onClick: () => S?.(K),
-			children: Ee
+			onClick: () => S?.(q),
+			children: De
 		})
-	] }), Ct = yt ? /* @__PURE__ */ l(ee, {
-		rows: G,
-		actions: we ?? [],
+	] }), Lt = Nt ? /* @__PURE__ */ c(ie, {
+		rows: K,
+		actions: b ?? [],
 		selectedLabel: () => "Actions",
 		clearLabel: null,
-		onClearSelection: () => L.resetRowSelection(),
+		onClearSelection: () => R.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, Rt = !!(kt || At || f || p || Ft || J || Y || v || Pt || X || Z || Lt), zt = !!(L && !L.hidden), Q = C && Me === "skeleton", Bt = ue(), Vt = Be !== "scroll" && Bt, Ht = (e, t) => t > 0 ? /* @__PURE__ */ c(o, {
 		"aria-hidden": "true",
 		className: "pointer-events-none border-0 hover:bg-transparent",
-		children: /* @__PURE__ */ l(o, {
-			colSpan: mt,
+		children: /* @__PURE__ */ c(a, {
+			colSpan: Ot,
 			className: "border-0 p-0",
 			style: { height: t }
 		})
-	}, e) : null, Ot = (e) => /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(o, {
-		colSpan: mt,
+	}, e) : null, Ut = (e) => /* @__PURE__ */ c(o, { children: /* @__PURE__ */ c(a, {
+		colSpan: Ot,
 		className: "p-0",
 		children: e
-	}) }), kt = () => Array.from({ length: Math.max(Ve, 1) }, (t, n) => /* @__PURE__ */ l(s, {
+	}) }), Wt = () => Array.from({ length: Math.max(He, 1) }, (t, n) => /* @__PURE__ */ c(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: Dt.map((t) => /* @__PURE__ */ c(a, {
+			className: e(ve[j], N && "border-r last:border-r-0"),
+			children: /* @__PURE__ */ c("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 : C ? /* @__PURE__ */ c(n, {
 		status: "loading",
 		title: "Loading data...",
 		...w
-	}) : Oe ? /* @__PURE__ */ l(a, {
+	}) : ke ? /* @__PURE__ */ c(le, {
 		status: "error",
 		title: "Could not load data",
 		description: "Please try again.",
 		variant: "plain",
-		...Ae
-	}) : R.length === 0 ? /* @__PURE__ */ l(a, {
+		...je
+	}) : z.length === 0 ? /* @__PURE__ */ c(le, {
 		status: "empty",
 		variant: "plain",
-		...ke
-	}) : null, At = (t, n, r) => {
+		...Ae
+	}) : null, Gt = (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,
+		return /* @__PURE__ */ l(s.Fragment, { children: [/* @__PURE__ */ c(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-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(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", ye(t, I)),
 			onClick: () => {
 				i || k?.(t);
 			},
 			onDoubleClick: () => {
-				i || Be?.(t);
+				i || Ve?.(t);
 			},
 			children: t.getVisibleCells().map((t) => {
-				let n = d(t.column.columnDef.cell, t.getContext());
-				return /* @__PURE__ */ l(o, {
+				let n = u(t.column.columnDef.cell, t.getContext());
+				return /* @__PURE__ */ c(a, {
 					style: {
 						...t.column.getIsPinned() === "left" ? {
 							left: `${t.column.getStart("left")}px`,
@@ -207,24 +208,24 @@ 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(ve[j], t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", xe(t, qe)),
+					children: Se(n) ? F : n
 				}, t.id);
 			})
-		}), t.getIsExpanded() && Je ? /* @__PURE__ */ l(s, {
+		}), t.getIsExpanded() && Je ? /* @__PURE__ */ c(o, {
 			className: "bg-muted/50 hover:bg-muted/50",
-			children: /* @__PURE__ */ l(o, {
+			children: /* @__PURE__ */ c(a, {
 				colSpan: t.getVisibleCells().length,
 				children: Je(t)
 			})
 		}) : null] }, t.id);
-	}, jt = (t) => {
+	}, Kt = (t) => {
 		let n = A?.(t) ?? !1, r = t.getVisibleCells();
-		return /* @__PURE__ */ l("article", {
+		return /* @__PURE__ */ c("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)),
+			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", ye(t, I)),
 			role: k && !n ? "button" : void 0,
 			tabIndex: k && !n ? 0 : void 0,
 			onClick: () => {
@@ -234,66 +235,66 @@ function Se({ className: Se, columns: Ce, data: f, title: p, description: m, fea
 				e.target !== e.currentTarget || n || !k || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), k(t));
 			},
 			children: r.map((e) => {
-				let t = d(e.column.columnDef.cell, e.getContext());
-				return /* @__PURE__ */ u("div", {
+				let t = u(e.column.columnDef.cell, e.getContext());
+				return /* @__PURE__ */ l("div", {
 					"data-slot": "data-table-mobile-cell",
 					className: "grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm",
-					children: [/* @__PURE__ */ l("span", {
+					children: [/* @__PURE__ */ c("span", {
 						className: "min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-						children: xe(e)
-					}), /* @__PURE__ */ l("div", {
+						children: Ce(e)
+					}), /* @__PURE__ */ c("div", {
 						className: "min-w-0 text-right text-foreground/92 [&>*]:ml-auto",
-						children: be(t) ? F : t
+						children: Se(t) ? F : t
 					})]
 				}, e.id);
 			})
 		}, t.id);
 	};
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ l("div", {
 		"data-slot": "data-table",
-		className: e("grid gap-3", Se),
+		className: e("grid gap-3", we),
 		...tt,
 		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,
+			Rt && (kt ?? /* @__PURE__ */ c(se, {
+				title: f,
+				description: p,
+				search: Ft,
+				filters: J,
+				summary: Y,
+				actions: It,
+				selectionActions: Lt,
+				selectedCount: Et,
+				totalCount: L ? L.rowCount ?? d.length : d.length,
 				variant: "plain",
-				...gt
+				...At
 			})),
-			Q && /* @__PURE__ */ l("div", {
+			Vt && /* @__PURE__ */ c("div", {
 				className: "grid gap-3",
-				children: $ ?? (Z ? /* @__PURE__ */ l(n, {
+				children: $ ?? (Q ? /* @__PURE__ */ c(n, {
 					status: "loading",
 					title: "Loading data...",
 					...w
-				}) : R.map((e) => /* @__PURE__ */ l(c.Fragment, { children: O ? O(e) : jt(e) }, e.id)))
+				}) : z.map((e) => /* @__PURE__ */ c(s.Fragment, { children: O ? O(e) : Kt(e) }, e.id)))
 			}),
-			!Q && /* @__PURE__ */ u("div", {
+			!Vt && /* @__PURE__ */ l("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-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", Ge),
+				children: [/* @__PURE__ */ l(i, {
+					containerRef: bt,
+					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),
-					"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, {
+					containerClassName: e("rounded-none border-0 bg-transparent shadow-none ring-0", V && "overflow-auto"),
+					className: e("text-[0.95rem]", We),
+					"aria-rowcount": z.length,
+					children: [/* @__PURE__ */ c(ne, {
+						className: e((P || V) && "sticky top-0 z-10 shadow-sm backdrop-blur"),
+						children: R.getHeaderGroups().map((t) => /* @__PURE__ */ c(o, { children: t.headers.map((t) => /* @__PURE__ */ c(te, {
 							style: {
 								width: t.getSize(),
 								...t.column.getIsPinned() === "left" ? {
@@ -307,29 +308,29 @@ function Se({ className: Se, columns: Ce, data: f, title: p, description: m, fea
 									zIndex: P ? 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)),
-							children: t.isPlaceholder ? null : d(t.column.columnDef.header, t.getContext())
+							className: e(_e[j], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground", (P || V) && "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", be(t, Ke)),
+							children: t.isPlaceholder ? null : u(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)
-					] : 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,
+					}), /* @__PURE__ */ c(ee, { children: $ ? Ut($) : Q ? Wt() : V ? [
+						Ht("virtual-top", wt),
+						...G.map((e) => Gt(z[e.index], e.index, e)),
+						Ht("virtual-bottom", Tt)
+					] : z.map((e, t) => Gt(e, t)) })]
+				}), zt && L && /* @__PURE__ */ c(oe, {
+					pageIndex: L.pageIndex,
+					pageSize: L.pageSize,
+					pageCount: L.pageCount,
+					rowCount: L.rowCount,
+					pageSizeOptions: L.pageSizeOptions,
+					showPageSize: L.showPageSize,
+					labels: L.labels,
 					disabled: C,
-					onPageChange: I.onPageChange,
-					onPageSizeChange: I.onPageSizeChange
+					onPageChange: L.onPageChange,
+					onPageSizeChange: L.onPageSizeChange
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { Se as DataTable };
+export { we 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/display/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-state.cjs"),t=require("./activity-feed.cjs"),n=require("./avatar.cjs"),r=require("./carousel.cjs"),i=require("./chat.cjs"),a=require("./code-block.cjs"),o=require("./description-list.cjs"),s=require("./kanban.cjs"),c=require("./list.cjs"),l=require("./progress.cjs"),u=require("./statistic.cjs"),d=require("./status-dot.cjs"),f=require("./status-legend.cjs"),p=require("./timeline.cjs"),m=require("./tree-view.cjs"),h=require("./info-card.cjs"),g=require("./virtual-list.cjs"),_=require("./qr-code.cjs"),v=require("./tag.cjs"),y=require("./typography.cjs");exports.ActivityFeed=t.ActivityFeed,exports.Avatar=n.Avatar,exports.AvatarGroup=n.AvatarGroup,exports.Blockquote=y.Blockquote,exports.Carousel=r.Carousel,exports.CarouselItem=r.CarouselItem,exports.ChatAttachment=i.ChatAttachment,exports.ChatComposer=i.ChatComposer,exports.ChatHeader=i.ChatHeader,exports.ChatHeaderActions=i.ChatHeaderActions,exports.ChatMessage=i.ChatMessage,exports.ChatMessageList=i.ChatMessageList,exports.ChatShell=i.ChatShell,exports.ChatTypingIndicator=i.ChatTypingIndicator,exports.Chip=v.Chip,exports.CodeBlock=a.CodeBlock,exports.ConversationList=i.ConversationList,exports.DataState=e.DataState,exports.DescriptionList=o.DescriptionList,exports.Heading=y.Heading,exports.InfoCard=h.InfoCard,exports.KanbanBoard=s.KanbanBoard,exports.List=c.List,exports.ListRow=c.ListRow,exports.Mark=y.Mark,exports.Progress=l.Progress,exports.ProgressCard=l.ProgressCard,exports.QRCode=_.QRCode,exports.QRCodeSvg=_.QRCodeSvg,exports.Spoiler=y.Spoiler,exports.SpoilerSummary=y.SpoilerSummary,exports.Statistic=u.Statistic,exports.StatisticCard=u.StatisticCard,exports.StatisticGrid=u.StatisticGrid,exports.StatusDot=d.StatusDot,exports.StatusLegend=f.StatusLegend,exports.Tag=v.Tag,exports.TagGroup=v.TagGroup,exports.Text=y.Text,exports.Timeline=p.Timeline,exports.TreeView=m.TreeView,exports.VirtualList=g.VirtualList,exports.getProgressPercent=l.getProgressPercent;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-state.cjs"),t=require("./activity-feed.cjs"),n=require("./avatar.cjs"),r=require("./carousel.cjs"),i=require("./chat.cjs"),a=require("./code-block.cjs"),o=require("./description-list.cjs"),s=require("./kanban.cjs"),c=require("./list.cjs"),l=require("./progress.cjs"),u=require("./status-dot.cjs"),d=require("./status-legend.cjs"),f=require("./timeline.cjs"),p=require("./tree-view.cjs"),m=require("./virtual-list.cjs"),h=require("./qr-code.cjs"),g=require("./tag.cjs"),_=require("./typography.cjs");exports.ActivityFeed=t.ActivityFeed,exports.Avatar=n.Avatar,exports.AvatarGroup=n.AvatarGroup,exports.Blockquote=_.Blockquote,exports.Carousel=r.Carousel,exports.CarouselItem=r.CarouselItem,exports.ChatAttachment=i.ChatAttachment,exports.ChatComposer=i.ChatComposer,exports.ChatHeader=i.ChatHeader,exports.ChatHeaderActions=i.ChatHeaderActions,exports.ChatMessage=i.ChatMessage,exports.ChatMessageList=i.ChatMessageList,exports.ChatShell=i.ChatShell,exports.ChatTypingIndicator=i.ChatTypingIndicator,exports.Chip=g.Chip,exports.CodeBlock=a.CodeBlock,exports.ConversationList=i.ConversationList,exports.DataState=e.DataState,exports.DescriptionList=o.DescriptionList,exports.Heading=_.Heading,exports.KanbanBoard=s.KanbanBoard,exports.List=c.List,exports.ListRow=c.ListRow,exports.Mark=_.Mark,exports.Progress=l.Progress,exports.ProgressCard=l.ProgressCard,exports.QRCode=h.QRCode,exports.QRCodeSvg=h.QRCodeSvg,exports.Spoiler=_.Spoiler,exports.SpoilerSummary=_.SpoilerSummary,exports.StatusDot=u.StatusDot,exports.StatusLegend=d.StatusLegend,exports.Tag=g.Tag,exports.TagGroup=g.TagGroup,exports.Text=_.Text,exports.Timeline=f.Timeline,exports.TreeView=p.TreeView,exports.VirtualList=m.VirtualList,exports.getProgressPercent=l.getProgressPercent;

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

@@ -8,14 +8,12 @@ import { DescriptionList as g } from "./description-list.js";
 import { KanbanBoard as _ } from "./kanban.js";
 import { List as v, ListRow as y } from "./list.js";
 import { Progress as b, ProgressCard as x, getProgressPercent as S } from "./progress.js";
-import { Statistic as C, StatisticCard as w, StatisticGrid as T } from "./statistic.js";
-import { StatusDot as E } from "./status-dot.js";
-import { StatusLegend as D } from "./status-legend.js";
-import { Timeline as O } from "./timeline.js";
-import { TreeView as k } from "./tree-view.js";
-import { InfoCard as A } from "./info-card.js";
-import { VirtualList as j } from "./virtual-list.js";
-import { QRCode as M, QRCodeSvg as N } from "./qr-code.js";
-import { Chip as P, Tag as F, TagGroup as I } from "./tag.js";
-import { Blockquote as L, Heading as R, Mark as z, Spoiler as B, SpoilerSummary as V, Text as H } from "./typography.js";
-export { t as ActivityFeed, n as Avatar, r as AvatarGroup, L as Blockquote, i as Carousel, a as CarouselItem, o as ChatAttachment, s as ChatComposer, c as ChatHeader, l as ChatHeaderActions, u as ChatMessage, d as ChatMessageList, f as ChatShell, p as ChatTypingIndicator, P as Chip, h as CodeBlock, m as ConversationList, e as DataState, g as DescriptionList, R as Heading, A as InfoCard, _ as KanbanBoard, v as List, y as ListRow, z as Mark, b as Progress, x as ProgressCard, M as QRCode, N as QRCodeSvg, B as Spoiler, V as SpoilerSummary, C as Statistic, w as StatisticCard, T as StatisticGrid, E as StatusDot, D as StatusLegend, F as Tag, I as TagGroup, H as Text, O as Timeline, k as TreeView, j as VirtualList, S as getProgressPercent };
+import { StatusDot as C } from "./status-dot.js";
+import { StatusLegend as w } from "./status-legend.js";
+import { Timeline as T } from "./timeline.js";
+import { TreeView as E } from "./tree-view.js";
+import { VirtualList as D } from "./virtual-list.js";
+import { QRCode as O, QRCodeSvg as k } from "./qr-code.js";
+import { Chip as A, Tag as j, TagGroup as M } from "./tag.js";
+import { Blockquote as N, Heading as P, Mark as F, Spoiler as I, SpoilerSummary as L, Text as R } from "./typography.js";
+export { t as ActivityFeed, n as Avatar, r as AvatarGroup, N as Blockquote, i as Carousel, a as CarouselItem, o as ChatAttachment, s as ChatComposer, c as ChatHeader, l as ChatHeaderActions, u as ChatMessage, d as ChatMessageList, f as ChatShell, p as ChatTypingIndicator, A as Chip, h as CodeBlock, m as ConversationList, e as DataState, g as DescriptionList, P as Heading, _ as KanbanBoard, v as List, y as ListRow, F as Mark, b as Progress, x as ProgressCard, O as QRCode, k as QRCodeSvg, I as Spoiler, L as SpoilerSummary, C as StatusDot, w as StatusLegend, j as Tag, M as TagGroup, R as Text, T as Timeline, E as TreeView, D as VirtualList, S as getProgressPercent };

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;