themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/features/schema-form.js

@@ -0,0 +1,744 @@
+"use client";
+import { useStrings as e } from "../lib/strings.js";
+import { t } from "../utils-C2EKeIw3.js";
+import { n } from "../buttons-Co6GavvM.js";
+import { a as r } from "../typography-Cv8MT-82.js";
+import { t as i } from "../structure-BvW4vG4H.js";
+import { t as a } from "../input-DMorJiTI.js";
+import { d as o } from "../text-inputs-BhOcedTo.js";
+import { n as s } from "../display-ByI5tkqy.js";
+import { t as c } from "../form-field-C6W-y2hR.js";
+import { a as l, i as u, l as d, o as f, r as p } from "../choice-inputs-CavA-SGV.js";
+import { u as m } from "../value-inputs-Co1fu-xv.js";
+import { d as h } from "../forms-numeric-Y15Bg5Nr.js";
+import { l as g } from "../data-display-b3d1TfL4.js";
+import { Fragment as _, useCallback as v, useEffect as y, useId as b, useMemo as x, useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/components/features/schema-form/schema-form.utils.ts
+var T = {
+	1: "grid grid-cols-1 gap-4",
+	2: "grid grid-cols-1 gap-4 @md/schema-form:grid-cols-2",
+	3: "grid grid-cols-1 gap-4 @md/schema-form:grid-cols-2 @xl/schema-form:grid-cols-3"
+}, E = {
+	auto: "",
+	half: "@md/schema-form:col-span-1",
+	third: "@xl/schema-form:col-span-1",
+	full: "@md/schema-form:col-span-full @xl/schema-form:col-span-full"
+};
+function D(e, t, n) {
+	if (typeof e.hidden == "function") try {
+		return e.hidden(t);
+	} catch (e) {
+		return n?.(e), !1;
+	}
+	return e.hidden ?? !1;
+}
+function O(e, t, n) {
+	if (typeof e.disabled == "function") try {
+		return e.disabled(t);
+	} catch (e) {
+		return n?.(e), !0;
+	}
+	return e.disabled ?? !1;
+}
+function k(e, t, n) {
+	return e.filter((e) => !D(e, t, n));
+}
+function ee(e, t, n, r, i) {
+	let a = k(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);
+		c.push({
+			id: t.id,
+			title: t.title,
+			description: t.description,
+			icon: t.icon,
+			fields: e,
+			columns: t.columns ?? r,
+			footerSlot: t.footerSlot,
+			className: t.className
+		});
+	}
+	let l = a.filter((e) => !s.has(e.key));
+	return (l.length > 0 || c.length === 0) && c.unshift({
+		id: "default",
+		title: e.sections?.length ? n : void 0,
+		fields: l,
+		columns: r
+	}), c.filter((e) => e.fields.length > 0);
+}
+function A(e) {
+	return e == null ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : JSON.stringify(e);
+}
+function j(e) {
+	return Array.isArray(e) ? e.map((e) => String(e)) : [];
+}
+function M(e) {
+	return e === !0 || e === "true" || e === 1;
+}
+function N(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 P(e, t = 2) {
+	if (e == null) return "";
+	if (typeof e == "string") return e;
+	try {
+		return JSON.stringify(e, null, t);
+	} catch {
+		return String(e);
+	}
+}
+function F(e) {
+	let t = e.trim();
+	if (t.length === 0) return {
+		value: null,
+		valid: !0
+	};
+	try {
+		return {
+			value: JSON.parse(t),
+			valid: !0
+		};
+	} catch {
+		return {
+			value: e,
+			valid: !1
+		};
+	}
+}
+//#endregion
+//#region src/components/features/schema-form/hooks/use-schema-form.ts
+function I(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 L(e) {
+	return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : Array.isArray(e) ? e.length === 0 : !1;
+}
+function R(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e ?? {})) r && (t[n] = r);
+	return t;
+}
+function te({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: i, onFieldChange: a, formatRequiredError: o, validationError: s, onError: c }) {
+	let l = t !== void 0, u = x(() => I(e, n), [n, e]), [d, f] = S(() => u), [p, m] = S({}), h = x(() => l ? {
+		...u,
+		...t ?? {}
+	} : d, [
+		u,
+		d,
+		l,
+		t
+	]), g = x(() => ({
+		...p,
+		...R(r)
+	}), [r, p]), _ = v((e) => {
+		l || f(e), i?.(e);
+	}, [l, i]), y = v((e, t) => {
+		let n = {
+			...h,
+			[e]: t
+		};
+		l || f(n), m((t) => {
+			if (!t[e]) return t;
+			let n = { ...t };
+			return delete n[e], n;
+		}), a?.(e, t, n), i?.(n);
+	}, [
+		l,
+		a,
+		i,
+		h
+	]), b = v(() => {
+		let t = I(e, n);
+		return l || f(t), m({}), i?.(t), t;
+	}, [
+		n,
+		e,
+		l,
+		i
+	]), C = v(() => {
+		let t = {};
+		for (let n of e) {
+			if (D(n, h, c)) continue;
+			let e = h[n.key];
+			if (n.required && L(e)) {
+				t[n.key] = o(n.label);
+				continue;
+			}
+			let r = Array.isArray(n.validate) ? n.validate : n.validate ? [n.validate] : [];
+			for (let i of r) try {
+				let r = i(e, h, n);
+				if (typeof r == "string" && r.length > 0) {
+					t[n.key] = r;
+					break;
+				}
+			} catch (e) {
+				c?.(e), t[n.key] = s;
+				break;
+			}
+		}
+		return m(t), Object.keys(t).length === 0;
+	}, [
+		e,
+		o,
+		c,
+		s,
+		h
+	]);
+	return {
+		values: h,
+		errors: g,
+		getFieldError: v((e) => g[e], [g]),
+		getFieldValue: v((e) => h[e], [h]),
+		setFieldValue: y,
+		setValues: _,
+		reset: b,
+		validate: C
+	};
+}
+//#endregion
+//#region src/components/features/schema-form/partials/schema-form-actions.tsx
+function z({ submitLabel: e, resetLabel: r, showReset: a = !1, disabled: o = !1, submitDisabled: s = !1, resetDisabled: c = !1, submitting: l = !1, onReset: u, className: d }) {
+	return /* @__PURE__ */ w(i, {
+		direction: "horizontal",
+		align: "center",
+		justify: "end",
+		gap: "md",
+		className: t("schema-form-actions--component", d),
+		children: [!!a && /* @__PURE__ */ C(n, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "outline",
+			disabled: o || c || l,
+			onClick: u,
+			children: r
+		}), /* @__PURE__ */ C(n, {
+			type: "submit",
+			tone: "primary",
+			loading: l,
+			disabled: o || s,
+			children: e
+		})]
+	});
+}
+z.displayName = "SchemaFormActions";
+//#endregion
+//#region src/components/features/schema-form/partials/schema-form-empty.tsx
+function B({ title: e, description: n, className: r }) {
+	return /* @__PURE__ */ C(g, {
+		title: e,
+		description: n,
+		padding: "md",
+		border: !0,
+		className: t("schema-form-empty--component bg-muted/20", r)
+	});
+}
+B.displayName = "SchemaFormEmpty";
+//#endregion
+//#region src/components/features/schema-form/partials/schema-form-field.tsx
+function V(e) {
+	return e.hint ?? e.description;
+}
+function H(e, t, n, r) {
+	if (e.formatValue) try {
+		return e.formatValue(t, n);
+	} catch (e) {
+		r?.(e);
+	}
+	return A(t);
+}
+function U(e, t, n, r) {
+	if (e.parseValue) try {
+		return e.parseValue(t, n);
+	} catch (e) {
+		r?.(e);
+	}
+	return t;
+}
+function W(e, t, n, r, i) {
+	if (e.parseValue) try {
+		return e.parseValue(t, n);
+	} catch (e) {
+		i?.(e);
+	}
+	return N(t, r);
+}
+function G(e, t, n, r) {
+	if (e.type === "json" && e.parseValue) try {
+		return {
+			value: e.parseValue(t, n),
+			valid: !0
+		};
+	} catch (e) {
+		return r?.(e), {
+			value: t,
+			valid: !1
+		};
+	}
+	return F(t);
+}
+function K(e) {
+	if (!e.icon) return;
+	let t = e.icon;
+	return /* @__PURE__ */ C(t, {
+		className: "size-icon",
+		"aria-hidden": "true"
+	});
+}
+function q({ field: e, value: n, values: r, error: i, disabled: a, fieldId: s, onValueChange: l, onError: u, strings: d }) {
+	let f = e.type === "json" ? e.jsonIndent ?? 2 : 2, [p, m] = S(() => P(n, f)), [h, g] = S(), [_, v] = S(!1);
+	if (y(() => {
+		_ || m(P(n, f));
+	}, [
+		f,
+		_,
+		n
+	]), e.type !== "json") return null;
+	let b = (t) => {
+		let n = G(e, t, r, u);
+		return g(n.valid ? void 0 : d.jsonParseError), l(n.value), n;
+	};
+	return /* @__PURE__ */ C(c, {
+		label: e.label,
+		required: e.required,
+		hint: V(e),
+		helperText: e.helperText,
+		error: i ?? h,
+		htmlFor: s,
+		supportingTextId: `${s}-supporting`,
+		className: "schema-form-field--component schema-form-field--json",
+		children: /* @__PURE__ */ C(o, {
+			id: s,
+			name: e.key,
+			value: p,
+			rows: e.rows ?? 6,
+			disabled: a,
+			invalid: !!(i ?? h),
+			placeholder: e.placeholder,
+			spellCheck: !1,
+			className: t("font-mono", e.controlClassName),
+			onFocus: () => v(!0),
+			onChange: (t) => {
+				let n = t.target.value;
+				m(n);
+				let i = G(e, n, r, u);
+				g(i.valid ? void 0 : d.jsonParseError), l(i.value);
+			},
+			onBlur: () => {
+				v(!1);
+				let e = b(p);
+				e.valid && m(P(e.value, f));
+			},
+			...e.textareaProps,
+			"aria-describedby": [e.textareaProps?.["aria-describedby"], i || h || e.helperText || V(e) ? `${s}-supporting` : void 0].filter(Boolean).join(" ") || void 0
+		})
+	});
+}
+function J({ field: e, value: n, values: r, error: i, disabled: s, required: g, fieldId: _, onValueChange: v, onError: y, strings: b, className: x }) {
+	let S = e.type ?? "text", w = {
+		label: e.label,
+		required: g,
+		hint: V(e),
+		helperText: e.helperText,
+		error: i,
+		htmlFor: _,
+		supportingTextId: `${_}-supporting`,
+		className: t("schema-form-field--component", x)
+	}, T = e.controlClassName, E = i || e.helperText || V(e) ? `${_}-supporting` : void 0;
+	if (S === "custom" && e.type === "custom") return /* @__PURE__ */ C("div", {
+		className: t("schema-form-field--component schema-form-field--custom", x),
+		children: e.render({
+			field: e,
+			value: n,
+			values: r,
+			error: i,
+			disabled: s,
+			required: g,
+			fieldId: _,
+			onValueChange: v,
+			onError: y
+		})
+	});
+	if (S === "switch" && e.type === "switch") {
+		let r = M(n);
+		return e.switchStyle === "card" ? /* @__PURE__ */ C(c, {
+			error: i,
+			supportingTextId: `${_}-supporting`,
+			className: t("schema-form-field--component schema-form-field--switch-card", x),
+			children: /* @__PURE__ */ C(f, {
+				label: e.label,
+				description: e.description,
+				hint: e.hint,
+				name: e.key,
+				value: r,
+				disabled: s,
+				invalid: !!i,
+				className: T,
+				onValueChange: (e) => v(e),
+				...e.switchCardProps,
+				"aria-describedby": [e.switchCardProps?.["aria-describedby"], i ? `${_}-supporting` : void 0].filter(Boolean).join(" ") || void 0
+			})
+		}) : /* @__PURE__ */ C(c, {
+			error: i,
+			supportingTextId: `${_}-supporting`,
+			className: t("schema-form-field--component schema-form-field--switch", x),
+			children: /* @__PURE__ */ C(l, {
+				label: e.label,
+				description: e.description ?? e.hint,
+				name: e.key,
+				value: r,
+				disabled: s,
+				invalid: !!i,
+				className: T,
+				onValueChange: (e) => v(e),
+				...e.switchProps,
+				"aria-describedby": [e.switchProps?.["aria-describedby"], i ? `${_}-supporting` : void 0].filter(Boolean).join(" ") || void 0
+			})
+		});
+	}
+	if (S === "json") return /* @__PURE__ */ C(q, {
+		field: e,
+		value: n,
+		values: r,
+		error: i,
+		disabled: s,
+		required: g,
+		fieldId: _,
+		onValueChange: v,
+		onError: y,
+		strings: b
+	});
+	if (S === "textarea" && e.type === "textarea") {
+		let t = H(e, n, r, y);
+		return /* @__PURE__ */ C(c, {
+			...w,
+			children: /* @__PURE__ */ C(o, {
+				"aria-describedby": E,
+				id: _,
+				name: e.key,
+				value: t,
+				rows: e.rows,
+				disabled: s,
+				required: g,
+				invalid: !!i,
+				placeholder: e.placeholder,
+				className: T,
+				onChange: (t) => v(U(e, t.target.value, r, y)),
+				...e.textareaProps
+			})
+		});
+	}
+	if ((S === "number" || S === "integer" || S === "decimal") && (e.type === "number" || e.type === "integer" || e.type === "decimal")) {
+		let t = H(e, n, r, y), a = e.type === "integer", o = a ? 0 : e.decimalPlaces ?? (e.type === "decimal" ? 2 : 4);
+		return /* @__PURE__ */ C(c, {
+			...w,
+			children: /* @__PURE__ */ C(h, {
+				id: _,
+				name: e.key,
+				value: t,
+				min: e.min,
+				max: e.max,
+				step: e.step,
+				decimalPlaces: o,
+				disabled: s,
+				required: g,
+				invalid: !!i,
+				placeholder: e.placeholder,
+				className: T,
+				onChange: (t) => {
+					let n = t.target.value;
+					v(W(e, n, r, a, y));
+				},
+				...e.numberProps,
+				"aria-describedby": [e.numberProps?.["aria-describedby"], E].filter(Boolean).join(" ") || void 0
+			})
+		});
+	}
+	if (S === "select" && e.type === "select") {
+		let t = e.options.map((e) => ({
+			value: e.value,
+			label: e.label,
+			disabled: e.disabled,
+			icon: K(e)
+		}));
+		return /* @__PURE__ */ C(c, {
+			...w,
+			children: /* @__PURE__ */ C(d, {
+				name: e.key,
+				value: A(n),
+				options: t,
+				allowClear: e.allowClear,
+				disabled: s,
+				required: g,
+				invalid: !!i,
+				placeholder: e.placeholder,
+				"aria-label": e.label,
+				className: T,
+				onValueChange: (e) => v(e ?? null),
+				...e.selectProps,
+				"aria-describedby": [e.selectProps?.["aria-describedby"], E].filter(Boolean).join(" ") || void 0
+			})
+		});
+	}
+	if (S === "radio-cards" && e.type === "radio-cards") return /* @__PURE__ */ C(c, {
+		...w,
+		children: /* @__PURE__ */ C(p, {
+			name: e.key,
+			value: A(n),
+			options: e.options,
+			columns: e.columns,
+			disabled: s,
+			invalid: !!i,
+			className: T,
+			onValueChange: (e) => v(e),
+			...e.radioProps,
+			"aria-describedby": [e.radioProps?.["aria-describedby"], E].filter(Boolean).join(" ") || void 0
+		})
+	});
+	if (S === "checkbox-cards" && e.type === "checkbox-cards") return /* @__PURE__ */ C(c, {
+		...w,
+		children: /* @__PURE__ */ C(u, {
+			name: e.key,
+			value: j(n),
+			options: e.options,
+			columns: e.columns,
+			disabled: s,
+			invalid: !!i,
+			className: T,
+			onValueChange: (e) => v(e),
+			...e.checkboxProps,
+			"aria-describedby": [e.checkboxProps?.["aria-describedby"], E].filter(Boolean).join(" ") || void 0
+		})
+	});
+	if (S === "tags" && e.type === "tags") return /* @__PURE__ */ C(c, {
+		...w,
+		children: /* @__PURE__ */ C(m, {
+			id: _,
+			value: j(n),
+			recommendations: e.recommendations,
+			maxTags: e.maxTags,
+			disabled: s,
+			invalid: !!i,
+			placeholder: e.placeholder,
+			className: T,
+			onValueChange: (e) => v(e),
+			...e.tagsProps,
+			"aria-describedby": [e.tagsProps?.["aria-describedby"], E].filter(Boolean).join(" ") || void 0
+		})
+	});
+	let D = S === "text" ? "text" : S, O = e.type === void 0 || e.type === "text" || e.type === "email" || e.type === "password" || e.type === "url" || e.type === "tel" || e.type === "search" ? e.inputProps : void 0, k = H(e, n, r, y);
+	return /* @__PURE__ */ C(c, {
+		...w,
+		children: /* @__PURE__ */ C(a, {
+			id: _,
+			name: e.key,
+			type: D,
+			value: k,
+			disabled: s,
+			required: g,
+			invalid: !!i,
+			placeholder: e.placeholder,
+			className: T,
+			onChange: (t) => v(U(e, t.target.value, r, y)),
+			...O,
+			"aria-describedby": [O?.["aria-describedby"], E].filter(Boolean).join(" ") || void 0
+		})
+	});
+}
+J.displayName = "SchemaFormFieldRenderer";
+//#endregion
+//#region src/components/features/schema-form/schema-form.strings.ts
+var ne = {
+	submitLabel: "Save changes",
+	resetLabel: "Reset",
+	defaultSectionTitle: "General",
+	emptyTitle: "No fields configured",
+	emptyDescription: "Add fields to the schema to render a form.",
+	jsonParseError: "Enter valid JSON.",
+	validationError: "Invalid value.",
+	formatRequiredError: (e) => `${e} is required.`
+};
+//#endregion
+//#region src/components/features/schema-form/schema-form.tsx
+function re(e) {
+	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
+}
+function ie({ section: e }) {
+	return !e.title && !e.description ? null : /* @__PURE__ */ w(i, {
+		gap: "normal",
+		className: "schema-form--section-heading mb-space-lg",
+		children: [!!e.title && /* @__PURE__ */ C(r, {
+			weight: "semibold",
+			className: "schema-form--section-title",
+			children: e.title
+		}), !!e.description && /* @__PURE__ */ C(r, {
+			type: "secondary",
+			className: "schema-form--section-description",
+			children: e.description
+		})]
+	});
+}
+function Y({ schema: n, value: a, defaultValue: o, errors: c, disabled: l = !1, layout: u = "form", columns: d = 2, id: f, name: p, title: m, description: h, headerSlot: g, footerSlot: v, actionsSlot: y, emptySlot: S, showActions: D, submitLabel: k, resetLabel: A, submitDisabled: j = !1, resetDisabled: M = !1, submitting: N = !1, onValueChange: P, onFieldChange: F, onSubmit: I, onReset: L, onError: R, renderField: V, renderSection: H, strings: U, className: W, contentClassName: G, sectionClassName: K, fieldClassName: q }) {
+	let Y = b(), ae = f ?? `schema-form-${Y}`, X = e(ne, U), Z = te({
+		fields: n.fields,
+		value: a,
+		defaultValue: o,
+		errors: c,
+		onValueChange: P,
+		onFieldChange: F,
+		formatRequiredError: X.formatRequiredError,
+		validationError: X.validationError,
+		onError: R
+	}), Q = x(() => ee(n, Z.values, X.defaultSectionTitle, d, R), [
+		d,
+		Z.values,
+		R,
+		n,
+		X.defaultSectionTitle
+	]), oe = Q.some((e) => e.fields.length > 0), se = {
+		setFieldValue: Z.setFieldValue,
+		setValues: Z.setValues,
+		reset: Z.reset,
+		validate: Z.validate
+	}, ce = D ?? !!(I || L || y), le = k ?? X.submitLabel, ue = A ?? X.resetLabel, de = (e) => {
+		let n = `${ae}-${re(e.key)}`, r = l || O(e, Z.values, R), i = {
+			field: e,
+			value: Z.getFieldValue(e.key),
+			values: Z.values,
+			error: Z.getFieldError(e.key),
+			disabled: r,
+			required: !!e.required,
+			fieldId: n,
+			onValueChange: (t) => Z.setFieldValue(e.key, t),
+			onError: R
+		}, a = /* @__PURE__ */ C(J, {
+			...i,
+			strings: X
+		});
+		return /* @__PURE__ */ C("div", {
+			className: t("schema-form--field", E[e.width ?? "auto"], e.className, q),
+			children: V?.({
+				...i,
+				defaultField: a
+			}) ?? a
+		}, e.key);
+	}, fe = (e) => /* @__PURE__ */ C("div", {
+		className: t("schema-form--section-fields", T[e.columns]),
+		children: e.fields.map(de)
+	}), pe = (e) => {
+		let n = fe(e), r = H?.({
+			section: e,
+			fields: n,
+			values: Z.values
+		});
+		return r == null ? /* @__PURE__ */ w("section", {
+			className: t("schema-form--section", e.className, K),
+			children: [
+				/* @__PURE__ */ C(ie, { section: e }),
+				n,
+				!!e.footerSlot && /* @__PURE__ */ C("div", {
+					className: "schema-form--section-footer mt-space-lg",
+					children: e.footerSlot
+				})
+			]
+		}, e.id) : /* @__PURE__ */ C(_, { children: r }, e.id);
+	}, me = (e) => {
+		let n = fe(e), r = H?.({
+			section: e,
+			fields: n,
+			values: Z.values
+		});
+		return r == null ? /* @__PURE__ */ C(s, {
+			className: t("schema-form--section-card", e.className, K),
+			icon: e.icon,
+			title: e.title,
+			description: e.description,
+			footerSlot: e.footerSlot,
+			headerDivider: !0,
+			children: n
+		}, e.id) : /* @__PURE__ */ C(_, { children: r }, e.id);
+	}, $ = y ?? (ce ? /* @__PURE__ */ C(z, {
+		submitLabel: le,
+		resetLabel: ue,
+		showReset: !!L,
+		disabled: l,
+		submitDisabled: j,
+		resetDisabled: M,
+		submitting: N,
+		onReset: () => {
+			let e = Z.reset();
+			L?.(e, se);
+		}
+	}) : null), he = S ?? /* @__PURE__ */ C(B, {
+		title: X.emptyTitle,
+		description: X.emptyDescription
+	});
+	return /* @__PURE__ */ C("form", {
+		id: ae,
+		name: p,
+		noValidate: !0,
+		className: t("schema-form--component @container/schema-form", W),
+		onSubmit: async (e) => {
+			if (e.preventDefault(), !(l || j || N) && Z.validate()) try {
+				await I?.(Z.values, se, e);
+			} catch (e) {
+				R?.(e);
+			}
+		},
+		children: u === "cards" ? /* @__PURE__ */ w(i, {
+			gap: "xl",
+			className: t("schema-form--cards", G),
+			children: [
+				!!(m ?? n.title ?? h ?? n.description ?? g) && /* @__PURE__ */ w(i, {
+					direction: "horizontal",
+					align: "start",
+					justify: "between",
+					gap: "xl",
+					className: "schema-form--header",
+					children: [/* @__PURE__ */ w(i, {
+						gap: "normal",
+						className: "min-w-0",
+						children: [!!(m ?? n.title) && /* @__PURE__ */ C(r, {
+							weight: "semibold",
+							className: "schema-form--title",
+							children: m ?? n.title
+						}), !!(h ?? n.description) && /* @__PURE__ */ C(r, {
+							type: "secondary",
+							className: "schema-form--description",
+							children: h ?? n.description
+						})]
+					}), g]
+				}),
+				oe ? Q.map(me) : he,
+				v,
+				$
+			]
+		}) : /* @__PURE__ */ C(s, {
+			className: "schema-form--surface",
+			contentGap: "2xl",
+			contentClassName: t("schema-form--content", G),
+			title: m ?? n.title,
+			description: h ?? n.description,
+			headerEnd: g,
+			footerSlot: v || $ ? /* @__PURE__ */ w(i, {
+				gap: "lg",
+				className: "schema-form--footer",
+				children: [v, $]
+			}) : void 0,
+			headerDivider: !!(m ?? n.title ?? h ?? n.description ?? g),
+			footerDivider: !!(v || $),
+			children: oe ? Q.map(pe) : he
+		})
+	});
+}
+Y.displayName = "SchemaForm";
+//#endregion
+export { Y as SchemaForm, z as SchemaFormActions, B as SchemaFormEmpty, J as SchemaFormFieldRenderer, ne as defaultSchemaFormStrings, te as useSchemaForm };
+
+//# sourceMappingURL=schema-form.js.map