tembro 6.1.0 → 6.1.1

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

@@ -10,191 +10,192 @@ import { DataTableColumnVisibilityMenu as ae } from "./data-table-column-visibil
 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";
+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"
-}, f = {
+}, ve = {
 	compact: "px-2 py-1.5",
 	default: "p-2",
 	comfortable: "px-3 py-3"
 };
-function ge(e, t) {
+function ye(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function _e(e, t) {
+function be(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function ve(e, t) {
+function xe(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
-function ye(e) {
+function Se(e) {
 	return e == null || e === "";
 }
-function be(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 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 })];
+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 })];
 	}, [
-		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: F && !I ? pe() : void 0,
-		manualPagination: I,
-		pageCount: F?.pageCount,
+		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: Oe,
+		getCoreRowModel: fe(),
+		getSortedRowModel: he(),
+		getPaginationRowModel: L && !yt ? me() : void 0,
+		manualPagination: yt,
+		pageCount: L?.pageCount,
 		state: {
-			sorting: je,
-			columnVisibility: Ne,
-			rowSelection: at,
-			pagination: it,
-			expanded: Ze,
-			...et ? { columnPinning: et } : {}
+			sorting: pt,
+			columnVisibility: mt,
+			rowSelection: ht,
+			pagination: vt,
+			expanded: gt,
+			columnPinning: _t
 		},
-		onSortingChange: Me,
-		onColumnVisibilityChange: Pe,
-		onRowSelectionChange: Ie,
-		onExpandedChange: Qe,
-		onColumnPinningChange: tt,
-		enableRowSelection: Le,
-		getRowCanExpand: $e,
-		getExpandedRowModel: fe()
-	}), 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,
+		onSortingChange: Pe ?? it,
+		onColumnVisibilityChange: Ie ?? ot,
+		onRowSelectionChange: Re ?? ct,
+		onExpandedChange: Xe ?? ut,
+		onColumnPinningChange: $e ?? ft,
+		enableRowSelection: ze,
+		getRowCanExpand: Ze,
+		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) => R[e]?.id ?? e,
+		getItemKey: (e) => z[e]?.id ?? e,
 		overscan: B?.overscan ?? 8,
 		initialRect: {
 			width: 0,
 			height: typeof H == "number" ? H : 480
 		},
 		onChange(e) {
-			if (!ot) return;
+			if (!xt) return;
 			let t = e.getVirtualItems();
-			ot({
+			xt({
 				startIndex: t[0]?.index ?? -1,
 				endIndex: t.at(-1)?.index ?? -1
 			});
 		}
-	}), 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,
+	}), 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 * W,
 		end: (t + 1) * W,
 		size: W,
 		lane: 0
-	})), 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: m,
+	})), 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
 	}), [
-		m,
+		d,
 		K,
-		L
-	]), 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, {
+		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: 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, {
+		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: T,
-			onClick: () => C?.(q),
-			children: Ce
+			disabled: C,
+			onClick: () => x?.(q),
+			children: Ee
 		}),
-		Z && /* @__PURE__ */ l(t, {
+		Z && /* @__PURE__ */ c(t, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			onClick: () => w?.(q),
-			children: we
+			onClick: () => S?.(q),
+			children: De
 		})
-	] }), St = vt ? /* @__PURE__ */ l(ie, {
+	] }), Lt = Nt ? /* @__PURE__ */ c(ie, {
 		rows: K,
-		actions: Se ?? [],
+		actions: b ?? [],
 		selectedLabel: () => "Actions",
 		clearLabel: null,
-		onClearSelection: () => L.resetRowSelection(),
+		onClearSelection: () => R.resetRowSelection(),
 		hideWhenEmpty: !1
-	}) : 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, {
+	}) : 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(a, {
-			colSpan: pt,
+		children: /* @__PURE__ */ c(a, {
+			colSpan: Ot,
 			className: "border-0 p-0",
 			style: { height: t }
 		})
-	}, e) : null, Ot = (e) => /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(a, {
-		colSpan: pt,
+	}, e) : null, Ut = (e) => /* @__PURE__ */ c(o, { children: /* @__PURE__ */ c(a, {
+		colSpan: Ot,
 		className: "p-0",
 		children: e
-	}) }), kt = () => Array.from({ length: Math.max(He, 1) }, (t, n) => /* @__PURE__ */ l(o, {
+	}) }), Wt = () => Array.from({ length: Math.max(He, 1) }, (t, n) => /* @__PURE__ */ c(o, {
 		"aria-hidden": "true",
-		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) })
+		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}`)), $ = Q ? null : T ? /* @__PURE__ */ l(n, {
+	}, `skeleton-${n}`)), $ = Q ? null : C ? /* @__PURE__ */ c(n, {
 		status: "loading",
 		title: "Loading data...",
-		...ke
-	}) : Ee ? /* @__PURE__ */ l(s, {
+		...w
+	}) : ke ? /* @__PURE__ */ c(le, {
 		status: "error",
 		title: "Could not load data",
 		description: "Please try again.",
 		variant: "plain",
-		...Oe
-	}) : R.length === 0 ? /* @__PURE__ */ l(s, {
+		...je
+	}) : z.length === 0 ? /* @__PURE__ */ c(le, {
 		status: "empty",
 		variant: "plain",
-		...De
-	}) : null, At = (t, n, r) => {
-		let i = Be?.(t) ?? !1;
-		return /* @__PURE__ */ u(c.Fragment, { children: [/* @__PURE__ */ l(o, {
+		...Ae
+	}) : null, Gt = (t, n, r) => {
+		let i = A?.(t) ?? !1;
+		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": Ve && n % 2 == 1 ? "true" : void 0,
+			"data-striped": M && n % 2 == 1 ? "true" : void 0,
 			"data-disabled": i || void 0,
-			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)),
+			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 || A?.(t);
+				i || k?.(t);
 			},
 			onDoubleClick: () => {
-				i || ze?.(t);
+				i || Ve?.(t);
 			},
 			children: t.getVisibleCells().map((t) => {
-				let n = d(t.column.columnDef.cell, t.getContext());
-				return /* @__PURE__ */ l(a, {
+				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,129 +208,129 @@ function xe({ className: xe, columns: p, data: m, title: h, description: g, feat
 							zIndex: 10
 						} : {}
 					},
-					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
+					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() && Xe ? /* @__PURE__ */ l(o, {
+		}), t.getIsExpanded() && Je ? /* @__PURE__ */ c(o, {
 			className: "bg-muted/50 hover:bg-muted/50",
-			children: /* @__PURE__ */ l(a, {
+			children: /* @__PURE__ */ c(a, {
 				colSpan: t.getVisibleCells().length,
-				children: Xe(t)
+				children: Je(t)
 			})
 		}) : null] }, t.id);
-	}, jt = (t) => {
-		let n = Be?.(t) ?? !1, r = t.getVisibleCells();
-		return /* @__PURE__ */ l("article", {
+	}, Kt = (t) => {
+		let n = A?.(t) ?? !1, r = t.getVisibleCells();
+		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))]", 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,
+			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: () => {
-				n || A?.(t);
+				n || k?.(t);
 			},
 			onKeyDown: (e) => {
-				e.target !== e.currentTarget || n || !A || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), A(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 = 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: be(e)
-					}), /* @__PURE__ */ l("div", {
+						children: Ce(e)
+					}), /* @__PURE__ */ c("div", {
 						className: "min-w-0 text-right text-foreground/92 [&>*]:ml-auto",
-						children: ye(t) ? We : 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", xe),
-		...nt,
+		className: e("grid gap-3", we),
+		...tt,
 		children: [
-			Ct && (mt ?? /* @__PURE__ */ l(se, {
-				title: h,
-				description: g,
-				search: bt,
+			Rt && (kt ?? /* @__PURE__ */ c(se, {
+				title: f,
+				description: p,
+				search: Ft,
 				filters: J,
 				summary: Y,
-				actions: xt,
-				selectionActions: St,
-				selectedCount: dt,
-				totalCount: F ? F.rowCount ?? m.length : m.length,
+				actions: It,
+				selectionActions: Lt,
+				selectedCount: Et,
+				totalCount: L ? L.rowCount ?? d.length : d.length,
 				variant: "plain",
-				...ht
+				...At
 			})),
-			Et && /* @__PURE__ */ l("div", {
+			Vt && /* @__PURE__ */ c("div", {
 				className: "grid gap-3",
-				children: $ ?? (Q ? /* @__PURE__ */ l(n, {
+				children: $ ?? (Q ? /* @__PURE__ */ c(n, {
 					status: "loading",
 					title: "Loading data...",
-					...ke
-				}) : R.map((e) => /* @__PURE__ */ l(c.Fragment, { children: k ? k(e) : jt(e) }, e.id)))
+					...w
+				}) : z.map((e) => /* @__PURE__ */ c(s.Fragment, { children: O ? O(e) : Kt(e) }, e.id)))
 			}),
-			!Et && /* @__PURE__ */ u("div", {
+			!Vt && /* @__PURE__ */ l("div", {
 				"data-slot": "data-table-wrapper",
 				"data-density": j,
-				"data-striped": Ve || void 0,
-				"data-bordered": M || void 0,
+				"data-striped": M || void 0,
+				"data-bordered": N || 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,
+				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", V && "overflow-auto"),
-					className: e("text-[0.95rem]", Ge),
-					"aria-rowcount": R.length,
-					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, {
+					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" ? {
 									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[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())
+							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(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)) })]
-				}), 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
+					}), /* @__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: L.onPageChange,
+					onPageSizeChange: L.onPageSizeChange
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { xe as DataTable };
+export { we 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/filters/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./filter-bar.cjs"),t=require("./saved-filter-select.cjs");exports.FilterBar=e.FilterBar,exports.SavedFilterSelect=t.SavedFilterSelect;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./saved-filter-select.cjs");exports.SavedFilterSelect=e.SavedFilterSelect;

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

@@ -1,3 +1,2 @@
-import { FilterBar as e } from "./filter-bar.js";
-import { SavedFilterSelect as t } from "./saved-filter-select.js";
-export { e as FilterBar, t as SavedFilterSelect };
+import { SavedFilterSelect as e } from "./saved-filter-select.js";
+export { e as SavedFilterSelect };

package/dist/src/components/inputs/color-picker.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=/^#?([0-9a-f]{6})([0-9a-f]{2})?$/i;function a(e,t=`#000000`){let n=e.trim().match(i);return n?`#${n[1].toLowerCase()}${n[2]?.toLowerCase()??``}`:t}function o(e){return a(e).slice(0,7)}function s(e){let t=a(e);return t.length===9?Math.round(Number.parseInt(t.slice(7,9),16)/255*100):100}function c(e,t,n){let r=o(e);return n?`${r}${Math.round(Math.min(100,Math.max(0,t))/100*255).toString(16).padStart(2,`0`)}`:r}function l({value:e,defaultValue:a=`#2563eb`,onValueChange:l,swatches:u=[`#0f172a`,`#2563eb`,`#059669`,`#d97706`,`#dc2626`,`#7c3aed`],showAlpha:d=!1,disabled:f=!1,label:p,labels:m,className:h,...g}){let[_,v]=n.useState(()=>c(a,s(a),d)),y=c(e??_,s(e??_),d),[b,x]=n.useState(y);n.useEffect(()=>x(y),[y]);let S=t=>{let n=c(t,s(t),d);e===void 0&&v(n),l?.(n)},C=()=>{if(!i.test(b.trim())){x(y);return}S(b)};return(0,r.jsxs)(`div`,{"data-slot":`color-picker`,className:t.cn(`grid gap-3`,h),...g,children:[p?(0,r.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:p}):null,(0,r.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,r.jsxs)(`label`,{className:`relative size-10 shrink-0 overflow-hidden rounded-md border bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring`,children:[(0,r.jsx)(`span`,{className:`sr-only`,children:m?.color??`Choose color`}),(0,r.jsx)(`input`,{type:`color`,"aria-label":m?.color??`Choose color`,value:o(y),disabled:f,className:`absolute -inset-2 size-14 cursor-pointer border-0 bg-transparent p-0 disabled:cursor-not-allowed`,onChange:e=>S(c(e.target.value,s(y),d))})]}),(0,r.jsx)(`input`,{"aria-label":m?.hex??`Hex color`,value:b,disabled:f,spellCheck:!1,className:`h-10 min-w-0 flex-1 rounded-md border bg-background px-3 font-mono text-sm uppercase outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`,onChange:e=>x(e.target.value),onBlur:C,onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),C()),e.key===`Escape`&&x(y)}})]}),d?(0,r.jsxs)(`label`,{className:`grid grid-cols-[1fr_auto] items-center gap-3 text-xs text-muted-foreground`,children:[(0,r.jsx)(`span`,{className:`sr-only`,children:m?.alpha??`Opacity`}),(0,r.jsx)(`input`,{type:`range`,min:`0`,max:`100`,value:s(y),disabled:f,"aria-label":m?.alpha??`Opacity`,className:`w-full accent-foreground disabled:cursor-not-allowed`,onChange:e=>S(c(y,Number(e.target.value),!0))}),(0,r.jsxs)(`span`,{className:`w-10 text-right tabular-nums`,children:[s(y),`%`]})]}):null,u.length>0?(0,r.jsx)(`div`,{role:`list`,"aria-label":`Color swatches`,className:`flex flex-wrap gap-2`,children:u.map(e=>{let t=c(e,s(y),d),n=o(t)===o(y);return(0,r.jsx)(`button`,{type:`button`,role:`listitem`,"aria-label":`Use ${e}`,"aria-pressed":n,disabled:f,className:`size-7 rounded-md border border-black/10 shadow-sm outline-none ring-offset-2 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`,style:{backgroundColor:o(t)},onClick:()=>S(t)},e)})}):null]})}exports.ColorPicker=l,exports.getAlphaPercent=s,exports.normalizeHexColor=a,exports.withAlpha=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=/^#?([0-9a-f]{6})([0-9a-f]{2})?$/i;function a(e,t=`#000000`){let n=e.trim().match(i);return n?`#${n[1].toLowerCase()}${n[2]?.toLowerCase()??``}`:t}function o(e){return a(e).slice(0,7)}function s(e){let t=a(e);return t.length===9?Math.round(Number.parseInt(t.slice(7,9),16)/255*100):100}function c(e,t,n){let r=o(e);return n?`${r}${Math.round(Math.min(100,Math.max(0,t))/100*255).toString(16).padStart(2,`0`)}`:r}function l(e){let t=o(e);return{background:`linear-gradient(90deg, ${t}00 0%, ${t}ff 100%)`}}function u({value:e,defaultValue:a=`#2563eb`,onValueChange:u,swatches:d=[`#0f172a`,`#2563eb`,`#059669`,`#d97706`,`#dc2626`,`#7c3aed`],showAlpha:f=!1,disabled:p=!1,label:m,labels:h,className:g,..._}){let[v,y]=n.useState(()=>c(a,s(a),f)),b=c(e??v,s(e??v),f),[x,S]=n.useState(b);n.useEffect(()=>S(b),[b]);let C=t=>{let n=c(t,s(t),f);e===void 0&&y(n),u?.(n)},w=()=>{if(!i.test(x.trim())){S(b);return}C(x)};return(0,r.jsxs)(`div`,{"data-slot":`color-picker`,className:t.cn(`grid gap-3`,g),..._,children:[m?(0,r.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:m}):null,(0,r.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,r.jsxs)(`label`,{className:`relative size-10 shrink-0 overflow-hidden rounded-md border bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring`,children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`absolute inset-0 bg-[linear-gradient(45deg,#e2e8f0_25%,transparent_25%),linear-gradient(-45deg,#e2e8f0_25%,transparent_25%),linear-gradient(45deg,transparent_75%,#e2e8f0_75%),linear-gradient(-45deg,transparent_75%,#e2e8f0_75%)] bg-[length:10px_10px] bg-[position:0_0,0_5px,5px_-5px,-5px_0]`}),(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`absolute inset-0`,style:{backgroundColor:b}}),(0,r.jsx)(`span`,{className:`sr-only`,children:h?.color??`Choose color`}),(0,r.jsx)(`input`,{type:`color`,"aria-label":h?.color??`Choose color`,value:o(b),disabled:p,className:`absolute -inset-2 size-14 cursor-pointer border-0 bg-transparent p-0 disabled:cursor-not-allowed`,onChange:e=>C(c(e.target.value,s(b),f))})]}),(0,r.jsx)(`input`,{"aria-label":h?.hex??`Hex color`,value:x,disabled:p,spellCheck:!1,className:`h-10 min-w-0 flex-1 rounded-md border bg-background px-3 font-mono text-sm uppercase outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`,onChange:e=>S(e.target.value),onBlur:w,onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),w()),e.key===`Escape`&&S(b)}})]}),f?(0,r.jsxs)(`label`,{className:`grid grid-cols-[1fr_auto] items-center gap-3 text-xs text-muted-foreground`,children:[(0,r.jsx)(`span`,{className:`sr-only`,children:h?.alpha??`Opacity`}),(0,r.jsx)(`input`,{type:`range`,min:`0`,max:`100`,value:s(b),disabled:p,"aria-label":h?.alpha??`Opacity`,style:l(b),className:`h-2 w-full cursor-pointer appearance-none rounded-full border border-border/70 outline-none focus-visible:ring-4 focus-visible:ring-ring/20 disabled:cursor-not-allowed [&::-webkit-slider-thumb]:size-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-background [&::-webkit-slider-thumb]:bg-foreground [&::-webkit-slider-thumb]:shadow-sm`,onChange:e=>C(c(b,Number(e.target.value),!0))}),(0,r.jsxs)(`span`,{className:`w-10 text-right tabular-nums`,children:[s(b),`%`]})]}):null,d.length>0?(0,r.jsx)(`div`,{role:`list`,"aria-label":`Color swatches`,className:`flex flex-wrap gap-2`,children:d.map(e=>{let t=c(e,s(b),f),n=o(t)===o(b);return(0,r.jsx)(`button`,{type:`button`,role:`listitem`,"aria-label":`Use ${e}`,"aria-pressed":n,disabled:p,className:`size-7 rounded-md border border-black/10 shadow-sm outline-none ring-offset-2 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`,style:{backgroundColor:o(t)},onClick:()=>C(t)},e)})}):null]})}exports.ColorPicker=u,exports.getAlphaPercent=s,exports.normalizeHexColor=a,exports.withAlpha=c;