@loopstack/loopstack-studio 0.21.0-rc.0 → 0.21.0

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/DataList.js

@@ -1,133 +1,133 @@
 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 { Card, CardContent } from "../ui/card.js";
-import { Checkbox } from "../ui/checkbox.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: ge, loading: _e, error: a, page: ve, pageSize: o, onPageChange: s, onPageSizeChange: ye, searchTerm: be, onSearchChange: l, filters: u, filterConfig: d, onFiltersChange: f, onRowClick: p, onNew: xe, enableBatchActions: Se, batchActions: m, onBatchDelete: h, rowActions: Ce, itemRenderer: we, newButtonLabel: g } = he, Te = _e === void 0 ? !1 : _e, _;
-	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 = Se === void 0 ? !0 : Se, S;
-	r[4] === m ? S = r[5] : (S = m === void 0 ? [] : m, r[4] = m, r[5] = S);
-	let Ee = S, De = Ce === void 0 ? [] : Ce, C;
-	r[6] === Symbol.for("react.memo_cache_sentinel") ? (C = [], r[6] = C) : C = r[6];
-	let [w, T] = useState(C), [E, Oe] = useState(!1), D;
-	r[7] === Symbol.for("react.memo_cache_sentinel") ? (D = {
+	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] = 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 j = A, M;
-	r[11] === Symbol.for("react.memo_cache_sentinel") ? (M = (e) => {
-		T((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, r[11] = M) : M = r[11];
-	let ke = M, N;
-	r[12] === Symbol.for("react.memo_cache_sentinel") ? (N = () => T([]), r[12] = N) : N = r[12];
-	let Ae = N, P;
-	r[13] === k ? P = r[14] : (P = () => {
-		k({
+	}, 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] = k, r[14] = P);
-	let F = P, I;
-	r[15] !== O.itemId || r[16] !== O.type || r[17] !== h || r[18] !== w || r[19] !== k ? (I = async () => {
-		O.type === "single" && O.itemId || O.type === "batch" && (await h?.(w), Ae()), k({
+	}, 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] = O.itemId, r[16] = O.type, r[17] = h, r[18] = w, r[19] = k, r[20] = I) : I = r[20];
-	let je = I, L;
-	r[21] !== F || r[22] !== h ? (L = h ? [{
+	}, 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: F
-	}] : [], r[21] = F, r[22] = h, r[23] = L) : L = r[23];
-	let R;
-	r[24] !== Ee || r[25] !== L ? (R = [...L, ...Ee], r[24] = Ee, r[25] = L, r[26] = R) : R = r[26];
-	let Me = R, z;
-	r[27] !== F || r[28] !== w ? (z = (e) => {
-		e.id === "delete" ? F() : (e.action(w), Ae());
-	}, r[27] = F, r[28] = w, r[29] = z) : z = r[29];
+		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] === v ? B = r[31] : (B = Object.values(v).filter(Boolean), r[30] = v, r[31] = B);
-	let Pe = B.length, Fe = [...[], ...De], Ie = Fe.length > 0, V;
-	r[32] === E ? V = r[33] : (V = () => Oe(!E), r[32] = E, r[33] = V);
-	let Le = !!f && Object.keys(b).length > 0, Re = !!l, ze = w.length === i.length && i.length > 0, H;
-	r[34] !== ze || r[35] !== j ? (H = /* @__PURE__ */ jsxs("div", {
+	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: j,
+			onCheckedChange: Ae,
 			"aria-label": "Select all rows",
 			className: "mr-4"
 		}), "Select All"]
-	}), r[34] = ze, r[35] = j, r[36] = H) : H = r[36];
+	}), r[34] = ze, r[35] = Ae, r[36] = H) : H = r[36];
 	let U;
-	r[37] !== Me || r[38] !== x || r[39] !== Ne || r[40] !== w.length ? (U = x && /* @__PURE__ */ jsx(DataTableBatchAction_default, {
-		selectedCount: w.length,
-		batchActions: Me,
+	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] = Me, r[38] = x, r[39] = Ne, r[40] = w.length, r[41] = U) : U = r[41];
+	}), r[37] = R, r[38] = b, r[39] = Ne, r[40] = C.length, r[41] = U) : U = r[41];
 	let W;
-	r[42] !== b || r[43] !== v || r[44] !== E || r[45] !== f ? (W = /* @__PURE__ */ jsx(DataTableFilters_default, {
-		filters: v,
-		filterConfig: b,
-		onFiltersChange: f,
-		isOpen: E
-	}), r[42] = b, r[43] = v, r[44] = E, r[45] = f, r[46] = W) : W = r[46];
+	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] !== E || r[52] !== g || r[53] !== xe || r[54] !== l || r[55] !== be || r[56] !== V || r[57] !== Le || r[58] !== Re || r[59] !== H || r[60] !== G ? (K = /* @__PURE__ */ jsxs(DataTableToolbar_default, {
-		searchTerm: be,
-		onSearchChange: l,
+	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: xe,
+		onNew: p,
 		filterCount: Pe,
-		isFilterOpen: E,
-		newButtonLabel: g,
+		isFilterOpen: T,
+		newButtonLabel: Te,
 		showFilter: Le,
 		showSearch: Re,
 		children: [H, G]
-	}), r[50] = Pe, r[51] = E, r[52] = g, r[53] = xe, r[54] = l, r[55] = be, r[56] = V, r[57] = Le, r[58] = Re, r[59] = H, r[60] = G, r[61] = K) : K = r[61];
+	}), 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] === a ? q = r[63] : (q = a && /* @__PURE__ */ jsx(Card, {
+	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: ", a.message]
+				children: ["Error: ", o.message]
 			})
 		})
-	}), r[62] = a, r[63] = q);
-	let Be = Te ? /* @__PURE__ */ jsx("div", {
+	}), 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((t, n) => /* @__PURE__ */ jsxs("div", {
+	}) : /* @__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: [
-			x && /* @__PURE__ */ jsx("div", {
+			b && /* @__PURE__ */ jsx("div", {
 				className: "flex items-center justify-center pr-4",
 				onClick: _temp2,
 				children: /* @__PURE__ */ jsx(Checkbox, {
-					checked: w.includes(t.id),
-					onCheckedChange: () => ke(t.id),
-					"aria-label": `Select row ${t.id}`
+					checked: C.includes(n.id),
+					onCheckedChange: () => je(n.id),
+					"aria-label": `Select row ${n.id}`
 				})
 			}),
 			/* @__PURE__ */ jsx(Card, {
@@ -137,53 +137,53 @@ function DataList(he) {
 					children: /* @__PURE__ */ jsx("div", {
 						className: "flex items-center justify-between",
 						children: /* @__PURE__ */ jsx("div", {
-							className: `flex-1 ${p ? "cursor-pointer" : ""} ${w.includes(t.id) ? "bg-muted/50" : ""}`,
-							onClick: p ? () => p(t) : void 0,
-							children: /* @__PURE__ */ jsx("div", { children: we && we(t) })
+							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) })
 						})
 					})
 				})
-			}, t.id),
+			}, 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((n) => !n.condition || n.condition(t) ? /* @__PURE__ */ jsx(Button, {
-						variant: n.variant || "ghost",
+					children: Fe.map((t) => !t.condition || t.condition(n) ? /* @__PURE__ */ jsx(Button, {
+						variant: t.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)
+						onClick: () => void t.action(n),
+						disabled: t.disabled?.(n),
+						title: t.label,
+						className: t.className,
+						children: t.icon
+					}, t.id) : null)
 				})
 			})
 		]
-	}, `data-list-item-${n}`)) }), J;
+	}, `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] !== s || r[67] !== ye || r[68] !== ve || r[69] !== o || r[70] !== ge ? (Y = /* @__PURE__ */ jsx(DataTablePagination_default, {
-		page: ve,
-		pageSize: o,
-		totalItems: ge,
-		onPageChange: s,
-		onPageSizeChange: ye
-	}), r[66] = s, r[67] = ye, r[68] = ve, r[69] = o, r[70] = ge, r[71] = Y) : Y = r[71];
+	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] !== O || r[73] !== k ? (X = (e) => k({
-		...O,
+	r[72] !== D || r[73] !== O ? (X = (e) => O({
+		...D,
 		isOpen: e
-	}), r[72] = O, r[73] = k, r[74] = X) : X = r[74];
-	let Ve = O.type === "single" ? "Delete Item" : "Delete Items", He = 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.`, Z;
-	r[75] === je ? Z = r[76] : (Z = () => void je(), r[75] = je, r[76] = Z);
+	}), 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] !== O.isOpen || r[78] !== X || r[79] !== Ve || r[80] !== He || r[81] !== Z ? (Q = /* @__PURE__ */ jsx(ConfirmDialog_default, {
-		isOpen: O.isOpen,
+	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,
@@ -191,7 +191,7 @@ function DataList(he) {
 		confirmText: "Delete",
 		cancelText: "Cancel",
 		variant: "destructive"
-	}), r[77] = O.isOpen, r[78] = X, r[79] = Ve, r[80] = He, r[81] = Z, r[82] = Q) : Q = r[82];
+	}), 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",

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

@@ -1,12 +1,12 @@
 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 { Card, CardContent } from "../ui/card.js";
-import { Checkbox } from "../ui/checkbox.js";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../ui/table.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/dynamic-form/fields/RadioField.js

@@ -1,8 +1,8 @@
 import { cn } from "../../../lib/utils.js";
 import { Label } from "../../ui/label.js";
+import { RadioGroup, RadioGroupItem } from "../../ui/radio-group.js";
 import { useFieldConfig } from "../hooks/useFieldConfig.js";
 import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
-import { RadioGroup, RadioGroupItem } from "../../ui/radio-group.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -15,8 +15,8 @@ const RadioField = (p) => {
 	let E = T, D = x.defaultValue || "", O = v ? "This field is required" : void 0, k;
 	m[6] === O ? k = m[7] : (k = { required: O }, m[6] = O, m[7] = k);
 	let A;
-	m[8] !== x || m[9] !== w || m[10] !== E || m[11] !== h || m[12] !== v || m[13] !== g.inline ? (A = (u) => {
-		let { field: f } = u;
+	m[8] !== x || m[9] !== w || m[10] !== E || m[11] !== h || m[12] !== v || m[13] !== g.inline ? (A = (d) => {
+		let { field: f } = d;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: h,
 			label: x.fieldLabel,

package/dist/components/dynamic-form/fields/SliderField.js

@@ -1,12 +1,12 @@
+import { Slider } from "../../ui/slider.js";
 import { useFieldConfig } from "../hooks/useFieldConfig.js";
 import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
-import { Slider } from "../../ui/slider.js";
 import { c } from "react/compiler-runtime";
 import React, { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
-var buildSliderValidationRules = (e, i) => {
-	let a = e.minimum ?? 0, o = e.maximum ?? 100;
+var buildSliderValidationRules = (t, i) => {
+	let a = t.minimum ?? 0, o = t.maximum ?? 100;
 	return {
 		required: i ? "This field is required" : void 0,
 		min: {
@@ -18,8 +18,8 @@ var buildSliderValidationRules = (e, i) => {
 			message: `Value must be at most ${o}`
 		},
 		validate: {
-			multipleOf: (i) => e.multipleOf && i % e.multipleOf !== 0 ? `Value must be a multiple of ${e.multipleOf}` : !0,
-			isNumber: (e) => typeof e != "number" || isNaN(e) ? "Value must be a valid number" : !0
+			multipleOf: (i) => t.multipleOf && i % t.multipleOf !== 0 ? `Value must be a multiple of ${t.multipleOf}` : !0,
+			isNumber: (t) => typeof t != "number" || isNaN(t) ? "Value must be a valid number" : !0
 		}
 	};
 };
@@ -27,14 +27,14 @@ const SliderField = (s) => {
 	let f = c(23), { name: p, schema: m, ui: h, required: g, form: _, disabled: v } = s, y = useFieldConfig(p, m, h, v), [b, x] = useState(!1), [S, C] = useState(!1), w = useRef(null), T = m.minimum ?? 0, E = m.maximum ?? 100, D = m.multipleOf ?? 1, O = m.default ?? T, k;
 	f[0] !== g || f[1] !== m ? (k = buildSliderValidationRules(m, g), f[0] = g, f[1] = m, f[2] = k) : k = f[2];
 	let A = k, j;
-	f[3] !== E || f[4] !== T ? (j = (e) => {
+	f[3] !== E || f[4] !== T ? (j = (t) => {
 		if (!w.current) return 0;
 		let i = w.current.offsetWidth;
-		return (e - T) / (E - T) * i;
+		return (t - T) / (E - T) * i;
 	}, f[3] = E, f[4] = T, f[5] = j) : j = f[5];
 	let M = j, N;
-	f[6] !== M || f[7] !== y || f[8] !== O || f[9] !== b || f[10] !== S || f[11] !== E || f[12] !== T || f[13] !== p || f[14] !== g || f[15] !== D ? (N = (e) => {
-		let { field: o } = e, { onChange: s, value: l } = o, u = typeof l == "number" && !isNaN(l) ? l : O, d = M(u);
+	f[6] !== M || f[7] !== y || f[8] !== O || f[9] !== b || f[10] !== S || f[11] !== E || f[12] !== T || f[13] !== p || f[14] !== g || f[15] !== D ? (N = (i) => {
+		let { field: o } = i, { onChange: s, value: l } = o, u = typeof l == "number" && !isNaN(l) ? l : O, d = M(u);
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: p,
 			label: y.fieldLabel,
@@ -48,17 +48,17 @@ const SliderField = (s) => {
 				children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "slider-with-hover",
-						onMouseMove: (e) => {
+						onMouseMove: (t) => {
 							if (!w.current) return;
-							let i = w.current.getBoundingClientRect(), a = e.clientX - i.left - 8;
+							let i = w.current.getBoundingClientRect(), a = t.clientX - i.left - 8;
 							C(Math.abs(a - d) < 12);
 						},
 						onMouseLeave: () => C(!1),
 						children: /* @__PURE__ */ jsx(Slider, {
 							id: p,
 							value: [u],
-							onValueChange: (e) => {
-								y.isReadOnly || s(e[0]);
+							onValueChange: (t) => {
+								y.isReadOnly || s(t[0]);
 							},
 							"aria-label": y.fieldLabel,
 							step: D,

package/dist/components/dynamic-form/fields/SwitchField.js

@@ -1,7 +1,7 @@
 import { Label } from "../../ui/label.js";
+import { Switch } from "../../ui/switch.js";
 import { useFieldConfig } from "../hooks/useFieldConfig.js";
 import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
-import { Switch } from "../../ui/switch.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/dynamic-form/fields/TextareaField.js

@@ -1,8 +1,8 @@
 import { Label } from "../../ui/label.js";
+import { Textarea } from "../../ui/textarea.js";
 import { buildTextValidationRules } from "./utils/text-validation-utils.js";
 import { useFieldConfig } from "../hooks/useFieldConfig.js";
 import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
-import { Textarea } from "../../ui/textarea.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ const TextareaField = (d) => {
 	}
 	let T = b.defaultValue || "", E;
 	f[12] !== b || f[13] !== p || f[14] !== x || f[15] !== g || f[16] !== S || f[17] !== m.maxLength ? (E = (r) => {
-		let { field: o } = r;
+		let { field: s } = r;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
 			name: p,
 			label: b.fieldLabel,
@@ -41,9 +41,9 @@ const TextareaField = (d) => {
 			helpText: b.helpText,
 			description: b.description,
 			children: /* @__PURE__ */ jsx(Textarea, {
-				...o,
+				...s,
 				id: p,
-				onChange: b.isReadOnly ? void 0 : o.onChange,
+				onChange: b.isReadOnly ? void 0 : s.onChange,
 				rows: S,
 				placeholder: x,
 				disabled: b.isDisabled,

package/dist/components/index.js

@@ -0,0 +1,45 @@
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./ui/accordion.js";
+import { Button, buttonVariants } from "./ui/button.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./ui/alert-dialog.js";
+import { Alert, AlertDescription, AlertTitle } from "./ui/alert.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.js";
+import { Badge, badgeVariants } from "./ui/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./ui/breadcrumb.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.js";
+import { Checkbox } from "./ui/checkbox.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
+import { Input } from "./ui/input.js";
+import { Label } from "./ui/label.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/popover.js";
+import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
+import { ScrollArea, ScrollBar } from "./ui/scroll-area.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.js";
+import { Separator } from "./ui/separator.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.js";
+import { Skeleton } from "./ui/skeleton.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarInsetDiv, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuDiv, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./ui/sidebar.js";
+import { Slider } from "./ui/slider.js";
+import { Switch } from "./ui/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./ui/table.js";
+import { Textarea } from "./ui/textarea.js";
+import { DiscordLogo } from "./ui/DiscordLogo.js";
+import { GoogleLogo } from "./ui/GoogleLogo.js";
+import PageBreadcrumbs_default from "./page/PageBreadcrumbs.js";
+import MainLayout_default from "./layout/MainLayout.js";
+import ConfirmDialog_default from "./data-table/ConfirmDialog.js";
+import DataTableBatchAction_default from "./data-table/DataTableBatchAction.js";
+import DataTableFilters_default from "./data-table/DataTableFilters.js";
+import DataTablePagination_default from "./data-table/DataTablePagination.js";
+import DataTableToolbar_default from "./data-table/DataTableToolbar.js";
+import { DataTable } from "./data-table/DataTable.js";
+import { DataList } from "./data-table/DataList.js";
+import ListView_default from "./lists/ListView.js";
+import CustomListView_default from "./lists/CustomListView.js";
+import CompletionMessagePaper_default from "./messages/CompletionMessagePaper.js";
+import Snackbar_default from "./snackbars/Snackbar.js";
+import ErrorSnackbar_default from "./snackbars/ErrorSnackbar.js";
+import LoadingCentered_default from "./LoadingCentered.js";

package/dist/components/messages/CompletionMessagePaper.js

@@ -0,0 +1,110 @@
+import { cn } from "../../lib/utils.js";
+import { Card } from "../ui/card.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CompletionMessagePaper_default = (s) => {
+	let l = c(38), { role: u, children: d, timestamp: f, metadata: p, fullWidth: m, className: h } = s, g = m === void 0 ? !1 : m, _;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+		system: {
+			color: "#efb108",
+			align: "left"
+		},
+		user: {
+			color: "#0496d0",
+			align: "right"
+		},
+		assistant: {
+			color: "#004a98",
+			align: "left"
+		},
+		document: {
+			color: "#0e2135",
+			align: "left"
+		},
+		tool: {
+			color: "#efb108",
+			align: "left"
+		},
+		error: {
+			color: "#dc0d33",
+			align: "left"
+		}
+	}, l[0] = _) : _ = l[0];
+	let v = _, y = (u ? v[u] : void 0) ?? v.assistant, b = u === "user", x = _temp, S = b ? "justify-end" : "justify-start", C;
+	l[1] !== h || l[2] !== S ? (C = cn("animate-in fade-in mb-1 flex flex-row items-start duration-300", S, h), l[1] = h, l[2] = S, l[3] = C) : C = l[3];
+	let w = g ? "w-full max-w-full" : "w-auto max-w-[75%]", T = b ? "items-end" : "items-start", E;
+	l[4] !== w || l[5] !== T ? (E = cn("flex min-w-50 flex-col", w, T), l[4] = w, l[5] = T, l[6] = E) : E = l[6];
+	let D;
+	l[7] !== y || l[8] !== u ? (D = u ? /* @__PURE__ */ jsx("span", {
+		className: "text-xs font-semibold tracking-wider uppercase",
+		style: { color: y.color },
+		children: u
+	}) : "", l[7] = y, l[8] = u, l[9] = D) : D = l[9];
+	let O;
+	l[10] === f ? O = l[11] : (O = f && /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground font-mono text-xs",
+		children: x(f)
+	}), l[10] = f, l[11] = O);
+	let k;
+	l[12] !== D || l[13] !== O ? (k = /* @__PURE__ */ jsxs("div", {
+		className: "mb-2 flex items-center gap-2 opacity-70",
+		children: [D, O]
+	}), l[12] = D, l[13] = O, l[14] = k) : k = l[14];
+	let A;
+	l[15] !== b || l[16] !== p ? (A = p && Object.keys(p).length > 0 && /* @__PURE__ */ jsx("div", {
+		className: cn("bg-muted mFax-w-full mb-2 rounded-md p-2", b ? "self-end" : "self-start"),
+		children: Object.entries(p).map(_temp2)
+	}), l[15] = b, l[16] = p, l[17] = A) : A = l[17];
+	let j = g ? "w-full" : "w-auto", M;
+	l[18] === j ? M = l[19] : (M = cn("relative max-w-full px-6 py-4 wrap-break-word shadow-none", j), l[18] = j, l[19] = M);
+	let N = b ? "user" : "text-foreground", P;
+	l[20] === N ? P = l[21] : (P = cn("leading-relaxed wrap-break-word whitespace-pre-wrap", N), l[20] = N, l[21] = P);
+	let F;
+	l[22] === d ? F = l[23] : (F = /* @__PURE__ */ jsx("div", {
+		className: "message-content",
+		children: d
+	}), l[22] = d, l[23] = F);
+	let I;
+	l[24] !== P || l[25] !== F ? (I = /* @__PURE__ */ jsx("div", {
+		className: P,
+		children: F
+	}), l[24] = P, l[25] = F, l[26] = I) : I = l[26];
+	let L;
+	l[27] !== M || l[28] !== I ? (L = /* @__PURE__ */ jsx(Card, {
+		className: M,
+		children: I
+	}), l[27] = M, l[28] = I, l[29] = L) : L = l[29];
+	let R;
+	l[30] !== k || l[31] !== A || l[32] !== L || l[33] !== E ? (R = /* @__PURE__ */ jsxs("div", {
+		className: E,
+		children: [
+			k,
+			A,
+			L
+		]
+	}), l[30] = k, l[31] = A, l[32] = L, l[33] = E, l[34] = R) : R = l[34];
+	let z;
+	return l[35] !== R || l[36] !== C ? (z = /* @__PURE__ */ jsx("div", {
+		className: C,
+		children: R
+	}), l[35] = R, l[36] = C, l[37] = z) : z = l[37], z;
+};
+function _temp(r) {
+	return r.toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function _temp2(r) {
+	let [a, o] = r;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground font-mono text-xs",
+		children: [
+			/* @__PURE__ */ jsxs("strong", { children: [a, ":"] }),
+			" ",
+			String(o)
+		]
+	}, a);
+}
+export { CompletionMessagePaper_default as default };