themelia-ui 3.0.0 → 3.2.0

package/dist/primitives.js

@@ -1,3 +1,3 @@
 "use client";
-import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, I as s, L as c, M as l, N as u, O as d, P as f, R as p, S as m, T as h, U as g, V as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, k as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L, v as R, w as z, x as B, y as V, z as H } from "./primitives-D0bdDozz.js";
+import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, I as s, L as c, M as l, N as u, O as d, P as f, R as p, S as m, T as h, U as g, V as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, k as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L, v as R, w as z, x as B, y as V, z as H } from "./primitives-BskKlf35.js";
 export { I as Address, M as Coordinates, j as DEFAULT_ADDRESS_ORDER, C as Date, C as DatePrimitive, N as DateRange, A as DateTime, V as Dimensions, B as Duration, r as Email, H as EmptyValue, m as FileSize, a as Initials, F as InlineList, d as Link, x as Measure, i as Money, t as MonoValue, _ as MutedValue, c as Name, z as Number, h as Percent, O as Phone, k as Quantity, y as Range, L as Rating, S as Ratio, T as RelativeTime, o as SecondaryValue, w as Time, e as Url, g as Value, D as defaultCoordinatesStrings, l as defaultInlineListStrings, u as defaultRatingStrings, f as defaultRatioStrings, P as formatAddress, E as formatAddressLines, v as formatDateRange, b as formatDimensions, n as formatFileSize, s as formatInitials, p as formatName, R as parseDateInput };

package/dist/profiles/admin.json

@@ -2,8 +2,6 @@
   "id": "admin",
   "definition": "A terminal module that may depend on general modules and may never be imported by a general module.",
   "modules": [
-    "admin/patterns/access",
-    "admin/patterns/commerce",
     "base/action-menu",
     "base/avatar",
     "base/badge",
@@ -30,11 +28,11 @@
     "base/tooltip",
     "base/typography",
     "base/value-inputs",
-    "patterns/timelines"
+    "blocks/admin/access",
+    "blocks/admin/commerce",
+    "blocks/timelines"
   ],
   "javascriptSubpaths": [
-    "./admin/patterns/access",
-    "./admin/patterns/commerce",
     "./base/action-menu",
     "./base/avatar",
     "./base/badge",
@@ -61,37 +59,9 @@
     "./base/tooltip",
     "./base/typography",
     "./base/value-inputs",
-    "./patterns/timelines"
-  ],
-  "cssSubpaths": [
-    "./admin/patterns/access.css",
-    "./admin/patterns/commerce.css",
-    "./base/action-menu.css",
-    "./base/avatar.css",
-    "./base/badge.css",
-    "./base/buttons.css",
-    "./base/cards.css",
-    "./base/choice-inputs.css",
-    "./base/copyable.css",
-    "./base/date-pickers.css",
-    "./base/display.css",
-    "./base/dropdown-menu.css",
-    "./base/feedback.css",
-    "./base/forms.css",
-    "./base/item.css",
-    "./base/label.css",
-    "./base/navigation.css",
-    "./base/popover.css",
-    "./base/skeleton.css",
-    "./base/structure.css",
-    "./base/table.css",
-    "./base/text-inputs.css",
-    "./base/timeline.css",
-    "./base/toaster.css",
-    "./base/tooltip.css",
-    "./base/typography.css",
-    "./base/value-inputs.css",
-    "./patterns/timelines.css"
+    "./blocks/admin/access",
+    "./blocks/admin/commerce",
+    "./blocks/timelines"
   ],
   "optionalPeers": []
 }

package/dist/profiles/general.json

@@ -56,6 +56,9 @@
     "base/typography",
     "base/upload",
     "base/value-inputs",
+    "blocks/analytics",
+    "blocks/onboarding",
+    "blocks/timelines",
     "features/actions",
     "features/activities",
     "features/ai-chat",
@@ -92,9 +95,6 @@
     "layout/settings",
     "layout/sidebar",
     "layout/workspace",
-    "patterns/analytics",
-    "patterns/onboarding",
-    "patterns/timelines",
     "primitives",
     "theming",
     "ui-provider"
@@ -155,6 +155,9 @@
     "./base/typography",
     "./base/upload",
     "./base/value-inputs",
+    "./blocks/analytics",
+    "./blocks/onboarding",
+    "./blocks/timelines",
     "./features/actions",
     "./features/activities",
     "./features/ai-chat",
@@ -190,103 +193,10 @@
     "./layout/settings",
     "./layout/sidebar",
     "./layout/workspace",
-    "./patterns/analytics",
-    "./patterns/onboarding",
-    "./patterns/timelines",
     "./primitives",
     "./theming",
     "./ui-provider"
   ],
-  "cssSubpaths": [
-    "./base/accordion.css",
-    "./base/action-menu.css",
-    "./base/alert-dialog.css",
-    "./base/aspect-ratio.css",
-    "./base/avatar.css",
-    "./base/badge.css",
-    "./base/batch-action-bar.css",
-    "./base/buttons.css",
-    "./base/cards.css",
-    "./base/carousel.css",
-    "./base/chart.css",
-    "./base/choice-inputs.css",
-    "./base/combobox.css",
-    "./base/command.css",
-    "./base/context-menu.css",
-    "./base/copyable.css",
-    "./base/date-pickers.css",
-    "./base/dialog.css",
-    "./base/display.css",
-    "./base/dropdown-menu.css",
-    "./base/feedback.css",
-    "./base/forms-numeric.css",
-    "./base/forms.css",
-    "./base/hover-card.css",
-    "./base/input-group.css",
-    "./base/item.css",
-    "./base/label.css",
-    "./base/menubar.css",
-    "./base/navigation-menu.css",
-    "./base/navigation.css",
-    "./base/otp-input.css",
-    "./base/overlay.css",
-    "./base/popover-menu.css",
-    "./base/popover.css",
-    "./base/qr-code.css",
-    "./base/repeaters.css",
-    "./base/resizable.css",
-    "./base/sheet.css",
-    "./base/sidebar.css",
-    "./base/skeleton.css",
-    "./base/spinner.css",
-    "./base/structure.css",
-    "./base/table.css",
-    "./base/text-inputs.css",
-    "./base/timeline.css",
-    "./base/toaster.css",
-    "./base/toggle.css",
-    "./base/toolbar.css",
-    "./base/tooltip.css",
-    "./base/typography.css",
-    "./base/upload.css",
-    "./base/value-inputs.css",
-    "./features/actions.css",
-    "./features/activities.css",
-    "./features/ai-chat.css",
-    "./features/async-preview.css",
-    "./features/combobox.css",
-    "./features/comments.css",
-    "./features/data-view.css",
-    "./features/event-calendar.css",
-    "./features/filters.css",
-    "./features/global-search.css",
-    "./features/kanban.css",
-    "./features/map.css",
-    "./features/media-library.css",
-    "./features/mentions.css",
-    "./features/overlays.css",
-    "./features/products.css",
-    "./features/resource-assignment.css",
-    "./features/resource.css",
-    "./features/rich-text-editor.css",
-    "./features/schema-form.css",
-    "./features/sync.css",
-    "./features/table.css",
-    "./features/theme-tweaker.css",
-    "./layout/app-shell.css",
-    "./layout/auth.css",
-    "./layout/containers.css",
-    "./layout/header.css",
-    "./layout/navigation.css",
-    "./layout/page.css",
-    "./layout/settings.css",
-    "./layout/sidebar.css",
-    "./layout/workspace.css",
-    "./patterns/analytics.css",
-    "./patterns/onboarding.css",
-    "./patterns/timelines.css",
-    "./primitives.css"
-  ],
   "optionalPeers": [
     "@dnd-kit/core",
     "@dnd-kit/sortable",

package/dist/repeaters-CeH20dvr.js

@@ -0,0 +1,445 @@
+import "#core.css";
+import { s 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 { d as i } from "./display-a7AoX_u7.js";
+import { r as a } from "./choice-inputs-NwRxvmZN.js";
+import { c as o, l as s } from "./text-inputs-BboE77nZ.js";
+import { u as c } from "./forms-C0WeNPFF.js";
+import { GripVerticalIcon as l, PlusIcon as u, XIcon as d } from "lucide-react";
+import { useCallback as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import "#css/repeaters.css";
+//#region src/components/base/repeaters/repeaters.strings.ts
+var y = {
+	add: "Add",
+	remove: (e) => `Remove item ${e}`,
+	reorder: (e) => `Reorder item ${e}. Use the arrow keys to move it.`,
+	moved: (e, t) => `Moved to position ${e} of ${t}.`,
+	emptyState: "Nothing here yet."
+}, b = {
+	...y,
+	add: "Add pair",
+	keyPlaceholder: "Key",
+	valuePlaceholder: "Value",
+	keyLabel: (e) => `Key ${e}`,
+	valueLabel: (e) => `Value ${e}`
+}, x = {
+	...y,
+	add: "Add row",
+	emptyState: "Nothing here yet."
+}, S = {
+	root: "repeater__root___P2MgC",
+	list: "repeater__list___qLMcU",
+	row: "repeater__row___b5CY9",
+	rowCard: "repeater__rowCard___1zuJ5",
+	handle: "repeater__handle___tWZT9",
+	body: "repeater__body___VJ1u7",
+	remove: "repeater__remove___Gl3YA",
+	empty: "repeater__empty___4UQ0m",
+	footer: "repeater__footer___T65FP"
+};
+//#endregion
+//#region src/components/base/repeaters/repeater.tsx
+function C({ items: r, getKey: a, children: o, onAdd: s, onRemove: c, onMove: p, rowVariant: m = "inline", strings: b, emptyState: x, showAdd: C = !0, maxItems: w, disabled: T = !1, className: E }) {
+	let D = {
+		...y,
+		...b
+	}, [O, k] = g(null), [A, j] = g(null), [M, N] = g(""), P = h(null), F = !!p && !T, I = f((e, t) => {
+		e === t || t < 0 || t >= r.length || p?.(e, t);
+	}, [r.length, p]), L = (e, t) => {
+		let n = e.key === "ArrowUp" ? -1 : +(e.key === "ArrowDown");
+		if (n === 0) return;
+		e.preventDefault();
+		let i = t + n;
+		if (i < 0 || i >= r.length) return;
+		I(t, i), N(D.moved?.(i + 1, r.length) ?? "");
+		let a = e.currentTarget.closest("ul");
+		requestAnimationFrame(() => a?.querySelectorAll("[data-repeater-handle]")[i]?.focus());
+	}, R = (e) => {
+		c?.(e), requestAnimationFrame(() => {
+			let t = P.current;
+			if (!t) return;
+			let n = t.querySelectorAll("[data-repeater-remove]");
+			(n[Math.min(e, n.length - 1)] ?? t.querySelector("[data-repeater-add]"))?.focus();
+		});
+	}, z = (e, t) => {
+		k(t), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(t));
+		let n = e.currentTarget.closest("li");
+		n && e.dataTransfer.setDragImage(n, 12, n.clientHeight / 2);
+	}, B = (e, t) => {
+		O !== null && (e.preventDefault(), e.dataTransfer.dropEffect = "move", j(t));
+	}, V = (e, t) => {
+		e.preventDefault(), O !== null && I(O, t), k(null), j(null);
+	}, H = w !== void 0 && r.length >= w;
+	return /* @__PURE__ */ v("div", {
+		ref: P,
+		className: t("repeater--component", S.root, E),
+		children: [
+			/* @__PURE__ */ _(i, {
+				role: "status",
+				"aria-live": "polite",
+				children: M
+			}),
+			r.length === 0 ? /* @__PURE__ */ _(e, {
+				tag: "div",
+				size: "sm",
+				type: "secondary",
+				align: "center",
+				className: S.empty,
+				children: x ?? D.emptyState
+			}) : /* @__PURE__ */ _("ul", {
+				className: S.list,
+				children: r.map((e, r) => {
+					let i = O === r;
+					return /* @__PURE__ */ v("li", {
+						className: t(S.row, m === "card" && S.rowCard),
+						"data-dragging": i || void 0,
+						"data-drop-before": A === r && O !== null && O > r || void 0,
+						"data-drop-after": A === r && O !== null && O < r || void 0,
+						onDragOver: (e) => B(e, r),
+						onDrop: (e) => V(e, r),
+						onDragEnd: () => {
+							k(null), j(null);
+						},
+						children: [
+							F && /* @__PURE__ */ _("button", {
+								type: "button",
+								"data-repeater-handle": "",
+								className: S.handle,
+								"aria-label": D.reorder(r + 1),
+								draggable: !0,
+								onDragStart: (e) => z(e, r),
+								onDragEnd: () => {
+									k(null), j(null);
+								},
+								onKeyDown: (e) => L(e, r),
+								children: /* @__PURE__ */ _(l, { "aria-hidden": !0 })
+							}),
+							/* @__PURE__ */ _("div", {
+								className: S.body,
+								children: o(e, {
+									index: r,
+									dragging: i
+								})
+							}),
+							!!c && /* @__PURE__ */ _(n, {
+								tone: "neutral",
+								appearance: "ghost",
+								iconOnly: !0,
+								disabled: T,
+								"aria-label": D.remove(r + 1),
+								"data-repeater-remove": "",
+								className: S.remove,
+								onClick: () => R(r),
+								children: /* @__PURE__ */ _(d, {})
+							})
+						]
+					}, a(e, r));
+				})
+			}),
+			C && !!s && /* @__PURE__ */ _("div", {
+				className: S.footer,
+				children: /* @__PURE__ */ v(n, {
+					tone: "neutral",
+					appearance: "outline",
+					onClick: s,
+					disabled: T || H,
+					"data-repeater-add": "",
+					children: [/* @__PURE__ */ _(u, {}), D.add]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/string-repeater.tsx
+function w({ value: e, onValueChange: n, placeholder: r, strings: i, emptyState: a, maxItems: o, sortable: c = !1, disabled: l = !1, invalid: u = !1, className: d, "aria-label": m }) {
+	let h = {
+		...y,
+		...i
+	}, g = p(), v = f((t, r) => n(e.map((e, n) => n === t ? r : e)), [n, e]), b = f((t, r) => {
+		let i = [...e], [a] = i.splice(t, 1);
+		a !== void 0 && (i.splice(r, 0, a), n(i));
+	}, [n, e]);
+	return /* @__PURE__ */ _(C, {
+		items: e,
+		getKey: (e, t) => `${g}-${t}`,
+		onAdd: () => n([...e, ""]),
+		onRemove: (t) => n(e.filter((e, n) => n !== t)),
+		onMove: c ? b : void 0,
+		strings: h,
+		emptyState: a,
+		maxItems: o,
+		disabled: l,
+		className: t("string-repeater--component", d),
+		children: (e, { index: t }) => /* @__PURE__ */ _(s, {
+			value: e,
+			placeholder: r,
+			disabled: l,
+			"aria-invalid": u || void 0,
+			"aria-label": m ? `${m} ${t + 1}` : void 0,
+			onChange: (e) => v(t, e.target.value)
+		})
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/key-value-editor.tsx
+function T({ value: e, onValueChange: n, strings: i, emptyState: a, maxItems: o, sortable: c = !1, disabled: l = !1, invalid: u = !1, flagDuplicateKeys: d = !0, className: m }) {
+	let h = {
+		...b,
+		...i
+	}, g = p(), y = f((t, r) => n(e.map((e, n) => n === t ? {
+		...e,
+		...r
+	} : e)), [n, e]), x = f((t, r) => {
+		let i = [...e], [a] = i.splice(t, 1);
+		a !== void 0 && (i.splice(r, 0, a), n(i));
+	}, [n, e]), S = (t, n) => d && t.key.trim() !== "" && e.some((e, r) => r !== n && e.key.trim() === t.key.trim());
+	return /* @__PURE__ */ _(C, {
+		items: e,
+		getKey: (e, t) => `${g}-${t}`,
+		onAdd: () => n([...e, {
+			key: "",
+			value: ""
+		}]),
+		onRemove: (t) => n(e.filter((e, n) => n !== t)),
+		onMove: c ? x : void 0,
+		strings: h,
+		emptyState: a,
+		maxItems: o,
+		disabled: l,
+		className: t("key-value-editor--component", m),
+		children: (e, { index: t }) => /* @__PURE__ */ v(r, {
+			direction: "horizontal",
+			gap: "sm",
+			wrap: !1,
+			children: [/* @__PURE__ */ _(s, {
+				value: e.key,
+				placeholder: h.keyPlaceholder,
+				disabled: l,
+				"aria-invalid": u || S(e, t) || void 0,
+				"aria-label": h.keyLabel(t + 1),
+				onChange: (e) => y(t, { key: e.target.value })
+			}), /* @__PURE__ */ _(s, {
+				value: e.value,
+				placeholder: h.valuePlaceholder,
+				disabled: l,
+				"aria-invalid": u || void 0,
+				"aria-label": h.valueLabel(t + 1),
+				onChange: (e) => y(t, { value: e.target.value })
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/localized-fields.tsx
+function E(e) {
+	return e.map((e) => typeof e == "string" ? { value: e } : e);
+}
+function D({ locales: e, value: n = {}, onValueChange: r, multiline: c = !1, placeholder: l, disabled: u = !1, invalid: d = !1, requiredLocales: f, className: h, "aria-label": y, "aria-labelledby": b, "aria-describedby": x, "aria-invalid": C }) {
+	let w = m(() => E(e), [e]), [T, D] = g(w[0]?.value ?? ""), O = p(), k = p(), A = w.find((e) => e.value === T)?.label ?? T, j = d || C === !0 || C === "true", M = (e) => r?.({
+		...n,
+		[T]: e
+	}), N = w.map((e) => {
+		let t = f?.includes(e.value) && !n[e.value]?.trim();
+		return {
+			value: e.value,
+			label: t ? `${e.label ?? e.value} •` : e.label ?? e.value
+		};
+	}), P = c ? o : s;
+	return /* @__PURE__ */ v("div", {
+		className: t("localized-string-field--component", S.root, h),
+		children: [
+			/* @__PURE__ */ _(a, {
+				options: N,
+				value: T,
+				onValueChange: (e) => e && D(e),
+				disabled: u,
+				"aria-describedby": b ?? (y ? k : void 0)
+			}),
+			!b && !!y && /* @__PURE__ */ _(i, {
+				id: k,
+				children: y
+			}),
+			/* @__PURE__ */ _(i, {
+				id: O,
+				children: A
+			}),
+			/* @__PURE__ */ _(P, {
+				value: n[T] ?? "",
+				placeholder: l,
+				disabled: u,
+				"aria-invalid": j || void 0,
+				"aria-labelledby": [b ?? (y ? k : void 0), O].filter(Boolean).join(" "),
+				"aria-describedby": x,
+				onChange: (e) => M(e.target.value)
+			})
+		]
+	});
+}
+function O({ locales: e, fields: n, value: r = {}, onValueChange: l, disabled: u = !1, invalid: d = !1, className: f }) {
+	let h = m(() => E(e), [e]), [y, b] = g(h[0]?.value ?? ""), x = r[y] ?? {}, C = p(), w = h.find((e) => e.value === y)?.label ?? y, T = (e, t) => l?.({
+		...r,
+		[y]: {
+			...x,
+			[e]: t
+		}
+	});
+	return /* @__PURE__ */ v("div", {
+		className: t("localized-object-field--component", S.root, f),
+		children: [
+			/* @__PURE__ */ _(a, {
+				options: h.map((e) => ({
+					value: e.value,
+					label: e.label ?? e.value
+				})),
+				value: y,
+				onValueChange: (e) => e && b(e),
+				disabled: u
+			}),
+			/* @__PURE__ */ _(i, {
+				id: C,
+				children: w
+			}),
+			n.map((e) => {
+				let t = e.multiline ? o : s;
+				return /* @__PURE__ */ _(c, {
+					label: e.label,
+					children: (n) => /* @__PURE__ */ _(t, {
+						...n,
+						"aria-labelledby": `${n["aria-labelledby"] ?? ""} ${C}`.trim(),
+						value: x[e.name] ?? "",
+						placeholder: e.placeholder,
+						disabled: u,
+						"aria-invalid": d || void 0,
+						onChange: (t) => T(e.name, t.target.value)
+					})
+				}, e.name);
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/localized-string-repeater.tsx
+function k({ locales: e, value: n, onValueChange: r, placeholder: i, strings: a, emptyState: o, maxItems: s, sortable: c = !1, multiline: l = !1, requiredLocales: u, disabled: d = !1, invalid: m = !1, className: h, "aria-label": g }) {
+	let v = {
+		...y,
+		...a
+	}, b = p(), x = f((e, t) => r(n.map((n, r) => r === e ? t : n)), [r, n]), S = f((e, t) => {
+		let i = [...n], [a] = i.splice(e, 1);
+		a !== void 0 && (i.splice(t, 0, a), r(i));
+	}, [r, n]);
+	return /* @__PURE__ */ _(C, {
+		items: n,
+		getKey: (e, t) => `${b}-${t}`,
+		onAdd: () => r([...n, {}]),
+		onRemove: (e) => r(n.filter((t, n) => n !== e)),
+		onMove: c ? S : void 0,
+		rowVariant: "card",
+		strings: v,
+		emptyState: o,
+		maxItems: s,
+		disabled: d,
+		className: t("localized-string-repeater--component", h),
+		children: (t, { index: n }) => /* @__PURE__ */ _(D, {
+			locales: e,
+			value: t,
+			onValueChange: (e) => x(n, e),
+			multiline: l,
+			placeholder: i,
+			requiredLocales: u,
+			disabled: d,
+			invalid: m,
+			"aria-label": g ? `${g} ${n + 1}` : void 0
+		})
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/object-repeater.tsx
+function A() {
+	let e = /* @__PURE__ */ new WeakMap(), t = 0;
+	return {
+		list(n) {
+			let r = /* @__PURE__ */ new Set();
+			return n.map((n, i) => {
+				let a = e.get(n);
+				a === void 0 && e.set(n, a = `row-${t++}`);
+				let o = r.has(a) ? `${a}-at-${i}` : a;
+				return r.add(o), o;
+			});
+		},
+		carry(t, n) {
+			let r = e.get(t);
+			r !== void 0 && e.set(n, r);
+		}
+	};
+}
+function j({ value: e, onValueChange: n, fields: i, name: a = "items", emptyState: l, maxItems: u, sortable: d = !1, disabled: p = !1, invalid: m = !1, renderField: h, strings: v, className: y }) {
+	let b = {
+		...x,
+		...v
+	}, [S] = g(A), w = S.list(e), T = f(() => Object.fromEntries(i.map((e) => [e.name, ""])), [i]), E = f((t, r, i) => n(e.map((e, n) => {
+		if (n !== t) return e;
+		let a = {
+			...e,
+			[r]: i
+		};
+		return S.carry(e, a), a;
+	})), [
+		n,
+		S,
+		e
+	]), D = f((t, r) => {
+		let i = [...e], [a] = i.splice(t, 1);
+		a && i.splice(r, 0, a), n(i);
+	}, [n, e]);
+	return /* @__PURE__ */ _(C, {
+		items: e,
+		getKey: (e, t) => w[t] ?? String(t),
+		onAdd: () => n([...e, T()]),
+		onRemove: (t) => n(e.filter((e, n) => n !== t)),
+		onMove: d ? D : void 0,
+		rowVariant: "card",
+		emptyState: l ?? b.emptyState,
+		maxItems: u,
+		disabled: p,
+		strings: b,
+		className: t("object-repeater--component", y),
+		children: (e, { index: t }) => /* @__PURE__ */ _(r, {
+			direction: "horizontal",
+			gap: "sm",
+			wrap: !0,
+			children: i.map((n) => {
+				let r = {
+					index: t,
+					path: `${a}.${t}.${n.name}`,
+					value: e[n.name] ?? "",
+					onChange: (e) => E(t, n.name, e),
+					invalid: m,
+					disabled: p
+				};
+				if (h) return /* @__PURE__ */ _("div", { children: h(n, r) }, n.name);
+				let i = n.type === "textarea" ? o : s;
+				return /* @__PURE__ */ _(c, {
+					label: n.label,
+					hint: n.hint,
+					required: n.required,
+					style: { flex: `1 1 ${n.span ? `${n.span / 12 * 100}%` : "12rem"}` },
+					children: /* @__PURE__ */ _(i, {
+						value: r.value,
+						type: n.type === "number" ? "number" : void 0,
+						inputMode: n.type === "number" ? "decimal" : void 0,
+						placeholder: n.placeholder,
+						disabled: p,
+						invalid: m,
+						onChange: (e) => r.onChange(e.target.value)
+					})
+				}, n.name);
+			})
+		})
+	});
+}
+//#endregion
+export { T as a, b as c, D as i, x as l, k as n, w as o, O as r, C as s, j as t, y as u };