tembro 3.1.17 → 4.0.0

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

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

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

@@ -3,12 +3,12 @@ import { createDataTableActionsColumn as n } from "./data-table-actions-column.j
 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 { DataTableToolbar as s, dataTableToolbarVariants as c } from "./data-table-toolbar.js";
-import { DataTable as l } from "./data-table.js";
-import { DataTableSavedFilters as u } from "./data-table-saved-filters.js";
-import { createDataTableSelectColumn as d } from "./data-table-select-column.js";
-import { DataTableSortableHeader as f } from "./data-table-sortable-header.js";
-import { DataTableViewPresets as p } from "./data-table-view-presets.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 { l as DataTable, r as DataTableBulkActions, i as DataTableColumnVisibilityMenu, a as DataTablePagination, e as DataTableRowActions, u as DataTableSavedFilters, f as DataTableSortableHeader, s as DataTableToolbar, p as DataTableViewPresets, m as TableExportMenu, h as TableImportButton, n as createDataTableActionsColumn, d as createDataTableSelectColumn, c as dataTableToolbarVariants, o as getDataTablePageCount, t as resolveRowActions };
+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 };

package/dist/src/components/display/data-state.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/card/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={idle:{title:`Ready`,description:`No action has started yet.`,icon:(0,o.jsx)(a.CheckCircle2Icon,{})},loading:{title:`Loading`,description:`Please wait while data is being prepared.`,icon:(0,o.jsx)(a.Loader2Icon,{className:`animate-spin`})},empty:{title:`No data`,description:`There is nothing to show yet.`,icon:(0,o.jsx)(a.SearchXIcon,{})},error:{title:`Something went wrong`,description:`Try again or check the request.`,icon:(0,o.jsx)(a.AlertTriangleIcon,{})},success:{title:`Ready`,description:`Data loaded successfully.`,icon:(0,o.jsx)(a.CheckCircle2Icon,{})}},c={default:`text-muted-foreground`,muted:`text-muted-foreground`,success:`text-emerald-600 dark:text-emerald-400`,warning:`text-amber-600 dark:text-amber-400`,danger:`text-destructive`,info:`text-blue-600 dark:text-blue-400`};function l({status:e,title:i,description:l,badge:u,actions:d,footer:f,icon:p,tone:m,variant:h=`card`,compact:g=!1,align:_=`center`,query:v,children:y,retryLabel:b=`Retry`,onRetry:x,clearLabel:S=`Clear`,onClear:C,className:w,...T}){let E=s[e],D=m??(e===`error`?`danger`:e===`success`?`success`:`default`),O=h===`plain`||h===`inline`,k=(0,o.jsxs)(`div`,{className:t.cn(`flex flex-col justify-center`,_===`center`?`items-center text-center`:`items-start text-left`,g||h===`inline`?`p-4`:`min-h-52 p-8`),children:[(0,o.jsx)(`div`,{className:t.cn(`mb-3 flex items-center justify-center rounded-full border border-border/70 bg-muted/45 shadow-[0_1px_0_rgba(255,255,255,0.05)] [&_svg]:size-5`,c[D],g||h===`inline`?`size-9`:`size-12`),children:p??E.icon}),(0,o.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center gap-2`,_===`center`?`justify-center`:`justify-start`),children:[(0,o.jsx)(`div`,{className:t.cn(`font-semibold tracking-tight text-foreground`,g?`text-sm`:`text-base`),children:i??E.title}),u]}),(0,o.jsx)(`p`,{className:`mt-1 max-w-md text-sm text-muted-foreground`,children:l??E.description}),v&&(0,o.jsx)(`div`,{className:`mt-3 max-w-full rounded-md border border-border/70 bg-muted/45 px-2.5 py-1 text-sm text-muted-foreground`,children:v}),y&&(0,o.jsx)(`div`,{className:`mt-4 w-full`,children:y}),(d||x||C)&&(0,o.jsxs)(`div`,{className:t.cn(`mt-4 flex flex-wrap gap-2`,_===`center`?`justify-center`:`justify-start`),children:[x&&(0,o.jsx)(n.Button,{size:`sm`,variant:e===`error`?`default`:`outline`,onClick:x,children:b}),C&&(0,o.jsxs)(n.Button,{size:`sm`,variant:`ghost`,onClick:C,children:[(0,o.jsx)(a.XIcon,{"data-icon":`inline-start`}),S]}),d]}),f?(0,o.jsx)(`div`,{className:`mt-4 w-full`,children:f}):null]});return O?(0,o.jsx)(`div`,{"data-slot":`data-state`,"data-status":e,"data-variant":h,className:t.cn(h===`inline`?`rounded-lg border border-border/70 bg-muted/20`:`min-w-0`,w),...T,children:k}):(0,o.jsx)(r.Card,{"data-slot":`data-state`,"data-status":e,"data-variant":h,className:t.cn(`min-w-0 border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4`,w),...T,children:(0,o.jsx)(r.CardContent,{className:`p-0`,children:k})})}exports.DataState=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../feedback/state-view.cjs");let t=require("react/jsx-runtime");function n({status:n,variant:r=`card`,compact:i=!1,...a}){return(0,t.jsx)(e.StateView,{status:n,variant:r,size:i?`compact`:`default`,slot:`data-state`,...a})}exports.DataState=n;

package/dist/src/components/display/data-state.js

@@ -1,113 +1,14 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import { Card as n, CardContent as r } from "../ui/card/index.js";
-import "react";
-import { AlertTriangleIcon as i, CheckCircle2Icon as a, Loader2Icon as o, SearchXIcon as s, XIcon as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { StateView as e } from "../feedback/state-view.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/display/data-state.tsx
-var d = {
-	idle: {
-		title: "Ready",
-		description: "No action has started yet.",
-		icon: /* @__PURE__ */ l(a, {})
-	},
-	loading: {
-		title: "Loading",
-		description: "Please wait while data is being prepared.",
-		icon: /* @__PURE__ */ l(o, { className: "animate-spin" })
-	},
-	empty: {
-		title: "No data",
-		description: "There is nothing to show yet.",
-		icon: /* @__PURE__ */ l(s, {})
-	},
-	error: {
-		title: "Something went wrong",
-		description: "Try again or check the request.",
-		icon: /* @__PURE__ */ l(i, {})
-	},
-	success: {
-		title: "Ready",
-		description: "Data loaded successfully.",
-		icon: /* @__PURE__ */ l(a, {})
-	}
-}, f = {
-	default: "text-muted-foreground",
-	muted: "text-muted-foreground",
-	success: "text-emerald-600 dark:text-emerald-400",
-	warning: "text-amber-600 dark:text-amber-400",
-	danger: "text-destructive",
-	info: "text-blue-600 dark:text-blue-400"
-};
-function p({ status: i, title: a, description: o, badge: s, actions: p, footer: m, icon: h, tone: g, variant: _ = "card", compact: v = !1, align: y = "center", query: b, children: x, retryLabel: S = "Retry", onRetry: C, clearLabel: w = "Clear", onClear: T, className: E, ...D }) {
-	let O = d[i], k = g ?? (i === "error" ? "danger" : i === "success" ? "success" : "default"), A = _ === "plain" || _ === "inline", j = /* @__PURE__ */ u("div", {
-		className: e("flex flex-col justify-center", y === "center" ? "items-center text-center" : "items-start text-left", v || _ === "inline" ? "p-4" : "min-h-52 p-8"),
-		children: [
-			/* @__PURE__ */ l("div", {
-				className: e("mb-3 flex items-center justify-center rounded-full border border-border/70 bg-muted/45 shadow-[0_1px_0_rgba(255,255,255,0.05)] [&_svg]:size-5", f[k], v || _ === "inline" ? "size-9" : "size-12"),
-				children: h ?? O.icon
-			}),
-			/* @__PURE__ */ u("div", {
-				className: e("flex flex-wrap items-center gap-2", y === "center" ? "justify-center" : "justify-start"),
-				children: [/* @__PURE__ */ l("div", {
-					className: e("font-semibold tracking-tight text-foreground", v ? "text-sm" : "text-base"),
-					children: a ?? O.title
-				}), s]
-			}),
-			/* @__PURE__ */ l("p", {
-				className: "mt-1 max-w-md text-sm text-muted-foreground",
-				children: o ?? O.description
-			}),
-			b && /* @__PURE__ */ l("div", {
-				className: "mt-3 max-w-full rounded-md border border-border/70 bg-muted/45 px-2.5 py-1 text-sm text-muted-foreground",
-				children: b
-			}),
-			x && /* @__PURE__ */ l("div", {
-				className: "mt-4 w-full",
-				children: x
-			}),
-			(p || C || T) && /* @__PURE__ */ u("div", {
-				className: e("mt-4 flex flex-wrap gap-2", y === "center" ? "justify-center" : "justify-start"),
-				children: [
-					C && /* @__PURE__ */ l(t, {
-						size: "sm",
-						variant: i === "error" ? "default" : "outline",
-						onClick: C,
-						children: S
-					}),
-					T && /* @__PURE__ */ u(t, {
-						size: "sm",
-						variant: "ghost",
-						onClick: T,
-						children: [/* @__PURE__ */ l(c, { "data-icon": "inline-start" }), w]
-					}),
-					p
-				]
-			}),
-			m ? /* @__PURE__ */ l("div", {
-				className: "mt-4 w-full",
-				children: m
-			}) : null
-		]
-	});
-	return A ? /* @__PURE__ */ l("div", {
-		"data-slot": "data-state",
-		"data-status": i,
-		"data-variant": _,
-		className: e(_ === "inline" ? "rounded-lg border border-border/70 bg-muted/20" : "min-w-0", E),
-		...D,
-		children: j
-	}) : /* @__PURE__ */ l(n, {
-		"data-slot": "data-state",
-		"data-status": i,
-		"data-variant": _,
-		className: e("min-w-0 border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4", E),
-		...D,
-		children: /* @__PURE__ */ l(r, {
-			className: "p-0",
-			children: j
-		})
+function n({ status: n, variant: r = "card", compact: i = !1, ...a }) {
+	return /* @__PURE__ */ t(e, {
+		status: n,
+		variant: r,
+		size: i ? "compact" : "default",
+		slot: "data-state",
+		...a
 	});
 }
 //#endregion
-export { p as DataState };
+export { n as DataState };