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

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

@@ -1,86 +1,86 @@
 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";
 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 })
 			}) });

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

@@ -1,6 +1,6 @@
 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 FormElementHeader = (i) => {
 	let a = c(7), { title: o, description: s } = i;
 	if (!o && !s) return null;
@@ -15,6 +15,6 @@ const FormElementHeader = (i) => {
 		children: s
 	}), a[2] = s, a[3] = u);
 	let d;
-	return a[4] !== l || a[5] !== u ? (d = /* @__PURE__ */ jsxs(Fragment, { children: [l, u] }), a[4] = l, a[5] = u, a[6] = d) : d = a[6], d;
+	return a[4] !== l || a[5] !== u ? (d = /* @__PURE__ */ jsxs(Fragment$1, { children: [l, u] }), a[4] = l, a[5] = u, a[6] = d) : d = a[6], d;
 };
 export { FormElementHeader };

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

@@ -3,7 +3,7 @@ import { FormElement } from "./FormElement.js";
 import { useSortedPropertyNames } from "./hooks/useSortPropertyNames.js";
 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";
 const ObjectController = (o) => {
 	let s = c(23), { name: l, schema: u, ui: d, form: f, disabled: p, parentKey: m, viewOnly: h } = o, g = u, _ = d, v;
 	s[0] === g.properties ? v = s[1] : (v = g.properties ?? {}, s[0] = g.properties, s[1] = v);
@@ -27,6 +27,6 @@ const ObjectController = (o) => {
 		}, s[13] = p, s[14] = f, s[15] = b, s[16] = g.properties, s[17] = _?.properties, s[18] = S, s[19] = h, s[20] = e) : e = s[20], C = y.map(e), s[4] = p, s[5] = f, s[6] = b, s[7] = g.properties, s[8] = _?.properties, s[9] = y, s[10] = S, s[11] = h, s[12] = C;
 	} else C = s[12];
 	let w;
-	return s[21] === C ? w = s[22] : (w = /* @__PURE__ */ jsx(Fragment, { children: C }), s[21] = C, s[22] = w), w;
+	return s[21] === C ? w = s[22] : (w = /* @__PURE__ */ jsx(Fragment$1, { children: C }), s[21] = C, s[22] = w), w;
 };
 export { ObjectController };

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/layout/MainLayout.js

@@ -1,6 +1,5 @@
 import PageBreadcrumbs_default from "../page/PageBreadcrumbs.js";
 import { c } from "react/compiler-runtime";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var MainLayout_default = (i) => {
 	let a = c(10), { children: o, breadcrumbsData: s, headerMenu: l } = i, u;