@loopstack/loopstack-studio 0.21.0 → 0.21.2

package/dist/components/ai-elements/shimmer.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { motion } from "../../node_modules/motion/dist/es/react.js";
+import { c } from "react/compiler-runtime";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+const Shimmer = memo((i) => {
+	let a = c(16), { children: o, as: s, className: l, duration: u, spread: d } = i, f = s === void 0 ? "p" : s, p = u === void 0 ? 2 : u, m = d === void 0 ? 2 : d, h;
+	a[0] === f ? h = a[1] : (h = motion.create(f), a[0] = f, a[1] = h);
+	let g = h, _ = (o?.length ?? 0) * m, v;
+	a[2] === Symbol.for("react.memo_cache_sentinel") ? (v = { backgroundPosition: "0% center" }, a[2] = v) : v = a[2];
+	let y;
+	a[3] === l ? y = a[4] : (y = cn("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[background-repeat:no-repeat,padding-box] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))]", l), a[3] = l, a[4] = y);
+	let b;
+	a[5] === Symbol.for("react.memo_cache_sentinel") ? (b = { backgroundPosition: "100% center" }, a[5] = b) : b = a[5];
+	let x = `${_}px`, S;
+	a[6] === x ? S = a[7] : (S = {
+		"--spread": x,
+		backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
+	}, a[6] = x, a[7] = S);
+	let C = S, w;
+	a[8] === p ? w = a[9] : (w = {
+		repeat: Infinity,
+		duration: p,
+		ease: "linear"
+	}, a[8] = p, a[9] = w);
+	let T;
+	return a[10] !== g || a[11] !== o || a[12] !== C || a[13] !== w || a[14] !== y ? (T = /* @__PURE__ */ jsx(g, {
+		animate: v,
+		className: y,
+		initial: b,
+		style: C,
+		transition: w,
+		children: o
+	}), a[10] = g, a[11] = o, a[12] = C, a[13] = w, a[14] = y, a[15] = T) : T = a[15], T;
+});
+export { Shimmer };

package/dist/components/ai-elements/sources.js

@@ -0,0 +1,65 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { BookIcon, ChevronDownIcon } from "lucide-react";
+const Sources = (i) => {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("not-prose text-primary mb-4 text-xs", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Collapsible, {
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}, SourcesTrigger = (r) => {
+	let i = c(14), l, d, f, p;
+	i[0] === r ? (l = i[1], d = i[2], f = i[3], p = i[4]) : ({className: d, count: f, children: l, ...p} = r, i[0] = r, i[1] = l, i[2] = d, i[3] = f, i[4] = p);
+	let m;
+	i[5] === d ? m = i[6] : (m = cn("flex items-center gap-2", d), i[5] = d, i[6] = m);
+	let h;
+	i[7] !== l || i[8] !== f ? (h = l ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("p", {
+		className: "font-medium",
+		children: [
+			"Used ",
+			f,
+			" sources"
+		]
+	}), /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4" })] }), i[7] = l, i[8] = f, i[9] = h) : h = i[9];
+	let g;
+	return i[10] !== p || i[11] !== m || i[12] !== h ? (g = /* @__PURE__ */ jsx(CollapsibleTrigger, {
+		className: m,
+		...p,
+		children: h
+	}), i[10] = p, i[11] = m, i[12] = h, i[13] = g) : g = i[13], g;
+}, SourcesContent = (r) => {
+	let a = c(8), o, s;
+	a[0] === r ? (o = a[1], s = a[2]) : ({className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(CollapsibleContent, {
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}, Source = (e) => {
+	let r = c(12), i, a, u, d;
+	r[0] === e ? (i = r[1], a = r[2], u = r[3], d = r[4]) : ({href: a, title: d, children: i, ...u} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = u, r[4] = d);
+	let f;
+	r[5] !== i || r[6] !== d ? (f = i ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BookIcon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+		className: "block font-medium",
+		children: d
+	})] }), r[5] = i, r[6] = d, r[7] = f) : f = r[7];
+	let p;
+	return r[8] !== a || r[9] !== u || r[10] !== f ? (p = /* @__PURE__ */ jsx("a", {
+		className: "flex items-center gap-2",
+		href: a,
+		rel: "noreferrer",
+		target: "_blank",
+		...u,
+		children: f
+	}), r[8] = a, r[9] = u, r[10] = f, r[11] = p) : p = r[11], p;
+};
+export { Source, Sources, SourcesContent, SourcesTrigger };

package/dist/components/ai-elements/tool.js

@@ -0,0 +1,158 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Badge } from "../ui/badge.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { CodeBlock } from "./code-block.js";
+import { c } from "react/compiler-runtime";
+import { isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircleIcon, ChevronDownIcon, CircleIcon, ClockIcon, WrenchIcon, XCircleIcon } from "lucide-react";
+const Tool = (r) => {
+	let a = c(8), o, s;
+	a[0] === r ? (o = a[1], s = a[2]) : ({className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("not-prose mb-4 w-full rounded-md border", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Collapsible, {
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+};
+var getStatusBadge = (e) => {
+	let i = {
+		"input-streaming": "Pending",
+		"input-available": "Running",
+		"approval-requested": "Awaiting Approval",
+		"approval-responded": "Responded",
+		"output-available": "Completed",
+		"output-error": "Error",
+		"output-denied": "Denied"
+	};
+	return /* @__PURE__ */ jsxs(Badge, {
+		className: "gap-1.5 rounded-full text-xs",
+		variant: "secondary",
+		children: [{
+			"input-streaming": /* @__PURE__ */ jsx(CircleIcon, { className: "size-4" }),
+			"input-available": /* @__PURE__ */ jsx(ClockIcon, { className: "size-4 animate-pulse" }),
+			"approval-requested": /* @__PURE__ */ jsx(ClockIcon, { className: "size-4 text-yellow-600" }),
+			"approval-responded": /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-4 text-blue-600" }),
+			"output-available": /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-4 text-green-600" }),
+			"output-error": /* @__PURE__ */ jsx(XCircleIcon, { className: "size-4 text-red-600" }),
+			"output-denied": /* @__PURE__ */ jsx(XCircleIcon, { className: "size-4 text-orange-600" })
+		}[e], i[e]]
+	});
+};
+const ToolHeader = (r) => {
+	let i = c(24), a, s, l, d, p;
+	i[0] === r ? (a = i[1], s = i[2], l = i[3], d = i[4], p = i[5]) : ({className: a, title: d, type: p, state: l, ...s} = r, i[0] = r, i[1] = a, i[2] = s, i[3] = l, i[4] = d, i[5] = p);
+	let m;
+	i[6] === a ? m = i[7] : (m = cn("flex w-full items-center justify-between gap-4 p-3", a), i[6] = a, i[7] = m);
+	let g;
+	i[8] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(WrenchIcon, { className: "text-muted-foreground size-4" }), i[8] = g) : g = i[8];
+	let _;
+	i[9] !== d || i[10] !== p ? (_ = d ?? p.split("-").slice(1).join("-"), i[9] = d, i[10] = p, i[11] = _) : _ = i[11];
+	let y;
+	i[12] === _ ? y = i[13] : (y = /* @__PURE__ */ jsx("span", {
+		className: "text-sm font-medium",
+		children: _
+	}), i[12] = _, i[13] = y);
+	let b;
+	i[14] === l ? b = i[15] : (b = getStatusBadge(l), i[14] = l, i[15] = b);
+	let x;
+	i[16] !== y || i[17] !== b ? (x = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [
+			g,
+			y,
+			b
+		]
+	}), i[16] = y, i[17] = b, i[18] = x) : x = i[18];
+	let S;
+	i[19] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground size-4 transition-transform group-data-[state=open]:rotate-180" }), i[19] = S) : S = i[19];
+	let C;
+	return i[20] !== s || i[21] !== m || i[22] !== x ? (C = /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		className: m,
+		...s,
+		children: [x, S]
+	}), i[20] = s, i[21] = m, i[22] = x, i[23] = C) : C = i[23], C;
+}, ToolContent = (r) => {
+	let i = c(8), o, s;
+	i[0] === r ? (o = i[1], s = i[2]) : ({className: o, ...s} = r, i[0] = r, i[1] = o, i[2] = s);
+	let l;
+	i[3] === o ? l = i[4] : (l = cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", o), i[3] = o, i[4] = l);
+	let u;
+	return i[5] !== s || i[6] !== l ? (u = /* @__PURE__ */ jsx(CollapsibleContent, {
+		className: l,
+		...s
+	}), i[5] = s, i[6] = l, i[7] = u) : u = i[7], u;
+}, ToolInput = (r) => {
+	let i = c(15), a, o, l;
+	i[0] === r ? (a = i[1], o = i[2], l = i[3]) : ({className: a, input: o, ...l} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = l);
+	let d;
+	i[4] === a ? d = i[5] : (d = cn("space-y-2 overflow-hidden p-4", a), i[4] = a, i[5] = d);
+	let f;
+	i[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx("h4", {
+		className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+		children: "Parameters"
+	}), i[6] = f) : f = i[6];
+	let p;
+	i[7] === o ? p = i[8] : (p = JSON.stringify(o, null, 2), i[7] = o, i[8] = p);
+	let m;
+	i[9] === p ? m = i[10] : (m = /* @__PURE__ */ jsx("div", {
+		className: "bg-muted/50 rounded-md",
+		children: /* @__PURE__ */ jsx(CodeBlock, {
+			code: p,
+			language: "json"
+		})
+	}), i[9] = p, i[10] = m);
+	let h;
+	return i[11] !== l || i[12] !== d || i[13] !== m ? (h = /* @__PURE__ */ jsxs("div", {
+		className: d,
+		...l,
+		children: [f, m]
+	}), i[11] = l, i[12] = d, i[13] = m, i[14] = h) : h = i[14], h;
+}, ToolOutput = (r) => {
+	let i = c(30), a, o, d, f;
+	if (i[0] === r ? (a = i[1], o = i[2], d = i[3], f = i[4]) : ({className: a, output: d, errorText: o, ...f} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = d, i[4] = f), !(d || o)) return null;
+	let p = d, m;
+	i[5] === p ? m = i[6] : (m = /* @__PURE__ */ jsx("div", { children: p }), i[5] = p, i[6] = m);
+	let h = m;
+	if (typeof d == "object" && !isValidElement(d)) {
+		let e;
+		i[7] === d ? e = i[8] : (e = JSON.stringify(d, null, 2), i[7] = d, i[8] = e);
+		let r;
+		i[9] === e ? r = i[10] : (r = /* @__PURE__ */ jsx(CodeBlock, {
+			code: e,
+			language: "json"
+		}), i[9] = e, i[10] = r), h = r;
+	} else if (typeof d == "string") {
+		let e;
+		i[11] === d ? e = i[12] : (e = /* @__PURE__ */ jsx(CodeBlock, {
+			code: d,
+			language: "json"
+		}), i[11] = d, i[12] = e), h = e;
+	}
+	let g;
+	i[13] === a ? g = i[14] : (g = cn("space-y-2 p-4", a), i[13] = a, i[14] = g);
+	let _ = o ? "Error" : "Result", v;
+	i[15] === _ ? v = i[16] : (v = /* @__PURE__ */ jsx("h4", {
+		className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+		children: _
+	}), i[15] = _, i[16] = v);
+	let y = o ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground", b;
+	i[17] === y ? b = i[18] : (b = cn("overflow-x-auto rounded-md text-xs [&_table]:w-full", y), i[17] = y, i[18] = b);
+	let x;
+	i[19] === o ? x = i[20] : (x = o && /* @__PURE__ */ jsx("div", { children: o }), i[19] = o, i[20] = x);
+	let S;
+	i[21] !== h || i[22] !== b || i[23] !== x ? (S = /* @__PURE__ */ jsxs("div", {
+		className: b,
+		children: [x, h]
+	}), i[21] = h, i[22] = b, i[23] = x, i[24] = S) : S = i[24];
+	let C;
+	return i[25] !== f || i[26] !== g || i[27] !== v || i[28] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+		className: g,
+		...f,
+		children: [v, S]
+	}), i[25] = f, i[26] = g, i[27] = v, i[28] = S, i[29] = C) : C = i[29], C;
+};
+export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput };

package/dist/components/content/ErrorAlert.js

@@ -0,0 +1,17 @@
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert_default = (o) => {
+	let s = c(3), { error: l } = o;
+	if (!l) return null;
+	let u;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }), s[0] = u) : u = s[0];
+	let d;
+	return s[1] === l ? d = s[2] : (d = /* @__PURE__ */ jsxs(Alert, {
+		variant: "destructive",
+		className: "mb-4",
+		children: [u, /* @__PURE__ */ jsx(AlertDescription, { children: l })]
+	}), s[1] = l, s[2] = d), d;
+};
+export { ErrorAlert_default as default };

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

@@ -13,74 +13,74 @@ 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 r = c(102), { 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: Fe, filters: u, filterConfig: d, onFiltersChange: f, onRowClick: p, onEdit: Ie, onDelete: m, onNew: Le, newButtonLabel: Re, enableBatchActions: ze, batchActions: h, onBatchDelete: g, rowActions: Be, deleteConfirmTitle: Ve, deleteConfirmDescription: He } = Ee, Ue = ke === void 0 ? !1 : ke, _;
+	r[0] === u ? _ = r[1] : (_ = u === void 0 ? {} : u, r[0] = u, 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;
+	let b = y, x = ze === void 0 ? !0 : ze, 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;
+	let We = S, Ge = Be === void 0 ? [] : Be, 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;
+	let [w, T] = useState(C), [E, Ke] = 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 = () => {
+	let [O, k] = useState(D), qe;
+	r[8] !== i || r[9] !== w.length ? (qe = () => {
 		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) => {
+	}, r[8] = i, r[9] = w.length, r[10] = qe) : qe = r[10];
+	let Je = qe, A;
+	r[11] === Symbol.for("react.memo_cache_sentinel") ? (A = (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) => {
+	}, r[11] = A) : A = r[11];
+	let Ye = A, j;
+	r[12] === Symbol.for("react.memo_cache_sentinel") ? (j = () => T([]), r[12] = j) : j = r[12];
+	let Xe = j, M;
+	r[13] !== l || r[14] !== o || r[15] !== s ? (M = (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) => {
+	}, r[13] = l, r[14] = o, r[15] = s, r[16] = M) : M = r[16];
+	let Ze = M, N;
+	r[17] === k ? N = r[18] : (N = (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 = () => {
+	}, r[17] = k, r[18] = N);
+	let Qe = N, P;
+	r[19] === k ? P = r[20] : (P = () => {
 		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({
+	}, r[19] = k, r[20] = P);
+	let F = P, I;
+	r[21] !== O.itemId || r[22] !== O.type || r[23] !== g || r[24] !== m || r[25] !== w || r[26] !== k ? (I = async () => {
+		O.type === "single" && O.itemId ? m?.(O.itemId) : O.type === "batch" && g && (await Promise.resolve(g(w)), Xe()), 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 ? [{
+	}, r[21] = O.itemId, r[22] = O.type, r[23] = g, r[24] = m, r[25] = w, r[26] = k, r[27] = I) : I = r[27];
+	let $e = I, L;
+	r[28] !== F || r[29] !== g ? (L = 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 = [...[
+		action: F
+	}] : [], r[28] = F, r[29] = g, r[30] = L) : L = r[30];
+	let R;
+	r[31] !== We || r[32] !== L ? (R = [...L, ...We], r[31] = We, r[32] = L, r[33] = R) : R = r[33];
+	let et = R, z;
+	r[34] !== F || r[35] !== w ? (z = (e) => {
+		e.id === "delete" ? F() : (e.action(w), Xe());
+	}, r[34] = F, r[35] = w, r[36] = z) : z = r[36];
+	let tt = z, B;
+	r[37] !== o || r[38] !== s ? (B = (e) => o === e ? jsx(s === "ASC" ? ArrowUp : ArrowDown, { className: "h-4 w-4" }) : null, r[37] = o, r[38] = s, r[39] = B) : B = r[39];
+	let nt = B, V;
+	r[40] === v ? V = r[41] : (V = Object.values(v).filter(Boolean), r[40] = v, r[41] = V);
+	let rt = V.length, it = [...[
 		...p ? [{
 			id: "view",
 			label: "View",
@@ -100,36 +100,37 @@ function DataTable(Ee) {
 			label: "Delete",
 			icon: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
 			variant: "ghost",
-			action: (e) => Je(e.id)
+			action: (e) => Qe(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, {
+	], ...Ge], at = it.length > 0, H;
+	r[42] === E ? H = r[43] : (H = () => Ke(!E), r[42] = E, r[43] = H);
+	let ot = !!f && Object.keys(b).length > 0, st = !!Fe, U;
+	r[44] !== rt || r[45] !== E || r[46] !== Re || r[47] !== Le || r[48] !== Fe || r[49] !== Pe || r[50] !== H || r[51] !== ot || r[52] !== st ? (U = /* @__PURE__ */ jsx(DataTableToolbar_default, {
 		searchTerm: Pe,
-		onSearchChange: u,
-		onFilterToggle: U,
+		onSearchChange: Fe,
+		onFilterToggle: H,
 		onNew: Le,
-		filterCount: $e,
+		newButtonLabel: Re,
+		filterCount: rt,
 		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, {
+		showFilter: ot,
+		showSearch: st
+	}), r[44] = rt, r[45] = E, r[46] = Re, r[47] = Le, r[48] = Fe, r[49] = Pe, r[50] = H, r[51] = ot, r[52] = st, r[53] = U) : U = r[53];
+	let W;
+	r[54] !== b || r[55] !== v || r[56] !== E || r[57] !== f ? (W = /* @__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, {
+	}), r[54] = b, r[55] = v, r[56] = E, r[57] = f, r[58] = W) : W = r[58];
+	let G;
+	r[59] !== et || r[60] !== x || r[61] !== tt || r[62] !== w.length ? (G = 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, {
+		batchActions: et,
+		onBatchAction: tt
+	}), r[59] = et, r[60] = x, r[61] = tt, r[62] = w.length, r[63] = G) : G = r[63];
+	let K;
+	r[64] === a ? K = r[65] : (K = a && /* @__PURE__ */ jsx(Card, {
 		className: "border-destructive/50 bg-destructive/5",
 		children: /* @__PURE__ */ jsx(CardContent, {
 			className: "p-4",
@@ -138,8 +139,8 @@ function DataTable(Ee) {
 				children: ["Error: ", a.message]
 			})
 		})
-	}), r[63] = a, r[64] = q);
-	let it = Card, at = CardContent, ot = Be ? /* @__PURE__ */ jsx("div", {
+	}), r[64] = a, r[65] = K);
+	let ct = Ue ? /* @__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: [
@@ -147,7 +148,7 @@ function DataTable(Ee) {
 			className: "w-12",
 			children: /* @__PURE__ */ jsx(Checkbox, {
 				checked: w.length === i.length && i.length > 0,
-				onCheckedChange: We,
+				onCheckedChange: Je,
 				"aria-label": "Select all rows"
 			})
 		}),
@@ -159,17 +160,17 @@ function DataTable(Ee) {
 				children: t.label
 			}) : /* @__PURE__ */ jsxs(Button, {
 				variant: "ghost",
-				onClick: () => qe(t.id),
+				onClick: () => Ze(t.id),
 				className: "h-auto p-0 font-semibold hover:bg-transparent",
-				children: [t.label, Qe(t.id)]
+				children: [t.label, nt(t.id)]
 			})
 		}, t.id)),
-		tt && /* @__PURE__ */ jsx(TableHead, {
+		at && /* @__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),
+		colSpan: De.length + (x ? 1 : 0) + (at ? 1 : 0),
 		className: "text-muted-foreground py-8 text-center",
 		children: "No items found"
 	}) }) : i.map((t) => /* @__PURE__ */ jsxs(TableRow, {
@@ -180,7 +181,7 @@ function DataTable(Ee) {
 				onClick: _temp2,
 				children: /* @__PURE__ */ jsx(Checkbox, {
 					checked: w.includes(t.id),
-					onCheckedChange: () => Ge(t.id),
+					onCheckedChange: () => Ye(t.id),
 					"aria-label": `Select row ${t.id}`
 				})
 			}),
@@ -188,12 +189,12 @@ function DataTable(Ee) {
 				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, {
+			at && /* @__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, {
+					children: it.map((n) => !n.condition || n.condition(t) ? /* @__PURE__ */ jsx(Button, {
 						variant: n.variant || "ghost",
 						size: "sm",
 						onClick: () => void n.action(t),
@@ -205,52 +206,54 @@ function DataTable(Ee) {
 				})
 			})
 		]
-	}, 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, {
+	}, t.id)) })] }), q;
+	r[66] === ct ? q = r[67] : (q = /* @__PURE__ */ jsx("div", {
+		className: "w-full",
+		children: ct
+	}), r[66] = ct, r[67] = q);
+	let J;
+	r[68] !== Me || r[69] !== Ne || r[70] !== Ae || r[71] !== je || r[72] !== Oe ? (J = /* @__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({
+	}), r[68] = Me, r[69] = Ne, r[70] = Ae, r[71] = je, r[72] = Oe, r[73] = J) : J = r[73];
+	let Y;
+	r[74] !== O || r[75] !== k ? (Y = (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);
+	}), r[74] = O, r[75] = k, r[76] = Y) : Y = r[76];
+	let X;
+	r[77] !== Ve || r[78] !== O.itemId || r[79] !== O.type ? (X = O.type === "single" ? O.itemId && Ve?.(O.itemId) || "Delete Item" : "Delete Items", r[77] = Ve, r[78] = O.itemId, r[79] = O.type, r[80] = X) : X = r[80];
+	let Z;
+	r[81] !== He || r[82] !== O.itemId || r[83] !== O.type || r[84] !== w.length ? (Z = O.type === "single" ? O.itemId && He?.(O.itemId) || "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.`, r[81] = He, r[82] = O.itemId, r[83] = O.type, r[84] = w.length, r[85] = Z) : Z = r[85];
+	let Q;
+	r[86] === $e ? Q = r[87] : (Q = () => void $e(), r[86] = $e, r[87] = Q);
 	let $;
-	r[82] !== O.isOpen || r[83] !== Z || r[84] !== st || r[85] !== ct || r[86] !== Q ? ($ = /* @__PURE__ */ jsx(ConfirmDialog_default, {
+	r[88] !== O.isOpen || r[89] !== Y || r[90] !== X || r[91] !== Z || r[92] !== Q ? ($ = /* @__PURE__ */ jsx(ConfirmDialog_default, {
 		isOpen: O.isOpen,
-		onOpenChange: Z,
-		title: st,
-		description: ct,
+		onOpenChange: Y,
+		title: X,
+		description: Z,
 		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];
+	}), r[88] = O.isOpen, r[89] = Y, r[90] = X, r[91] = Z, r[92] = Q, r[93] = $) : $ = r[93];
 	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", {
+	return r[94] !== U || r[95] !== W || r[96] !== G || r[97] !== K || r[98] !== q || r[99] !== J || r[100] !== $ ? (lt = /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
 		children: [
+			U,
 			W,
 			G,
 			K,
 			q,
-			Y,
-			X,
+			J,
 			$
 		]
-	}), 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;
+	}), r[94] = U, r[95] = W, r[96] = G, r[97] = K, r[98] = q, r[99] = J, r[100] = $, r[101] = lt) : lt = r[101], lt;
 }
 function _temp3(e) {
 	return e.stopPropagation();

package/dist/components/dynamic-form/CodeContent.js

@@ -1,6 +1,6 @@
 import { c } from "react/compiler-runtime";
 import React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import Markdown from "react-markdown";
 import { Prism } from "react-syntax-highlighter";
 var adaptedPrism = {
@@ -149,7 +149,7 @@ var adaptedPrism = {
 		},
 		code(e) {
 			let { className: a, children: s, ...l } = e, u = /language-(\w+)/.exec(a ?? ""), d = Array.isArray(s) ? s.map(_temp).join("") : typeof s == "string" ? s : "";
-			return u ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Prism, {
+			return u ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Prism, {
 				style: adaptedPrism,
 				language: u[1],
 				PreTag: "div",

package/dist/components/dynamic-form/FormElement.js

@@ -5,18 +5,18 @@ import { InputController } from "./InputController.js";
 import { ObjectController } from "./ObjectController.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 const FormElement = (d) => {
 	let f = c(14), { schema: p, disabled: m } = d, h = p, g = !!h?.hidden, _ = h.type, v;
 	f[0] === _ ? v = f[1] : (v = Array.isArray(_) ? _.filter(_temp).shift() : _, f[0] = _, f[1] = v);
 	let y = v, b;
 	f[2] !== m || f[3] !== d || f[4] !== y || f[5] !== h.title ? (b = () => {
 		switch (y) {
-			case "object": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FormElementHeader, {
+			case "object": return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FormElementHeader, {
 				title: h.title,
 				disabled: m
 			}), /* @__PURE__ */ jsx(ObjectController, { ...d })] });
-			case "array": return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+			case "array": return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("div", {
 				className: "mt-3",
 				children: /* @__PURE__ */ jsx(ArrayController, { ...d })
 			}) });