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

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

@@ -0,0 +1,108 @@
+import { Button } from "../ui/button.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+var DataTablePagination_default = (f) => {
+	let p = c(39), { page: m, pageSize: h, totalItems: g, onPageChange: _, onPageSizeChange: v } = f, y = Math.ceil(g / h), b = m * h + 1, x = Math.min((m + 1) * h, g), S;
+	p[0] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground text-sm",
+		children: "Rows per page"
+	}), p[0] = S) : S = p[0];
+	let C;
+	p[1] === h ? C = p[2] : (C = h.toString(), p[1] = h, p[2] = C);
+	let w;
+	p[3] === v ? w = p[4] : (w = (t) => v(parseInt(t)), p[3] = v, p[4] = w);
+	let T;
+	p[5] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ jsx(SelectTrigger, {
+		className: "w-24",
+		children: /* @__PURE__ */ jsx(SelectValue, {})
+	}), p[5] = T) : T = p[5];
+	let E;
+	p[6] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx(SelectContent, { children: [
+		5,
+		10,
+		25,
+		50
+	].map(_temp) }), p[6] = E) : E = p[6];
+	let D;
+	p[7] !== C || p[8] !== w ? (D = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center space-x-2",
+		children: [S, /* @__PURE__ */ jsxs(Select, {
+			value: C,
+			onValueChange: w,
+			children: [T, E]
+		})]
+	}), p[7] = C, p[8] = w, p[9] = D) : D = p[9];
+	let O;
+	p[10] !== x || p[11] !== b || p[12] !== g ? (O = /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground text-sm",
+		children: [
+			b,
+			"-",
+			x,
+			" of ",
+			g,
+			" items"
+		]
+	}), p[10] = x, p[11] = b, p[12] = g, p[13] = O) : O = p[13];
+	let k;
+	p[14] !== _ || p[15] !== m ? (k = () => _(m - 1), p[14] = _, p[15] = m, p[16] = k) : k = p[16];
+	let A = m === 0, j;
+	p[17] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }), p[17] = j) : j = p[17];
+	let M;
+	p[18] !== k || p[19] !== A ? (M = /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		size: "sm",
+		onClick: k,
+		disabled: A,
+		children: j
+	}), p[18] = k, p[19] = A, p[20] = M) : M = p[20];
+	let N = g === 0 ? 0 : m + 1, P;
+	p[21] !== N || p[22] !== y ? (P = /* @__PURE__ */ jsxs("span", {
+		className: "text-sm",
+		children: [
+			"Page ",
+			N,
+			" of ",
+			y
+		]
+	}), p[21] = N, p[22] = y, p[23] = P) : P = p[23];
+	let F;
+	p[24] !== _ || p[25] !== m ? (F = () => _(m + 1), p[24] = _, p[25] = m, p[26] = F) : F = p[26];
+	let I = m >= y - 1, L;
+	p[27] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }), p[27] = L) : L = p[27];
+	let R;
+	p[28] !== F || p[29] !== I ? (R = /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		size: "sm",
+		onClick: F,
+		disabled: I,
+		children: L
+	}), p[28] = F, p[29] = I, p[30] = R) : R = p[30];
+	let z;
+	p[31] !== M || p[32] !== P || p[33] !== R ? (z = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center space-x-2",
+		children: [
+			M,
+			P,
+			R
+		]
+	}), p[31] = M, p[32] = P, p[33] = R, p[34] = z) : z = p[34];
+	let B;
+	return p[35] !== z || p[36] !== D || p[37] !== O ? (B = /* @__PURE__ */ jsxs("div", {
+		className: "mt-4 flex items-center justify-between",
+		children: [
+			D,
+			O,
+			z
+		]
+	}), p[35] = z, p[36] = D, p[37] = O, p[38] = B) : B = p[38], B;
+};
+function _temp(t) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: t.toString(),
+		children: t
+	}, t);
+}
+export { DataTablePagination_default as default };

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

@@ -0,0 +1,70 @@
+import { Button } from "../ui/button.js";
+import { Badge } from "../ui/badge.js";
+import { Input } from "../ui/input.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Filter, Plus, Search, X } from "lucide-react";
+var DataTableToolbar_default = (d) => {
+	let f = c(21), { searchTerm: p, onSearchChange: m, onFilterToggle: h, onNew: g, filterCount: _, isFilterOpen: v, newButtonLabel: y, showFilter: b, showSearch: x, children: S } = d, C = p === void 0 ? "" : p, w;
+	f[0] === S ? w = f[1] : (w = /* @__PURE__ */ jsx("div", {
+		className: "flex w-full items-center justify-between",
+		children: S
+	}), f[0] = S, f[1] = w);
+	let T;
+	f[2] !== m || f[3] !== C || f[4] !== x ? (T = x ? /* @__PURE__ */ jsxs("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform" }),
+			/* @__PURE__ */ jsx(Input, {
+				placeholder: "Search...",
+				value: C,
+				onChange: (i) => m && m(i.target.value),
+				className: "w-64 pl-10"
+			}),
+			C && /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				className: "absolute top-1/2 right-1 h-6 w-6 -translate-y-1/2 transform p-0",
+				onClick: () => m && m(""),
+				children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+			})
+		]
+	}) : "", f[2] = m, f[3] = C, f[4] = x, f[5] = T) : T = f[5];
+	let E;
+	f[6] !== _ || f[7] !== v || f[8] !== h || f[9] !== b ? (E = b ? /* @__PURE__ */ jsxs(Button, {
+		variant: v ? "default" : "outline",
+		size: "sm",
+		onClick: h,
+		className: "relative",
+		children: [
+			/* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
+			"Filters",
+			_ > 0 && /* @__PURE__ */ jsx(Badge, {
+				variant: "secondary",
+				className: "ml-2 flex h-5 w-5 items-center justify-center p-0 text-xs",
+				children: _
+			})
+		]
+	}) : "", f[6] = _, f[7] = v, f[8] = h, f[9] = b, f[10] = E) : E = f[10];
+	let D;
+	f[11] !== y || f[12] !== g ? (D = g && /* @__PURE__ */ jsxs(Button, {
+		size: "sm",
+		onClick: g,
+		children: [/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }), y ?? "New"]
+	}), f[11] = y, f[12] = g, f[13] = D) : D = f[13];
+	let O;
+	f[14] !== T || f[15] !== E || f[16] !== D ? (O = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [
+			T,
+			E,
+			D
+		]
+	}), f[14] = T, f[15] = E, f[16] = D, f[17] = O) : O = f[17];
+	let k;
+	return f[18] !== w || f[19] !== O ? (k = /* @__PURE__ */ jsxs("div", {
+		className: "mb-4 flex items-center justify-between",
+		children: [w, O]
+	}), f[18] = w, f[19] = O, f[20] = k) : k = f[20], k;
+};
+export { DataTableToolbar_default as default };

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

@@ -0,0 +1,100 @@
+import { Button } from "../ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { useArrayDefaultValue } from "./hooks/useArrayDefaultValue.js";
+import { useMergeParentKey } from "./hooks/useMergeParentKey.js";
+import { FormElement } from "./FormElement.js";
+import { c } from "react/compiler-runtime";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight, Plus, Trash2 } from "lucide-react";
+import { useFieldArray } from "react-hook-form";
+const ArrayController = (_) => {
+	let v = c(45), { name: y, schema: b, ui: x, form: S, disabled: C, parentKey: w, viewOnly: T } = _, E = useMergeParentKey(w, y), [D, O] = useState(!(x?.collapsed ?? !1)), k = E ?? "", A;
+	v[0] !== S.control || v[1] !== k ? (A = {
+		control: S.control,
+		name: k
+	}, v[0] = S.control, v[1] = k, v[2] = A) : A = v[2];
+	let { fields: j, append: M, remove: N } = useFieldArray(A), P = useArrayDefaultValue(b.items), F;
+	v[3] === D ? F = v[4] : (F = jsx(D ? ChevronDown : ChevronRight, { className: "h-4 w-4" }), v[3] = D, v[4] = F);
+	let I = x?.title ?? b.title ?? y, L;
+	v[5] !== j.length || v[6] !== D ? (L = !D && /* @__PURE__ */ jsxs("span", {
+		className: "ml-2 text-sm text-gray-500",
+		children: [
+			"(",
+			j.length,
+			" ",
+			j.length === 1 ? "item" : "items",
+			")"
+		]
+	}), v[5] = j.length, v[6] = D, v[7] = L) : L = v[7];
+	let R;
+	v[8] !== I || v[9] !== L ? (R = /* @__PURE__ */ jsxs("span", {
+		className: "font-medium",
+		children: [I, L]
+	}), v[8] = I, v[9] = L, v[10] = R) : R = v[10];
+	let z;
+	v[11] !== F || v[12] !== R ? (z = /* @__PURE__ */ jsx(CollapsibleTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			size: "sm",
+			className: "mb-2 flex items-center gap-2 p-2 hover:bg-gray-100",
+			type: "button",
+			children: [F, R]
+		})
+	}), v[11] = F, v[12] = R, v[13] = z) : z = v[13];
+	let B;
+	if (v[14] !== C || v[15] !== j || v[16] !== S || v[17] !== E || v[18] !== N || v[19] !== b.items || v[20] !== x?.items || v[21] !== T) {
+		let h;
+		v[23] !== C || v[24] !== S || v[25] !== E || v[26] !== N || v[27] !== b.items || v[28] !== x?.items || v[29] !== T ? (h = (h, g) => /* @__PURE__ */ jsxs("div", {
+			className: `mb-2 flex items-start border-l border-gray-300 pt-2 pr-0 pl-4 ${g === 0 ? "mt-2" : "mt-5"}`,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "mr-1 min-w-0 flex-1",
+				children: b.items && /* @__PURE__ */ jsx(FormElement, {
+					name: g.toString(),
+					parentKey: E,
+					required: !1,
+					schema: b.items,
+					ui: x?.items,
+					form: S,
+					disabled: C,
+					viewOnly: T
+				})
+			}), T ? "" : /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				onClick: () => N(g),
+				variant: "ghost",
+				size: "sm",
+				disabled: C,
+				className: "mt-1 h-8 w-8 p-2",
+				children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+			})]
+		}, h.id), v[23] = C, v[24] = S, v[25] = E, v[26] = N, v[27] = b.items, v[28] = x?.items, v[29] = T, v[30] = h) : h = v[30], B = j.map(h), v[14] = C, v[15] = j, v[16] = S, v[17] = E, v[18] = N, v[19] = b.items, v[20] = x?.items, v[21] = T, v[22] = B;
+	} else B = v[22];
+	let V;
+	v[31] !== M || v[32] !== P || v[33] !== C || v[34] !== b.items?.title || v[35] !== x?.items?.title || v[36] !== T ? (V = T ? "" : /* @__PURE__ */ jsxs(Button, {
+		type: "button",
+		onClick: () => M(P),
+		variant: "outline",
+		size: "sm",
+		disabled: C,
+		className: "mt-4",
+		children: [
+			/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+			"Add ",
+			x?.items?.title ?? b.items?.title ?? "Item"
+		]
+	}), v[31] = M, v[32] = P, v[33] = C, v[34] = b.items?.title, v[35] = x?.items?.title, v[36] = T, v[37] = V) : V = v[37];
+	let H;
+	v[38] !== B || v[39] !== V ? (H = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxs("div", {
+		className: "pl-4",
+		children: [B, V]
+	}) }), v[38] = B, v[39] = V, v[40] = H) : H = v[40];
+	let U;
+	return v[41] !== D || v[42] !== H || v[43] !== z ? (U = /* @__PURE__ */ jsxs(Collapsible, {
+		open: D,
+		onOpenChange: O,
+		children: [z, H]
+	}), v[41] = D, v[42] = H, v[43] = z, v[44] = U) : U = v[44], U;
+};
+export { ArrayController };

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

@@ -0,0 +1,174 @@
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import Markdown from "react-markdown";
+import { Prism } from "react-syntax-highlighter";
+var adaptedPrism = {
+	"code[class*=\"language-\"]": {
+		color: "black",
+		background: "none",
+		textShadow: "0 1px white",
+		fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+		fontSize: "1em",
+		textAlign: "left",
+		whiteSpace: "pre",
+		wordSpacing: "normal",
+		wordBreak: "normal",
+		wordWrap: "normal",
+		lineHeight: "1.5",
+		MozTabSize: "4",
+		OTabSize: "4",
+		tabSize: "4",
+		WebkitHyphens: "none",
+		MozHyphens: "none",
+		msHyphens: "none",
+		hyphens: "none"
+	},
+	"pre[class*=\"language-\"]": {
+		color: "black",
+		textShadow: "0 1px white",
+		fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+		fontSize: "1em",
+		textAlign: "left",
+		whiteSpace: "pre",
+		wordSpacing: "normal",
+		wordBreak: "normal",
+		wordWrap: "normal",
+		lineHeight: "1.5",
+		MozTabSize: "4",
+		OTabSize: "4",
+		tabSize: "4",
+		WebkitHyphens: "none",
+		MozHyphens: "none",
+		msHyphens: "none",
+		hyphens: "none",
+		padding: "1em",
+		margin: ".5em 0",
+		overflow: "auto"
+	},
+	"pre[class*=\"language-\"]::-moz-selection": {
+		textShadow: "none",
+		background: "#b3d4fc"
+	},
+	"pre[class*=\"language-\"] ::-moz-selection": {
+		textShadow: "none",
+		background: "#b3d4fc"
+	},
+	"code[class*=\"language-\"]::-moz-selection": {
+		textShadow: "none",
+		background: "#b3d4fc"
+	},
+	"code[class*=\"language-\"] ::-moz-selection": {
+		textShadow: "none",
+		background: "#b3d4fc"
+	},
+	"pre[class*=\"language-\"]::selection": {
+		textShadow: "none",
+		background: "#b3d4fc"
+	},
+	"pre[class*=\"language-\"] ::selection": {
+		textShadow: "none",
+		background: "#b3d4fc"
+	},
+	"code[class*=\"language-\"]::selection": {
+		textShadow: "none",
+		background: "#b3d4fc"
+	},
+	"code[class*=\"language-\"] ::selection": {
+		textShadow: "none",
+		background: "#b3d4fc"
+	},
+	":not(pre) > code[class*=\"language-\"]": {
+		padding: ".1em",
+		borderRadius: ".3em",
+		whiteSpace: "normal"
+	},
+	comment: { color: "slategray" },
+	prolog: { color: "slategray" },
+	doctype: { color: "slategray" },
+	cdata: { color: "slategray" },
+	punctuation: { color: "#999" },
+	namespace: { opacity: .7 },
+	property: { color: "#905" },
+	tag: { color: "#905" },
+	boolean: { color: "#905" },
+	number: { color: "#905" },
+	constant: { color: "#905" },
+	symbol: { color: "#905" },
+	deleted: { color: "#905" },
+	selector: { color: "#690" },
+	"attr-name": { color: "#690" },
+	string: { color: "#690" },
+	char: { color: "#690" },
+	builtin: { color: "#690" },
+	inserted: { color: "#690" },
+	operator: {
+		color: "#9a6e3a",
+		background: "hsla(0, 0%, 100%, .5)"
+	},
+	entity: {
+		color: "#9a6e3a",
+		background: "hsla(0, 0%, 100%, .5)",
+		cursor: "help"
+	},
+	url: {
+		color: "#9a6e3a",
+		background: "hsla(0, 0%, 100%, .5)"
+	},
+	".language-css .token.string": {
+		color: "#9a6e3a",
+		background: "hsla(0, 0%, 100%, .5)"
+	},
+	".style .token.string": {
+		color: "#9a6e3a",
+		background: "hsla(0, 0%, 100%, .5)"
+	},
+	atrule: { color: "#07a" },
+	"attr-value": { color: "#07a" },
+	keyword: { color: "#07a" },
+	function: { color: "#DD4A68" },
+	"class-name": { color: "#DD4A68" },
+	regex: { color: "#e90" },
+	important: {
+		color: "#e90",
+		fontWeight: "bold"
+	},
+	variable: { color: "#e90" },
+	bold: { fontWeight: "bold" },
+	italic: { fontStyle: "italic" }
+}, CodeContent_default = (a) => {
+	let l = c(3), { content: u } = a, d;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+		p(e) {
+			let { children: a, ...o } = e;
+			return /* @__PURE__ */ jsx("p", {
+				className: "p-4",
+				...o,
+				children: a
+			});
+		},
+		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, {
+				style: adaptedPrism,
+				language: u[1],
+				PreTag: "div",
+				...l,
+				children: d.replace(/\n$/, "")
+			}) }) : /* @__PURE__ */ jsx("code", {
+				className: a,
+				...l,
+				children: s
+			});
+		}
+	}, l[0] = d) : d = l[0];
+	let f;
+	return l[1] === u ? f = l[2] : (f = /* @__PURE__ */ jsx(Markdown, {
+		components: d,
+		children: u
+	}), l[1] = u, l[2] = f), f;
+};
+function _temp(e) {
+	return typeof e == "string" ? e : String(e);
+}
+export { CodeContent_default as default };

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

@@ -0,0 +1,35 @@
+import { FormElementHeader } from "./FormElementHeader.js";
+import FormBody_default from "./FormBody.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Form_default = (a) => {
+	let o = c(20), { form: s, schema: l, ui: u, mimeType: d, disabled: f, viewOnly: p, actions: m } = a, h = u, g = h?.form?.title, _ = h?.form?.description, v;
+	o[0] !== f || o[1] !== g || o[2] !== _ ? (v = /* @__PURE__ */ jsx(FormElementHeader, {
+		title: g,
+		description: _,
+		disabled: f
+	}), o[0] = f, o[1] = g, o[2] = _, o[3] = v) : v = o[3];
+	let y = l, b = u?.form, x;
+	o[4] !== f || o[5] !== s || o[6] !== d || o[7] !== y || o[8] !== b || o[9] !== p ? (x = /* @__PURE__ */ jsx(FormBody_default, {
+		form: s,
+		mimeType: d,
+		schema: y,
+		ui: b,
+		disabled: f,
+		viewOnly: p
+	}), o[4] = f, o[5] = s, o[6] = d, o[7] = y, o[8] = b, o[9] = p, o[10] = x) : x = o[10];
+	let S;
+	o[11] !== m || o[12] !== p ? (S = !p && !!m && /* @__PURE__ */ jsx("div", {
+		className: "mt-4 flex w-full justify-end",
+		children: m
+	}), o[11] = m, o[12] = p, o[13] = S) : S = o[13];
+	let C;
+	o[14] !== x || o[15] !== S ? (C = /* @__PURE__ */ jsxs("form", { children: [x, S] }), o[14] = x, o[15] = S, o[16] = C) : C = o[16];
+	let w;
+	return o[17] !== v || o[18] !== C ? (w = /* @__PURE__ */ jsxs("div", {
+		className: "container mx-auto",
+		children: [v, C]
+	}), o[17] = v, o[18] = C, o[19] = w) : w = o[19], w;
+};
+export { Form_default as default };

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

@@ -0,0 +1,26 @@
+import CodeContent_default from "./CodeContent.js";
+import MarkdownContent_default from "./MarkdownContent.js";
+import { ObjectController } from "./ObjectController.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var FormBody_default = ({ mimeType: i, schema: a, ui: o, disabled: s, viewOnly: c, form: l }) => {
+	let u = l.watch("raw");
+	return (() => {
+		switch (i) {
+			case "text/markdown": return /* @__PURE__ */ jsx(MarkdownContent_default, { content: u ?? "" });
+			case "application/json":
+			case "application/yaml": return /* @__PURE__ */ jsx(CodeContent_default, { content: u ?? "" });
+			case void 0: return /* @__PURE__ */ jsx(ObjectController, {
+				name: null,
+				parentKey: null,
+				schema: a,
+				ui: o,
+				form: l,
+				disabled: s,
+				required: !0,
+				viewOnly: c
+			});
+		}
+	})();
+};
+export { FormBody_default as default };

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

@@ -0,0 +1,42 @@
+import { cn } from "../../lib/utils.js";
+import { ArrayController } from "./ArrayController.js";
+import { FormElementHeader } from "./FormElementHeader.js";
+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";
+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, {
+				title: h.title,
+				disabled: m
+			}), /* @__PURE__ */ jsx(ObjectController, { ...d })] });
+			case "array": return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+				className: "mt-3",
+				children: /* @__PURE__ */ jsx(ArrayController, { ...d })
+			}) });
+			default: return /* @__PURE__ */ jsx(InputController, {
+				...d,
+				name: d.name ?? ""
+			});
+		}
+	}, f[2] = m, f[3] = d, f[4] = y, f[5] = h.title, f[6] = b) : b = f[6];
+	let x = b, S = g ? "hidden" : "block", C;
+	f[7] === S ? C = f[8] : (C = cn(S), f[7] = S, f[8] = C);
+	let w;
+	f[9] === x ? w = f[10] : (w = x(), f[9] = x, f[10] = w);
+	let T;
+	return f[11] !== C || f[12] !== w ? (T = /* @__PURE__ */ jsx("div", {
+		className: C,
+		children: w
+	}), f[11] = C, f[12] = w, f[13] = T) : T = f[13], T;
+};
+function _temp(t) {
+	return t !== "null";
+}
+export { FormElement };

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

@@ -0,0 +1,20 @@
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const FormElementHeader = (i) => {
+	let a = c(7), { title: o, description: s } = i;
+	if (!o && !s) return null;
+	let l;
+	a[0] === o ? l = a[1] : (l = o && /* @__PURE__ */ jsx("h1", {
+		className: "mb-2 text-xl font-semibold",
+		children: o
+	}), a[0] = o, a[1] = l);
+	let u;
+	a[2] === s ? u = a[3] : (u = s && /* @__PURE__ */ jsx("p", {
+		className: "text-muted-foreground text-base",
+		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;
+};
+export { FormElementHeader };

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

@@ -0,0 +1,38 @@
+import { InputField } from "./fields/InputField.js";
+import { TextareaField } from "./fields/TextareaField.js";
+import { CheckboxField } from "./fields/CheckboxField.js";
+import { CodeViewField } from "./fields/CodeViewField.js";
+import { RadioField } from "./fields/RadioField.js";
+import { SelectField } from "./fields/SelectField.js";
+import { SliderField } from "./fields/SliderField.js";
+import { SwitchField } from "./fields/SwitchField.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var WIDGET_REGISTRY = {
+	checkbox: CheckboxField,
+	radio: RadioField,
+	switch: SwitchField,
+	select: SelectField,
+	slider: SliderField,
+	text: InputField,
+	textarea: TextareaField,
+	"code-view": CodeViewField
+}, WIDGET_NAMES = Object.keys(WIDGET_REGISTRY), resolveWidgetType = (e, o) => {
+	if (o && WIDGET_NAMES.includes(o)) return o;
+	let s = e;
+	return s.type === "boolean" ? "checkbox" : s.enum && s.enum.length > 0 ? "select" : "text";
+}, getFieldName = (e, o) => o ? `${o}.${e}` : e;
+const InputController = (e) => {
+	let o = c(8), { name: s, schema: l, ui: u, parentKey: d } = e, f = l, p = u;
+	if (f.hidden) return null;
+	let m;
+	o[0] !== s || o[1] !== d ? (m = getFieldName(s, d), o[0] = s, o[1] = d, o[2] = m) : m = o[2];
+	let h = m, g = WIDGET_REGISTRY[resolveWidgetType(l, p?.widget)], _ = l, v;
+	return o[3] !== g || o[4] !== h || o[5] !== e || o[6] !== _ ? (v = /* @__PURE__ */ jsx(g, {
+		...e,
+		name: h,
+		schema: _
+	}), o[3] = g, o[4] = h, o[5] = e, o[6] = _, o[7] = v) : v = o[7], v;
+};
+export { InputController };