themelia-ui 2.0.0 → 3.0.0

package/dist/features/schema-form.js

@@ -1,48 +1,45 @@
 "use client";
-import "../core.css";
-import "../css/schema-form.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { o as t } from "../typography-B8Iurhy1.js";
-import { p as n, t as r } from "../feedback-BmquisO3.js";
-import { c as i } from "../buttons-Corm-KHK.js";
-import { t as a } from "../use-latest-CF0678ae.js";
-import { l as o } from "../display-DVhYS75K.js";
-import { o as s } from "../structure-D0WGQAP3.js";
-import { t as c } from "../badge-D34FkKLD.js";
-import { u as l } from "../forms-zF9SP3Ai.js";
-import { c as u, l as d } from "../text-inputs-BBpgIQEI.js";
-import { a as f, n as p, o as m, s as h, t as g } from "../choice-inputs-Ca9PoQwa.js";
-import { s as _ } from "../value-inputs-DQGHd7k8.js";
-import { u as v } from "../forms-numeric-DzxBaEg1.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 { 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";
 //#region src/components/features/schema-form/schema-form-actions.tsx
-function k({ submitLabel: t, resetLabel: n, showReset: r = !1, disabled: a = !1, submitDisabled: o = !1, resetDisabled: c = !1, submitting: l = !1, onReset: u, className: d }) {
-	return /* @__PURE__ */ O(s, {
+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, {
 		direction: "horizontal",
 		align: "center",
 		justify: "end",
 		gap: "md",
 		className: e("schema-form-actions--component", d),
-		children: [r && /* @__PURE__ */ D(i, {
+		children: [i && /* @__PURE__ */ E(r, {
 			type: "button",
 			tone: "neutral",
 			buttonStyle: "outline",
 			disabled: a || c || l,
 			onClick: u,
 			children: n
-		}), /* @__PURE__ */ D(i, {
+		}), /* @__PURE__ */ E(r, {
 			type: "submit",
 			loading: l,
-			disabled: a || o,
+			disabled: a || s,
 			children: t
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/schema-form/schema-form.utils.ts
-function A(e, t, n) {
+function k(e, t, n) {
 	if (typeof e.hidden == "function") try {
 		return e.hidden(t);
 	} catch (e) {
@@ -50,7 +47,7 @@ function A(e, t, n) {
 	}
 	return e.hidden ?? !1;
 }
-function j(e, t, n) {
+function A(e, t, n) {
 	if (typeof e.disabled == "function") try {
 		return e.disabled(t);
 	} catch (e) {
@@ -58,11 +55,11 @@ function j(e, t, n) {
 	}
 	return e.disabled ?? !1;
 }
-function M(e, t, n) {
-	return e.filter((e) => !A(e, t, n));
+function j(e, t, n) {
+	return e.filter((e) => !k(e, t, n));
 }
-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 = [];
+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 = [];
 	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);
@@ -91,7 +88,7 @@ function N(e) {
 function P(e) {
 	return Array.isArray(e) ? e.map((e) => String(e)) : [];
 }
-function F(e) {
+function ee(e) {
 	return e === !0 || e === "true" || e === 1;
 }
 function te(e, t = !1) {
@@ -109,7 +106,7 @@ function ne(e, t = 2) {
 		return String(e);
 	}
 }
-function re(e) {
+function F(e) {
 	let t = e.trim();
 	if (t.length === 0) return {
 		value: null,
@@ -127,7 +124,7 @@ function re(e) {
 		};
 	}
 }
-function ie(e) {
+function re(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
 var I = {
@@ -137,7 +134,6 @@ var I = {
 	footer: "schema-form__footer___5jAtA",
 	body: "schema-form__body___5wmxA",
 	cards: "schema-form__cards___-d1b8",
-	headerText: "schema-form__headerText___O-50q",
 	sectionHeading: "schema-form__sectionHeading___Mj-jT",
 	sectionFooter: "schema-form__sectionFooter___rN-Vp",
 	grid: "schema-form__grid___uJOWp",
@@ -192,13 +188,13 @@ function V(e, t, n, r) {
 			valid: !1
 		};
 	}
-	return re(t);
+	return F(t);
 }
-function H({ field: t, value: n, values: r, error: i, disabled: a, fieldId: o, onValueChange: s, onError: c, strings: d }) {
-	let f = t.type === "json" ? t.jsonIndent ?? 2 : 2, [p, m] = E(), h = T(null), g = T(n), [_, v] = E(null), y = _ ?? ne(n, f);
-	return S(() => {
+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__ */ D(l, {
+	}, [n]), t.type === "json" ? /* @__PURE__ */ E(c, {
 		label: t.label,
 		required: t.required,
 		hint: L(t),
@@ -206,7 +202,7 @@ function H({ field: t, value: n, values: r, error: i, disabled: a, fieldId: o, o
 		error: i ?? p,
 		htmlFor: o,
 		className: "schema-form-field--component",
-		children: /* @__PURE__ */ D(u, {
+		children: /* @__PURE__ */ E(l, {
 			ref: h,
 			id: o,
 			name: t.key,
@@ -220,28 +216,28 @@ function H({ field: t, value: n, values: r, error: i, disabled: a, fieldId: o, o
 			onChange: (e) => {
 				let n = e.target.value;
 				v(n);
-				let i = V(t, n, r, c);
+				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);
 			},
 			onBlur: (e) => {
-				let n = V(t, y, r, c);
+				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);
 			},
 			...t.textareaProps
 		})
 	}) : null;
 }
-function U({ field: t, value: n, values: r, error: i, disabled: a, required: o, fieldId: s, onValueChange: b, onError: x, strings: S, className: C }) {
-	let w = t.type ?? "text", T = /* @__PURE__ */ new Set(["radio-cards", "checkbox-cards"]), E = {
+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) && s,
+		htmlFor: !T.has(w) && y,
 		className: e("schema-form-field--component", C)
 	}, k = t.controlClassName;
-	if (t.type === "custom") return /* @__PURE__ */ D("div", {
+	if (t.type === "custom") return /* @__PURE__ */ E("div", {
 		className: e("schema-form-field--component", C),
 		children: t.render({
 			field: t,
@@ -250,17 +246,17 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 			error: i,
 			disabled: a,
 			required: o,
-			fieldId: s,
+			fieldId: y,
 			onValueChange: b,
 			onError: x
 		})
 	});
 	if (t.type === "switch") {
-		let r = F(n);
-		return t.switchStyle === "card" ? /* @__PURE__ */ D(l, {
+		let r = ee(n);
+		return t.switchStyle === "card" ? /* @__PURE__ */ E(c, {
 			error: i,
 			className: e("schema-form-field--component", C),
-			children: /* @__PURE__ */ D(g, {
+			children: /* @__PURE__ */ E(h, {
 				label: t.label,
 				description: t.description,
 				hint: t.hint,
@@ -272,10 +268,10 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 				onValueChange: b,
 				...t.switchCardProps
 			})
-		}) : /* @__PURE__ */ D(l, {
+		}) : /* @__PURE__ */ E(c, {
 			error: i,
 			className: e("schema-form-field--component", C),
-			children: /* @__PURE__ */ D(p, {
+			children: /* @__PURE__ */ E(f, {
 				label: t.label,
 				description: t.description ?? t.hint,
 				name: t.key,
@@ -288,22 +284,22 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 			})
 		});
 	}
-	if (t.type === "json") return /* @__PURE__ */ D(H, {
+	if (t.type === "json") return /* @__PURE__ */ E(ie, {
 		field: t,
 		value: n,
 		values: r,
 		error: i,
 		disabled: a,
 		required: o,
-		fieldId: s,
+		fieldId: y,
 		onValueChange: b,
 		onError: x,
 		strings: S
 	});
-	if (t.type === "textarea") return /* @__PURE__ */ D(l, {
-		...E,
-		children: /* @__PURE__ */ D(u, {
-			id: 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,
@@ -317,17 +313,17 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 		})
 	});
 	if (t.type === "number" || t.type === "integer" || t.type === "decimal") {
-		let e = t.type === "integer", c = e ? 0 : t.decimalPlaces ?? (t.type === "decimal" ? 2 : 4);
-		return /* @__PURE__ */ D(l, {
-			...E,
-			children: /* @__PURE__ */ D(v, {
-				id: s,
+		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: c,
+				decimalPlaces: s,
 				disabled: a,
 				required: o,
 				invalid: !!i,
@@ -338,9 +334,9 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 			})
 		});
 	}
-	if (t.type === "select") return /* @__PURE__ */ D(l, {
-		...E,
-		children: /* @__PURE__ */ D(h, {
+	if (t.type === "select") return /* @__PURE__ */ E(c, {
+		...O,
+		children: /* @__PURE__ */ E(m, {
 			name: t.key,
 			value: N(n),
 			options: t.options.map((e) => ({
@@ -359,9 +355,9 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 			...t.selectProps
 		})
 	});
-	if (t.type === "radio-cards") return /* @__PURE__ */ D(l, {
-		...E,
-		children: /* @__PURE__ */ D(m, {
+	if (t.type === "radio-cards") return /* @__PURE__ */ E(c, {
+		...O,
+		children: /* @__PURE__ */ E(p, {
 			name: t.key,
 			value: N(n),
 			options: t.options,
@@ -373,9 +369,9 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 			...t.radioProps
 		})
 	});
-	if (t.type === "checkbox-cards") return /* @__PURE__ */ D(l, {
-		...E,
-		children: /* @__PURE__ */ D(f, {
+	if (t.type === "checkbox-cards") return /* @__PURE__ */ E(c, {
+		...O,
+		children: /* @__PURE__ */ E(d, {
 			name: t.key,
 			value: P(n),
 			options: t.options,
@@ -389,9 +385,9 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 	});
 	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__ */ O(l, {
-			...E,
-			children: [/* @__PURE__ */ D(_, {
+		return /* @__PURE__ */ D(c, {
+			...O,
+			children: [/* @__PURE__ */ E(g, {
 				name: t.key,
 				value: e,
 				maxTags: t.maxTags,
@@ -401,26 +397,26 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 				className: k,
 				onValueChange: b,
 				...t.tagsProps
-			}), r.length > 0 && !o && /* @__PURE__ */ D("div", {
+			}), r.length > 0 && !o && /* @__PURE__ */ E("div", {
 				className: I.recommendations,
-				children: r.map((t) => /* @__PURE__ */ D("button", {
+				children: r.map((t) => /* @__PURE__ */ E("button", {
 					type: "button",
 					disabled: a,
 					className: I.recommendation,
 					onClick: () => b([...e, t]),
-					children: /* @__PURE__ */ O(c, {
+					children: /* @__PURE__ */ D(s, {
 						tone: "neutral",
-						children: [/* @__PURE__ */ D(y, { "aria-hidden": !0 }), t]
+						children: [/* @__PURE__ */ E(v, { "aria-hidden": !0 }), t]
 					})
 				}, t))
 			})]
 		});
 	}
 	let A = t;
-	return /* @__PURE__ */ D(l, {
-		...E,
-		children: /* @__PURE__ */ D(d, {
-			id: s,
+	return /* @__PURE__ */ E(c, {
+		...O,
+		children: /* @__PURE__ */ E(u, {
+			id: y,
 			name: t.key,
 			type: w === "text" ? "text" : w,
 			value: R(t, n, r, x),
@@ -436,7 +432,7 @@ function U({ field: t, value: n, values: r, error: i, disabled: a, required: o,
 }
 //#endregion
 //#region src/components/features/schema-form/schema-form.strings.ts
-var W = {
+var U = {
 	submitLabel: "Save changes",
 	resetLabel: "Reset",
 	submitError: "Changes could not be saved. Please try again.",
@@ -449,12 +445,12 @@ var W = {
 };
 //#endregion
 //#region src/components/features/schema-form/use-schema-form.ts
-function G(e, t) {
+function W(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 ae(e) {
+function G(e) {
 	return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : Array.isArray(e) ? e.length === 0 : !1;
 }
 function K(e) {
@@ -462,8 +458,8 @@ function K(e) {
 	for (let [n, r] of Object.entries(e ?? {})) r && (t[n] = r);
 	return t;
 }
-function oe({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: i, onFieldChange: o, requiredError: s, validationError: c, onError: l }) {
-	let u = t !== void 0, d = w(() => G(e, n), [n, e]), [f, p] = E(() => d), [m, h] = E({}), g = w(() => u ? {
+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,
 		...t ?? {}
 	} : f, [
@@ -471,16 +467,16 @@ function oe({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: i,
 		f,
 		u,
 		t
-	]), _ = a(g), v = w(() => ({
+	]), _ = i(g), v = C(() => ({
 		...m,
 		...K(r)
-	}), [r, m]), y = x((e) => {
-		_.current = e, u || p(e), i?.(e);
+	}), [r, m]), y = b((e) => {
+		_.current = e, u || p(e), a?.(e);
 	}, [
 		u,
-		i,
+		a,
 		_
-	]), b = x((e, t) => {
+	]), x = b((e, t) => {
 		let n = {
 			..._.current,
 			[e]: t
@@ -489,27 +485,27 @@ function oe({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: i,
 			if (!t[e]) return t;
 			let { [e]: n, ...r } = t;
 			return r;
-		}), o?.(e, t, n), i?.(n);
+		}), o?.(e, t, n), a?.(n);
 	}, [
 		u,
 		o,
-		i,
+		a,
 		_
-	]), S = x(() => {
-		let t = G(e, n);
-		return _.current = t, u || p(t), h({}), i?.(t), t;
+	]), S = b(() => {
+		let t = W(e, n);
+		return _.current = t, u || p(t), h({}), a?.(t), t;
 	}, [
 		n,
 		e,
 		u,
-		i,
+		a,
 		_
-	]), C = x(() => {
+	]), w = b(() => {
 		let t = {}, n = _.current;
 		for (let r of e) {
-			if (A(r, n, l) || j(r, n, l)) continue;
+			if (k(r, n, l) || A(r, n, l)) continue;
 			let e = n[r.key];
-			if (r.required && ae(e)) {
+			if (r.required && G(e)) {
 				t[r.key] = s(r.label);
 				continue;
 			}
@@ -536,201 +532,187 @@ function oe({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: i,
 	return {
 		values: g,
 		errors: v,
-		getFieldError: x((e) => v[e], [v]),
-		getFieldValue: x((e) => g[e], [g]),
-		setFieldValue: b,
+		getFieldError: b((e) => v[e], [v]),
+		getFieldValue: b((e) => g[e], [g]),
+		setFieldValue: x,
 		setValues: y,
 		reset: S,
-		validate: C
+		validate: w
 	};
 }
 //#endregion
 //#region src/components/features/schema-form/schema-form.tsx
-var se = {
+var ae = {
 	1: void 0,
 	2: I.columns2,
 	3: I.columns3
-}, ce = {
+}, oe = {
 	auto: void 0,
 	half: I.widthHalf,
 	third: I.widthThird,
 	full: I.widthFull
 };
-function le({ section: e }) {
-	return !e.title && !e.description ? null : /* @__PURE__ */ O(s, {
-		gap: "xs",
-		className: I.sectionHeading,
-		children: [!!e.title && /* @__PURE__ */ D(t, {
-			weight: "semibold",
-			children: e.title
-		}), !!e.description && /* @__PURE__ */ D(t, {
-			type: "secondary",
-			children: e.description
-		})]
+function se({ section: e }) {
+	return !e.title && !e.description ? null : /* @__PURE__ */ E(a, {
+		title: e.title || void 0,
+		description: e.description || void 0,
+		className: I.sectionHeading
 	});
 }
-function ue({ schema: i, value: a, defaultValue: c, errors: l, disabled: u = !1, layout: d = "form", columns: f = 2, id: p, name: m, title: h, description: g, headerSlot: _, footerSlot: v, actionsSlot: y, emptySlot: x, showActions: A, submitLabel: M, resetLabel: N, submitDisabled: P = !1, resetDisabled: F = !1, submitting: te = !1, onValueChange: ne, onFieldChange: re, onSubmit: L, onReset: R, onError: z, renderField: B, renderSection: V, strings: H, className: G, contentClassName: ae, sectionClassName: K, fieldClassName: ue }) {
-	let q = {
-		...W,
-		...H
-	}, [de, J] = E(!1), [fe, pe] = E(!1), Y = T(!1), me = T(null), [he, ge] = E(0), X = te || fe;
-	S(() => {
-		he && me.current?.querySelector("[aria-invalid=\"true\"]:not([disabled])")?.focus();
-	}, [he]);
-	let _e = C(), ve = p ?? `schema-form-${_e}`, Z = oe({
-		fields: i.fields,
-		value: a,
-		defaultValue: c,
-		errors: l,
-		onValueChange: ne,
-		onFieldChange: re,
-		requiredError: q.requiredError,
-		validationError: q.validationError,
-		onError: z
-	}), ye = w(() => ee(i, Z.values, q.defaultSectionTitle, f, z), [
-		f,
-		q.defaultSectionTitle,
-		Z.values,
-		z,
-		i
-	]), be = ye.length > 0, xe = {
-		setFieldValue: Z.setFieldValue,
-		setValues: Z.setValues,
-		reset: Z.reset,
-		validate: Z.validate
-	}, Q = h ?? i.title, $ = g ?? i.description, Se = A ?? !!(L || R || y), Ce = (t) => {
-		let n = `${ve}-${ie(t.key)}`, r = {
+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,
+		...V
+	}, [ce, Y] = T(!1), [le, X] = T(!1), Z = w(!1), ue = w(null), [de, fe] = T(0), Q = ee || le;
+	x(() => {
+		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,
+		onValueChange: te,
+		onFieldChange: ne,
+		requiredError: J.requiredError,
+		validationError: J.validationError,
+		onError: R
+	}), he = C(() => M(r, $.values, J.defaultSectionTitle, u, R), [
+		u,
+		J.defaultSectionTitle,
+		$.values,
+		R,
+		r
+	]), 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: Z.getFieldValue(t.key),
-			values: Z.values,
-			error: Z.getFieldError(t.key),
-			disabled: u || X || j(t, Z.values, z),
+			value: $.getFieldValue(t.key),
+			values: $.values,
+			error: $.getFieldError(t.key),
+			disabled: c || Q || A(t, $.values, R),
 			required: !!t.required,
 			fieldId: n,
-			onValueChange: (e) => Z.setFieldValue(t.key, e),
-			onError: z
-		}, i = /* @__PURE__ */ D(U, {
+			onValueChange: (e) => $.setFieldValue(t.key, e),
+			onError: R
+		}, i = /* @__PURE__ */ E(H, {
 			...r,
-			strings: q
+			strings: J
 		});
-		return /* @__PURE__ */ D("div", {
-			className: e(ce[t.width ?? "auto"], t.className, ue),
-			children: B?.({
+		return /* @__PURE__ */ E("div", {
+			className: e(oe[t.width ?? "auto"], t.className, K),
+			children: z?.({
 				...r,
 				defaultField: i
 			}) ?? i
 		}, t.key);
-	}, we = (t) => /* @__PURE__ */ D("div", {
-		className: e(I.grid, se[t.columns]),
-		children: t.fields.map(Ce)
-	}), Te = (t) => {
-		let n = we(t), r = V?.({
+	}, 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,
 			fields: n,
-			values: Z.values
+			values: $.values
 		});
-		return r == null ? d === "cards" ? /* @__PURE__ */ O(o, {
+		return r == null ? l === "cards" ? /* @__PURE__ */ D(a, {
 			surface: "bordered",
 			icon: t.icon,
 			title: t.title,
 			description: t.description,
-			className: e(t.className, K),
-			children: [n, !!t.footerSlot && /* @__PURE__ */ D("div", {
+			className: e(t.className, G),
+			children: [n, !!t.footerSlot && /* @__PURE__ */ E("div", {
 				className: I.sectionFooter,
 				children: t.footerSlot
 			})]
-		}, t.id) : /* @__PURE__ */ O("section", {
-			className: e(t.className, K),
+		}, t.id) : /* @__PURE__ */ D("section", {
+			className: e(t.className, G),
 			children: [
-				/* @__PURE__ */ D(le, { section: t }),
+				/* @__PURE__ */ E(se, { section: t }),
 				n,
-				!!t.footerSlot && /* @__PURE__ */ D("div", {
+				!!t.footerSlot && /* @__PURE__ */ E("div", {
 					className: I.sectionFooter,
 					children: t.footerSlot
 				})
 			]
-		}, t.id) : /* @__PURE__ */ D(b, { children: r }, t.id);
-	}, Ee = y ?? (Se ? /* @__PURE__ */ D(k, {
-		submitLabel: M ?? q.submitLabel,
-		resetLabel: N ?? q.resetLabel,
-		showReset: !!R,
-		disabled: u,
-		submitDisabled: P,
-		resetDisabled: F,
-		submitting: X,
+		}, t.id) : /* @__PURE__ */ E(y, { children: r }, t.id);
+	}, we = _ ?? (be ? /* @__PURE__ */ E(O, {
+		submitLabel: k ?? J.submitLabel,
+		resetLabel: j ?? J.resetLabel,
+		showReset: !!L,
+		disabled: c,
+		submitDisabled: N,
+		resetDisabled: P,
+		submitting: Q,
 		onReset: () => {
-			J(!1), R?.(Z.reset(), xe);
+			Y(!1), L?.($.reset(), _e);
 		}
-	}) : null), De = x ?? /* @__PURE__ */ D(n, {
-		title: q.emptyTitle,
-		description: q.emptyDescription,
+	}) : null), Te = v ?? /* @__PURE__ */ E(t, {
+		title: J.emptyTitle,
+		description: J.emptyDescription,
 		padding: "md",
 		border: !0
-	}), Oe = !!(Q || $ || _) && /* @__PURE__ */ O("div", {
-		className: I.header,
-		children: [/* @__PURE__ */ O(s, {
-			gap: "xs",
-			className: I.headerText,
-			children: [!!Q && /* @__PURE__ */ D(t, {
-				weight: "semibold",
-				children: Q
-			}), !!$ && /* @__PURE__ */ D(t, {
-				type: "secondary",
-				children: $
-			})]
-		}), _]
-	}), ke = !!(v || Ee) && /* @__PURE__ */ O("div", {
+	}), Ee = !!(ve || ye || h) && /* @__PURE__ */ E(a, {
+		title: ve || void 0,
+		description: ye || void 0,
+		headerEnd: h,
+		className: I.header
+	}), De = !!(g || we) && /* @__PURE__ */ D("div", {
 		className: I.footer,
-		children: [v, Ee]
-	}), Ae = /* @__PURE__ */ O("div", {
-		className: e(I.body, ae),
-		children: [be ? ye.map(Te) : De, de && /* @__PURE__ */ D(r, {
+		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: q.submitError ?? W.submitError,
+			title: J.submitError ?? U.submitError,
 			description: !1
 		})]
 	});
-	return /* @__PURE__ */ D("form", {
-		ref: me,
-		"aria-busy": X || void 0,
-		id: ve,
-		name: m,
+	return /* @__PURE__ */ E("form", {
+		ref: ue,
+		"aria-busy": Q || void 0,
+		id: me,
+		name: f,
 		noValidate: !0,
-		className: e("schema-form--component", I.root, G),
+		className: e("schema-form--component", I.root, ie),
 		onSubmit: async (e) => {
-			if (e.preventDefault(), !(u || P || X || Y.current)) {
-				if (!Z.validate()) {
-					ge((e) => e + 1);
+			if (e.preventDefault(), !(c || N || Q || Z.current)) {
+				if (!$.validate()) {
+					fe((e) => e + 1);
 					return;
 				}
 				if (e.currentTarget.reportValidity()) {
-					Y.current = !0, J(!1), pe(!0);
+					Z.current = !0, Y(!1), X(!0);
 					try {
-						await L?.(Z.values, xe, e);
+						await F?.($.values, _e, e);
 					} catch (e) {
-						J(!0), z?.(e);
+						Y(!0), R?.(e);
 					} finally {
-						Y.current = !1, pe(!1);
+						Z.current = !1, X(!1);
 					}
 				}
 			}
 		},
-		children: d === "cards" ? /* @__PURE__ */ O("div", {
+		children: l === "cards" ? /* @__PURE__ */ D("div", {
 			className: I.cards,
 			children: [
+				Ee,
 				Oe,
-				Ae,
-				ke
+				De
 			]
-		}) : /* @__PURE__ */ O("div", {
+		}) : /* @__PURE__ */ D("div", {
 			className: I.surface,
 			children: [
+				Ee,
 				Oe,
-				Ae,
-				ke
+				De
 			]
 		})
 	});
 }
 //#endregion
-export { ue as SchemaForm, k as SchemaFormActions, U as SchemaFormFieldRenderer, W as defaultSchemaFormStrings, M as getVisibleFields, j as isFieldDisabled, A as isFieldHidden, ee as resolveSchemaSections, oe as useSchemaForm };
+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 };