themelia-ui 3.0.0 → 3.2.0

package/dist/features/schema-form.js

@@ -1,45 +1,48 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { p as t, t as n } from "../feedback-DRerHGuV.js";
-import { c as r } from "../buttons-CqXKWty3.js";
-import { t as i } from "../use-latest-CF0678ae.js";
-import { l as a } from "../display-B3Q17h5z.js";
-import { o } from "../structure-D0WGQAP3.js";
-import { t as s } from "../badge-CxOuTfVr.js";
-import { u as c } from "../forms-CPrGGif_.js";
-import { c as l, l as u } from "../text-inputs-DF_lD7pA.js";
-import { a as d, n as f, o as p, s as m, t as h } from "../choice-inputs-OUDn0kQw.js";
-import { s as g } from "../value-inputs-Q4ymjXlV.js";
-import { u as _ } from "../forms-numeric-CPVsL7Vf.js";
-import { PlusIcon as v } from "lucide-react";
-import { Fragment as y, useCallback as b, useEffect as x, useId as S, useMemo as C, useRef as w, useState as T } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import "#core.css";
+import { c as e } from "../typography-DmeR05Er.js";
+import { t } from "../cx--CBrhWH0.js";
+import { c as n } from "../buttons-BX2JfL5X.js";
+import { o as r } from "../structure-CynEZ-OY.js";
+import { t as i } from "../badge-VlJVZjdm.js";
+import { p as a, t as o } from "../feedback-D4qVsKlD.js";
+import { l as s } from "../display-a7AoX_u7.js";
+import { a as c, n as l, o as u, s as d, t as f } from "../choice-inputs-NwRxvmZN.js";
+import { c as p, l as m } from "../text-inputs-BboE77nZ.js";
+import { t as h } from "../use-latest-CF0678ae.js";
+import { u as g } from "../forms-C0WeNPFF.js";
+import { u as _ } from "../forms-numeric-IwQ1ltNf.js";
+import { s as v } from "../value-inputs-ng8aVJJZ.js";
+import { PlusIcon as y } from "lucide-react";
+import { Fragment as b, useCallback as x, useEffect as S, useId as C, useMemo as w, useRef as T, useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import "#css/schema-form.css";
 //#region src/components/features/schema-form/schema-form-actions.tsx
-function O({ submitLabel: t, resetLabel: n, showReset: i = !1, disabled: a = !1, submitDisabled: s = !1, resetDisabled: c = !1, submitting: l = !1, onReset: u, className: d }) {
-	return /* @__PURE__ */ D(o, {
+function k({ submitLabel: e, resetLabel: i, showReset: a = !1, disabled: o = !1, submitDisabled: s = !1, resetDisabled: c = !1, submitting: l = !1, onReset: u, className: d }) {
+	return /* @__PURE__ */ O(r, {
 		direction: "horizontal",
 		align: "center",
 		justify: "end",
-		gap: "md",
-		className: e("schema-form-actions--component", d),
-		children: [i && /* @__PURE__ */ E(r, {
+		gap: "sm",
+		className: t("schema-form-actions--component", d),
+		children: [a && /* @__PURE__ */ D(n, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "outline",
-			disabled: a || c || l,
+			appearance: "outline",
+			disabled: o || c || l,
 			onClick: u,
-			children: n
-		}), /* @__PURE__ */ E(r, {
+			children: i
+		}), /* @__PURE__ */ D(n, {
 			type: "submit",
 			loading: l,
-			disabled: a || s,
-			children: t
+			disabled: o || s,
+			children: e
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/schema-form/schema-form.utils.ts
-function k(e, t, n) {
+function A(e, t, n) {
 	if (typeof e.hidden == "function") try {
 		return e.hidden(t);
 	} catch (e) {
@@ -47,7 +50,7 @@ function k(e, t, n) {
 	}
 	return e.hidden ?? !1;
 }
-function A(e, t, n) {
+function j(e, t, n) {
 	if (typeof e.disabled == "function") try {
 		return e.disabled(t);
 	} catch (e) {
@@ -55,11 +58,11 @@ function A(e, t, n) {
 	}
 	return e.disabled ?? !1;
 }
-function j(e, t, n) {
-	return e.filter((e) => !k(e, t, n));
+function M(e, t, n) {
+	return e.filter((e) => !A(e, t, n));
 }
-function M(e, t, n, r, i) {
-	let a = j(e.fields, t, i), o = new Map(a.map((e) => [e.key, e])), s = /* @__PURE__ */ new Set(), c = [];
+function ee(e, t, n, r, i) {
+	let a = M(e.fields, t, i), o = new Map(a.map((e) => [e.key, e])), s = /* @__PURE__ */ new Set(), c = [];
 	for (let t of e.sections ?? []) {
 		let e = t.fields ? t.fields.map((e) => o.get(e)).filter((e) => e !== void 0) : a.filter((e) => e.sectionId === t.id);
 		for (let t of e) s.add(t.key);
@@ -88,16 +91,16 @@ function N(e) {
 function P(e) {
 	return Array.isArray(e) ? e.map((e) => String(e)) : [];
 }
-function ee(e) {
+function te(e) {
 	return e === !0 || e === "true" || e === 1;
 }
-function te(e, t = !1) {
+function ne(e, t = !1) {
 	let n = e.trim();
 	if (n.length === 0) return null;
 	let r = t ? Number.parseInt(n, 10) : Number.parseFloat(n);
 	return Number.isNaN(r) ? null : r;
 }
-function ne(e, t = 2) {
+function F(e, t = 2) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	try {
@@ -106,7 +109,7 @@ function ne(e, t = 2) {
 		return String(e);
 	}
 }
-function F(e) {
+function I(e) {
 	let t = e.trim();
 	if (t.length === 0) return {
 		value: null,
@@ -127,7 +130,7 @@ function F(e) {
 function re(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-var I = {
+var L = {
 	root: "schema-form__root___b94WK",
 	surface: "schema-form__surface___WSXkj",
 	header: "schema-form__header___zj925",
@@ -142,17 +145,16 @@ var I = {
 	widthHalf: "schema-form__widthHalf___E7faH",
 	widthFull: "schema-form__widthFull___jWKKb",
 	widthThird: "schema-form__widthThird___SYTHf",
-	mono: "schema-form__mono___-wgSa",
 	recommendations: "schema-form__recommendations___O5X6e",
 	recommendation: "schema-form__recommendation___jVRLC",
 	submitError: "schema-form__submitError___UG_Kj"
 };
 //#endregion
 //#region src/components/features/schema-form/schema-form-field.tsx
-function L(e) {
+function R(e) {
 	return e.hint ?? e.description;
 }
-function R(e, t, n, r) {
+function z(e, t, n, r) {
 	if (e.formatValue) try {
 		return e.formatValue(t, n);
 	} catch (e) {
@@ -160,7 +162,7 @@ function R(e, t, n, r) {
 	}
 	return N(t);
 }
-function z(e, t, n, r) {
+function B(e, t, n, r) {
 	if (e.parseValue) try {
 		return e.parseValue(t, n);
 	} catch (e) {
@@ -168,15 +170,15 @@ function z(e, t, n, r) {
 	}
 	return t;
 }
-function B(e, t, n, r, i) {
+function V(e, t, n, r, i) {
 	if (e.parseValue) try {
 		return e.parseValue(t, n);
 	} catch (e) {
 		i?.(e);
 	}
-	return te(t, r);
+	return ne(t, r);
 }
-function V(e, t, n, r) {
+function H(e, t, n, r) {
 	if (e.type === "json" && e.parseValue) try {
 		return {
 			value: e.parseValue(t, n),
@@ -188,251 +190,254 @@ function V(e, t, n, r) {
 			valid: !1
 		};
 	}
-	return F(t);
+	return I(t);
 }
-function ie({ field: t, value: n, values: r, error: i, disabled: a, fieldId: o, onValueChange: s, onError: u, strings: d }) {
-	let f = t.type === "json" ? t.jsonIndent ?? 2 : 2, [p, m] = T(), h = w(null), g = w(n), [_, v] = T(null), y = _ ?? ne(n, f);
-	return x(() => {
-		Object.is(n, g.current) || (g.current = n, v(null), m(void 0), h.current?.setCustomValidity(""));
-	}, [n]), t.type === "json" ? /* @__PURE__ */ E(c, {
-		label: t.label,
-		required: t.required,
-		hint: L(t),
-		helperText: t.helperText,
-		error: i ?? p,
-		htmlFor: o,
+function U({ field: n, value: r, values: i, error: a, disabled: o, fieldId: s, onValueChange: c, onError: l, strings: u }) {
+	let d = n.type === "json" ? n.jsonIndent ?? 2 : 2, [f, m] = E(), h = T(null), _ = T(r), [v, y] = E(null), b = v ?? F(r, d);
+	return S(() => {
+		Object.is(r, _.current) || (_.current = r, y(null), m(void 0), h.current?.setCustomValidity(""));
+	}, [r]), n.type === "json" ? /* @__PURE__ */ D(g, {
+		label: n.label,
+		required: n.required,
+		hint: R(n),
+		helperText: n.helperText,
+		error: a ?? f,
+		htmlFor: s,
 		className: "schema-form-field--component",
-		children: /* @__PURE__ */ E(l, {
+		children: /* @__PURE__ */ D(p, {
 			ref: h,
-			id: o,
-			name: t.key,
-			value: y,
-			rows: t.rows ?? 6,
-			disabled: a,
-			invalid: !!(i ?? p),
-			placeholder: t.placeholder,
+			id: s,
+			name: n.key,
+			value: b,
+			rows: n.rows ?? 6,
+			disabled: o,
+			invalid: !!(a ?? f),
+			placeholder: n.placeholder,
 			spellCheck: !1,
-			className: e(I.mono, t.controlClassName),
+			className: t(e({
+				size: "inherit",
+				mono: !0
+			}), n.controlClassName),
 			onChange: (e) => {
-				let n = e.target.value;
-				v(n);
-				let i = V(t, n, r, u);
-				m(i.valid ? void 0 : d.jsonParseError), e.currentTarget.setCustomValidity(i.valid ? "" : d.jsonParseError), g.current = i.value, s(i.value);
+				let t = e.target.value;
+				y(t);
+				let r = H(n, t, i, l);
+				m(r.valid ? void 0 : u.jsonParseError), e.currentTarget.setCustomValidity(r.valid ? "" : u.jsonParseError), _.current = r.value, c(r.value);
 			},
 			onBlur: (e) => {
-				let n = V(t, y, r, u);
-				m(n.valid ? void 0 : d.jsonParseError), e.currentTarget.setCustomValidity(n.valid ? "" : d.jsonParseError), g.current = n.value, s(n.value), v(null);
+				let t = H(n, b, i, l);
+				m(t.valid ? void 0 : u.jsonParseError), e.currentTarget.setCustomValidity(t.valid ? "" : u.jsonParseError), _.current = t.value, c(t.value), y(null);
 			},
-			...t.textareaProps
+			...n.textareaProps
 		})
 	}) : null;
 }
-function H({ field: t, value: n, values: r, error: i, disabled: a, required: o, fieldId: y, onValueChange: b, onError: x, strings: S, className: C }) {
-	let w = t.type ?? "text", T = /* @__PURE__ */ new Set(["radio-cards", "checkbox-cards"]), O = {
-		label: t.label,
-		required: o,
-		hint: L(t),
-		helperText: t.helperText,
-		error: i,
-		htmlFor: !T.has(w) && y,
-		className: e("schema-form-field--component", C)
-	}, k = t.controlClassName;
-	if (t.type === "custom") return /* @__PURE__ */ E("div", {
-		className: e("schema-form-field--component", C),
-		children: t.render({
-			field: t,
+function ie({ field: e, value: n, values: r, error: a, disabled: o, required: s, fieldId: h, onValueChange: b, onError: x, strings: S, className: C }) {
+	let w = e.type ?? "text", T = /* @__PURE__ */ new Set(["radio-cards", "checkbox-cards"]), E = {
+		label: e.label,
+		required: s,
+		hint: R(e),
+		helperText: e.helperText,
+		error: a,
+		htmlFor: !T.has(w) && h,
+		className: t("schema-form-field--component", C)
+	}, k = e.controlClassName;
+	if (e.type === "custom") return /* @__PURE__ */ D("div", {
+		className: t("schema-form-field--component", C),
+		children: e.render({
+			field: e,
 			value: n,
 			values: r,
-			error: i,
-			disabled: a,
-			required: o,
-			fieldId: y,
+			error: a,
+			disabled: o,
+			required: s,
+			fieldId: h,
 			onValueChange: b,
 			onError: x
 		})
 	});
-	if (t.type === "switch") {
-		let r = ee(n);
-		return t.switchStyle === "card" ? /* @__PURE__ */ E(c, {
-			error: i,
-			className: e("schema-form-field--component", C),
-			children: /* @__PURE__ */ E(h, {
-				label: t.label,
-				description: t.description,
-				hint: t.hint,
-				name: t.key,
+	if (e.type === "switch") {
+		let r = te(n);
+		return e.switchStyle === "card" ? /* @__PURE__ */ D(g, {
+			error: a,
+			className: t("schema-form-field--component", C),
+			children: /* @__PURE__ */ D(f, {
+				label: e.label,
+				description: e.description,
+				hint: e.hint,
+				name: e.key,
 				value: r,
-				disabled: a,
-				invalid: !!i,
+				disabled: o,
+				invalid: !!a,
 				className: k,
 				onValueChange: b,
-				...t.switchCardProps
+				...e.switchCardProps
 			})
-		}) : /* @__PURE__ */ E(c, {
-			error: i,
-			className: e("schema-form-field--component", C),
-			children: /* @__PURE__ */ E(f, {
-				label: t.label,
-				description: t.description ?? t.hint,
-				name: t.key,
+		}) : /* @__PURE__ */ D(g, {
+			error: a,
+			className: t("schema-form-field--component", C),
+			children: /* @__PURE__ */ D(l, {
+				label: e.label,
+				description: e.description ?? e.hint,
+				name: e.key,
 				value: r,
-				disabled: a,
-				invalid: !!i,
+				disabled: o,
+				invalid: !!a,
 				className: k,
 				onValueChange: b,
-				...t.switchProps
+				...e.switchProps
 			})
 		});
 	}
-	if (t.type === "json") return /* @__PURE__ */ E(ie, {
-		field: t,
+	if (e.type === "json") return /* @__PURE__ */ D(U, {
+		field: e,
 		value: n,
 		values: r,
-		error: i,
-		disabled: a,
-		required: o,
-		fieldId: y,
+		error: a,
+		disabled: o,
+		required: s,
+		fieldId: h,
 		onValueChange: b,
 		onError: x,
 		strings: S
 	});
-	if (t.type === "textarea") return /* @__PURE__ */ E(c, {
-		...O,
-		children: /* @__PURE__ */ E(l, {
-			id: y,
-			name: t.key,
-			value: R(t, n, r, x),
-			rows: t.rows,
-			disabled: a,
-			required: o,
-			invalid: !!i,
-			placeholder: t.placeholder,
+	if (e.type === "textarea") return /* @__PURE__ */ D(g, {
+		...E,
+		children: /* @__PURE__ */ D(p, {
+			id: h,
+			name: e.key,
+			value: z(e, n, r, x),
+			rows: e.rows,
+			disabled: o,
+			required: s,
+			invalid: !!a,
+			placeholder: e.placeholder,
 			className: k,
-			onChange: (e) => b(z(t, e.target.value, r, x)),
-			...t.textareaProps
+			onChange: (t) => b(B(e, t.target.value, r, x)),
+			...e.textareaProps
 		})
 	});
-	if (t.type === "number" || t.type === "integer" || t.type === "decimal") {
-		let e = t.type === "integer", s = e ? 0 : t.decimalPlaces ?? (t.type === "decimal" ? 2 : 4);
-		return /* @__PURE__ */ E(c, {
-			...O,
-			children: /* @__PURE__ */ E(_, {
-				id: y,
-				name: t.key,
-				value: R(t, n, r, x),
-				min: t.min,
-				max: t.max,
-				step: t.step,
-				decimalPlaces: s,
-				disabled: a,
-				required: o,
-				invalid: !!i,
-				placeholder: t.placeholder,
+	if (e.type === "number" || e.type === "integer" || e.type === "decimal") {
+		let t = e.type === "integer", i = t ? 0 : e.decimalPlaces ?? (e.type === "decimal" ? 2 : 4);
+		return /* @__PURE__ */ D(g, {
+			...E,
+			children: /* @__PURE__ */ D(_, {
+				id: h,
+				name: e.key,
+				value: z(e, n, r, x),
+				min: e.min,
+				max: e.max,
+				step: e.step,
+				decimalPlaces: i,
+				disabled: o,
+				required: s,
+				invalid: !!a,
+				placeholder: e.placeholder,
 				className: k,
-				onChange: (n) => b(B(t, n.target.value, r, e, x)),
-				...t.numberProps
+				onChange: (n) => b(V(e, n.target.value, r, t, x)),
+				...e.numberProps
 			})
 		});
 	}
-	if (t.type === "select") return /* @__PURE__ */ E(c, {
-		...O,
-		children: /* @__PURE__ */ E(m, {
-			name: t.key,
+	if (e.type === "select") return /* @__PURE__ */ D(g, {
+		...E,
+		children: /* @__PURE__ */ D(d, {
+			name: e.key,
 			value: N(n),
-			options: t.options.map((e) => ({
+			options: e.options.map((e) => ({
 				value: e.value,
 				label: e.label,
 				disabled: e.disabled,
 				icon: e.icon
 			})),
-			allowClear: t.allowClear,
-			disabled: a,
-			required: o,
-			invalid: !!i,
-			placeholder: t.placeholder,
+			allowClear: e.allowClear,
+			disabled: o,
+			required: s,
+			invalid: !!a,
+			placeholder: e.placeholder,
 			className: k,
 			onValueChange: (e) => b(e ?? null),
-			...t.selectProps
+			...e.selectProps
 		})
 	});
-	if (t.type === "radio-cards") return /* @__PURE__ */ E(c, {
-		...O,
-		children: /* @__PURE__ */ E(p, {
-			name: t.key,
+	if (e.type === "radio-cards") return /* @__PURE__ */ D(g, {
+		...E,
+		children: /* @__PURE__ */ D(u, {
+			name: e.key,
 			value: N(n),
-			options: t.options,
-			columns: t.columns,
-			disabled: a,
-			invalid: !!i,
+			options: e.options,
+			columns: e.columns,
+			disabled: o,
+			invalid: !!a,
 			className: k,
 			onValueChange: b,
-			...t.radioProps
+			...e.radioProps
 		})
 	});
-	if (t.type === "checkbox-cards") return /* @__PURE__ */ E(c, {
-		...O,
-		children: /* @__PURE__ */ E(d, {
-			name: t.key,
+	if (e.type === "checkbox-cards") return /* @__PURE__ */ D(g, {
+		...E,
+		children: /* @__PURE__ */ D(c, {
+			name: e.key,
 			value: P(n),
-			options: t.options,
-			columns: t.columns,
-			disabled: a,
-			invalid: !!i,
+			options: e.options,
+			columns: e.columns,
+			disabled: o,
+			invalid: !!a,
 			className: k,
 			onValueChange: b,
-			...t.checkboxProps
+			...e.checkboxProps
 		})
 	});
-	if (t.type === "tags") {
-		let e = P(n), r = (t.recommendations ?? []).filter((t) => !e.includes(t)), o = t.maxTags !== void 0 && e.length >= t.maxTags;
-		return /* @__PURE__ */ D(c, {
-			...O,
-			children: [/* @__PURE__ */ E(g, {
-				name: t.key,
-				value: e,
-				maxTags: t.maxTags,
-				disabled: a,
-				invalid: !!i,
-				placeholder: t.placeholder,
+	if (e.type === "tags") {
+		let t = P(n), r = (e.recommendations ?? []).filter((e) => !t.includes(e)), s = e.maxTags !== void 0 && t.length >= e.maxTags;
+		return /* @__PURE__ */ O(g, {
+			...E,
+			children: [/* @__PURE__ */ D(v, {
+				name: e.key,
+				value: t,
+				maxTags: e.maxTags,
+				disabled: o,
+				invalid: !!a,
+				placeholder: e.placeholder,
 				className: k,
 				onValueChange: b,
-				...t.tagsProps
-			}), r.length > 0 && !o && /* @__PURE__ */ E("div", {
-				className: I.recommendations,
-				children: r.map((t) => /* @__PURE__ */ E("button", {
+				...e.tagsProps
+			}), r.length > 0 && !s && /* @__PURE__ */ D("div", {
+				className: L.recommendations,
+				children: r.map((e) => /* @__PURE__ */ D("button", {
 					type: "button",
-					disabled: a,
-					className: I.recommendation,
-					onClick: () => b([...e, t]),
-					children: /* @__PURE__ */ D(s, {
+					disabled: o,
+					className: L.recommendation,
+					onClick: () => b([...t, e]),
+					children: /* @__PURE__ */ O(i, {
 						tone: "neutral",
-						children: [/* @__PURE__ */ E(v, { "aria-hidden": !0 }), t]
+						children: [/* @__PURE__ */ D(y, { "aria-hidden": !0 }), e]
 					})
-				}, t))
+				}, e))
 			})]
 		});
 	}
-	let A = t;
-	return /* @__PURE__ */ E(c, {
-		...O,
-		children: /* @__PURE__ */ E(u, {
-			id: y,
-			name: t.key,
+	let A = e;
+	return /* @__PURE__ */ D(g, {
+		...E,
+		children: /* @__PURE__ */ D(m, {
+			id: h,
+			name: e.key,
 			type: w === "text" ? "text" : w,
-			value: R(t, n, r, x),
-			disabled: a,
-			required: o,
-			invalid: !!i,
-			placeholder: t.placeholder,
+			value: z(e, n, r, x),
+			disabled: o,
+			required: s,
+			invalid: !!a,
+			placeholder: e.placeholder,
 			className: k,
-			onChange: (e) => b(z(t, e.target.value, r, x)),
+			onChange: (t) => b(B(e, t.target.value, r, x)),
 			...A.inputProps
 		})
 	});
 }
 //#endregion
 //#region src/components/features/schema-form/schema-form.strings.ts
-var U = {
+var W = {
 	submitLabel: "Save changes",
 	resetLabel: "Reset",
 	submitError: "Changes could not be saved. Please try again.",
@@ -445,68 +450,68 @@ var U = {
 };
 //#endregion
 //#region src/components/features/schema-form/use-schema-form.ts
-function W(e, t) {
+function G(e, t) {
 	let n = { ...t ?? {} };
 	for (let t of e) t.defaultValue !== void 0 && n[t.key] === void 0 && (n[t.key] = t.defaultValue);
 	return n;
 }
-function G(e) {
+function K(e) {
 	return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : Array.isArray(e) ? e.length === 0 : !1;
 }
-function K(e) {
+function q(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e ?? {})) r && (t[n] = r);
 	return t;
 }
-function q({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: a, onFieldChange: o, requiredError: s, validationError: c, onError: l }) {
-	let u = t !== void 0, d = C(() => W(e, n), [n, e]), [f, p] = T(() => d), [m, h] = T({}), g = C(() => u ? {
-		...d,
+function J({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: i, onFieldChange: a, requiredError: o, validationError: s, onError: c }) {
+	let l = t !== void 0, u = w(() => G(e, n), [n, e]), [d, f] = E(() => u), [p, m] = E({}), g = w(() => l ? {
+		...u,
 		...t ?? {}
-	} : f, [
-		d,
-		f,
+	} : d, [
 		u,
+		d,
+		l,
 		t
-	]), _ = i(g), v = C(() => ({
-		...m,
-		...K(r)
-	}), [r, m]), y = b((e) => {
-		_.current = e, u || p(e), a?.(e);
+	]), _ = h(g), v = w(() => ({
+		...p,
+		...q(r)
+	}), [r, p]), y = x((e) => {
+		_.current = e, l || f(e), i?.(e);
 	}, [
-		u,
-		a,
+		l,
+		i,
 		_
-	]), x = b((e, t) => {
+	]), b = x((e, t) => {
 		let n = {
 			..._.current,
 			[e]: t
 		};
-		_.current = n, u || p(n), h((t) => {
+		_.current = n, l || f(n), m((t) => {
 			if (!t[e]) return t;
 			let { [e]: n, ...r } = t;
 			return r;
-		}), o?.(e, t, n), a?.(n);
+		}), a?.(e, t, n), i?.(n);
 	}, [
-		u,
-		o,
+		l,
 		a,
+		i,
 		_
-	]), S = b(() => {
-		let t = W(e, n);
-		return _.current = t, u || p(t), h({}), a?.(t), t;
+	]), S = x(() => {
+		let t = G(e, n);
+		return _.current = t, l || f(t), m({}), i?.(t), t;
 	}, [
 		n,
 		e,
-		u,
-		a,
+		l,
+		i,
 		_
-	]), w = b(() => {
+	]), C = x(() => {
 		let t = {}, n = _.current;
 		for (let r of e) {
-			if (k(r, n, l) || A(r, n, l)) continue;
+			if (A(r, n, c) || j(r, n, c)) continue;
 			let e = n[r.key];
-			if (r.required && G(e)) {
-				t[r.key] = s(r.label);
+			if (r.required && K(e)) {
+				t[r.key] = o(r.label);
 				continue;
 			}
 			let i = Array.isArray(r.validate) ? r.validate : r.validate ? [r.validate] : [];
@@ -517,195 +522,194 @@ function q({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: a,
 					break;
 				}
 			} catch (e) {
-				l?.(e), t[r.key] = c;
+				c?.(e), t[r.key] = s;
 				break;
 			}
 		}
-		return h(t), Object.keys(t).length === 0;
+		return m(t), Object.keys(t).length === 0;
 	}, [
 		e,
-		l,
-		s,
 		c,
+		o,
+		s,
 		_
 	]);
 	return {
 		values: g,
 		errors: v,
-		getFieldError: b((e) => v[e], [v]),
-		getFieldValue: b((e) => g[e], [g]),
-		setFieldValue: x,
+		getFieldError: x((e) => v[e], [v]),
+		getFieldValue: x((e) => g[e], [g]),
+		setFieldValue: b,
 		setValues: y,
 		reset: S,
-		validate: w
+		validate: C
 	};
 }
 //#endregion
 //#region src/components/features/schema-form/schema-form.tsx
 var ae = {
 	1: void 0,
-	2: I.columns2,
-	3: I.columns3
+	2: L.columns2,
+	3: L.columns3
 }, oe = {
 	auto: void 0,
-	half: I.widthHalf,
-	third: I.widthThird,
-	full: I.widthFull
+	half: L.widthHalf,
+	third: L.widthThird,
+	full: L.widthFull
 };
 function se({ section: e }) {
-	return !e.title && !e.description ? null : /* @__PURE__ */ E(a, {
+	return !e.title && !e.description ? null : /* @__PURE__ */ D(s, {
 		title: e.title || void 0,
 		description: e.description || void 0,
-		className: I.sectionHeading
+		className: L.sectionHeading
 	});
 }
-function J({ schema: r, value: i, defaultValue: o, errors: s, disabled: c = !1, layout: l = "form", columns: u = 2, id: d, name: f, title: p, description: m, headerSlot: h, footerSlot: g, actionsSlot: _, emptySlot: v, showActions: b, submitLabel: k, resetLabel: j, submitDisabled: N = !1, resetDisabled: P = !1, submitting: ee = !1, onValueChange: te, onFieldChange: ne, onSubmit: F, onReset: L, onError: R, renderField: z, renderSection: B, strings: V, className: ie, contentClassName: W, sectionClassName: G, fieldClassName: K }) {
-	let J = {
-		...U,
+function Y({ schema: e, value: n, defaultValue: r, errors: i, disabled: c = !1, layout: l = "form", columns: u = 2, id: d, name: f, title: p, description: m, headerSlot: h, footerSlot: g, actionsSlot: _, emptySlot: v, showActions: y, submitLabel: x, resetLabel: A, submitDisabled: M = !1, resetDisabled: N = !1, submitting: P = !1, onValueChange: te, onFieldChange: ne, onSubmit: F, onReset: I, onError: R, renderField: z, renderSection: B, strings: V, className: H, contentClassName: U, sectionClassName: G, fieldClassName: K }) {
+	let q = {
+		...W,
 		...V
-	}, [ce, Y] = T(!1), [le, X] = T(!1), Z = w(!1), ue = w(null), [de, fe] = T(0), Q = ee || le;
-	x(() => {
+	}, [Y, X] = E(!1), [ce, le] = E(!1), Z = T(!1), ue = T(null), [de, fe] = E(0), Q = P || ce;
+	S(() => {
 		de && ue.current?.querySelector("[aria-invalid=\"true\"]:not([disabled])")?.focus();
 	}, [de]);
-	let pe = S(), me = d ?? `schema-form-${pe}`, $ = q({
-		fields: r.fields,
-		value: i,
-		defaultValue: o,
-		errors: s,
+	let pe = C(), me = d ?? `schema-form-${pe}`, $ = J({
+		fields: e.fields,
+		value: n,
+		defaultValue: r,
+		errors: i,
 		onValueChange: te,
 		onFieldChange: ne,
-		requiredError: J.requiredError,
-		validationError: J.validationError,
+		requiredError: q.requiredError,
+		validationError: q.validationError,
 		onError: R
-	}), he = C(() => M(r, $.values, J.defaultSectionTitle, u, R), [
+	}), he = w(() => ee(e, $.values, q.defaultSectionTitle, u, R), [
 		u,
-		J.defaultSectionTitle,
+		q.defaultSectionTitle,
 		$.values,
 		R,
-		r
+		e
 	]), ge = he.length > 0, _e = {
 		setFieldValue: $.setFieldValue,
 		setValues: $.setValues,
 		reset: $.reset,
 		validate: $.validate
-	}, ve = p ?? r.title, ye = m ?? r.description, be = b ?? !!(F || L || _), xe = (t) => {
-		let n = `${me}-${re(t.key)}`, r = {
-			field: t,
-			value: $.getFieldValue(t.key),
+	}, ve = p ?? e.title, ye = m ?? e.description, be = y ?? !!(F || I || _), xe = (e) => {
+		let n = `${me}-${re(e.key)}`, r = {
+			field: e,
+			value: $.getFieldValue(e.key),
 			values: $.values,
-			error: $.getFieldError(t.key),
-			disabled: c || Q || A(t, $.values, R),
-			required: !!t.required,
+			error: $.getFieldError(e.key),
+			disabled: c || Q || j(e, $.values, R),
+			required: !!e.required,
 			fieldId: n,
-			onValueChange: (e) => $.setFieldValue(t.key, e),
+			onValueChange: (t) => $.setFieldValue(e.key, t),
 			onError: R
-		}, i = /* @__PURE__ */ E(H, {
+		}, i = /* @__PURE__ */ D(ie, {
 			...r,
-			strings: J
+			strings: q
 		});
-		return /* @__PURE__ */ E("div", {
-			className: e(oe[t.width ?? "auto"], t.className, K),
+		return /* @__PURE__ */ D("div", {
+			className: t(oe[e.width ?? "auto"], e.className, K),
 			children: z?.({
 				...r,
 				defaultField: i
 			}) ?? i
-		}, t.key);
-	}, Se = (t) => /* @__PURE__ */ E("div", {
-		className: e(I.grid, ae[t.columns]),
-		children: t.fields.map(xe)
-	}), Ce = (t) => {
-		let n = Se(t), r = B?.({
-			section: t,
+		}, e.key);
+	}, Se = (e) => /* @__PURE__ */ D("div", {
+		className: t(L.grid, ae[e.columns]),
+		children: e.fields.map(xe)
+	}), Ce = (e) => {
+		let n = Se(e), r = B?.({
+			section: e,
 			fields: n,
 			values: $.values
 		});
-		return r == null ? l === "cards" ? /* @__PURE__ */ D(a, {
+		return r == null ? l === "cards" ? /* @__PURE__ */ O(s, {
 			surface: "bordered",
-			icon: t.icon,
-			title: t.title,
-			description: t.description,
-			className: e(t.className, G),
-			children: [n, !!t.footerSlot && /* @__PURE__ */ E("div", {
-				className: I.sectionFooter,
-				children: t.footerSlot
+			icon: e.icon,
+			title: e.title,
+			description: e.description,
+			className: t(e.className, G),
+			children: [n, !!e.footerSlot && /* @__PURE__ */ D("div", {
+				className: L.sectionFooter,
+				children: e.footerSlot
 			})]
-		}, t.id) : /* @__PURE__ */ D("section", {
-			className: e(t.className, G),
+		}, e.id) : /* @__PURE__ */ O("section", {
+			className: t(e.className, G),
 			children: [
-				/* @__PURE__ */ E(se, { section: t }),
+				/* @__PURE__ */ D(se, { section: e }),
 				n,
-				!!t.footerSlot && /* @__PURE__ */ E("div", {
-					className: I.sectionFooter,
-					children: t.footerSlot
+				!!e.footerSlot && /* @__PURE__ */ D("div", {
+					className: L.sectionFooter,
+					children: e.footerSlot
 				})
 			]
-		}, t.id) : /* @__PURE__ */ E(y, { children: r }, t.id);
-	}, we = _ ?? (be ? /* @__PURE__ */ E(O, {
-		submitLabel: k ?? J.submitLabel,
-		resetLabel: j ?? J.resetLabel,
-		showReset: !!L,
+		}, e.id) : /* @__PURE__ */ D(b, { children: r }, e.id);
+	}, we = _ ?? (be ? /* @__PURE__ */ D(k, {
+		submitLabel: x ?? q.submitLabel,
+		resetLabel: A ?? q.resetLabel,
+		showReset: !!I,
 		disabled: c,
-		submitDisabled: N,
-		resetDisabled: P,
+		submitDisabled: M,
+		resetDisabled: N,
 		submitting: Q,
 		onReset: () => {
-			Y(!1), L?.($.reset(), _e);
+			X(!1), I?.($.reset(), _e);
 		}
-	}) : null), Te = v ?? /* @__PURE__ */ E(t, {
-		title: J.emptyTitle,
-		description: J.emptyDescription,
-		padding: "md",
+	}) : null), Te = v ?? /* @__PURE__ */ D(a, {
+		title: q.emptyTitle,
+		description: q.emptyDescription,
 		border: !0
-	}), Ee = !!(ve || ye || h) && /* @__PURE__ */ E(a, {
+	}), Ee = !!(ve || ye || h) && /* @__PURE__ */ D(s, {
 		title: ve || void 0,
 		description: ye || void 0,
 		headerEnd: h,
-		className: I.header
-	}), De = !!(g || we) && /* @__PURE__ */ D("div", {
-		className: I.footer,
+		className: L.header
+	}), De = !!(g || we) && /* @__PURE__ */ O("div", {
+		className: L.footer,
 		children: [g, we]
-	}), Oe = /* @__PURE__ */ D("div", {
-		className: e(I.body, W),
-		children: [ge ? he.map(Ce) : Te, ce && /* @__PURE__ */ E(n, {
-			className: I.submitError,
-			title: J.submitError ?? U.submitError,
+	}), Oe = /* @__PURE__ */ O("div", {
+		className: t(L.body, U),
+		children: [ge ? he.map(Ce) : Te, Y && /* @__PURE__ */ D(o, {
+			className: L.submitError,
+			title: q.submitError ?? W.submitError,
 			description: !1
 		})]
 	});
-	return /* @__PURE__ */ E("form", {
+	return /* @__PURE__ */ D("form", {
 		ref: ue,
 		"aria-busy": Q || void 0,
 		id: me,
 		name: f,
 		noValidate: !0,
-		className: e("schema-form--component", I.root, ie),
+		className: t("schema-form--component", L.root, H),
 		onSubmit: async (e) => {
-			if (e.preventDefault(), !(c || N || Q || Z.current)) {
+			if (e.preventDefault(), !(c || M || Q || Z.current)) {
 				if (!$.validate()) {
 					fe((e) => e + 1);
 					return;
 				}
 				if (e.currentTarget.reportValidity()) {
-					Z.current = !0, Y(!1), X(!0);
+					Z.current = !0, X(!1), le(!0);
 					try {
 						await F?.($.values, _e, e);
 					} catch (e) {
-						Y(!0), R?.(e);
+						X(!0), R?.(e);
 					} finally {
-						Z.current = !1, X(!1);
+						Z.current = !1, le(!1);
 					}
 				}
 			}
 		},
-		children: l === "cards" ? /* @__PURE__ */ D("div", {
-			className: I.cards,
+		children: l === "cards" ? /* @__PURE__ */ O("div", {
+			className: L.cards,
 			children: [
 				Ee,
 				Oe,
 				De
 			]
-		}) : /* @__PURE__ */ D("div", {
-			className: I.surface,
+		}) : /* @__PURE__ */ O("div", {
+			className: L.surface,
 			children: [
 				Ee,
 				Oe,
@@ -715,4 +719,4 @@ function J({ schema: r, value: i, defaultValue: o, errors: s, disabled: c = !1,
 	});
 }
 //#endregion
-export { J as SchemaForm, O as SchemaFormActions, H as SchemaFormFieldRenderer, U as defaultSchemaFormStrings, j as getVisibleFields, A as isFieldDisabled, k as isFieldHidden, M as resolveSchemaSections, q as useSchemaForm };
+export { Y as SchemaForm, k as SchemaFormActions, ie as SchemaFormFieldRenderer, W as defaultSchemaFormStrings, M as getVisibleFields, j as isFieldDisabled, A as isFieldHidden, ee as resolveSchemaSections, J as useSchemaForm };