@loopstack/loopstack-studio 0.20.3 → 0.21.0

package/dist/_virtual/rolldown_runtime.js

@@ -0,0 +1,20 @@
+var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __esmMin = (e, n) => () => (e && (n = e(e = 0)), n), __commonJSMin = (e, n) => () => (n || e((n = { exports: {} }).exports, n), n.exports), __export = (e, r) => {
+	let i = {};
+	for (var a in e) __defProp(i, a, {
+		get: e[a],
+		enumerable: !0
+	});
+	return r && __defProp(i, Symbol.toStringTag, { value: "Module" }), i;
+}, __copyProps = (e, a, s, c) => {
+	if (a && typeof a == "object" || typeof a == "function") for (var l = __getOwnPropNames(a), u = 0, d = l.length, f; u < d; u++) f = l[u], !__hasOwnProp.call(e, f) && f !== s && __defProp(e, f, {
+		get: ((e) => a[e]).bind(null, f),
+		enumerable: !(c = __getOwnPropDesc(a, f)) || c.enumerable
+	});
+	return e;
+}, __reExport = (e, r, i, a) => {
+	a && (__defProp(e, Symbol.toStringTag, { value: "Module" }), i && __defProp(i, Symbol.toStringTag, { value: "Module" })), __copyProps(e, r, "default"), i && __copyProps(i, r, "default");
+}, __toESM = (r, i, o) => (o = r == null ? {} : __create(__getProtoOf(r)), __copyProps(i || !r || !r.__esModule ? __defProp(o, "default", {
+	value: r,
+	enumerable: !0
+}) : o, r)), __toCommonJS = (e) => __hasOwnProp.call(e, "module.exports") ? e["module.exports"] : __copyProps(__defProp({}, "__esModule", { value: !0 }), e);
+export { __commonJSMin, __esmMin, __export, __reExport, __toCommonJS, __toESM };

package/dist/components/LoadingCentered.js

@@ -0,0 +1,28 @@
+import { cn } from "../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+var LoadingCentered_default = (i) => {
+	let o = c(16), s, l, u, d, f;
+	o[0] === i ? (s = o[1], l = o[2], u = o[3], d = o[4], f = o[5]) : ({loading: u, size: d, children: f, className: s, ...l} = i, o[0] = i, o[1] = s, o[2] = l, o[3] = u, o[4] = d, o[5] = f);
+	let p = u === void 0 ? !1 : u, m = d === void 0 ? 24 : d, h = f === void 0 ? null : f;
+	if (p) {
+		let r;
+		o[6] === s ? r = o[7] : (r = cn("flex items-center justify-center", s), o[6] = s, o[7] = r);
+		let i;
+		o[8] === m ? i = o[9] : (i = /* @__PURE__ */ jsx(Loader2, {
+			className: "animate-spin",
+			size: m
+		}), o[8] = m, o[9] = i);
+		let a;
+		return o[10] !== l || o[11] !== r || o[12] !== i ? (a = /* @__PURE__ */ jsx("div", {
+			className: r,
+			...l,
+			children: i
+		}), o[10] = l, o[11] = r, o[12] = i, o[13] = a) : a = o[13], a;
+	}
+	let g;
+	return o[14] === h ? g = o[15] : (g = /* @__PURE__ */ jsx(Fragment, { children: h }), o[14] = h, o[15] = g), g;
+};
+export { LoadingCentered_default as default };

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

@@ -0,0 +1,30 @@
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../ui/alert-dialog.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ConfirmDialog_default = (f) => {
+	let p = c(23), { isOpen: m, onOpenChange: h, title: g, description: _, onConfirm: v, confirmText: y, cancelText: b, variant: x } = f, S = y === void 0 ? "Confirm" : y, C = b === void 0 ? "Cancel" : b, w = x === void 0 ? "default" : x, T;
+	p[0] === g ? T = p[1] : (T = /* @__PURE__ */ jsx(AlertDialogTitle, { children: g }), p[0] = g, p[1] = T);
+	let E;
+	p[2] === _ ? E = p[3] : (E = /* @__PURE__ */ jsx(AlertDialogDescription, { children: _ }), p[2] = _, p[3] = E);
+	let D;
+	p[4] !== T || p[5] !== E ? (D = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [T, E] }), p[4] = T, p[5] = E, p[6] = D) : D = p[6];
+	let O;
+	p[7] === C ? O = p[8] : (O = /* @__PURE__ */ jsx(AlertDialogCancel, { children: C }), p[7] = C, p[8] = O);
+	let k = w === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90 text-white" : "", A;
+	p[9] !== S || p[10] !== v || p[11] !== k ? (A = /* @__PURE__ */ jsx(AlertDialogAction, {
+		onClick: v,
+		className: k,
+		children: S
+	}), p[9] = S, p[10] = v, p[11] = k, p[12] = A) : A = p[12];
+	let j;
+	p[13] !== O || p[14] !== A ? (j = /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [O, A] }), p[13] = O, p[14] = A, p[15] = j) : j = p[15];
+	let M;
+	p[16] !== j || p[17] !== D ? (M = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [D, j] }), p[16] = j, p[17] = D, p[18] = M) : M = p[18];
+	let N;
+	return p[19] !== m || p[20] !== h || p[21] !== M ? (N = /* @__PURE__ */ jsx(AlertDialog, {
+		open: m,
+		onOpenChange: h,
+		children: M
+	}), p[19] = m, p[20] = h, p[21] = M, p[22] = N) : N = p[22], N;
+};
+export { ConfirmDialog_default as default };

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

@@ -0,0 +1,216 @@
+import { Button } from "../ui/button.js";
+import { Card, CardContent } from "../ui/card.js";
+import { Checkbox } from "../ui/checkbox.js";
+import ConfirmDialog_default from "./ConfirmDialog.js";
+import DataTableBatchAction_default from "./DataTableBatchAction.js";
+import DataTableFilters_default from "./DataTableFilters.js";
+import DataTablePagination_default from "./DataTablePagination.js";
+import DataTableToolbar_default from "./DataTableToolbar.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2, Trash2 } from "lucide-react";
+function DataList(he) {
+	let r = c(89), { data: i, totalItems: a, loading: ge, error: o, page: _e, pageSize: ve, onPageChange: ye, onPageSizeChange: be, searchTerm: xe, onSearchChange: s, filters: l, filterConfig: u, onFiltersChange: d, onRowClick: f, onNew: p, enableBatchActions: Se, batchActions: m, onBatchDelete: h, rowActions: Ce, itemRenderer: we, newButtonLabel: Te } = he, Ee = ge === void 0 ? !1 : ge, g;
+	r[0] === l ? g = r[1] : (g = l === void 0 ? {} : l, r[0] = l, r[1] = g);
+	let _ = g, v;
+	r[2] === u ? v = r[3] : (v = u === void 0 ? {} : u, r[2] = u, r[3] = v);
+	let y = v, b = Se === void 0 ? !0 : Se, x;
+	r[4] === m ? x = r[5] : (x = m === void 0 ? [] : m, r[4] = m, r[5] = x);
+	let De = x, Oe = Ce === void 0 ? [] : Ce, S;
+	r[6] === Symbol.for("react.memo_cache_sentinel") ? (S = [], r[6] = S) : S = r[6];
+	let [C, w] = useState(S), [T, ke] = useState(!1), E;
+	r[7] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+		isOpen: !1,
+		type: "single"
+	}, r[7] = E) : E = r[7];
+	let [D, O] = useState(E), k;
+	r[8] !== i || r[9] !== C.length ? (k = () => {
+		C.length === i.length ? w([]) : w(i.map(_temp));
+	}, r[8] = i, r[9] = C.length, r[10] = k) : k = r[10];
+	let Ae = k, A;
+	r[11] === Symbol.for("react.memo_cache_sentinel") ? (A = (e) => {
+		w((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, r[11] = A) : A = r[11];
+	let je = A, j;
+	r[12] === Symbol.for("react.memo_cache_sentinel") ? (j = () => w([]), r[12] = j) : j = r[12];
+	let Me = j, M;
+	r[13] === O ? M = r[14] : (M = () => {
+		O({
+			isOpen: !0,
+			type: "batch"
+		});
+	}, r[13] = O, r[14] = M);
+	let N = M, P;
+	r[15] !== D.itemId || r[16] !== D.type || r[17] !== h || r[18] !== C || r[19] !== O ? (P = async () => {
+		D.type === "single" && D.itemId || D.type === "batch" && (await h?.(C), Me()), O({
+			isOpen: !1,
+			type: "single"
+		});
+	}, r[15] = D.itemId, r[16] = D.type, r[17] = h, r[18] = C, r[19] = O, r[20] = P) : P = r[20];
+	let F = P, I;
+	r[21] !== N || r[22] !== h ? (I = h ? [{
+		id: "delete",
+		label: "Delete Selected",
+		icon: /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+		variant: "destructive",
+		action: N
+	}] : [], r[21] = N, r[22] = h, r[23] = I) : I = r[23];
+	let L;
+	r[24] !== De || r[25] !== I ? (L = [...I, ...De], r[24] = De, r[25] = I, r[26] = L) : L = r[26];
+	let R = L, z;
+	r[27] !== N || r[28] !== C ? (z = (e) => {
+		e.id === "delete" ? N() : (e.action(C), Me());
+	}, r[27] = N, r[28] = C, r[29] = z) : z = r[29];
+	let Ne = z, B;
+	r[30] === _ ? B = r[31] : (B = Object.values(_).filter(Boolean), r[30] = _, r[31] = B);
+	let Pe = B.length, Fe = [...[], ...Oe], Ie = Fe.length > 0, V;
+	r[32] === T ? V = r[33] : (V = () => ke(!T), r[32] = T, r[33] = V);
+	let Le = !!d && Object.keys(y).length > 0, Re = !!s, ze = C.length === i.length && i.length > 0, H;
+	r[34] !== ze || r[35] !== Ae ? (H = /* @__PURE__ */ jsxs("div", {
+		className: "text-sm text-gray-400",
+		children: [/* @__PURE__ */ jsx(Checkbox, {
+			checked: ze,
+			onCheckedChange: Ae,
+			"aria-label": "Select all rows",
+			className: "mr-4"
+		}), "Select All"]
+	}), r[34] = ze, r[35] = Ae, r[36] = H) : H = r[36];
+	let U;
+	r[37] !== R || r[38] !== b || r[39] !== Ne || r[40] !== C.length ? (U = b && /* @__PURE__ */ jsx(DataTableBatchAction_default, {
+		selectedCount: C.length,
+		batchActions: R,
+		onBatchAction: Ne
+	}), r[37] = R, r[38] = b, r[39] = Ne, r[40] = C.length, r[41] = U) : U = r[41];
+	let W;
+	r[42] !== y || r[43] !== _ || r[44] !== T || r[45] !== d ? (W = /* @__PURE__ */ jsx(DataTableFilters_default, {
+		filters: _,
+		filterConfig: y,
+		onFiltersChange: d,
+		isOpen: T
+	}), r[42] = y, r[43] = _, r[44] = T, r[45] = d, r[46] = W) : W = r[46];
+	let G;
+	r[47] !== U || r[48] !== W ? (G = /* @__PURE__ */ jsxs("div", { children: [U, W] }), r[47] = U, r[48] = W, r[49] = G) : G = r[49];
+	let K;
+	r[50] !== Pe || r[51] !== T || r[52] !== Te || r[53] !== p || r[54] !== s || r[55] !== xe || r[56] !== V || r[57] !== Le || r[58] !== Re || r[59] !== H || r[60] !== G ? (K = /* @__PURE__ */ jsxs(DataTableToolbar_default, {
+		searchTerm: xe,
+		onSearchChange: s,
+		onFilterToggle: V,
+		onNew: p,
+		filterCount: Pe,
+		isFilterOpen: T,
+		newButtonLabel: Te,
+		showFilter: Le,
+		showSearch: Re,
+		children: [H, G]
+	}), r[50] = Pe, r[51] = T, r[52] = Te, r[53] = p, r[54] = s, r[55] = xe, r[56] = V, r[57] = Le, r[58] = Re, r[59] = H, r[60] = G, r[61] = K) : K = r[61];
+	let q;
+	r[62] === o ? q = r[63] : (q = o && /* @__PURE__ */ jsx(Card, {
+		className: "border-destructive/50 bg-destructive/5",
+		children: /* @__PURE__ */ jsx(CardContent, {
+			className: "p-4",
+			children: /* @__PURE__ */ jsxs("p", {
+				className: "text-destructive font-medium",
+				children: ["Error: ", o.message]
+			})
+		})
+	}), r[62] = o, r[63] = q);
+	let Be = Ee ? /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center py-8",
+		children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" })
+	}) : /* @__PURE__ */ jsx("div", { children: i.length === 0 ? /* @__PURE__ */ jsx("span", { children: "No items found" }) : i.map((n, me) => /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center",
+		children: [
+			b && /* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-center pr-4",
+				onClick: _temp2,
+				children: /* @__PURE__ */ jsx(Checkbox, {
+					checked: C.includes(n.id),
+					onCheckedChange: () => je(n.id),
+					"aria-label": `Select row ${n.id}`
+				})
+			}),
+			/* @__PURE__ */ jsx(Card, {
+				className: "my-2 grow transition-shadow hover:shadow-md",
+				children: /* @__PURE__ */ jsx(CardContent, {
+					className: "px-6",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex items-center justify-between",
+						children: /* @__PURE__ */ jsx("div", {
+							className: `flex-1 ${f ? "cursor-pointer" : ""} ${C.includes(n.id) ? "bg-muted/50" : ""}`,
+							onClick: f ? () => f(n) : void 0,
+							children: /* @__PURE__ */ jsx("div", { children: we && we(n) })
+						})
+					})
+				})
+			}, n.id),
+			Ie && /* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-center",
+				onClick: _temp3,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center gap-1",
+					children: Fe.map((t) => !t.condition || t.condition(n) ? /* @__PURE__ */ jsx(Button, {
+						variant: t.variant || "ghost",
+						size: "sm",
+						onClick: () => void t.action(n),
+						disabled: t.disabled?.(n),
+						title: t.label,
+						className: t.className,
+						children: t.icon
+					}, t.id) : null)
+				})
+			})
+		]
+	}, `data-list-item-${me}`)) }), J;
+	r[64] === Be ? J = r[65] : (J = /* @__PURE__ */ jsx("div", {
+		className: "space-y-2",
+		children: Be
+	}), r[64] = Be, r[65] = J);
+	let Y;
+	r[66] !== ye || r[67] !== be || r[68] !== _e || r[69] !== ve || r[70] !== a ? (Y = /* @__PURE__ */ jsx(DataTablePagination_default, {
+		page: _e,
+		pageSize: ve,
+		totalItems: a,
+		onPageChange: ye,
+		onPageSizeChange: be
+	}), r[66] = ye, r[67] = be, r[68] = _e, r[69] = ve, r[70] = a, r[71] = Y) : Y = r[71];
+	let X;
+	r[72] !== D || r[73] !== O ? (X = (e) => O({
+		...D,
+		isOpen: e
+	}), r[72] = D, r[73] = O, r[74] = X) : X = r[74];
+	let Ve = D.type === "single" ? "Delete Item" : "Delete Items", He = D.type === "single" ? "Are you sure you want to delete this item? This action cannot be undone." : `Are you sure you want to delete ${C.length} items? This action cannot be undone.`, Z;
+	r[75] === F ? Z = r[76] : (Z = () => void F(), r[75] = F, r[76] = Z);
+	let Q;
+	r[77] !== D.isOpen || r[78] !== X || r[79] !== Ve || r[80] !== He || r[81] !== Z ? (Q = /* @__PURE__ */ jsx(ConfirmDialog_default, {
+		isOpen: D.isOpen,
+		onOpenChange: X,
+		title: Ve,
+		description: He,
+		onConfirm: Z,
+		confirmText: "Delete",
+		cancelText: "Cancel",
+		variant: "destructive"
+	}), r[77] = D.isOpen, r[78] = X, r[79] = Ve, r[80] = He, r[81] = Z, r[82] = Q) : Q = r[82];
+	let $;
+	return r[83] !== K || r[84] !== q || r[85] !== J || r[86] !== Y || r[87] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			K,
+			q,
+			J,
+			Y,
+			Q
+		]
+	}), r[83] = K, r[84] = q, r[85] = J, r[86] = Y, r[87] = Q, r[88] = $) : $ = r[88], $;
+}
+function _temp3(e) {
+	return e.stopPropagation();
+}
+function _temp2(e) {
+	return e.stopPropagation();
+}
+function _temp(e) {
+	return e.id;
+}
+export { DataList };

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

@@ -0,0 +1,264 @@
+import { Button } from "../ui/button.js";
+import { Card, CardContent } from "../ui/card.js";
+import { Checkbox } from "../ui/checkbox.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../ui/table.js";
+import ConfirmDialog_default from "./ConfirmDialog.js";
+import DataTableBatchAction_default from "./DataTableBatchAction.js";
+import DataTableFilters_default from "./DataTableFilters.js";
+import DataTablePagination_default from "./DataTablePagination.js";
+import DataTableToolbar_default from "./DataTableToolbar.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, Edit, Eye, Loader2, Trash2 } from "lucide-react";
+var safeToString = (e) => e == null ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" ? JSON.stringify(e) : JSON.stringify(e) ?? "";
+function DataTable(Ee) {
+	let r = c(96), { data: i, columns: De, totalItems: Oe, loading: ke, error: a, page: Ae, pageSize: je, onPageChange: Me, onPageSizeChange: Ne, sortBy: o, sortOrder: s, onSortChange: l, searchTerm: Pe, onSearchChange: u, filters: Fe, filterConfig: d, onFiltersChange: f, onRowClick: p, onEdit: Ie, onDelete: m, onNew: Le, enableBatchActions: Re, batchActions: h, onBatchDelete: g, rowActions: ze } = Ee, Be = ke === void 0 ? !1 : ke, _;
+	r[0] === Fe ? _ = r[1] : (_ = Fe === void 0 ? {} : Fe, r[0] = Fe, r[1] = _);
+	let v = _, y;
+	r[2] === d ? y = r[3] : (y = d === void 0 ? {} : d, r[2] = d, r[3] = y);
+	let b = y, x = Re === void 0 ? !0 : Re, S;
+	r[4] === h ? S = r[5] : (S = h === void 0 ? [] : h, r[4] = h, r[5] = S);
+	let Ve = S, He = ze === void 0 ? [] : ze, C;
+	r[6] === Symbol.for("react.memo_cache_sentinel") ? (C = [], r[6] = C) : C = r[6];
+	let [w, T] = useState(C), [E, Ue] = useState(!1), D;
+	r[7] === Symbol.for("react.memo_cache_sentinel") ? (D = {
+		isOpen: !1,
+		type: "single"
+	}, r[7] = D) : D = r[7];
+	let [O, k] = useState(D), A;
+	r[8] !== i || r[9] !== w.length ? (A = () => {
+		w.length === i.length ? T([]) : T(i.map(_temp));
+	}, r[8] = i, r[9] = w.length, r[10] = A) : A = r[10];
+	let We = A, j;
+	r[11] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
+		T((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, r[11] = j) : j = r[11];
+	let Ge = j, M;
+	r[12] === Symbol.for("react.memo_cache_sentinel") ? (M = () => T([]), r[12] = M) : M = r[12];
+	let Ke = M, N;
+	r[13] !== l || r[14] !== o || r[15] !== s ? (N = (e) => {
+		o === e ? l(e, s === "ASC" ? "DESC" : "ASC") : l(e, "ASC");
+	}, r[13] = l, r[14] = o, r[15] = s, r[16] = N) : N = r[16];
+	let qe = N, P;
+	r[17] === k ? P = r[18] : (P = (e) => {
+		k({
+			isOpen: !0,
+			type: "single",
+			itemId: e
+		});
+	}, r[17] = k, r[18] = P);
+	let Je = P, F;
+	r[19] === k ? F = r[20] : (F = () => {
+		k({
+			isOpen: !0,
+			type: "batch"
+		});
+	}, r[19] = k, r[20] = F);
+	let I = F, L;
+	r[21] !== O.itemId || r[22] !== O.type || r[23] !== g || r[24] !== m || r[25] !== w || r[26] !== k ? (L = async () => {
+		O.type === "single" && O.itemId ? m?.(O.itemId) : O.type === "batch" && g && (await Promise.resolve(g(w)), Ke()), k({
+			isOpen: !1,
+			type: "single"
+		});
+	}, r[21] = O.itemId, r[22] = O.type, r[23] = g, r[24] = m, r[25] = w, r[26] = k, r[27] = L) : L = r[27];
+	let Ye = L, R;
+	r[28] !== I || r[29] !== g ? (R = g ? [{
+		id: "delete",
+		label: "Delete Selected",
+		icon: /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+		variant: "destructive",
+		action: I
+	}] : [], r[28] = I, r[29] = g, r[30] = R) : R = r[30];
+	let z;
+	r[31] !== Ve || r[32] !== R ? (z = [...R, ...Ve], r[31] = Ve, r[32] = R, r[33] = z) : z = r[33];
+	let Xe = z, B;
+	r[34] !== I || r[35] !== w ? (B = (e) => {
+		e.id === "delete" ? I() : (e.action(w), Ke());
+	}, r[34] = I, r[35] = w, r[36] = B) : B = r[36];
+	let Ze = B, V;
+	r[37] !== o || r[38] !== s ? (V = (e) => o === e ? jsx(s === "ASC" ? ArrowUp : ArrowDown, { className: "h-4 w-4" }) : null, r[37] = o, r[38] = s, r[39] = V) : V = r[39];
+	let Qe = V, H;
+	r[40] === v ? H = r[41] : (H = Object.values(v).filter(Boolean), r[40] = v, r[41] = H);
+	let $e = H.length, et = [...[
+		...p ? [{
+			id: "view",
+			label: "View",
+			icon: /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
+			variant: "ghost",
+			action: p
+		}] : [],
+		...Ie ? [{
+			id: "edit",
+			label: "Edit",
+			icon: /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" }),
+			variant: "ghost",
+			action: Ie
+		}] : [],
+		...m ? [{
+			id: "delete",
+			label: "Delete",
+			icon: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+			variant: "ghost",
+			action: (e) => Je(e.id)
+		}] : []
+	], ...He], tt = et.length > 0, U;
+	r[42] === E ? U = r[43] : (U = () => Ue(!E), r[42] = E, r[43] = U);
+	let nt = !!f && Object.keys(b).length > 0, rt = !!u, W;
+	r[44] !== $e || r[45] !== E || r[46] !== Le || r[47] !== u || r[48] !== Pe || r[49] !== U || r[50] !== nt || r[51] !== rt ? (W = /* @__PURE__ */ jsx(DataTableToolbar_default, {
+		searchTerm: Pe,
+		onSearchChange: u,
+		onFilterToggle: U,
+		onNew: Le,
+		filterCount: $e,
+		isFilterOpen: E,
+		showFilter: nt,
+		showSearch: rt
+	}), r[44] = $e, r[45] = E, r[46] = Le, r[47] = u, r[48] = Pe, r[49] = U, r[50] = nt, r[51] = rt, r[52] = W) : W = r[52];
+	let G;
+	r[53] !== b || r[54] !== v || r[55] !== E || r[56] !== f ? (G = /* @__PURE__ */ jsx(DataTableFilters_default, {
+		filters: v,
+		filterConfig: b,
+		onFiltersChange: f,
+		isOpen: E
+	}), r[53] = b, r[54] = v, r[55] = E, r[56] = f, r[57] = G) : G = r[57];
+	let K;
+	r[58] !== Xe || r[59] !== x || r[60] !== Ze || r[61] !== w.length ? (K = x && /* @__PURE__ */ jsx(DataTableBatchAction_default, {
+		selectedCount: w.length,
+		batchActions: Xe,
+		onBatchAction: Ze
+	}), r[58] = Xe, r[59] = x, r[60] = Ze, r[61] = w.length, r[62] = K) : K = r[62];
+	let q;
+	r[63] === a ? q = r[64] : (q = a && /* @__PURE__ */ jsx(Card, {
+		className: "border-destructive/50 bg-destructive/5",
+		children: /* @__PURE__ */ jsx(CardContent, {
+			className: "p-4",
+			children: /* @__PURE__ */ jsxs("p", {
+				className: "text-destructive font-medium",
+				children: ["Error: ", a.message]
+			})
+		})
+	}), r[63] = a, r[64] = q);
+	let it = Card, at = CardContent, ot = Be ? /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center py-8",
+		children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" })
+	}) : /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+		x && /* @__PURE__ */ jsx(TableHead, {
+			className: "w-12",
+			children: /* @__PURE__ */ jsx(Checkbox, {
+				checked: w.length === i.length && i.length > 0,
+				onCheckedChange: We,
+				"aria-label": "Select all rows"
+			})
+		}),
+		De.map((t) => /* @__PURE__ */ jsx(TableHead, {
+			className: `${t.align === "center" ? "text-center" : t.align === "right" ? "text-right" : ""}`,
+			style: { minWidth: t.minWidth },
+			children: t.sortable === !1 ? /* @__PURE__ */ jsx("span", {
+				className: "font-semibold",
+				children: t.label
+			}) : /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				onClick: () => qe(t.id),
+				className: "h-auto p-0 font-semibold hover:bg-transparent",
+				children: [t.label, Qe(t.id)]
+			})
+		}, t.id)),
+		tt && /* @__PURE__ */ jsx(TableHead, {
+			className: "text-center",
+			children: "Actions"
+		})
+	] }) }), /* @__PURE__ */ jsx(TableBody, { children: i.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+		colSpan: De.length + (x ? 1 : 0) + (tt ? 1 : 0),
+		className: "text-muted-foreground py-8 text-center",
+		children: "No items found"
+	}) }) : i.map((t) => /* @__PURE__ */ jsxs(TableRow, {
+		className: `${p ? "cursor-pointer" : ""} ${w.includes(t.id) ? "bg-muted/50" : ""}`,
+		onClick: p ? () => p(t) : void 0,
+		children: [
+			x && /* @__PURE__ */ jsx(TableCell, {
+				onClick: _temp2,
+				children: /* @__PURE__ */ jsx(Checkbox, {
+					checked: w.includes(t.id),
+					onCheckedChange: () => Ge(t.id),
+					"aria-label": `Select row ${t.id}`
+				})
+			}),
+			De.map((e) => /* @__PURE__ */ jsx(TableCell, {
+				className: e.align === "center" ? "text-center" : e.align === "right" ? "text-right" : "",
+				children: e.format ? e.format(t[e.id], t) : safeToString(t[e.id])
+			}, e.id)),
+			tt && /* @__PURE__ */ jsx(TableCell, {
+				className: "text-center",
+				onClick: _temp3,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center gap-1",
+					children: et.map((n) => !n.condition || n.condition(t) ? /* @__PURE__ */ jsx(Button, {
+						variant: n.variant || "ghost",
+						size: "sm",
+						onClick: () => void n.action(t),
+						disabled: n.disabled?.(t),
+						title: n.label,
+						className: n.className,
+						children: n.icon
+					}, n.id) : null)
+				})
+			})
+		]
+	}, t.id)) })] }), J;
+	r[65] !== at || r[66] !== ot ? (J = /* @__PURE__ */ jsx(at, {
+		className: "px-6 py-0",
+		children: ot
+	}), r[65] = at, r[66] = ot, r[67] = J) : J = r[67];
+	let Y;
+	r[68] !== it || r[69] !== J ? (Y = /* @__PURE__ */ jsx(it, { children: J }), r[68] = it, r[69] = J, r[70] = Y) : Y = r[70];
+	let X;
+	r[71] !== Me || r[72] !== Ne || r[73] !== Ae || r[74] !== je || r[75] !== Oe ? (X = /* @__PURE__ */ jsx(DataTablePagination_default, {
+		page: Ae,
+		pageSize: je,
+		totalItems: Oe,
+		onPageChange: Me,
+		onPageSizeChange: Ne
+	}), r[71] = Me, r[72] = Ne, r[73] = Ae, r[74] = je, r[75] = Oe, r[76] = X) : X = r[76];
+	let Z;
+	r[77] !== O || r[78] !== k ? (Z = (e) => k({
+		...O,
+		isOpen: e
+	}), r[77] = O, r[78] = k, r[79] = Z) : Z = r[79];
+	let st = O.type === "single" ? "Delete Item" : "Delete Items", ct = O.type === "single" ? "Are you sure you want to delete this item? This action cannot be undone." : `Are you sure you want to delete ${w.length} items? This action cannot be undone.`, Q;
+	r[80] === Ye ? Q = r[81] : (Q = () => void Ye(), r[80] = Ye, r[81] = Q);
+	let $;
+	r[82] !== O.isOpen || r[83] !== Z || r[84] !== st || r[85] !== ct || r[86] !== Q ? ($ = /* @__PURE__ */ jsx(ConfirmDialog_default, {
+		isOpen: O.isOpen,
+		onOpenChange: Z,
+		title: st,
+		description: ct,
+		onConfirm: Q,
+		confirmText: "Delete",
+		cancelText: "Cancel",
+		variant: "destructive"
+	}), r[82] = O.isOpen, r[83] = Z, r[84] = st, r[85] = ct, r[86] = Q, r[87] = $) : $ = r[87];
+	let lt;
+	return r[88] !== W || r[89] !== G || r[90] !== K || r[91] !== q || r[92] !== Y || r[93] !== X || r[94] !== $ ? (lt = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			W,
+			G,
+			K,
+			q,
+			Y,
+			X,
+			$
+		]
+	}), r[88] = W, r[89] = G, r[90] = K, r[91] = q, r[92] = Y, r[93] = X, r[94] = $, r[95] = lt) : lt = r[95], lt;
+}
+function _temp3(e) {
+	return e.stopPropagation();
+}
+function _temp2(e) {
+	return e.stopPropagation();
+}
+function _temp(e) {
+	return e.id;
+}
+export { DataTable };

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

@@ -0,0 +1,32 @@
+import { Button } from "../ui/button.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DataTableBatchAction_default = (i) => {
+	let a = c(9), { selectedCount: o, batchActions: s, onBatchAction: l } = i;
+	if (o === 0) return null;
+	let u;
+	if (a[0] !== s || a[1] !== l || a[2] !== o) {
+		let r;
+		a[4] !== l || a[5] !== o ? (r = (r) => /* @__PURE__ */ jsxs(Button, {
+			variant: r.variant || "outline",
+			size: "sm",
+			onClick: () => l(r),
+			children: [
+				r.icon,
+				r.label,
+				" (",
+				o,
+				")"
+			]
+		}, r.id), a[4] = l, a[5] = o, a[6] = r) : r = a[6], u = s.map(r), a[0] = s, a[1] = l, a[2] = o, a[3] = u;
+	} else u = a[3];
+	let d;
+	return a[7] === u ? d = a[8] : (d = /* @__PURE__ */ jsx("div", {
+		className: "mr-4 flex items-center justify-between",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex gap-2",
+			children: u
+		})
+	}), a[7] = u, a[8] = d), d;
+};
+export { DataTableBatchAction_default as default };

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

@@ -0,0 +1,83 @@
+import { Button } from "../ui/button.js";
+import { Badge } from "../ui/badge.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+var DataTableFilters_default = (m) => {
+	let h = c(21), { filters: g, filterConfig: _, onFiltersChange: v, isOpen: y } = m;
+	if (!y) return null;
+	let b;
+	h[0] !== g || h[1] !== v ? (b = (e, u) => {
+		let d = { ...g };
+		u === "all" ? delete d[e] : d[e] = u, v?.(d);
+	}, h[0] = g, h[1] = v, h[2] = b) : b = h[2];
+	let x = b, S;
+	h[3] === v ? S = h[4] : (S = () => {
+		v?.({});
+	}, h[3] = v, h[4] = S);
+	let C = S, w;
+	h[5] === g ? w = h[6] : (w = Object.entries(g).filter(_temp), h[5] = g, h[6] = w);
+	let T = w, E;
+	h[7] !== _ || h[8] !== g || h[9] !== x ? (E = Object.entries(_).map((e) => {
+		let [u, p] = e;
+		return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Select, {
+			value: g[u] || "all",
+			onValueChange: (e) => x(u, e),
+			children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${u}` }) }), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsxs(SelectItem, {
+				value: "all",
+				children: ["All ", u]
+			}), p.map(_temp2)] })]
+		}) }, u);
+	}), h[7] = _, h[8] = g, h[9] = x, h[10] = E) : E = h[10];
+	let D;
+	h[11] !== T || h[12] !== x ? (D = T.length > 0 && /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap gap-2",
+		children: T.map((e) => {
+			let [d, f] = e;
+			return /* @__PURE__ */ jsxs(Badge, {
+				variant: "secondary",
+				className: "flex items-center gap-1",
+				children: [
+					d,
+					": ",
+					f,
+					/* @__PURE__ */ jsx("button", {
+						onClick: () => {
+							x(d, "all");
+						},
+						children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 cursor-pointer" })
+					})
+				]
+			}, d);
+		})
+	}), h[11] = T, h[12] = x, h[13] = D) : D = h[13];
+	let O;
+	h[14] !== T.length || h[15] !== C ? (O = T.length > 0 && /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		size: "sm",
+		onClick: C,
+		className: "ml-auto",
+		children: "Clear All"
+	}), h[14] = T.length, h[15] = C, h[16] = O) : O = h[16];
+	let k;
+	return h[17] !== E || h[18] !== D || h[19] !== O ? (k = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-wrap gap-4",
+		children: [
+			E,
+			D,
+			O
+		]
+	}), h[17] = E, h[18] = D, h[19] = O, h[20] = k) : k = h[20], k;
+};
+function _temp(e) {
+	let [, u] = e;
+	return u;
+}
+function _temp2(e) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: e,
+		children: e
+	}, e);
+}
+export { DataTableFilters_default as default };