admin-ui-starter-kit 0.1.0 → 0.1.2

package/dist/_shared/forms-BusuTZZ2.js

@@ -0,0 +1,3374 @@
+import { useStrings as e } from "../lib/strings.js";
+import { s as t } from "./ui-provider-4qKSKMPd.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./text-DIxMTECE.js";
+import { a as i, i as a } from "./typography-a3hydyvI.js";
+import { t as o } from "./badge-BVCh_hfL.js";
+import { t as s } from "./button-ChCkwoOD.js";
+import { n as c } from "./buttons-Bcnt1md_.js";
+import { n as l, t as u } from "./date-picker-B8O_qbik.js";
+import { n as d, s as f, t as p } from "./popover-CgRGcFk9.js";
+import { t as m } from "./input-DQahu2sm.js";
+import { i as h, n as g, t as _ } from "./form-sizing-CcbB-OHF.js";
+import { t as v } from "./textarea-Cgl-FPwu.js";
+import { a as y, i as b, n as x, o as S, r as C, t as w } from "./select-07RRiTWc.js";
+import { a as T, n as E, t as D } from "./form-field-BQlki-8s.js";
+import { r as O } from "./switch-C0yyhsXZ.js";
+import { i as k, r as A } from "./card-radio-group-BGH93O5-.js";
+import * as j from "react";
+import M, { forwardRef as N, memo as P, useCallback as F, useEffect as I, useId as L, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { AlertCircle as W, Camera as G, Check as K, CheckIcon as q, Circle as J, Clock as Y, File as X, GripVertical as ee, ImageIcon as te, ImagePlus as ne, Plus as re, RefreshCw as ie, Trash2 as ae, Trash2Icon as oe, UploadCloud as se, UploadIcon as ce, X as le } from "lucide-react";
+import { Checkbox as ue } from "@base-ui/react/checkbox";
+import { Slider as Z } from "@base-ui/react/slider";
+import { Radio as de } from "@base-ui/react/radio";
+import { RadioGroup as fe } from "@base-ui/react/radio-group";
+import { DndContext as pe, KeyboardSensor as me, PointerSensor as he, closestCenter as ge, useSensor as _e, useSensors as ve } from "@dnd-kit/core";
+import { SortableContext as ye, rectSortingStrategy as be, sortableKeyboardCoordinates as xe, useSortable as Se, verticalListSortingStrategy as Ce } from "@dnd-kit/sortable";
+import { CSS as we } from "@dnd-kit/utilities";
+import { useFieldArray as Te, useForm as Ee, useFormContext as De } from "react-hook-form";
+//#region src/components/ui/checkbox.tsx
+function Oe({ className: e, onCheckedChange: t, ...r }) {
+	return /* @__PURE__ */ H(ue.Root, {
+		"data-slot": "checkbox",
+		className: n("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-[color,box-shadow] outline-none", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive", "data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground", "data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground", "disabled:cursor-not-allowed disabled:opacity-50", e),
+		onCheckedChange: t,
+		...r,
+		children: /* @__PURE__ */ H(ue.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "flex items-center justify-center text-current",
+			children: /* @__PURE__ */ H(q, { className: "size-3.5" })
+		})
+	});
+}
+//#endregion
+//#region src/components/base/forms/fields/select.tsx
+var ke = { placeholder: "Select an option" }, Ae = "__select_empty__", je = (e) => e === "" || e === null ? Ae : e ?? void 0, Me = (e) => {
+	if (e !== Ae) return e;
+}, Ne = P(N(({ options: r, placeholder: i, strings: a, allowClear: o = !1, invalid: s, size: c, className: l, onChange: u, disabled: d, defaultOpen: f, open: p, onOpenChange: m, name: _, required: v, value: T, defaultValue: E }, D) => {
+	let O = e(ke, a), { defaultControlSize: k } = t(), A = h(c, k), j = i ?? O.placeholder, M = R(() => {
+		let e = r.map((e) => ({
+			...e,
+			value: je(e.value) ?? ""
+		}));
+		return o && (e.some((e) => e.value === Ae) || e.unshift({
+			label: j,
+			value: Ae
+		})), e;
+	}, [
+		r,
+		o,
+		j
+	]), N = R(() => je(T), [T]), P = R(() => je(E), [E]), I = R(() => {
+		let e = N ?? P;
+		if (e !== void 0) return M.find((t) => t.value === e)?.label;
+	}, [
+		P,
+		M,
+		N
+	]), L = F((e) => {
+		e !== null && u?.(Me(e));
+	}, [u]);
+	return /* @__PURE__ */ U(w, {
+		onValueChange: (e) => L(e),
+		disabled: d,
+		defaultOpen: f,
+		open: p,
+		onOpenChange: m,
+		name: _,
+		required: v,
+		value: N,
+		defaultValue: P,
+		children: [/* @__PURE__ */ H(y, {
+			ref: D,
+			"aria-invalid": !!s || void 0,
+			className: n("select--component", "flex w-full items-center justify-between rounded-md border px-3 py-1 !shadow-none", "transition-[color,box-shadow] outline-none", g[A], "bg-transparent dark:bg-input/30", "data-[placeholder]:text-muted-foreground", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", l),
+			children: /* @__PURE__ */ H(S, {
+				placeholder: j,
+				children: I
+			})
+		}), /* @__PURE__ */ H(x, { children: /* @__PURE__ */ H(C, { children: M.map((e) => /* @__PURE__ */ U(b, {
+			value: e.value,
+			disabled: e.disabled,
+			children: [!!e.icon && /* @__PURE__ */ U("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ H("span", {
+					className: "h-4 w-4 shrink-0",
+					children: e.icon
+				}), e.label]
+			}), !e.icon && e.label]
+		}, e.value)) }) })]
+	});
+}));
+Ne.displayName = "Select";
+//#endregion
+//#region src/components/base/forms/fields/switch-card.tsx
+function Pe({ label: e, description: t, hint: a, icon: o, name: s, value: c, defaultValue: l, onChange: u, disabled: d = !1, invalid: f, className: p }) {
+	let m = c !== void 0, [h, g] = B(l ?? !1), _ = m ? c ?? !1 : h, v = L(), y = R(() => s ?? v, [s, v]), b = typeof t == "string" && t.trim() !== "", x = b ? `${y}-description` : void 0, S = F((e) => {
+		d || (m || g(e), u?.(e));
+	}, [
+		d,
+		m,
+		u
+	]), C = F((e) => {
+		e.target.closest("[role=\"switch\"]") || S(!_);
+	}, [_, S]);
+	return /* @__PURE__ */ U("div", {
+		role: "button",
+		tabIndex: d ? -1 : 0,
+		"aria-invalid": f || void 0,
+		onClick: C,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), S(!_));
+		},
+		className: n("switch-card--component", "group relative flex items-start gap-3 rounded-lg border bg-card p-4 transition-[background,border-color,box-shadow] duration-150", "border-border", _ && "border-primary bg-primary/[0.04]", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", !d && "cursor-pointer hover:border-foreground/20 hover:bg-muted/30", d && "cursor-not-allowed opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50", p),
+		children: [
+			!!s && /* @__PURE__ */ H("input", {
+				type: "hidden",
+				name: s,
+				value: _ ? "1" : "0",
+				"aria-hidden": "true"
+			}),
+			!!o && /* @__PURE__ */ H("span", {
+				className: n("mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-md transition-colors", _ ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground group-hover:text-foreground"),
+				children: /* @__PURE__ */ H(o, { className: "size-4" })
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "min-w-0 flex-1 space-y-0.5",
+				children: [
+					/* @__PURE__ */ H(i, {
+						htmlFor: y,
+						className: n("block font-semibold tracking-tight", d ? "cursor-not-allowed" : "cursor-pointer"),
+						children: e
+					}),
+					!!b && /* @__PURE__ */ H(r, {
+						type: "secondary",
+						className: "leading-snug",
+						children: t
+					}),
+					!!a && /* @__PURE__ */ H(r, {
+						size: "xs",
+						type: "discrete",
+						className: "leading-snug",
+						children: a
+					})
+				]
+			}),
+			/* @__PURE__ */ H("div", {
+				className: "mt-1 flex shrink-0 items-center",
+				children: /* @__PURE__ */ H(O, {
+					id: y,
+					checked: _,
+					onCheckedChange: (e) => S(e),
+					disabled: d,
+					"aria-label": e,
+					"aria-describedby": x
+				})
+			}),
+			!!b && /* @__PURE__ */ H("span", {
+				id: `${y}-description`,
+				className: "sr-only",
+				children: t
+			})
+		]
+	});
+}
+Pe.displayName = "SwitchCard";
+//#endregion
+//#region src/components/base/forms/fields/toggle-field.tsx
+function Fe({ label: e, description: t, kind: a = "switch", value: o, defaultValue: s, onChange: c, disabled: l = !1, invalid: u = !1, name: d, className: f, controlPosition: p = "trailing" }) {
+	let m = o !== void 0, [h, g] = B(s ?? !1), _ = m ? o ?? !1 : h, v = L(), y = F((e) => {
+		l || (m || g(e), c?.(e));
+	}, [
+		l,
+		m,
+		c
+	]), b = (e) => {
+		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || y(!_);
+	}, x = a === "switch" ? /* @__PURE__ */ H(O, {
+		id: v,
+		name: d,
+		checked: _,
+		onCheckedChange: (e) => y(e),
+		disabled: l,
+		"aria-invalid": u || void 0
+	}) : /* @__PURE__ */ H(Oe, {
+		id: v,
+		name: d,
+		checked: _,
+		onCheckedChange: (e) => y(e === !0),
+		disabled: l,
+		"aria-invalid": u || void 0
+	}), S = /* @__PURE__ */ U("div", {
+		className: "min-w-0 flex-1",
+		children: [/* @__PURE__ */ H(i, {
+			htmlFor: v,
+			className: n("block leading-snug", l ? "cursor-not-allowed opacity-50" : "cursor-pointer"),
+			children: e
+		}), !!t && /* @__PURE__ */ H(r, {
+			size: "xs",
+			type: "secondary",
+			className: "mt-0.5 leading-snug",
+			children: t
+		})]
+	});
+	return /* @__PURE__ */ U("div", {
+		role: "group",
+		onClick: b,
+		className: n("toggle-field--component", "flex items-start gap-3 rounded-md py-1", l && "pointer-events-none", f),
+		children: [
+			p === "leading" && /* @__PURE__ */ H("div", {
+				className: "mt-0.5 flex shrink-0",
+				children: x
+			}),
+			S,
+			p === "trailing" && /* @__PURE__ */ H("div", {
+				className: "mt-0.5 flex shrink-0",
+				children: x
+			})
+		]
+	});
+}
+Fe.displayName = "ToggleField";
+//#endregion
+//#region src/components/base/forms/fields/tags-input.tsx
+var Ie = {
+	placeholder: "Add a tag…",
+	emptyRecommendations: "No recommendations found.",
+	clearAll: "Clear all",
+	summary: (e, t) => `${e} / ${t} tags`
+};
+function Le({ value: t = [], onChange: i, placeholder: a, recommendations: s, maxTags: l, showMaxTags: u = !1, allowDuplicates: d = !1, validate: f, disabled: p = !1, showClearAll: h = !1, renderTag: g, delimiter: _ = /[\n,]/, addOnBlur: v = !0, minLength: y = 1, maxLength: b, emptyMessage: x, sortTags: S = !1, caseSensitive: C = !1, field: w, invalid: T, className: E, strings: D }) {
+	let O = e(Ie, {
+		...a ? { placeholder: a } : {},
+		...x ? { emptyRecommendations: x } : {},
+		...D
+	}), [k, A] = B(""), [j, M] = B(!1), [N, P] = B(-1), I = z(null), L = F((e) => {
+		if (typeof e == "string") return e;
+		if (w && typeof e == "object" && e) {
+			let t = e[w];
+			return typeof t == "string" ? t : t == null ? "" : String(t);
+		}
+		return String(e);
+	}, [w]), V = F((e) => typeof t[0] == "string" || t.length === 0 ? e : w ? { [w]: e } : e, [w, t]), W = R(() => s ? s.map((e) => e && typeof e == "object" && "value" in e && "label" in e ? e : {
+		value: e,
+		label: L(e)
+	}) : [], [s, L]), G = R(() => {
+		if (!W.length || !k) return W;
+		let e = C ? k : k.toLowerCase(), n = new Set(t.map((e) => {
+			let t = L(e);
+			return C ? t : t.toLowerCase();
+		}));
+		return W.filter((t) => {
+			let r = C ? t.label : t.label.toLowerCase(), i = L(t.value), a = C ? i : i.toLowerCase();
+			return (r.includes(e) || a.includes(e)) && (d || !n.has(a));
+		});
+	}, [
+		W,
+		k,
+		t,
+		d,
+		C,
+		L
+	]), q = R(() => S ? [...t].sort((e, t) => {
+		let n = L(e), r = L(t);
+		return n.localeCompare(r);
+	}) : t, [
+		t,
+		S,
+		L
+	]), J = F((e) => {
+		let n = typeof e == "string" ? V(e) : e, r = L(n).trim();
+		if (!r || r.length < y || b && r.length > b || l && t.length >= l || !d && t.some((e) => {
+			let t = L(e);
+			return C ? t === r : t.toLowerCase() === r.toLowerCase();
+		}) || f && !f(n)) return;
+		let a = [...t, n];
+		i?.(a), A(""), M(!1), P(-1);
+	}, [
+		t,
+		i,
+		l,
+		d,
+		f,
+		y,
+		b,
+		C,
+		L,
+		V
+	]), Y = F((e) => {
+		let n = t.filter((t, n) => n !== e);
+		i?.(n);
+	}, [t, i]), X = F((e) => {
+		let t = e.target.value;
+		A(t), P(-1), s && s.length > 0 && M(!0);
+	}, [s]), ee = F((e) => {
+		p || (e.key === "Enter" ? (e.preventDefault(), j && N >= 0 && N < G.length ? (J(G[N].value), P(-1)) : k.trim() && J(k)) : e.key === "Tab" ? k && (e.preventDefault(), J(k)) : e.key === "ArrowDown" ? (e.preventDefault(), j && P((e) => e < G.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), j && P((e) => e > 0 ? e - 1 : 0)) : e.key === "Escape" ? (M(!1), P(-1)) : e.key === "Backspace" && !k && t.length > 0 && Y(t.length - 1));
+	}, [
+		p,
+		j,
+		N,
+		G,
+		k,
+		J,
+		Y,
+		t.length
+	]), te = F((e) => {
+		p || (e.preventDefault(), e.clipboardData.getData("text").split(_).map((e) => e.trim()).filter(Boolean).forEach((e) => J(e)));
+	}, [
+		p,
+		_,
+		J
+	]), ne = F(() => {
+		setTimeout(() => {
+			M(!1), v && k && J(k);
+		}, 200);
+	}, [
+		v,
+		k,
+		J
+	]), re = F(() => {
+		i?.([]), A("");
+	}, [i]), ie = F((e, t, r) => {
+		let i = `${L(e)}-${t}`;
+		return /* @__PURE__ */ U(o, {
+			variant: "secondary",
+			className: n("tags-input--component", "gap-1 pr-1 font-normal"),
+			children: [L(e), /* @__PURE__ */ H("button", {
+				type: "button",
+				"aria-label": `Remove ${L(e)}`,
+				className: n("inline-flex size-3.5 items-center justify-center rounded-full", "text-muted-foreground/70 hover:bg-foreground/10 hover:text-foreground", "outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "disabled:opacity-50 disabled:pointer-events-none"),
+				onClick: () => r(t),
+				disabled: p,
+				children: /* @__PURE__ */ H(le, {
+					className: "size-3",
+					"aria-hidden": "true"
+				})
+			})]
+		}, i);
+	}, [L, p]), ae = !!T;
+	return /* @__PURE__ */ U("div", {
+		className: n("w-full relative", E),
+		children: [
+			/* @__PURE__ */ U("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ H(m, {
+					ref: I,
+					type: "text",
+					placeholder: O.placeholder,
+					value: k,
+					onChange: X,
+					onKeyDown: ee,
+					onPaste: te,
+					onBlur: ne,
+					onFocus: () => {
+						s && G.length > 0 && M(!0);
+					},
+					disabled: p || l !== void 0 && t.length >= l,
+					invalid: ae,
+					maxLength: b,
+					className: "w-full"
+				}), !!s && !!j && /* @__PURE__ */ H("div", {
+					className: "absolute top-full left-0 right-0 z-50 mt-1 max-h-[200px] overflow-y-auto rounded-md bg-popover text-popover-foreground p-1 text-sm shadow-md ring-1 ring-foreground/10",
+					children: G.length > 0 ? G.map((e, r) => {
+						let i = L(e.value), a = t.some((t) => L(t) === L(e.value));
+						return /* @__PURE__ */ U("button", {
+							type: "button",
+							onMouseDown: (t) => {
+								t.preventDefault(), J(e.value), P(-1), I.current?.focus();
+							},
+							onMouseEnter: () => P(r),
+							className: n("relative flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-2 py-(--row-py) text-[length:var(--text-xs)]", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none", N === r && "bg-accent text-accent-foreground"),
+							children: [/* @__PURE__ */ H("span", { children: e.label }), /* @__PURE__ */ H(K, { className: n("ml-auto size-4", a ? "opacity-100" : "opacity-0") })]
+						}, i);
+					}) : /* @__PURE__ */ H(r, {
+						tag: "div",
+						size: "xs",
+						type: "secondary",
+						className: "px-2 py-(--row-py)",
+						children: O.emptyRecommendations
+					})
+				})]
+			}),
+			q.length > 0 && /* @__PURE__ */ U("div", {
+				className: "flex flex-wrap items-center gap-1.5 mt-2",
+				children: [q.map((e, t) => g ? g(e, t, Y) : ie(e, t, Y)), !!h && t.length > 0 && !p && /* @__PURE__ */ H(c, {
+					type: "button",
+					size: "sm",
+					onClick: re,
+					className: "ml-auto",
+					children: O.clearAll
+				})]
+			}),
+			!!l && !!u && /* @__PURE__ */ H(r, {
+				size: "xs",
+				type: "secondary",
+				className: "mt-1",
+				children: O.summary(t.length, l)
+			})
+		]
+	});
+}
+Le.displayName = "TagsInput";
+//#endregion
+//#region src/components/base/forms/fields/phone-input.tsx
+var Re = { prefixPlaceholder: "Prefix" }, ze = {
+	US: {
+		value: "+1",
+		label: "United States",
+		iso: "US"
+	},
+	CA: {
+		value: "+1",
+		label: "Canada",
+		iso: "CA"
+	},
+	AU: {
+		value: "+61",
+		label: "Australia",
+		iso: "AU"
+	},
+	BG: {
+		value: "+359",
+		label: "Bulgaria",
+		iso: "BG"
+	},
+	GR: {
+		value: "+30",
+		label: "Greece",
+		iso: "GR"
+	},
+	GB: {
+		value: "+44",
+		label: "United Kingdom",
+		iso: "GB"
+	},
+	DE: {
+		value: "+49",
+		label: "Germany",
+		iso: "DE"
+	},
+	FR: {
+		value: "+33",
+		label: "France",
+		iso: "FR"
+	},
+	IT: {
+		value: "+39",
+		label: "Italy",
+		iso: "IT"
+	},
+	ES: {
+		value: "+34",
+		label: "Spain",
+		iso: "ES"
+	},
+	NL: {
+		value: "+31",
+		label: "Netherlands",
+		iso: "NL"
+	},
+	BE: {
+		value: "+32",
+		label: "Belgium",
+		iso: "BE"
+	},
+	AT: {
+		value: "+43",
+		label: "Austria",
+		iso: "AT"
+	},
+	CH: {
+		value: "+41",
+		label: "Switzerland",
+		iso: "CH"
+	},
+	PL: {
+		value: "+48",
+		label: "Poland",
+		iso: "PL"
+	},
+	RO: {
+		value: "+40",
+		label: "Romania",
+		iso: "RO"
+	},
+	RS: {
+		value: "+381",
+		label: "Serbia",
+		iso: "RS"
+	},
+	HR: {
+		value: "+385",
+		label: "Croatia",
+		iso: "HR"
+	},
+	SI: {
+		value: "+386",
+		label: "Slovenia",
+		iso: "SI"
+	},
+	MK: {
+		value: "+389",
+		label: "North Macedonia",
+		iso: "MK"
+	},
+	TR: {
+		value: "+90",
+		label: "Turkey",
+		iso: "TR"
+	},
+	RU: {
+		value: "+7",
+		label: "Russia",
+		iso: "RU"
+	},
+	UA: {
+		value: "+380",
+		label: "Ukraine",
+		iso: "UA"
+	},
+	SK: {
+		value: "+421",
+		label: "Slovakia",
+		iso: "SK"
+	},
+	CZ: {
+		value: "+420",
+		label: "Czech Republic",
+		iso: "CZ"
+	},
+	HU: {
+		value: "+36",
+		label: "Hungary",
+		iso: "HU"
+	},
+	PT: {
+		value: "+351",
+		label: "Portugal",
+		iso: "PT"
+	},
+	IE: {
+		value: "+353",
+		label: "Ireland",
+		iso: "IE"
+	},
+	SE: {
+		value: "+46",
+		label: "Sweden",
+		iso: "SE"
+	},
+	NO: {
+		value: "+47",
+		label: "Norway",
+		iso: "NO"
+	},
+	DK: {
+		value: "+45",
+		label: "Denmark",
+		iso: "DK"
+	},
+	FI: {
+		value: "+358",
+		label: "Finland",
+		iso: "FI"
+	},
+	CY: {
+		value: "+357",
+		label: "Cyprus",
+		iso: "CY"
+	},
+	AL: {
+		value: "+355",
+		label: "Albania",
+		iso: "AL"
+	},
+	ME: {
+		value: "+382",
+		label: "Montenegro",
+		iso: "ME"
+	},
+	BA: {
+		value: "+387",
+		label: "Bosnia and Herzegovina",
+		iso: "BA"
+	},
+	XK: {
+		value: "+383",
+		label: "Kosovo",
+		iso: "XK"
+	},
+	MD: {
+		value: "+373",
+		label: "Moldova",
+		iso: "MD"
+	},
+	BY: {
+		value: "+375",
+		label: "Belarus",
+		iso: "BY"
+	},
+	LT: {
+		value: "+370",
+		label: "Lithuania",
+		iso: "LT"
+	},
+	LV: {
+		value: "+371",
+		label: "Latvia",
+		iso: "LV"
+	},
+	EE: {
+		value: "+372",
+		label: "Estonia",
+		iso: "EE"
+	}
+}, Be = [
+	"US",
+	"CA",
+	"GB",
+	"DE",
+	"FR",
+	"IT",
+	"ES",
+	"AU"
+], Ve = (e) => typeof e == "string" ? ze[e.toUpperCase()] ?? null : e, He = (e) => e.map(Ve).filter((e) => e !== null), Ue = (e, t) => {
+	let n = e.trim().replace(/\s+/g, " ").replace(/[^\d ()+-]/g, "");
+	return t && n.startsWith(t) && (n = n.slice(t.length).replace(/^[\s-]+/, "")), t && n.startsWith("0") && (n = n.slice(1)), n;
+}, We = (e, t) => e ? e.startsWith("+") ? e : ze[e.toUpperCase()]?.value ?? e : t[0]?.value ?? "";
+function Ge({ normalizeOnBlur: i = !0, onBlur: a, onChange: o, prefix: s, defaultPrefix: c, prefixes: l = Be, onPrefixChange: u, disablePrefixSelector: d = !1, prefixPlaceholder: f, prefixWidth: p = "w-[120px]", showCountryName: _ = !0, showPrefixInDropdown: v = !0, invalid: T, disabled: E, className: D, size: O, strings: k, ...A }, j) {
+	let { defaultControlSize: M } = t(), N = h(O, M), P = e(Re, k), I = R(() => He(l), [l]), [L, z] = B(R(() => We(c, I), [c, I])), V = s !== void 0, W = V ? We(s, I) : L, G = R(() => I.find((e) => e.value === W), [I, W]), K = F((e) => {
+		e !== null && (V || z(e), u?.(e));
+	}, [V, u]), q = F((e) => {
+		if (!o) return;
+		let t = e.target.value;
+		if (W && t.startsWith(W)) {
+			let n = t.slice(W.length).replace(/^[\s-]+/, ""), r = n.startsWith("0") ? n.slice(1) : n;
+			if (r !== t) {
+				o({
+					...e,
+					target: {
+						...e.target,
+						value: r
+					},
+					currentTarget: {
+						...e.currentTarget,
+						value: r
+					}
+				});
+				return;
+			}
+		}
+		o(e);
+	}, [o, W]), J = F((e) => {
+		if (i && typeof o == "function") {
+			let t = Ue(e.target.value, W);
+			t !== e.target.value && o({
+				...e,
+				target: {
+					...e.target,
+					value: t
+				},
+				currentTarget: {
+					...e.currentTarget,
+					value: t
+				}
+			});
+		}
+		a?.(e);
+	}, [
+		i,
+		o,
+		a,
+		W
+	]);
+	if (I.length === 0 || d) {
+		let e = W || c;
+		return e ? /* @__PURE__ */ U("div", {
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ H("div", {
+				"aria-invalid": T || void 0,
+				className: n("flex items-center justify-center rounded-md border border-input bg-muted px-3", g[N], E && "opacity-50", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20"),
+				children: /* @__PURE__ */ H(r, {
+					tag: "span",
+					type: "secondary",
+					weight: "medium",
+					children: e
+				})
+			}), /* @__PURE__ */ H("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ H(m, {
+					ref: j,
+					size: N,
+					type: "tel",
+					autoComplete: "tel",
+					inputMode: "tel",
+					onChange: q,
+					onBlur: J,
+					invalid: T,
+					disabled: E,
+					className: D,
+					...A
+				})
+			})]
+		}) : /* @__PURE__ */ H(m, {
+			ref: j,
+			size: N,
+			type: "tel",
+			autoComplete: "tel",
+			inputMode: "tel",
+			onChange: q,
+			onBlur: J,
+			invalid: T,
+			disabled: E,
+			className: n("phone-input--component", D),
+			...A
+		});
+	}
+	return /* @__PURE__ */ U("div", {
+		className: "flex items-start gap-2",
+		children: [/* @__PURE__ */ U(w, {
+			value: W,
+			onValueChange: (e) => K(e),
+			disabled: E,
+			children: [/* @__PURE__ */ H(y, {
+				"aria-invalid": T || void 0,
+				className: n("border-input bg-transparent shrink-0 !shadow-none", g[N], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", p, E && "opacity-50 cursor-not-allowed"),
+				children: /* @__PURE__ */ H(S, {
+					placeholder: f ?? P.prefixPlaceholder,
+					children: !!G && /* @__PURE__ */ H(r, {
+						tag: "span",
+						children: G.value
+					})
+				})
+			}), /* @__PURE__ */ H(x, { children: /* @__PURE__ */ H(C, { children: I.map((e) => /* @__PURE__ */ H(b, {
+				value: e.value,
+				children: /* @__PURE__ */ U("div", {
+					className: "flex items-center gap-2",
+					children: [!!v && /* @__PURE__ */ H(r, {
+						tag: "span",
+						weight: "medium",
+						className: "min-w-[50px]",
+						children: e.value
+					}), !!_ && /* @__PURE__ */ H(r, {
+						tag: "span",
+						type: "secondary",
+						lineHeight: "tight",
+						children: e.label
+					})]
+				})
+			}, e.value)) }) })]
+		}), /* @__PURE__ */ H("div", {
+			className: "flex-1",
+			children: /* @__PURE__ */ H(m, {
+				ref: j,
+				size: N,
+				type: "tel",
+				autoComplete: "tel",
+				inputMode: "tel",
+				onChange: q,
+				onBlur: J,
+				invalid: T,
+				disabled: E,
+				className: D,
+				...A
+			})
+		})]
+	});
+}
+var Ke = P(j.forwardRef(Ge));
+Ke.displayName = "PhoneInput";
+//#endregion
+//#region src/components/base/forms/fields/percentage-input.tsx
+var qe = N(function({ decimalPlaces: e = 2, min: t = 0, max: n = 100, step: r, ...i }, a) {
+	return /* @__PURE__ */ H(T, {
+		className: "percentage-input--component",
+		ref: a,
+		decimalPlaces: e,
+		allowNegative: !1,
+		min: t,
+		max: n,
+		step: r,
+		endAddon: "%",
+		...i
+	});
+});
+qe.displayName = "PercentageInput";
+//#endregion
+//#region src/components/ui/slider.tsx
+function Je({ className: e, defaultValue: t, value: r, min: i = 0, max: a = 100, ...o }) {
+	let s = j.useMemo(() => Array.isArray(r) ? r : Array.isArray(t) ? t : [i, a], [
+		r,
+		t,
+		i,
+		a
+	]);
+	return /* @__PURE__ */ H(Z.Root, {
+		className: n("data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full", e),
+		"data-slot": "slider",
+		defaultValue: t,
+		value: r,
+		min: i,
+		max: a,
+		thumbAlignment: "edge",
+		...o,
+		children: /* @__PURE__ */ U(Z.Control, {
+			className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+			children: [/* @__PURE__ */ H(Z.Track, {
+				"data-slot": "slider-track",
+				className: "relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
+				children: /* @__PURE__ */ H(Z.Indicator, {
+					"data-slot": "slider-range",
+					className: "absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+				})
+			}), Array.from({ length: s.length }, (e, t) => /* @__PURE__ */ H(Z.Thumb, {
+				"data-slot": "slider-thumb",
+				className: "block size-4 shrink-0 rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+			}, t))]
+		})
+	});
+}
+//#endregion
+//#region src/components/base/forms/fields/slider.tsx
+function Ye({ name: e, id: t, value: i, defaultValue: a, min: o = 0, max: s = 100, step: c = 1, disabled: l = !1, invalid: u = !1, onChange: d, onValueChange: f, onValueCommitted: p, showValue: m = !1, formatValue: h, unit: g, className: _, orientation: v = "horizontal" }, y) {
+	let b = L(), x = t ?? `slider-${b}`, S = e ?? x, C = F((e) => {
+		let t = Array.isArray(e) ? e[0] : e;
+		f?.(t), d?.({ target: {
+			name: S,
+			value: t
+		} });
+	}, [
+		S,
+		d,
+		f
+	]), w = F((e) => {
+		let t = Array.isArray(e) ? e[0] : e;
+		p?.(t);
+	}, [p]), T = R(() => {
+		if (!m) return null;
+		let e = i ?? a ?? o;
+		return h ? h(e) : g ? `${e}${g}` : String(e);
+	}, [
+		m,
+		i,
+		a,
+		o,
+		h,
+		g
+	]), E = i === void 0 ? void 0 : [i], D = a === void 0 ? [o] : [a];
+	return /* @__PURE__ */ U("div", {
+		className: n("slider--component", "flex items-center gap-3", _),
+		children: [/* @__PURE__ */ H(Je, {
+			ref: y,
+			id: x,
+			value: E,
+			defaultValue: D,
+			min: o,
+			max: s,
+			step: c,
+			disabled: l,
+			orientation: v,
+			onValueChange: C,
+			onValueCommitted: w,
+			"aria-invalid": u || void 0,
+			className: n("min-w-0 flex-1", u && "[&_[data-slot=slider-range]]:bg-destructive [&_[data-slot=slider-thumb]]:border-destructive")
+		}), !!m && T !== null && /* @__PURE__ */ H(r, {
+			tag: "span",
+			type: u ? "error" : "secondary",
+			className: "min-w-[3ch] shrink-0 text-right tabular-nums",
+			children: T
+		})]
+	});
+}
+var Xe = j.forwardRef(Ye);
+Xe.displayName = "SliderField";
+//#endregion
+//#region src/components/base/forms/fields/list-radio-group.tsx
+function Ze({ options: e, value: i, defaultValue: a, onChange: o, name: s, invalid: c, disabled: l, size: u, className: d }) {
+	let { defaultControlSize: f } = t(), p = A[h(u, f)];
+	return /* @__PURE__ */ H(fe, {
+		value: i,
+		defaultValue: a,
+		onValueChange: (e) => e && o?.(e),
+		name: s,
+		disabled: l,
+		"aria-invalid": c || void 0,
+		className: n("list-radio-group--component", "overflow-hidden rounded-md border [&>[role=radio]~[role=radio]]:border-t", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", l && "pointer-events-none opacity-50", d),
+		children: e.map((e) => /* @__PURE__ */ U(de.Root, {
+			value: e.value,
+			disabled: l || e.disabled,
+			className: n("group flex w-full items-start gap-3 text-start outline-none cursor-pointer", "transition-colors hover:bg-muted/40 focus-visible:bg-muted/40", "data-[checked]:bg-primary/5", "disabled:cursor-not-allowed disabled:opacity-50", p),
+			children: [/* @__PURE__ */ H("div", {
+				className: "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-primary group-data-[checked]:border-primary group-not-data-[checked]:border-muted-foreground/50",
+				children: /* @__PURE__ */ H(de.Indicator, { render: /* @__PURE__ */ H(J, { className: "h-2.5 w-2.5 fill-primary text-primary" }) })
+			}), /* @__PURE__ */ U("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ H(r, {
+					tag: "span",
+					weight: "medium",
+					lineHeight: "tight",
+					className: "block",
+					children: e.label
+				}), !!e.description && /* @__PURE__ */ H(r, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "block mt-0.5",
+					children: e.description
+				})]
+			})]
+		}, e.value))
+	});
+}
+Ze.displayName = "ListRadioGroup";
+//#endregion
+//#region src/components/base/forms/fields/rounding-mode-select.tsx
+var Qe = [
+	"floor",
+	"half_up",
+	"ceil"
+];
+function $e({ value: e, onChange: t, labels: n, placeholder: r, ...i }) {
+	return /* @__PURE__ */ H(Ne, {
+		className: "rounding-mode-select--component",
+		options: R(() => Qe.map((e) => ({
+			value: e,
+			label: n?.[e] ?? e
+		})), [n]),
+		value: e,
+		onChange: F((e) => {
+			t?.(e);
+		}, [t]),
+		placeholder: r,
+		...i
+	});
+}
+$e.displayName = "RoundingModeSelect";
+//#endregion
+//#region src/components/base/forms/fields/rich-select.tsx
+var et = { placeholder: "Select an item" }, tt = "__rich_select_empty__", nt = N(({ options: i, placeholder: a, strings: o, onChange: s, className: c, disabled: l, defaultOpen: u, open: d, onOpenChange: f, name: p, required: m, value: v, defaultValue: T, allowClear: E = !1, invalid: D, size: O }, k) => {
+	let { defaultControlSize: A } = t(), j = h(O, A), M = e(et, o), N = a ?? M.placeholder, P = F((e) => {
+		if (e !== tt) return e === "" || e == null ? E ? tt : void 0 : e;
+	}, [E]), I = F((e) => {
+		if (e !== tt) return e;
+	}, []), L = R(() => {
+		let e = i.map((e) => ({
+			...e,
+			value: P(e.value) ?? ""
+		}));
+		return E && (e.some((e) => e.label === N) || e.unshift({
+			label: N,
+			value: tt
+		})), e;
+	}, [
+		i,
+		E,
+		N,
+		P
+	]), z = R(() => P(v ?? void 0), [v, P]), V = R(() => P(T ?? void 0), [T, P]), W = v !== void 0, [G, K] = B(V), q = W ? z : G, J = R(() => L.find((e) => e.value === q), [q, L]), Y = F((e) => {
+		e != null && (W || K(e), s?.(I(e)));
+	}, [
+		W,
+		s,
+		I
+	]), X = n("border-input bg-transparent w-full rounded-md border outline-none transition-[color,box-shadow] !shadow-none", g[j], _[j], "h-auto py-2", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aria-invalid:text-destructive", "disabled:cursor-not-allowed disabled:opacity-50", c);
+	return /* @__PURE__ */ U(w, {
+		onValueChange: (e) => Y(e),
+		disabled: l,
+		defaultOpen: u,
+		open: d,
+		onOpenChange: f,
+		name: p,
+		required: m,
+		defaultValue: V,
+		...W ? { value: z } : {},
+		children: [/* @__PURE__ */ H(y, {
+			ref: k,
+			className: n("rich-select--component", X),
+			"aria-invalid": D,
+			children: J ? /* @__PURE__ */ H(r, {
+				tag: "span",
+				className: "text-left break-words whitespace-normal",
+				children: J.label
+			}) : /* @__PURE__ */ H(S, { placeholder: N })
+		}), /* @__PURE__ */ H(x, { children: /* @__PURE__ */ H(C, { children: L.map((e) => /* @__PURE__ */ H(b, {
+			value: e.value,
+			disabled: e.disabled,
+			children: /* @__PURE__ */ U("div", {
+				className: "flex w-full items-center gap-2",
+				children: [!!e.icon && /* @__PURE__ */ H("span", {
+					className: "w-4 h-4 shrink-0 flex items-center justify-center self-start mt-0.5",
+					children: e.icon
+				}), /* @__PURE__ */ U("div", {
+					className: "flex flex-col min-w-0 text-left flex-1",
+					children: [/* @__PURE__ */ H(r, {
+						tag: "span",
+						weight: "medium",
+						children: e.label
+					}), !!e.description && /* @__PURE__ */ H(r, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						lineHeight: "tight",
+						className: "mt-0.5 line-clamp-2",
+						children: e.description
+					})]
+				})]
+			})
+		}, e.value)) }) })]
+	});
+});
+nt.displayName = "RichSelect";
+//#endregion
+//#region src/components/base/forms/fields/dimensions-input.tsx
+var rt = {
+	width: "Width",
+	height: "Height",
+	depth: "Depth",
+	unit: "Unit",
+	widthPlaceholder: "0.00",
+	heightPlaceholder: "0.00",
+	depthPlaceholder: "0.00"
+}, it = [{
+	value: "g",
+	label: "g (grams)"
+}, {
+	value: "kg",
+	label: "kg (kilograms)"
+}], at = (e, t) => {
+	if (!e) return {
+		width: "",
+		height: "",
+		depth: ""
+	};
+	if (t === "string" && typeof e == "string") {
+		let t = e.split("x").map((e) => e.trim());
+		return {
+			width: t[0] || "",
+			height: t[1] || "",
+			depth: t[2] || ""
+		};
+	}
+	return t === "object" && typeof e == "object" ? {
+		width: e.width || "",
+		height: e.height || "",
+		depth: e.depth || ""
+	} : {
+		width: "",
+		height: "",
+		depth: ""
+	};
+}, ot = (e, t, n, r) => r === "string" ? `${e}x${t}x${n}` : {
+	width: e,
+	height: t,
+	depth: n
+};
+function st({ value: a, defaultValue: o, format: s = "string", unit: c, defaultUnit: l = "g", widthLabel: u, heightLabel: d, depthLabel: f, unitLabel: p, unitPlaceholder: m, widthPlaceholder: _, heightPlaceholder: v, depthPlaceholder: E, onChange: D, onUnitChange: O, decimalPlaces: k = 2, min: A = 0, max: j, showUnitSelector: M = !0, disableUnitSelector: N = !1, layout: P = "horizontal", invalid: L, disabled: R = !1, className: z, size: V, strings: W }) {
+	let { defaultControlSize: G } = t(), K = h(V, G), q = e(rt, W), J = u ?? q.width, Y = d ?? q.height, X = f ?? q.depth, ee = m ?? q.unit, te = _ ?? q.widthPlaceholder, ne = v ?? q.heightPlaceholder, re = E ?? q.depthPlaceholder, ie = P === "horizontal", ae = P === "vertical", oe = M === !0, se = (p ?? "").length > 0, ce = ae ? J : "", le = ae ? Y : "", ue = ae ? X : "", Z = a !== void 0, de = c !== void 0, fe = at(Z ? a : o, s), [pe, me] = B(fe.width), [he, ge] = B(fe.height), [_e, ve] = B(fe.depth), [ye, be] = B(c || l), xe = at(a, s), Se = Z ? xe.width : pe, Ce = Z ? xe.height : he, we = Z ? xe.depth : _e, Te = de ? c : ye;
+	I(() => {
+		if (Z) {
+			let e = at(a, s);
+			me(e.width), ge(e.height), ve(e.depth);
+		}
+	}, [
+		a,
+		s,
+		Z
+	]);
+	let Ee = F((e, t) => {
+		let n = Se, r = Ce, i = we;
+		e === "width" && (n = t), e === "height" && (r = t), e === "depth" && (i = t), Z || (me(n), ge(r), ve(i));
+		let a = ot(n, r, i, s);
+		D?.({ target: { value: a } });
+	}, [
+		Se,
+		Ce,
+		we,
+		Z,
+		s,
+		D
+	]), De = F((e) => {
+		if (e === null) return;
+		let t = e;
+		de || be(t), O?.(t);
+	}, [de, O]), Oe = /* @__PURE__ */ U("div", {
+		className: "space-y-2",
+		children: [!!se && /* @__PURE__ */ H(i, {
+			className: "leading-6",
+			children: p
+		}), /* @__PURE__ */ U(w, {
+			value: Te,
+			onValueChange: (e) => De(e),
+			disabled: R || N,
+			children: [/* @__PURE__ */ H(y, {
+				"aria-invalid": L || void 0,
+				className: n("border-input bg-transparent !shadow-none", g[K], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "w-32", R && "opacity-50 cursor-not-allowed"),
+				children: /* @__PURE__ */ H(S, { placeholder: ee })
+			}), /* @__PURE__ */ H(x, { children: /* @__PURE__ */ H(C, { children: it.map((e) => /* @__PURE__ */ H(b, {
+				value: e.value,
+				children: e.label
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ H("div", {
+		className: n("dimensions-input--component", "space-y-2", z),
+		children: /* @__PURE__ */ U("div", {
+			className: n("flex gap-2", P === "vertical" ? "flex-col" : "flex-row items-start"),
+			children: [
+				/* @__PURE__ */ U("div", {
+					className: "flex-1 space-y-1",
+					children: [
+						!!ae && !!ce && /* @__PURE__ */ H(i, { children: ce }),
+						/* @__PURE__ */ H(T, {
+							size: K,
+							value: Se,
+							onChange: (e) => Ee("width", e.target.value),
+							placeholder: te,
+							decimalPlaces: k,
+							min: A,
+							max: j,
+							disabled: R,
+							invalid: L,
+							"aria-label": J
+						}),
+						!!ie && /* @__PURE__ */ H(r, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: J
+						})
+					]
+				}),
+				P === "horizontal" && /* @__PURE__ */ H("div", {
+					className: "flex items-center pt-2",
+					children: /* @__PURE__ */ H(r, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ U("div", {
+					className: "flex-1 space-y-1",
+					children: [
+						!!ae && !!le && /* @__PURE__ */ H(i, { children: le }),
+						/* @__PURE__ */ H(T, {
+							size: K,
+							value: Ce,
+							onChange: (e) => Ee("height", e.target.value),
+							placeholder: ne,
+							decimalPlaces: k,
+							min: A,
+							max: j,
+							disabled: R,
+							invalid: L,
+							"aria-label": Y
+						}),
+						!!ie && /* @__PURE__ */ H(r, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: Y
+						})
+					]
+				}),
+				P === "horizontal" && /* @__PURE__ */ H("div", {
+					className: "flex items-center pt-2",
+					children: /* @__PURE__ */ H(r, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ U("div", {
+					className: "flex-1 space-y-1",
+					children: [
+						!!ae && !!ue && /* @__PURE__ */ H(i, { children: ue }),
+						/* @__PURE__ */ H(T, {
+							size: K,
+							value: we,
+							onChange: (e) => Ee("depth", e.target.value),
+							placeholder: re,
+							decimalPlaces: k,
+							min: A,
+							max: j,
+							disabled: R,
+							invalid: L,
+							"aria-label": X
+						}),
+						!!ie && /* @__PURE__ */ H(r, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: X
+						})
+					]
+				}),
+				!!oe && /* @__PURE__ */ U("div", {
+					className: n(P === "vertical" ? "w-full" : "w-32 pt-0"),
+					children: [Oe, !!ie && !se && /* @__PURE__ */ H(r, {
+						size: "xs",
+						type: "secondary",
+						className: "mt-1 text-center",
+						children: ee
+					})]
+				})
+			]
+		})
+	});
+}
+st.displayName = "DimensionsInput";
+//#endregion
+//#region src/components/base/forms/fields/weight-input.tsx
+var ct = {
+	unitLabel: "",
+	unitPlaceholder: ""
+}, lt = [
+	{
+		value: "g",
+		label: "g"
+	},
+	{
+		value: "kg",
+		label: "kg"
+	},
+	{
+		value: "lb",
+		label: "lb"
+	},
+	{
+		value: "oz",
+		label: "oz"
+	}
+];
+function ut({ value: r, defaultValue: a, unit: o, defaultUnit: s = "g", onChange: c, onUnitChange: l, decimalPlaces: u = 2, min: d = 0, max: f, showUnitSelector: p = !0, disableUnitSelector: m = !1, unitLabel: _, unitPlaceholder: v, unitWidth: E = "w-24", strings: D, invalid: O, disabled: k = !1, size: A, className: j }) {
+	let { defaultControlSize: M } = t(), N = h(A, M), P = e(ct, {
+		..._ === void 0 ? {} : { unitLabel: _ },
+		...v === void 0 ? {} : { unitPlaceholder: v },
+		...D
+	}), I = r !== void 0, L = o !== void 0, [z, V] = B(a ?? ""), [W, G] = B(o ?? s), K = I ? r ?? "" : z, q = L ? o ?? s : W, J = F((e) => {
+		I || V(e.target.value), c?.({ target: { value: e.target.value } });
+	}, [I, c]), Y = F((e) => {
+		if (e === null) return;
+		let t = e;
+		L || G(t), l?.(t);
+	}, [L, l]), X = R(() => lt, []), ee = P.unitLabel !== "";
+	return /* @__PURE__ */ U("div", {
+		className: n("weight-input--component", "flex items-start gap-2", j),
+		children: [/* @__PURE__ */ H("div", {
+			className: "flex-1",
+			children: /* @__PURE__ */ H(T, {
+				size: N,
+				value: K,
+				onChange: J,
+				decimalPlaces: u,
+				allowNegative: !1,
+				min: d,
+				max: f,
+				disabled: k,
+				invalid: O
+			})
+		}), !!p && /* @__PURE__ */ U("div", {
+			className: "space-y-2",
+			children: [!!ee && /* @__PURE__ */ H(i, {
+				className: "leading-6",
+				children: P.unitLabel
+			}), /* @__PURE__ */ U(w, {
+				value: q,
+				onValueChange: (e) => Y(e),
+				disabled: k || m,
+				children: [/* @__PURE__ */ H(y, {
+					"aria-invalid": O || void 0,
+					className: n("border-input bg-transparent !shadow-none", g[N], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", (k || m) && "opacity-50 cursor-not-allowed", E),
+					children: /* @__PURE__ */ H(S, { placeholder: P.unitPlaceholder || void 0 })
+				}), /* @__PURE__ */ H(x, { children: /* @__PURE__ */ H(C, { children: X.map((e) => /* @__PURE__ */ H(b, {
+					value: e.value,
+					children: e.label
+				}, e.value)) }) })]
+			})]
+		})]
+	});
+}
+ut.displayName = "WeightInput";
+//#endregion
+//#region src/components/base/forms/fields/coordinates-input.tsx
+var dt = {
+	latLabel: "",
+	lngLabel: "",
+	latPlaceholder: "",
+	lngPlaceholder: "",
+	previewLinkLabel: ""
+}, ft = (e, t) => {
+	if (!e) return {
+		lat: "",
+		lng: ""
+	};
+	if (t === "string" && typeof e == "string") {
+		let [t, n] = e.split(",").map((e) => e.trim());
+		return {
+			lat: t ?? "",
+			lng: n ?? ""
+		};
+	}
+	return t === "object" && typeof e == "object" ? {
+		lat: e.lat ?? "",
+		lng: e.lng ?? ""
+	} : {
+		lat: "",
+		lng: ""
+	};
+}, pt = (e, t, n) => n === "string" ? `${e},${t}` : {
+	lat: e,
+	lng: t
+}, mt = (e, t, n) => {
+	if (!e) return !1;
+	let r = Number(e);
+	return Number.isFinite(r) && r >= t && r <= n;
+};
+function ht({ value: t, defaultValue: r, format: o = "object", onChange: s, latLabel: c, lngLabel: l, latPlaceholder: u, lngPlaceholder: d, decimalPlaces: f = 6, showPreviewLink: p = !0, previewLinkLabel: m, strings: h, invalid: g, className: _, disabled: v }) {
+	let y = e(dt, {
+		...c === void 0 ? {} : { latLabel: c },
+		...l === void 0 ? {} : { lngLabel: l },
+		...u === void 0 ? {} : { latPlaceholder: u },
+		...d === void 0 ? {} : { lngPlaceholder: d },
+		...m === void 0 ? {} : { previewLinkLabel: m },
+		...h
+	}), b = t !== void 0, x = ft(b ? t : r, o), [S, C] = B(x.lat), [w, E] = B(x.lng), D = ft(t, o), O = b ? D.lat : S, k = b ? D.lng : w;
+	I(() => {
+		b && (C(D.lat), E(D.lng));
+	}, [
+		b,
+		D.lat,
+		D.lng
+	]);
+	let A = F((e, t) => {
+		b || (C(e), E(t)), s?.({ target: { value: pt(e, t, o) } });
+	}, [
+		b,
+		s,
+		o
+	]), j = R(() => {
+		let e = mt(O, -90, 90), t = mt(k, -180, 180);
+		return !e || !t ? null : `https://www.google.com/maps?q=${encodeURIComponent(`${O},${k}`)}`;
+	}, [O, k]);
+	return /* @__PURE__ */ U("div", {
+		className: n("coordinates-input--component", "space-y-3", _),
+		children: [/* @__PURE__ */ U("div", {
+			className: "grid grid-cols-1 gap-3 md:grid-cols-2",
+			children: [/* @__PURE__ */ U("div", {
+				className: "space-y-2",
+				children: [!!y.latLabel && /* @__PURE__ */ H(i, { children: y.latLabel }), /* @__PURE__ */ H(T, {
+					placeholder: y.latPlaceholder || void 0,
+					value: O,
+					onChange: (e) => A(e.target.value, k),
+					decimalPlaces: f,
+					allowNegative: !0,
+					min: -90,
+					max: 90,
+					invalid: g,
+					disabled: v
+				})]
+			}), /* @__PURE__ */ U("div", {
+				className: "space-y-2",
+				children: [!!y.lngLabel && /* @__PURE__ */ H(i, { children: y.lngLabel }), /* @__PURE__ */ H(T, {
+					placeholder: y.lngPlaceholder || void 0,
+					value: k,
+					onChange: (e) => A(O, e.target.value),
+					decimalPlaces: f,
+					allowNegative: !0,
+					min: -180,
+					max: 180,
+					invalid: g,
+					disabled: v
+				})]
+			})]
+		}), !!p && !!j && !!y.previewLinkLabel && /* @__PURE__ */ H(a, {
+			href: j,
+			type: "secondary",
+			underline: !1,
+			children: y.previewLinkLabel
+		})]
+	});
+}
+ht.displayName = "CoordinatesInput";
+//#endregion
+//#region src/components/base/forms/fields/date-time-input.tsx
+function gt({ value: e, onChange: t, placeholder: n, readableFormat: r = "dd-MM-yyyy HH:mm", stepMinutes: i = 30, modal: a = !0, invalid: o, disabled: s }) {
+	let c = e ? new Date(e) : void 0;
+	return /* @__PURE__ */ H(u, {
+		className: "date-time-input--component",
+		mode: "single",
+		disabled: s,
+		error: o ? " " : void 0,
+		placeholder: n,
+		value: c,
+		onChange: F((e) => {
+			t?.(e.date ? e.date.toISOString() : void 0);
+		}, [t]),
+		readableFormat: r,
+		withTime: {
+			enabled: !0,
+			format: "24",
+			step: i
+		},
+		modal: a
+	});
+}
+gt.displayName = "DateTimeInput";
+//#endregion
+//#region src/components/base/forms/fields/time-picker.tsx
+var _t = {
+	placeholder: "Select time",
+	dialogTitle: "Select Time",
+	hours: "Hours",
+	minutes: "Minutes",
+	seconds: "Seconds",
+	now: "Now",
+	done: "Done",
+	hoursPlaceholder: "HH",
+	minutesPlaceholder: "MM",
+	secondsPlaceholder: "SS",
+	am: "AM",
+	pm: "PM"
+}, Q = (e) => String(e).padStart(2, "0"), $ = (e) => {
+	let t = e.trim();
+	if (t === "") return null;
+	let n = Number.parseInt(t, 10);
+	return Number.isFinite(n) ? n : null;
+}, vt = (e, t, n) => Math.min(Math.max(e, t), n), yt = (e) => (e ?? "").replace(/\D/g, "").slice(0, 2), bt = (e, t) => {
+	if (!Number.isFinite(t) || t <= 0 || t === 1) return e;
+	let n = e % t, r = n >= Math.max(1, Math.floor(t * .8)), i = e - n, a = r ? i + t : i;
+	return a >= 60 ? 0 : a;
+};
+function xt({ className: t, value: a = "00:00:00", onChange: o, invalid: c, disabled: u, placeholder: h, dialogTitle: g, hoursLabel: _, minutesLabel: v, secondsLabel: y, nowLabel: b, doneLabel: x, format: S = "24", minuteStep: C = 5, showSeconds: w = !0, strings: T }) {
+	let E = L(), D = e(_t, {
+		...h === void 0 ? {} : { placeholder: h },
+		...g === void 0 ? {} : { dialogTitle: g },
+		..._ === void 0 ? {} : { hours: _ },
+		...v === void 0 ? {} : { minutes: v },
+		...y === void 0 ? {} : { seconds: y },
+		...b === void 0 ? {} : { now: b },
+		...x === void 0 ? {} : { done: x },
+		...T ?? {}
+	}), O = F((e, t) => {
+		let n = $(e ?? "") ?? 0;
+		return S === "12" ? {
+			hours: Q(n > 12 ? 12 : vt(n === 0 ? 12 : n, 1, 12)),
+			meridiem: t
+		} : {
+			hours: Q(n > 24 ? 24 : vt(n, 0, 24)),
+			meridiem: t
+		};
+	}, [S]), k = F((e) => {
+		let t = $(e ?? "") ?? 0;
+		return t > 59 && (t = 0), t = bt(vt(t, 0, 59), C), Q(t);
+	}, [C]), A = F((e) => {
+		let t = $(e ?? "") ?? 0;
+		return t > 59 && (t = 0), t = vt(t, 0, 59), Q(t);
+	}, []), j = F((e, t, n, r) => {
+		let i = $(e) ?? 0, a = $(t) ?? 0;
+		a > 59 && (a = 0), a = bt(vt(a, 0, 59), C);
+		let o = w ? $(n) ?? 0 : 0;
+		if (o > 59 && (o = 0), o = w ? vt(o, 0, 59) : 0, S === "12") {
+			let e = i > 12 ? 12 : vt(i === 0 ? 12 : i, 1, 12);
+			return `${Q(r === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12)}:${Q(a)}:${Q(o)}`;
+		}
+		return `${Q(i > 24 ? 24 : vt(i, 0, 24))}:${Q(a)}:${Q(o)}`;
+	}, [
+		S,
+		C,
+		w
+	]), M = F((e) => {
+		let [t = "00", n = "00", r = "00"] = (e ?? "").split(":"), i = w ? r : "00";
+		return {
+			hours: yt(t),
+			minutes: yt(n),
+			seconds: yt(i)
+		};
+	}, [w]), [N, P] = B(!1), [W, G] = B(() => M(a)), [K, q] = B(() => {
+		let [e = "00"] = (a ?? "").split(":");
+		return ($(e) ?? 0) >= 12 ? "PM" : "AM";
+	}), J = z({});
+	I(() => {
+		if (N) return;
+		G(M(a));
+		let [e = "00"] = (a ?? "").split(":");
+		q(($(e) ?? 0) >= 12 ? "PM" : "AM");
+	}, [
+		N,
+		M,
+		a
+	]);
+	let X = (e, t) => {
+		let n = yt(t);
+		G((t) => ({
+			...t,
+			[e]: n
+		})), J.current[e] && window.clearTimeout(J.current[e]), J.current[e] = window.setTimeout(() => {
+			G((t) => {
+				let n = { ...t };
+				if (e === "hours") {
+					let e = (n.hours ?? "").trim();
+					e.length === 1 && (n.hours = `0${e}`), (n.hours ?? "").trim().length === 2 && (n.hours = O(n.hours, K).hours);
+				}
+				if (e === "minutes") {
+					let e = (n.minutes ?? "").trim();
+					e.length === 1 && (n.minutes = `0${e}`), (n.minutes ?? "").trim().length === 2 && (n.minutes = k(n.minutes));
+				}
+				if (e === "seconds") {
+					let e = (n.seconds ?? "").trim();
+					e.length === 1 && (n.seconds = `0${e}`), (n.seconds ?? "").trim().length === 2 && (n.seconds = A(n.seconds));
+				}
+				let r = j(n.hours, n.minutes, n.seconds, K);
+				o?.(r);
+				let [i = "00", a = "00", s = "00"] = r.split(":");
+				return S === "12" ? n.hours = Q(($(i) ?? 0) % 12 || 12) : n.hours = i, n.minutes = a, n.seconds = s, n;
+			});
+		}, 400);
+	}, ee = (e) => {
+		J.current[e] && window.clearTimeout(J.current[e]), G((e) => {
+			let t = { ...e };
+			t.hours = O(t.hours, K).hours, t.minutes = k(t.minutes), t.seconds = A(t.seconds);
+			let n = j(t.hours, t.minutes, t.seconds, K);
+			o?.(n);
+			let [r = "00", i = "00", a = "00"] = n.split(":");
+			return {
+				hours: S === "12" ? yt(String(($(r) ?? 0) % 12 || 12)) : r,
+				minutes: i,
+				seconds: a
+			};
+		});
+	}, te = R(() => {
+		let e = j(W.hours, W.minutes, W.seconds, K);
+		if (!w) {
+			let [t = "00", n = "00"] = e.split(":");
+			return `${t}:${n}`;
+		}
+		return e;
+	}, [
+		K,
+		j,
+		w,
+		W.hours,
+		W.minutes,
+		W.seconds
+	]);
+	return /* @__PURE__ */ U(d, {
+		open: N,
+		onOpenChange: P,
+		children: [/* @__PURE__ */ H(f, {
+			render: (e) => /* @__PURE__ */ H(s, {
+				...e,
+				id: E,
+				variant: "secondary",
+				buttonStyle: "outline",
+				"aria-expanded": N,
+				"aria-invalid": c,
+				disabled: u,
+				className: n("time-picker--component", l, "w-full justify-between text-left", !a && "!text-muted-foreground", e.className, t),
+				children: e.children
+			}),
+			children: /* @__PURE__ */ U("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ H(Y, { className: "h-4 w-4" }), /* @__PURE__ */ H("span", { children: te || D.placeholder })]
+			})
+		}), /* @__PURE__ */ H(p, {
+			className: "w-auto p-4",
+			align: "start",
+			children: /* @__PURE__ */ U("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ H(r, {
+						tag: "div",
+						weight: "medium",
+						align: "center",
+						children: D.dialogTitle
+					}),
+					/* @__PURE__ */ U("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ U("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ H(i, {
+									size: "xs",
+									className: "text-muted-foreground",
+									children: D.hours
+								}), /* @__PURE__ */ H(m, {
+									inputMode: "numeric",
+									value: W.hours,
+									onChange: (e) => X("hours", e.target.value),
+									onFocus: (e) => e.currentTarget.select(),
+									onClick: (e) => e.currentTarget.select(),
+									onBlur: () => ee("hours"),
+									placeholder: D.hoursPlaceholder,
+									className: "w-16 text-center"
+								})]
+							}),
+							/* @__PURE__ */ H(r, {
+								tag: "div",
+								className: "text-2xl",
+								children: ":"
+							}),
+							/* @__PURE__ */ U("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ H(i, {
+									size: "xs",
+									className: "text-muted-foreground",
+									children: D.minutes
+								}), /* @__PURE__ */ H(m, {
+									inputMode: "numeric",
+									value: W.minutes,
+									onChange: (e) => X("minutes", e.target.value),
+									onFocus: (e) => e.currentTarget.select(),
+									onClick: (e) => e.currentTarget.select(),
+									onBlur: () => ee("minutes"),
+									placeholder: D.minutesPlaceholder,
+									className: "w-16 text-center"
+								})]
+							}),
+							!!w && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(r, {
+								tag: "div",
+								className: "text-2xl",
+								children: ":"
+							}), /* @__PURE__ */ U("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ H(i, {
+									size: "xs",
+									className: "text-muted-foreground",
+									children: D.seconds
+								}), /* @__PURE__ */ H(m, {
+									inputMode: "numeric",
+									value: W.seconds,
+									onChange: (e) => X("seconds", e.target.value),
+									onFocus: (e) => e.currentTarget.select(),
+									onClick: (e) => e.currentTarget.select(),
+									onBlur: () => ee("seconds"),
+									placeholder: D.secondsPlaceholder,
+									className: "w-16 text-center"
+								})]
+							})] }),
+							S === "12" && /* @__PURE__ */ U("div", {
+								className: "flex items-end gap-1 pb-0.5",
+								children: [/* @__PURE__ */ H(s, {
+									type: "button",
+									variant: K === "AM" ? "primary" : "secondary",
+									buttonStyle: K === "AM" ? "solid" : "outline",
+									onClick: () => q("AM"),
+									children: D.am
+								}), /* @__PURE__ */ H(s, {
+									type: "button",
+									variant: K === "PM" ? "primary" : "secondary",
+									buttonStyle: K === "PM" ? "solid" : "outline",
+									onClick: () => q("PM"),
+									children: D.pm
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ U("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ H(s, {
+							variant: "secondary",
+							buttonStyle: "outline",
+							className: "flex-1",
+							onClick: () => {
+								let e = /* @__PURE__ */ new Date(), t = {
+									hours: String(S === "12" ? e.getHours() % 12 || 12 : e.getHours()),
+									minutes: String(e.getMinutes()),
+									seconds: ""
+								};
+								G(t), q(e.getHours() >= 12 ? "PM" : "AM"), o?.(j(t.hours, t.minutes, t.seconds, e.getHours() >= 12 ? "PM" : "AM"));
+							},
+							children: D.now
+						}), /* @__PURE__ */ H(s, {
+							variant: "primary",
+							buttonStyle: "solid",
+							className: "flex-1",
+							onClick: () => {
+								o?.(j(W.hours, W.minutes, W.seconds, K)), P(!1);
+							},
+							children: D.done
+						})]
+					})
+				]
+			})
+		})]
+	});
+}
+xt.displayName = "TimePicker";
+//#endregion
+//#region src/hooks/use-files.ts
+var St = (e) => {
+	if (e === 0) return "0 Bytes";
+	let t = 1024, n = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return `${(e / t ** +r).toFixed(2)} ${n[r]}`;
+}, Ct = 0, wt = () => `${Date.now().toString(36)}-${(Ct++).toString(36)}`, Tt = (e) => {
+	let [t, n] = B([]), [r, i] = B({}), a = F(St, []), o = F((t) => {
+		if (e?.minSize !== void 0 && t.size < e.minSize) return `Size (${St(t.size)}) is smaller than minimum (${St(e.minSize)}).`;
+		if (e?.maxSize !== void 0 && t.size > e.maxSize) return `Size (${St(t.size)}) exceeds maximum (${St(e.maxSize)}).`;
+		let n = t.name.split(".").pop()?.toLowerCase() || "";
+		if (e?.allowedExtensions && !e.allowedExtensions.map((e) => e.toLowerCase()).includes(n)) return `Extension (.${n}) is not allowed.`;
+		if (e?.customValidator) {
+			let n = e.customValidator(t);
+			if (n !== !0) return typeof n == "string" ? n : "Custom validation failed.";
+		}
+		return null;
+	}, [e]), s = F((t, r = !1) => {
+		let a = Array.isArray(t) ? t : Array.from(t), s = {};
+		n((t) => {
+			let n = r ? [] : [...t];
+			return a.forEach((t) => {
+				let r = t.name.split(".").pop()?.toLowerCase() || "";
+				if (n.some((e) => e.name === t.name && e.size === t.size && e.extension === r)) return;
+				let i = o(t);
+				if (i) {
+					s[t.name] = i;
+					return;
+				}
+				if (e?.maxFiles !== void 0 && n.length + 1 > e.maxFiles) {
+					s[t.name] = `Cannot exceed max files limit of ${e.maxFiles}.`;
+					return;
+				}
+				let a = {
+					id: wt(),
+					file: t,
+					name: t.name,
+					size: t.size,
+					formattedSize: St(t.size),
+					type: t.type,
+					extension: r,
+					lastModified: t.lastModified
+				};
+				n.push(a);
+			}), n;
+		}), i(s);
+	}, [e?.maxFiles, o]);
+	return {
+		files: t,
+		addFiles: F((e) => s(e, !1), [s]),
+		setFiles: F((e) => s(e, !0), [s]),
+		remove: F((e) => {
+			n((t) => t.filter((t) => t.id !== e));
+		}, []),
+		removeAll: F(() => {
+			n((e) => e.length === 0 ? e : []), i({});
+		}, []),
+		formatSize: a,
+		validationErrors: r
+	};
+}, Et = {
+	instruction: "Drag a file here or click to browse",
+	helper: "",
+	browse: "Browse files",
+	remove: "Remove"
+};
+function Dt({ accept: t, multiple: i = !1, value: a, onChange: o, onChangeFiles: c, disabled: l, invalid: u, instructionText: d, browseButtonText: f, removeButtonText: p, helperText: m, strings: h }, g) {
+	let _ = e(Et, {
+		...d === void 0 ? {} : { instruction: d },
+		...m === void 0 ? {} : { helper: m },
+		...f === void 0 ? {} : { browse: f },
+		...p === void 0 ? {} : { remove: p },
+		...h
+	}), { files: v, setFiles: y, remove: b, removeAll: x, validationErrors: S } = Tt({ maxFiles: i ? void 0 : 1 }), C = z(null), [w, T] = B(!1);
+	I(() => {
+		if (i) {
+			Array.isArray(a) && a.length > 0 ? y(a) : a || x();
+			return;
+		}
+		a instanceof File ? y([a]) : a || x();
+	}, [a, i]);
+	let E = v[0], D = E?.name ?? (a instanceof File ? a.name : ""), O = E?.formattedSize ?? (a instanceof File ? `${Math.round(a.size / 1024 * 100) / 100} KB` : ""), k = i && v.length > 0, A = !i && D.length > 0, j = F(() => {
+		l || C.current?.click();
+	}, [l]), M = F((e) => {
+		if (!e || e.length === 0) {
+			x(), i ? c?.([]) : o?.(void 0);
+			return;
+		}
+		let t = Array.from(e);
+		y(e), i ? c?.(t) : o?.(t[0]);
+	}, [
+		i,
+		o,
+		c,
+		x,
+		y
+	]), N = F((e) => {
+		let t = e.target.files;
+		if (!t || t.length === 0) {
+			C.current && (C.current.value = "");
+			return;
+		}
+		M(t), C.current && (C.current.value = "");
+	}, [M]), P = F(() => {
+		E && b(E.id), C.current && (C.current.value = ""), o?.(void 0);
+	}, [
+		o,
+		b,
+		E
+	]), L = F((e) => {
+		let t = v.filter((t) => t.id !== e).map((e) => e.file);
+		b(e), c?.(t), C.current && (C.current.value = "");
+	}, [
+		v,
+		c,
+		b
+	]), V = F((e) => {
+		e.preventDefault(), e.stopPropagation();
+	}, []), W = F((e) => {
+		V(e), l || T(!0);
+	}, [l, V]), G = F((e) => {
+		V(e), T(!1);
+	}, [V]), K = F((e) => {
+		if (V(e), T(!1), l) return;
+		let t = e.dataTransfer?.files;
+		!t || t.length === 0 || (M(t), C.current && (C.current.value = ""));
+	}, [
+		l,
+		M,
+		V
+	]), q = R(() => n("relative flex min-h-[180px] flex-col items-center justify-center gap-4 rounded-xl border border-dashed px-6 py-10 text-center transition-colors duration-150", u ? "border-destructive" : "border-muted-foreground/60", "bg-muted/40", "hover:border-primary hover:bg-primary/10 hover:text-primary", l ? "cursor-not-allowed opacity-50 hover:border-muted-foreground/60 hover:bg-muted/40 hover:text-muted-foreground" : "", !l && w ? "border-primary bg-primary/15 text-primary" : ""), [
+		l,
+		w,
+		u
+	]);
+	return /* @__PURE__ */ U("div", {
+		className: n("file-upload--component", "space-y-3"),
+		children: [
+			/* @__PURE__ */ U("div", {
+				role: "button",
+				tabIndex: l ? -1 : 0,
+				className: q,
+				onClick: (e) => {
+					e.defaultPrevented || j();
+				},
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), j());
+				},
+				onDragEnter: W,
+				onDragOver: W,
+				onDragLeave: G,
+				onDrop: K,
+				"aria-disabled": l,
+				"aria-invalid": u || void 0,
+				children: [
+					/* @__PURE__ */ H("input", {
+						ref: (e) => {
+							C.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
+						},
+						type: "file",
+						className: "hidden",
+						accept: t,
+						multiple: i,
+						onChange: N,
+						onClick: (e) => {
+							e.stopPropagation();
+						},
+						disabled: l
+					}),
+					/* @__PURE__ */ H("div", {
+						className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary/15 text-primary",
+						children: /* @__PURE__ */ H(ce, {
+							className: "h-6 w-6",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ U("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ H(r, {
+							weight: "medium",
+							children: _.instruction
+						}), !!_.helper && /* @__PURE__ */ H(r, {
+							size: "xs",
+							type: "secondary",
+							children: _.helper
+						})]
+					}),
+					/* @__PURE__ */ H(s, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "outline",
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation(), j();
+						},
+						disabled: l,
+						children: _.browse
+					})
+				]
+			}),
+			!!k && /* @__PURE__ */ H("div", {
+				className: "space-y-2",
+				children: v.map((e) => /* @__PURE__ */ U("div", {
+					className: "flex items-center gap-3 border rounded-md p-3 bg-card",
+					children: [
+						/* @__PURE__ */ H("div", {
+							className: "shrink-0 h-10 w-10 rounded bg-muted flex items-center justify-center",
+							children: /* @__PURE__ */ H(X, { className: "h-5 w-5 text-muted-foreground" })
+						}),
+						/* @__PURE__ */ U("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ H(r, {
+								tag: "div",
+								weight: "medium",
+								className: "truncate",
+								title: e.name,
+								children: e.name
+							}), /* @__PURE__ */ H(r, {
+								tag: "div",
+								size: "xs",
+								type: "secondary",
+								children: e.formattedSize
+							})]
+						}),
+						/* @__PURE__ */ H(s, {
+							type: "button",
+							variant: "error",
+							buttonStyle: "ghost",
+							size: "xs",
+							icon: oe,
+							onClick: () => L(e.id),
+							children: _.remove
+						})
+					]
+				}, e.id))
+			}),
+			!!A && /* @__PURE__ */ U("div", {
+				className: "flex items-center gap-3 border rounded-md p-3 bg-card",
+				children: [
+					/* @__PURE__ */ H("div", {
+						className: "shrink-0 h-10 w-10 rounded bg-muted flex items-center justify-center",
+						children: /* @__PURE__ */ H(X, { className: "h-5 w-5 text-muted-foreground" })
+					}),
+					/* @__PURE__ */ U("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ H(r, {
+							tag: "div",
+							weight: "medium",
+							className: "truncate",
+							title: D,
+							children: D
+						}), /* @__PURE__ */ H(r, {
+							tag: "div",
+							size: "xs",
+							type: "secondary",
+							children: O
+						})]
+					}),
+					/* @__PURE__ */ H(s, {
+						type: "button",
+						variant: "error",
+						buttonStyle: "ghost",
+						size: "xs",
+						icon: oe,
+						onClick: P,
+						children: _.remove
+					})
+				]
+			}),
+			Object.keys(S).length > 0 && /* @__PURE__ */ H("ul", {
+				className: "space-y-1.5",
+				children: Object.entries(S).map(([e, t]) => /* @__PURE__ */ U("li", {
+					role: "alert",
+					className: "flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2",
+					children: [/* @__PURE__ */ H("span", {
+						"aria-hidden": "true",
+						className: "mt-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-destructive/15 text-destructive",
+						children: /* @__PURE__ */ H("span", { className: "size-1.5 rounded-full bg-destructive" })
+					}), /* @__PURE__ */ U("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ H(r, {
+							size: "xs",
+							weight: "medium",
+							className: "truncate text-destructive",
+							children: e
+						}), /* @__PURE__ */ H(r, {
+							size: "xs",
+							type: "secondary",
+							className: "text-destructive/80",
+							children: t
+						})]
+					})]
+				}, e))
+			})
+		]
+	});
+}
+var Ot = M.forwardRef(Dt);
+Ot.displayName = "FileUpload";
+//#endregion
+//#region src/components/base/forms/fields/image-upload.tsx
+var kt = 2, At = {
+	square: "aspect-square",
+	standard: "aspect-[4/3]",
+	widescreen: "aspect-[16/9]",
+	portrait: "aspect-[9/16]"
+}, jt = {
+	select: "Select image",
+	change: "Change image",
+	remove: "Remove",
+	noSelection: "No file selected yet.",
+	keepCurrent: "Current image stays until you upload a new one.",
+	supportsTemplate: "Supports {ext} files up to {size} MB.",
+	moreFiles: (e) => `+ ${e} more file${e === 1 ? "" : "s"}`
+};
+function Mt({ accept: t = ".png,.jpg,.jpeg,.gif,.svg", multiple: i = !1, value: a, onChange: o, disabled: c, defaultPreviewUrl: l, aspectRatio: u = "square", fit: d = "cover", maxWidth: f, layout: p = "stacked", invalid: m, selectButtonText: h, changeButtonText: g, removeButtonText: _, strings: v }, y) {
+	let b = e(jt, {
+		...h === void 0 ? {} : { select: h },
+		...g === void 0 ? {} : { change: g },
+		..._ === void 0 ? {} : { remove: _ },
+		...v
+	}), x = L(), S = z(null), C = R(() => {
+		if (!t) return [
+			"png",
+			"jpg",
+			"jpeg",
+			"gif",
+			"svg"
+		];
+		let e = t.split(",").map((e) => e.trim()).map((e) => {
+			if (!e) return null;
+			if (e.startsWith(".")) return e.slice(1).toLowerCase();
+			if (e.includes("/")) {
+				let t = e.split("/")[1] ?? "";
+				return t === "*" || t.length === 0 ? null : t.replace(/\+.*/, "").toLowerCase();
+			}
+			return e.toLowerCase();
+		}).filter((e) => !!e);
+		if (e.length !== 0) return Array.from(new Set(e));
+	}, [t]), { files: w, setFiles: T, remove: E, removeAll: D, validationErrors: O } = Tt(R(() => ({
+		maxFiles: i ? void 0 : 1,
+		allowedExtensions: C
+	}), [i, C]));
+	I(() => {
+		a ? T([a]) : (D(), S.current && (S.current.value = ""));
+	}, [
+		a,
+		T,
+		D
+	]);
+	let k = w[0], A = k ? b.change : b.select, [j, M] = B(void 0), N = R(() => !C || C.length === 0 ? null : C.map((e) => e.toUpperCase()).join(", "), [C]);
+	I(() => {
+		let e = k?.file ?? a;
+		if (!e) {
+			M(void 0);
+			return;
+		}
+		let t = URL.createObjectURL(e);
+		return M(t), () => URL.revokeObjectURL(t);
+	}, [k, a]);
+	let P = j ?? l, V = !!P, W = At[u] ?? At.square, G = d === "contain" ? "object-contain p-3" : "object-cover", K = f ? typeof f == "number" ? `${f}px` : f : "240px", q = p === "inline" ? void 0 : { maxWidth: K }, J = p === "inline" ? {
+		maxWidth: f ? K : "185px",
+		width: "100%"
+	} : void 0, Y = F((e) => {
+		let t = e.target.files;
+		if (!t || t.length === 0) {
+			D(), o?.(void 0), S.current && (S.current.value = "");
+			return;
+		}
+		T(t), o?.(t[0]);
+	}, [
+		D,
+		T,
+		o
+	]), X = F(() => {
+		c || S.current?.click();
+	}, [c]), ee = F(() => {
+		k && E(k.id), o?.(void 0), S.current && (S.current.value = "");
+	}, [
+		k,
+		E,
+		o
+	]);
+	return /* @__PURE__ */ U("div", {
+		className: n("image-upload--component", "space-y-3"),
+		style: q,
+		children: [
+			/* @__PURE__ */ H("input", {
+				ref: (e) => {
+					S.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
+				},
+				id: x,
+				type: "file",
+				className: "sr-only",
+				accept: t,
+				multiple: i,
+				disabled: c,
+				onChange: Y
+			}),
+			/* @__PURE__ */ U("div", {
+				className: n(p === "inline" ? "flex items-start gap-4" : "space-y-3"),
+				children: [/* @__PURE__ */ H("div", {
+					className: n("relative overflow-hidden rounded-md border transition-colors", p === "inline" ? "flex-shrink-0 w-full" : "w-full", W, V ? "border-border bg-muted/20" : n("border-dashed bg-background text-muted-foreground dark:bg-foreground", m ? "border-destructive" : "border-muted-foreground/60")),
+					style: J,
+					children: V && P ? /* @__PURE__ */ H("img", {
+						src: P,
+						alt: k?.name || "Selected image",
+						className: n("absolute inset-0 h-full w-full", G)
+					}) : /* @__PURE__ */ H("div", {
+						className: "absolute inset-0 flex items-center justify-center",
+						children: /* @__PURE__ */ H(te, {
+							"aria-hidden": !0,
+							className: "h-8 w-8"
+						})
+					})
+				}), /* @__PURE__ */ U("div", {
+					className: n("space-y-2", p === "inline" && "flex-1 min-w-0"),
+					children: [
+						/* @__PURE__ */ U("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ H(s, {
+								type: "button",
+								variant: "secondary",
+								buttonStyle: "outline",
+								onClick: X,
+								disabled: c,
+								children: A
+							}), !k && !!V && /* @__PURE__ */ H(r, {
+								size: "xs",
+								type: "secondary",
+								children: b.keepCurrent
+							})]
+						}),
+						!!N && /* @__PURE__ */ H(r, {
+							size: "xs",
+							type: "secondary",
+							children: b.supportsTemplate.replace("{ext}", N).replace("{size}", String(kt))
+						}),
+						!!k && /* @__PURE__ */ U("div", {
+							className: "space-y-1",
+							children: [
+								/* @__PURE__ */ H(r, {
+									weight: "medium",
+									title: k.name,
+									className: "truncate",
+									children: k.name
+								}),
+								/* @__PURE__ */ H(r, {
+									size: "xs",
+									type: "secondary",
+									children: k.formattedSize
+								}),
+								!!i && w.length > 1 && /* @__PURE__ */ H(r, {
+									size: "xs",
+									type: "secondary",
+									children: b.moreFiles(w.length - 1)
+								}),
+								/* @__PURE__ */ H(s, {
+									type: "button",
+									variant: "error",
+									buttonStyle: "ghost",
+									size: "xs",
+									icon: ae,
+									onClick: ee,
+									children: b.remove
+								})
+							]
+						}),
+						!k && !V && /* @__PURE__ */ H(r, {
+							size: "xs",
+							type: "secondary",
+							children: b.noSelection
+						})
+					]
+				})]
+			}),
+			Object.keys(O).length > 0 && /* @__PURE__ */ H("div", {
+				className: "space-y-1",
+				children: Object.entries(O).map(([e, t]) => /* @__PURE__ */ U(r, {
+					size: "xs",
+					type: "error",
+					children: [
+						e,
+						": ",
+						t
+					]
+				}, e))
+			})
+		]
+	});
+}
+var Nt = M.forwardRef(Mt);
+Nt.displayName = "ImageUpload";
+//#endregion
+//#region src/components/base/forms/fields/dropzone.tsx
+var Pt = {
+	instruction: "Drag files here or click to browse",
+	helper: "",
+	dragOver: "Release to upload"
+}, Ft = {
+	compact: {
+		padding: "px-4 py-4",
+		minH: "min-h-[112px]",
+		iconBox: "h-9 w-9",
+		iconSize: "size-4"
+	},
+	base: {
+		padding: "px-6 py-8",
+		minH: "min-h-[180px]",
+		iconBox: "h-12 w-12",
+		iconSize: "size-6"
+	},
+	lg: {
+		padding: "px-8 py-12",
+		minH: "min-h-[260px]",
+		iconBox: "h-14 w-14",
+		iconSize: "size-7"
+	}
+};
+function It({ onDrop: t, accept: i, multiple: a = !1, disabled: o = !1, invalid: s = !1, size: c = "base", icon: l, className: u, children: d, strings: f }, p) {
+	let m = e(Pt, f), h = z(null), [g, _] = B(!1), v = Ft[c], y = F(() => {
+		o || h.current?.click();
+	}, [o]), b = F((e) => {
+		let n = e.target.files;
+		!n || n.length === 0 || (t(Array.from(n)), h.current && (h.current.value = ""));
+	}, [t]), x = F((e) => {
+		e.preventDefault(), e.stopPropagation(), o || _(!0);
+	}, [o]), S = F((e) => {
+		e.preventDefault(), e.stopPropagation(), _(!1);
+	}, []), C = F((e) => {
+		if (e.preventDefault(), e.stopPropagation(), _(!1), o) return;
+		let n = e.dataTransfer?.files;
+		!n || n.length === 0 || t(Array.from(n));
+	}, [o, t]);
+	return /* @__PURE__ */ U("div", {
+		role: "button",
+		tabIndex: o ? -1 : 0,
+		"aria-disabled": o || void 0,
+		"aria-invalid": s || void 0,
+		onClick: (e) => {
+			e.defaultPrevented || y();
+		},
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), y());
+		},
+		onDragEnter: x,
+		onDragOver: x,
+		onDragLeave: S,
+		onDrop: C,
+		className: n("dropzone--component", "relative flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed text-center transition-colors duration-150", v.minH, v.padding, s ? "border-destructive" : "border-muted-foreground/40", "bg-muted/30 hover:border-primary hover:bg-primary/5 hover:text-primary", o && "cursor-not-allowed opacity-50 hover:border-muted-foreground/40 hover:bg-muted/30 hover:text-muted-foreground", !o && g && "border-primary bg-primary/10 text-primary", u),
+		children: [
+			/* @__PURE__ */ H("input", {
+				ref: (e) => {
+					h.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+				},
+				type: "file",
+				className: "hidden",
+				accept: i,
+				multiple: a,
+				disabled: o,
+				onChange: b,
+				onClick: (e) => e.stopPropagation()
+			}),
+			/* @__PURE__ */ H("span", {
+				className: n("inline-flex items-center justify-center rounded-full bg-primary/10 text-primary", v.iconBox),
+				"aria-hidden": "true",
+				children: l ?? /* @__PURE__ */ H(se, { className: v.iconSize })
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ H(r, {
+					size: c === "compact" ? "xs" : "sm",
+					weight: "medium",
+					children: g ? m.dragOver : m.instruction
+				}), !!m.helper && /* @__PURE__ */ H(r, {
+					size: "xs",
+					type: "secondary",
+					children: m.helper
+				})]
+			}),
+			!!d && /* @__PURE__ */ H("div", {
+				onClick: (e) => e.stopPropagation(),
+				onKeyDown: (e) => e.stopPropagation(),
+				children: d
+			})
+		]
+	});
+}
+var Lt = j.forwardRef(It);
+Lt.displayName = "Dropzone";
+//#endregion
+//#region src/components/base/forms/fields/avatar-upload.tsx
+var Rt = {
+	change: "Change photo",
+	remove: "Remove photo",
+	hint: "Click or drop an image",
+	dragOver: "Drop image to upload"
+}, zt = {
+	sm: {
+		box: "size-16",
+		icon: "size-4",
+		remove: "size-5"
+	},
+	base: {
+		box: "size-24",
+		icon: "size-5",
+		remove: "size-6"
+	},
+	lg: {
+		box: "size-32",
+		icon: "size-6",
+		remove: "size-7"
+	}
+};
+function Bt({ value: t, onChange: i, defaultPreviewUrl: a, accept: o = ".png,.jpg,.jpeg,.gif,.webp", disabled: s = !1, invalid: c = !1, size: l = "base", className: u, strings: d, initials: f }, p) {
+	let m = e(Rt, d), h = L(), g = z(null), [_, v] = B(!1), y = zt[l], { files: b, setFiles: x, removeAll: S } = Tt({
+		maxFiles: 1,
+		allowedExtensions: R(() => o.split(",").map((e) => e.trim().replace(/^\./, "").toLowerCase()).filter(Boolean), [o])
+	});
+	I(() => {
+		t ? x([t]) : S();
+	}, [t]);
+	let C = b[0], [w, T] = B(void 0);
+	I(() => {
+		let e = C?.file ?? t;
+		if (!e) {
+			T(void 0);
+			return;
+		}
+		let n = URL.createObjectURL(e);
+		return T(n), () => URL.revokeObjectURL(n);
+	}, [C, t]);
+	let E = w ?? a, D = !!E, O = F((e) => {
+		let t = e.target.files;
+		!t || t.length === 0 || (x(t), i?.(t[0]), g.current && (g.current.value = ""));
+	}, [i, x]), k = F(() => {
+		s || g.current?.click();
+	}, [s]), A = F(() => {
+		S(), i?.(void 0), g.current && (g.current.value = "");
+	}, [i, S]), j = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), k());
+	}, M = F((e) => {
+		e.preventDefault(), e.stopPropagation(), s || v(!0);
+	}, [s]), N = F((e) => {
+		e.preventDefault(), e.stopPropagation(), v(!1);
+	}, []), P = F((e) => {
+		if (e.preventDefault(), e.stopPropagation(), v(!1), s) return;
+		let t = e.dataTransfer?.files;
+		!t || t.length === 0 || (x(t), i?.(t[0]));
+	}, [
+		s,
+		i,
+		x
+	]);
+	return /* @__PURE__ */ U("div", {
+		className: n("avatar-upload--component", "inline-flex flex-col items-center gap-2", u),
+		children: [/* @__PURE__ */ U("div", {
+			role: "button",
+			tabIndex: s ? -1 : 0,
+			"aria-disabled": s || void 0,
+			"aria-invalid": c || void 0,
+			onClick: k,
+			onKeyDown: j,
+			onDragEnter: M,
+			onDragOver: M,
+			onDragLeave: N,
+			onDrop: P,
+			className: n("group relative flex shrink-0 items-center justify-center overflow-hidden rounded-full", "border border-dashed transition-colors duration-150 outline-none", "focus-visible:ring-2 focus-visible:ring-ring/50", D ? "border-border/60 bg-muted/20" : n("bg-muted/30 hover:border-primary hover:bg-primary/5", c ? "border-destructive" : "border-muted-foreground/40"), s && "cursor-not-allowed opacity-50", !s && _ && "border-primary bg-primary/10", y.box),
+			children: [
+				/* @__PURE__ */ H("input", {
+					id: h,
+					ref: (e) => {
+						g.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+					},
+					type: "file",
+					className: "sr-only",
+					accept: o,
+					disabled: s,
+					onChange: O
+				}),
+				D && E ? /* @__PURE__ */ H("img", {
+					src: E,
+					alt: m.change,
+					className: "absolute inset-0 size-full object-cover"
+				}) : f ? /* @__PURE__ */ H(r, {
+					size: l === "lg" ? "lg" : "base",
+					weight: "bold",
+					className: "leading-none",
+					children: f
+				}) : /* @__PURE__ */ H(G, {
+					className: n(y.icon, "text-muted-foreground"),
+					"aria-hidden": "true"
+				}),
+				!s && D && /* @__PURE__ */ H("div", {
+					className: "pointer-events-none absolute inset-0 hidden items-center justify-center bg-black/40 text-white group-hover:flex",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ H(G, { className: y.icon })
+				}),
+				!s && D && /* @__PURE__ */ H("button", {
+					type: "button",
+					"aria-label": m.remove,
+					onClick: (e) => {
+						e.stopPropagation(), A();
+					},
+					className: n("absolute right-0.5 top-0.5 inline-flex items-center justify-center rounded-full bg-card text-foreground shadow ring-1 ring-border", "opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100", y.remove),
+					children: /* @__PURE__ */ H(le, { className: "size-3" })
+				}),
+				!s && !D && _ && /* @__PURE__ */ H(r, {
+					size: "xxs",
+					weight: "medium",
+					className: "absolute inset-x-0 bottom-1.5 text-center text-primary",
+					children: m.dragOver
+				})
+			]
+		}), !D && /* @__PURE__ */ H(r, {
+			size: "xs",
+			type: "secondary",
+			children: m.hint
+		})]
+	});
+}
+var Vt = j.forwardRef(Bt);
+Vt.displayName = "AvatarUpload";
+//#endregion
+//#region src/components/base/forms/fields/media-gallery.tsx
+var Ht = {
+	addInstruction: "Drop or click to add images",
+	helper: "",
+	dragOver: "Release to upload",
+	cover: "Cover",
+	removeAria: "Remove image",
+	maxReached: "You have reached the maximum number of images."
+}, Ut = 0, Wt = () => `media-${Date.now().toString(36)}-${(Ut++).toString(36)}`;
+function Gt({ item: e, isFirst: t, disabled: r, onRemove: i, strings: a, tileClassName: o }) {
+	let { attributes: s, listeners: c, setNodeRef: l, transform: u, transition: d, isDragging: f } = Se({
+		id: e.id,
+		disabled: r
+	});
+	return /* @__PURE__ */ U("div", {
+		ref: l,
+		style: {
+			transform: we.Transform.toString(u),
+			transition: d
+		},
+		className: n("media-gallery--component", "group relative aspect-square overflow-hidden rounded-lg border border-border/60 bg-muted/30", "cursor-grab active:cursor-grabbing", f && "z-10 shadow-lg ring-2 ring-primary/40", r && "pointer-events-none opacity-50", o),
+		...s,
+		...c,
+		children: [
+			/* @__PURE__ */ H("img", {
+				src: e.previewUrl,
+				alt: e.file.name,
+				className: "absolute inset-0 size-full object-cover",
+				draggable: !1
+			}),
+			t && /* @__PURE__ */ H("span", {
+				className: "absolute left-1.5 top-1.5 rounded-full bg-card/90 px-1.5 py-0.5 text-xxs font-semibold text-foreground shadow ring-1 ring-border",
+				children: a.cover
+			}),
+			/* @__PURE__ */ H("button", {
+				type: "button",
+				"aria-label": a.removeAria,
+				onPointerDown: (e) => e.stopPropagation(),
+				onClick: (e) => {
+					e.stopPropagation(), i();
+				},
+				className: n("absolute right-1.5 top-1.5 inline-flex size-6 items-center justify-center rounded-full bg-card text-foreground shadow ring-1 ring-border", "opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100"),
+				children: /* @__PURE__ */ H(le, { className: "size-3.5" })
+			})
+		]
+	});
+}
+function Kt({ value: t, onChange: i, accept: a = ".png,.jpg,.jpeg,.gif,.webp", maxFiles: o, disabled: s = !1, invalid: c = !1, className: l, tileClassName: u, strings: d }) {
+	let f = e(Ht, d), p = L(), m = z(null), [h, g] = B([]), [_, v] = B(!1), y = ve(_e(he, { activationConstraint: { distance: 6 } })), b = z([]);
+	b.current = h, I(() => {
+		t && g((e) => e.length === t.length && e.every((e, n) => e.file === t[n]) ? e : (e.forEach((e) => URL.revokeObjectURL(e.previewUrl)), t.map((e) => ({
+			id: Wt(),
+			file: e,
+			previewUrl: URL.createObjectURL(e)
+		}))));
+	}, [t]), I(() => () => {
+		b.current.forEach((e) => URL.revokeObjectURL(e.previewUrl));
+	}, []);
+	let x = F((e) => {
+		i?.(e.map((e) => e.file));
+	}, [i]), S = F((e) => {
+		s || g((t) => {
+			let n = o === void 0 ? e.length : Math.max(0, o - t.length), r = e.slice(0, n).map((e) => ({
+				id: Wt(),
+				file: e,
+				previewUrl: URL.createObjectURL(e)
+			})), i = [...t, ...r];
+			return x(i), i;
+		});
+	}, [
+		s,
+		x,
+		o
+	]), C = F((e) => {
+		g((t) => {
+			let n = t.find((t) => t.id === e);
+			n && URL.revokeObjectURL(n.previewUrl);
+			let r = t.filter((t) => t.id !== e);
+			return x(r), r;
+		});
+	}, [x]), w = F((e) => {
+		let t = e.target.files;
+		!t || t.length === 0 || (S(Array.from(t)), m.current && (m.current.value = ""));
+	}, [S]), T = F((e) => {
+		e.preventDefault(), e.stopPropagation(), s || v(!0);
+	}, [s]), E = F((e) => {
+		e.preventDefault(), e.stopPropagation(), v(!1);
+	}, []), D = F((e) => {
+		if (e.preventDefault(), e.stopPropagation(), v(!1), s) return;
+		let t = e.dataTransfer?.files;
+		!t || t.length === 0 || S(Array.from(t));
+	}, [S, s]), O = F((e) => {
+		let { active: t, over: n } = e;
+		!n || t.id === n.id || g((e) => {
+			let r = e.findIndex((e) => e.id === t.id), i = e.findIndex((e) => e.id === n.id);
+			if (r === -1 || i === -1) return e;
+			let a = [...e], [o] = a.splice(r, 1);
+			return a.splice(i, 0, o), x(a), a;
+		});
+	}, [x]), k = R(() => h.map((e) => e.id), [h]), A = o !== void 0 && h.length >= o;
+	return /* @__PURE__ */ U("div", {
+		className: n("space-y-3", l),
+		children: [
+			/* @__PURE__ */ H(pe, {
+				sensors: y,
+				onDragEnd: O,
+				children: /* @__PURE__ */ H(ye, {
+					items: k,
+					strategy: be,
+					children: /* @__PURE__ */ U("div", {
+						className: n("grid grid-cols-2 gap-2", "sm:grid-cols-3 md:grid-cols-4"),
+						children: [h.map((e, t) => /* @__PURE__ */ H(Gt, {
+							item: e,
+							isFirst: t === 0,
+							disabled: s,
+							onRemove: () => C(e.id),
+							strings: f,
+							tileClassName: u
+						}, e.id)), !A && /* @__PURE__ */ U("div", {
+							role: "button",
+							tabIndex: s ? -1 : 0,
+							"aria-disabled": s || void 0,
+							"aria-invalid": c || void 0,
+							onClick: () => !s && m.current?.click(),
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m.current?.click());
+							},
+							onDragEnter: T,
+							onDragOver: T,
+							onDragLeave: E,
+							onDrop: D,
+							className: n("flex aspect-square items-center justify-center rounded-lg border border-dashed text-center outline-none transition-colors", "hover:border-primary hover:bg-primary/5 hover:text-primary focus-visible:ring-2 focus-visible:ring-ring/50", c ? "border-destructive" : "border-muted-foreground/40", s && "cursor-not-allowed opacity-50", !s && _ && "border-primary bg-primary/10 text-primary"),
+							children: [/* @__PURE__ */ H("input", {
+								id: p,
+								ref: m,
+								type: "file",
+								className: "sr-only",
+								accept: a,
+								multiple: !0,
+								disabled: s,
+								onChange: w
+							}), /* @__PURE__ */ U("div", {
+								className: "flex flex-col items-center gap-2 px-2",
+								children: [/* @__PURE__ */ H(ne, {
+									className: "size-5 text-muted-foreground",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ H(r, {
+									size: "xs",
+									weight: "medium",
+									children: _ ? f.dragOver : f.addInstruction
+								})]
+							})]
+						})]
+					})
+				})
+			}),
+			!!A && /* @__PURE__ */ H(r, {
+				size: "xs",
+				type: "secondary",
+				children: f.maxReached
+			}),
+			!A && !!f.helper && /* @__PURE__ */ H(r, {
+				size: "xs",
+				type: "secondary",
+				children: f.helper
+			})
+		]
+	});
+}
+Kt.displayName = "MediaGallery";
+//#endregion
+//#region src/components/base/forms/fields/upload-progress-list.tsx
+var qt = {
+	queued: "Queued",
+	uploading: "Uploading",
+	done: "Uploaded",
+	error: "Failed",
+	cancelled: "Cancelled",
+	cancel: "Cancel",
+	retry: "Retry",
+	remove: "Remove"
+}, Jt = {
+	queued: {
+		icon: Y,
+		bg: "bg-muted",
+		fg: "text-muted-foreground",
+		bar: "bg-muted-foreground/30"
+	},
+	uploading: {
+		icon: se,
+		bg: "bg-primary/15",
+		fg: "text-primary",
+		bar: "bg-primary"
+	},
+	done: {
+		icon: K,
+		bg: "bg-success/15",
+		fg: "text-success",
+		bar: "bg-success"
+	},
+	error: {
+		icon: W,
+		bg: "bg-destructive/15",
+		fg: "text-destructive",
+		bar: "bg-destructive"
+	},
+	cancelled: {
+		icon: le,
+		bg: "bg-muted",
+		fg: "text-muted-foreground",
+		bar: "bg-muted-foreground/30"
+	}
+};
+function Yt({ items: t, onCancel: i, onRetry: a, onRemove: o, className: c, strings: l }) {
+	let u = e(qt, l), d = {
+		queued: u.queued,
+		uploading: u.uploading,
+		done: u.done,
+		error: u.error,
+		cancelled: u.cancelled
+	};
+	return t.length === 0 ? null : /* @__PURE__ */ H("ul", {
+		className: n("upload-progress-list--component", "space-y-2", c),
+		children: t.map((e) => {
+			let t = Jt[e.status], c = t.icon, l = e.status === "done" ? 100 : e.status === "cancelled" || e.status === "error" ? e.progress ?? 0 : Math.max(0, Math.min(100, e.progress ?? 0)), f = e.status === "uploading" || e.status === "queued";
+			return /* @__PURE__ */ H("li", {
+				className: "rounded-md border border-border/60 bg-card px-3 py-2",
+				children: /* @__PURE__ */ U("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ H("span", {
+							className: n("inline-flex size-7 shrink-0 items-center justify-center rounded-md", t.bg, t.fg),
+							children: /* @__PURE__ */ H(c, { className: n("size-3.5", e.status === "uploading" && "animate-pulse") })
+						}),
+						/* @__PURE__ */ U("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ U("div", {
+								className: "flex items-baseline justify-between gap-2",
+								children: [/* @__PURE__ */ H(r, {
+									weight: "medium",
+									className: "truncate",
+									children: e.name
+								}), /* @__PURE__ */ H(r, {
+									size: "xxs",
+									type: "secondary",
+									className: "shrink-0 tabular-nums",
+									children: e.size
+								})]
+							}), f ? /* @__PURE__ */ H("div", {
+								className: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-muted",
+								children: /* @__PURE__ */ H("div", {
+									className: n("h-full rounded-full transition-[width] duration-200", t.bar),
+									style: { width: `${l}%` }
+								})
+							}) : /* @__PURE__ */ U(r, {
+								size: "xxs",
+								type: e.status === "error" ? "error" : "secondary",
+								children: [d[e.status], e.status === "error" && !!e.error && ` — ${e.error}`]
+							})]
+						}),
+						/* @__PURE__ */ U("div", {
+							className: "flex shrink-0 items-center gap-1",
+							children: [
+								e.status === "uploading" && !!i && /* @__PURE__ */ H(s, {
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-xs",
+									"aria-label": u.cancel,
+									onClick: () => i(e.id),
+									children: /* @__PURE__ */ H(le, { className: "size-3.5" })
+								}),
+								e.status === "error" && !!a && /* @__PURE__ */ H(s, {
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-xs",
+									"aria-label": u.retry,
+									onClick: () => a(e.id),
+									children: /* @__PURE__ */ H(ie, { className: "size-3.5" })
+								}),
+								(e.status === "done" || e.status === "error" || e.status === "cancelled") && !!o && /* @__PURE__ */ H(s, {
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-xs",
+									"aria-label": u.remove,
+									onClick: () => o(e.id),
+									children: /* @__PURE__ */ H(le, { className: "size-3.5" })
+								})
+							]
+						})
+					]
+				})
+			}, e.id);
+		})
+	});
+}
+Yt.displayName = "UploadProgressList";
+//#endregion
+//#region src/components/base/forms/fields/upload-tray.tsx
+var Xt = {
+	heading: "Upload progress",
+	completedLabel: "Completed",
+	failedLabel: "Failed",
+	uploadingLabel: "Uploading",
+	queuedLabel: "Queued",
+	clearAll: "Clear all"
+};
+function Zt(e) {
+	let t = 0, n = 0, r = 0, i = 0;
+	for (let a of e) a.status === "done" ? t += 1 : a.status === "error" ? n += 1 : a.status === "uploading" ? r += 1 : a.status === "queued" && (i += 1);
+	return {
+		completed: t,
+		failed: n,
+		uploading: r,
+		queued: i
+	};
+}
+var Qt = N(function({ items: t, onAddFiles: i, onCancel: a, onRetry: c, onRemove: l, onClearAll: u, dropzone: d, className: f, strings: p, listStrings: m }, h) {
+	let g = e(Xt, p), { completed: _, failed: v, uploading: y, queued: b } = Zt(t), x = F((e) => {
+		e.length > 0 && i(e);
+	}, [i]), S = t.length > 0;
+	return /* @__PURE__ */ U("div", {
+		ref: h,
+		className: n("upload-tray--component", "flex flex-col gap-4", f),
+		children: [/* @__PURE__ */ H(Lt, {
+			onDrop: x,
+			accept: d?.accept,
+			multiple: d?.multiple,
+			size: d?.size,
+			disabled: d?.disabled,
+			invalid: d?.invalid,
+			strings: d?.strings
+		}), !!S && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ U("div", {
+			className: "flex flex-wrap items-center justify-between gap-2",
+			children: [/* @__PURE__ */ U("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ H(r, {
+						tag: "span",
+						weight: "semibold",
+						children: g.heading
+					}),
+					_ > 0 && /* @__PURE__ */ U(o, {
+						variant: "success",
+						children: [
+							g.completedLabel,
+							": ",
+							_
+						]
+					}),
+					v > 0 && /* @__PURE__ */ U(o, {
+						variant: "destructive",
+						children: [
+							g.failedLabel,
+							": ",
+							v
+						]
+					}),
+					y > 0 && /* @__PURE__ */ U(o, {
+						variant: "info",
+						children: [
+							g.uploadingLabel,
+							": ",
+							y
+						]
+					}),
+					b > 0 && /* @__PURE__ */ U(o, {
+						variant: "secondary",
+						children: [
+							g.queuedLabel,
+							": ",
+							b
+						]
+					})
+				]
+			}), !!u && /* @__PURE__ */ H(s, {
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: u,
+				children: g.clearAll
+			})]
+		}), /* @__PURE__ */ H(Yt, {
+			items: t,
+			onCancel: a,
+			onRetry: c,
+			onRemove: l,
+			strings: m
+		})] })]
+	});
+});
+Qt.displayName = "UploadTray";
+//#endregion
+//#region src/components/base/forms/fields/repeaters.strings.ts
+var $t = {
+	emptyState: "No items added yet.",
+	addItem: "Add item",
+	removeAriaLabel: "Remove item"
+}, en = {
+	emptyState: $t.emptyState,
+	addButton: $t.addItem,
+	removeAriaLabel: $t.removeAriaLabel,
+	dragHandleAriaLabel: "Drag to reorder"
+};
+function tn({ item: e, index: t, sortable: r, rowVariant: i, removeVariant: a, hideRemove: o, disabled: c, strings: l, onRemove: u, renderRow: d }) {
+	let f = Se({
+		id: e.id,
+		disabled: c || !r
+	}), p = r ? f.isDragging : !1, m = r ? {
+		transform: we.Transform.toString(f.transform),
+		transition: f.transition,
+		opacity: p ? .6 : 1
+	} : void 0, h = r ? f.setNodeRef : void 0, g = r ? f.attributes : {}, _ = r ? f.listeners : void 0, v = r ? /* @__PURE__ */ H("button", {
+		type: "button",
+		"aria-label": l.dragHandleAriaLabel,
+		className: n("inline-flex size-9 shrink-0 items-center justify-center rounded-md", "text-muted-foreground/50 hover:text-foreground hover:bg-muted", "cursor-grab active:cursor-grabbing", "outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "transition-colors", c && "pointer-events-none opacity-50"),
+		...g,
+		..._,
+		children: /* @__PURE__ */ H(ee, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	}) : null, y = o ? null : a === "icon-button" ? /* @__PURE__ */ H(s, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "outline",
+		size: "sm",
+		"aria-label": l.removeAriaLabel,
+		disabled: c,
+		onClick: () => u(t),
+		className: "shrink-0",
+		children: /* @__PURE__ */ H(ae, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	}) : /* @__PURE__ */ H("button", {
+		type: "button",
+		"aria-label": l.removeAriaLabel,
+		disabled: c,
+		onClick: () => u(t),
+		className: n("inline-flex size-9 shrink-0 items-center justify-center rounded-md", "text-muted-foreground/70 hover:bg-destructive/10 hover:text-destructive", "outline-none focus-visible:ring-2 focus-visible:ring-ring/50", "transition-colors", "disabled:pointer-events-none disabled:opacity-50"),
+		children: /* @__PURE__ */ H(le, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	});
+	return i === "card" ? /* @__PURE__ */ H("div", {
+		ref: h,
+		style: m,
+		className: n("repeater--component", "relative rounded-md border border-input bg-card p-4", r && "pl-2"),
+		children: /* @__PURE__ */ U("div", {
+			className: "flex items-start gap-2",
+			children: [
+				v,
+				/* @__PURE__ */ H("div", {
+					className: "min-w-0 flex-1",
+					children: d(e, {
+						index: t,
+						isDragging: p
+					})
+				}),
+				y
+			]
+		})
+	}) : /* @__PURE__ */ U("div", {
+		ref: h,
+		style: m,
+		className: "flex items-start gap-2",
+		children: [
+			v,
+			/* @__PURE__ */ H("div", {
+				className: "min-w-0 flex-1",
+				children: d(e, {
+					index: t,
+					isDragging: p
+				})
+			}),
+			y
+		]
+	});
+}
+function nn({ items: t, renderRow: i, onAdd: a, onRemove: o, onMove: c, sortable: l = !1, rowVariant: u = "inline", removeVariant: d = "ghost", hideRemove: f = !1, hideAdd: p = !1, disabled: m = !1, strings: h, className: g }) {
+	let _ = e(en, h), v = ve(_e(he, { activationConstraint: { distance: 4 } }), _e(me, { coordinateGetter: xe })), y = F((e) => {
+		let { active: n, over: r } = e;
+		if (!r || n.id === r.id) return;
+		let i = t.findIndex((e) => e.id === n.id), a = t.findIndex((e) => e.id === r.id);
+		i < 0 || a < 0 || c?.(i, a);
+	}, [t, c]), b = R(() => t.map((e) => e.id), [t]), x = /* @__PURE__ */ H("div", {
+		className: "space-y-2",
+		children: t.map((e, t) => /* @__PURE__ */ H(tn, {
+			item: e,
+			index: t,
+			sortable: l,
+			rowVariant: u,
+			removeVariant: d,
+			hideRemove: f,
+			disabled: m,
+			strings: _,
+			onRemove: o,
+			renderRow: i
+		}, e.id))
+	});
+	return /* @__PURE__ */ U("div", {
+		className: n("space-y-3", g),
+		children: [t.length === 0 ? /* @__PURE__ */ H("div", {
+			className: "rounded-md border border-dashed border-input p-4",
+			children: /* @__PURE__ */ H(r, {
+				type: "secondary",
+				children: _.emptyState
+			})
+		}) : l ? /* @__PURE__ */ H(pe, {
+			sensors: v,
+			collisionDetection: ge,
+			onDragEnd: y,
+			children: /* @__PURE__ */ H(ye, {
+				items: b,
+				strategy: Ce,
+				children: x
+			})
+		}) : x, !p && /* @__PURE__ */ U(s, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "outline",
+			size: "sm",
+			disabled: m,
+			onClick: a,
+			children: [/* @__PURE__ */ H(re, { className: "size-4 mr-1.5" }), _.addButton]
+		})]
+	});
+}
+nn.displayName = "Repeater";
+//#endregion
+//#region src/components/base/forms/fields/key-value-editor.tsx
+var rn = {
+	keyLabel: "Key",
+	valueLabel: "Value",
+	keyPlaceholder: "key",
+	valuePlaceholder: "value",
+	addButton: "Add row",
+	removeRowAriaLabel: "Remove row",
+	emptyState: "No rows yet."
+}, an = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2, 10), on = P(function({ row: e, keyPlaceholder: t, valuePlaceholder: r, invalid: i, onKeyChange: a, onValueChange: o }) {
+	let { id: s, key: c, value: l } = e;
+	return /* @__PURE__ */ U("div", {
+		className: n("key-value-editor--component", "grid grid-cols-1 md:grid-cols-2 gap-2"),
+		children: [/* @__PURE__ */ H(m, {
+			value: c ?? "",
+			placeholder: t,
+			onChange: (e) => a(s, e.target.value),
+			invalid: i
+		}), /* @__PURE__ */ H(m, {
+			value: l ?? "",
+			placeholder: r,
+			onChange: (e) => o(s, e.target.value),
+			invalid: i
+		})]
+	});
+});
+function sn({ value: t, onChange: r, invalid: a, sortable: o = !1, keyPlaceholder: s, valuePlaceholder: c, keyLabel: l, valueLabel: u, addButtonText: d, strings: f }) {
+	let p = e(rn, {
+		...s === void 0 ? {} : { keyPlaceholder: s },
+		...c === void 0 ? {} : { valuePlaceholder: c },
+		...l === void 0 ? {} : { keyLabel: l },
+		...u === void 0 ? {} : { valueLabel: u },
+		...d === void 0 ? {} : { addButton: d },
+		...f
+	}), m = z(!1), [h, g] = B(() => t && Object.keys(t).length > 0 ? Object.entries(t).map(([e, t]) => ({
+		id: an(),
+		key: e,
+		value: String(t ?? "")
+	})) : [{
+		id: an(),
+		key: "",
+		value: ""
+	}]), _ = F((e) => {
+		let t = {};
+		e.forEach(({ key: e, value: n }) => {
+			e.trim() !== "" && (t[e] = n ?? "");
+		}), m.current = !0, r?.(t), queueMicrotask(() => {
+			m.current = !1;
+		});
+	}, [r]), v = F((e, t) => {
+		g((n) => {
+			let r = n.map((n) => n.id === e ? {
+				...n,
+				key: t
+			} : n);
+			return _(r), r;
+		});
+	}, [_]), y = F((e, t) => {
+		g((n) => {
+			let r = n.map((n) => n.id === e ? {
+				...n,
+				value: t
+			} : n);
+			return _(r), r;
+		});
+	}, [_]), b = F(() => {
+		g((e) => {
+			let t = [...e, {
+				id: an(),
+				key: "",
+				value: ""
+			}];
+			return _(t), t;
+		});
+	}, [_]), x = F((e) => {
+		g((t) => {
+			let n = t.filter((t, n) => n !== e), r = n.length ? n : [{
+				id: an(),
+				key: "",
+				value: ""
+			}];
+			return _(r), r;
+		});
+	}, [_]), S = F((e, t) => {
+		g((n) => {
+			let r = [...n], [i] = r.splice(e, 1);
+			return r.splice(t, 0, i), _(r), r;
+		});
+	}, [_]);
+	return /* @__PURE__ */ U("div", {
+		className: "space-y-2",
+		children: [(!!p.keyLabel || !!p.valueLabel) && /* @__PURE__ */ U("div", {
+			className: n("grid grid-cols-1 md:grid-cols-2 gap-2", o ? "pl-11" : "", "pr-11"),
+			children: [!!p.keyLabel && /* @__PURE__ */ H(i, {
+				className: "flex items-center",
+				children: p.keyLabel
+			}), !!p.valueLabel && /* @__PURE__ */ H(i, {
+				className: "flex items-center",
+				children: p.valueLabel
+			})]
+		}), /* @__PURE__ */ H(nn, {
+			items: h,
+			sortable: o,
+			onAdd: b,
+			onRemove: x,
+			onMove: S,
+			strings: {
+				emptyState: p.emptyState,
+				addButton: p.addButton,
+				removeAriaLabel: p.removeRowAriaLabel
+			},
+			renderRow: (e) => /* @__PURE__ */ H(on, {
+				row: e,
+				keyPlaceholder: p.keyPlaceholder,
+				valuePlaceholder: p.valuePlaceholder,
+				invalid: a,
+				onKeyChange: v,
+				onValueChange: y
+			})
+		})]
+	});
+}
+sn.displayName = "KeyValueEditor";
+//#endregion
+//#region src/components/base/forms/fields/string-repeater.tsx
+var cn = {
+	placeholder: "Enter value",
+	addButton: "Add item",
+	...$t
+};
+function ln({ name: t, placeholder: n, addButtonText: r, emptyMessage: i, invalid: a, sortable: o = !1, strings: s }) {
+	let c = e(cn, {
+		...n === void 0 ? {} : { placeholder: n },
+		...r === void 0 ? {} : { addButton: r },
+		...i === void 0 ? {} : { emptyState: i },
+		...s
+	}), { control: l, register: u } = De(), { fields: d, append: f, remove: p, move: h } = Te({
+		control: l,
+		name: t
+	});
+	return /* @__PURE__ */ H(nn, {
+		className: "string-repeater--component",
+		items: d,
+		sortable: o,
+		onAdd: () => f(""),
+		onRemove: (e) => p(e),
+		onMove: (e, t) => h(e, t),
+		strings: {
+			emptyState: c.emptyState,
+			addButton: c.addButton,
+			removeAriaLabel: c.removeAriaLabel
+		},
+		renderRow: (e, { index: n }) => /* @__PURE__ */ H(m, {
+			...u(`${t}.${n}`),
+			placeholder: c.placeholder,
+			invalid: a
+		})
+	});
+}
+ln.displayName = "StringRepeater";
+//#endregion
+//#region src/components/base/forms/fields/object-repeater.tsx
+var un = {
+	addButton: "Add item",
+	...$t
+};
+function dn({ name: t, fields: r, addButtonText: i, emptyMessage: a, invalid: o, sortable: s = !1, strings: c }) {
+	let l = e(un, {
+		...i === void 0 ? {} : { addButton: i },
+		...a === void 0 ? {} : { emptyState: a },
+		...c
+	}), { control: u, register: d } = De(), { fields: f, append: p, remove: h, move: g } = Te({
+		control: u,
+		name: t
+	}), _ = F(() => r.reduce((e, t) => (e[t.name] = "", e), {}), [r]);
+	return /* @__PURE__ */ H(nn, {
+		items: f,
+		sortable: s,
+		rowVariant: "card",
+		removeVariant: "ghost",
+		onAdd: () => p(_()),
+		onRemove: (e) => h(e),
+		onMove: (e, t) => g(e, t),
+		strings: {
+			emptyState: l.emptyState,
+			addButton: l.addButton,
+			removeAriaLabel: l.removeAriaLabel
+		},
+		renderRow: (e, { index: i }) => /* @__PURE__ */ H("div", {
+			className: n("object-repeater--component", "space-y-3"),
+			children: r.map((e) => {
+				let n = `${t}.${i}.${e.name}`;
+				return /* @__PURE__ */ H(E, {
+					label: e.label,
+					required: e.required,
+					hint: e.hint,
+					htmlFor: n,
+					children: e.type === "textarea" ? /* @__PURE__ */ H(v, {
+						...d(n),
+						id: n,
+						placeholder: e.placeholder,
+						minRows: 3,
+						invalid: o
+					}) : /* @__PURE__ */ H(m, {
+						...d(n),
+						id: n,
+						type: e.type || "text",
+						placeholder: e.placeholder,
+						invalid: o
+					})
+				}, e.name);
+			})
+		})
+	});
+}
+dn.displayName = "ObjectRepeater";
+//#endregion
+//#region src/components/base/forms/fields/list.tsx
+var fn = {
+	addButton: "Add item",
+	emptyState: $t.emptyState,
+	dragHandle: "Drag to reorder",
+	removeAriaLabel: $t.removeAriaLabel
+};
+function pn({ name: t, placeholder: n, addButtonText: r, emptyMessage: i, disableSort: a = !1, invalid: o, strings: s }) {
+	let c = e(fn, {
+		...r === void 0 ? {} : { addButton: r },
+		...i === void 0 ? {} : { emptyState: i },
+		...s ?? {}
+	}), { control: l, register: u } = De(), { fields: d, append: f, remove: p, move: h } = Te({
+		control: l,
+		name: t
+	});
+	return /* @__PURE__ */ H(nn, {
+		className: "list--component",
+		items: d,
+		sortable: !a,
+		onAdd: () => f(""),
+		onRemove: (e) => p(e),
+		onMove: (e, t) => h(e, t),
+		strings: {
+			emptyState: c.emptyState,
+			addButton: c.addButton,
+			removeAriaLabel: c.removeAriaLabel,
+			dragHandleAriaLabel: c.dragHandle
+		},
+		renderRow: (e, { index: r }) => /* @__PURE__ */ H(m, {
+			...u(`${t}.${r}`),
+			placeholder: n,
+			invalid: o
+		})
+	});
+}
+pn.displayName = "List";
+//#endregion
+//#region src/components/base/forms/fields/pill-radio-group.tsx
+function mn({ name: e, value: r, options: i, onChange: a, allowClear: o = !1, size: s, fullWidth: c = !1, disabled: l = !1, invalid: u = !1, className: d }) {
+	let { defaultControlSize: f } = t(), p = h(s, f), m = j.useCallback((e) => {
+		e === r ? o && a(null) : a(e);
+	}, [
+		o,
+		a,
+		r
+	]);
+	return /* @__PURE__ */ H("div", {
+		"data-name": e,
+		role: "radiogroup",
+		"aria-invalid": u || void 0,
+		className: n("pill-radio-group--component", "border-input inline-flex items-center overflow-hidden rounded-lg border", c && "w-full", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20", l && "pointer-events-none opacity-50", d),
+		children: i.map((e, t) => {
+			let i = e.value === r, a = e.icon;
+			return /* @__PURE__ */ U("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": i,
+				"aria-label": (typeof e.label == "string" ? e.label : void 0) || e.value,
+				disabled: l || e.disabled,
+				onClick: () => m(e.value),
+				className: n("inline-flex select-none items-center justify-center font-medium transition-colors", "focus-visible:ring-ring/50 outline-none focus-visible:z-10 focus-visible:ring-2", "disabled:pointer-events-none disabled:opacity-50", k[p], c && "flex-1", t > 0 && "border-input border-l", i ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted"),
+				children: [!!a && /* @__PURE__ */ H(a, { className: n("size-3.5", e.label && "mr-1.5") }), e.label]
+			}, e.value);
+		})
+	});
+}
+mn.displayName = "PillRadioGroup";
+//#endregion
+//#region src/components/base/forms/fields/localized-string-field.tsx
+function hn({ name: e, type: t = "text", placeholder: r, primaryLocale: i, secondaryLocale: a, activeLocale: o, invalid: s, className: c }) {
+	let { register: l } = De(), u = `${e}.${o === "primary" ? i : a}`;
+	return t === "textarea" ? /* @__PURE__ */ H(v, {
+		...l(u),
+		placeholder: r,
+		minRows: 3,
+		invalid: s,
+		className: n("localized-string-field--component", c)
+	}) : /* @__PURE__ */ H(m, {
+		...l(u),
+		type: t === "number" ? "number" : "text",
+		placeholder: r,
+		invalid: s,
+		className: c
+	});
+}
+hn.displayName = "LocalizedStringField";
+//#endregion
+//#region src/components/base/forms/fields/localized-object-field.tsx
+function gn({ name: e, fields: t, primaryLocale: n, secondaryLocale: r, activeLocale: a, invalid: o, className: s }) {
+	let { register: c } = De(), l = a === "primary" ? n : r;
+	return /* @__PURE__ */ H("div", {
+		className: `w-full space-y-3 rounded-md border p-4 ${s ?? ""}`,
+		children: t.map((t) => {
+			let n = `${e}.${l}.${t.name}`;
+			return /* @__PURE__ */ U("div", {
+				className: "w-full space-y-1.5",
+				children: [/* @__PURE__ */ U(i, {
+					htmlFor: n,
+					children: [t.label, !!t.required && /* @__PURE__ */ H("span", {
+						className: "text-destructive ml-1",
+						children: "*"
+					})]
+				}), t.type === "textarea" ? /* @__PURE__ */ H(v, {
+					...c(n),
+					placeholder: t.placeholder,
+					minRows: 3,
+					invalid: o
+				}) : /* @__PURE__ */ H(m, {
+					...c(n),
+					type: t.type === "number" ? "number" : "text",
+					placeholder: t.placeholder,
+					invalid: o
+				})]
+			}, t.name);
+		})
+	});
+}
+gn.displayName = "LocalizedObjectField";
+//#endregion
+//#region src/components/base/forms/fields/localized-string-repeater.tsx
+var _n = {
+	placeholder: "Enter value",
+	addButton: $t.addItem,
+	emptyState: $t.emptyState,
+	removeAriaLabel: $t.removeAriaLabel
+};
+function vn({ name: t, placeholder: n, addButtonText: r, emptyMessage: i, primaryLocale: a, secondaryLocale: o, activeLocale: s, invalid: c, sortable: l = !1, strings: u }) {
+	let d = e(_n, {
+		...n === void 0 ? {} : { placeholder: n },
+		...r === void 0 ? {} : { addButton: r },
+		...i === void 0 ? {} : { emptyState: i },
+		...u ?? {}
+	}), { control: f, register: p } = De(), m = `${t}.${s === "primary" ? a : o}`, { fields: h, append: g, remove: _, move: y } = Te({
+		control: f,
+		name: m
+	});
+	return /* @__PURE__ */ H(nn, {
+		className: "localized-string-repeater--component",
+		items: h,
+		sortable: l,
+		onAdd: () => g(""),
+		onRemove: (e) => _(e),
+		onMove: (e, t) => y(e, t),
+		strings: {
+			emptyState: d.emptyState,
+			addButton: d.addButton,
+			removeAriaLabel: d.removeAriaLabel
+		},
+		renderRow: (e, { index: t }) => /* @__PURE__ */ H(v, {
+			...p(`${m}.${t}`),
+			placeholder: d.placeholder,
+			minRows: 2,
+			invalid: c
+		})
+	});
+}
+vn.displayName = "LocalizedStringRepeater";
+//#endregion
+//#region src/components/base/forms/operation-password-form.tsx
+function yn(e) {
+	let { formId: t, onSubmit: i, errors: a, isLoading: o, label: s } = e, c = ((e) => {
+		let t = a?.[e];
+		return Array.isArray(t) ? t[0] : t;
+	})("password"), l = c ? () => c : void 0, u = (Array.isArray(a?.general) ? a.general[0] : a?.general) || (Array.isArray(a?.server) ? a.server[0] : a?.server), { handleSubmit: d, control: f } = Ee({ defaultValues: R(() => ({ password: "" }), []) }), p = async (e) => {
+		await i({ password: e.password });
+	}, h = !!o;
+	return /* @__PURE__ */ U("form", {
+		id: t,
+		onSubmit: d(p),
+		className: n("operation-password-form--component", "space-y-4"),
+		children: [!!u && /* @__PURE__ */ H(r, {
+			type: "error",
+			children: u
+		}), /* @__PURE__ */ H(D, {
+			name: "password",
+			control: f,
+			error: l,
+			label: s,
+			required: !0,
+			children: (e, t, n) => /* @__PURE__ */ H(m, {
+				type: "password",
+				value: e.value ?? "",
+				onChange: e.onChange,
+				onBlur: e.onBlur,
+				name: e.name,
+				invalid: n,
+				disabled: h,
+				autoFocus: !0
+			})
+		})]
+	});
+}
+yn.displayName = "OperationPasswordForm";
+//#endregion
+export { st as A, Fe as B, jt as C, gt as D, xt as E, qe as F, Ne as H, ze as I, Be as L, $e as M, Ze as N, ht as O, Xe as P, Ke as R, Nt as S, Et as T, Oe as U, Pe as V, Ht as _, mn as a, Lt as b, ln as c, en as d, Qt as f, Kt as g, qt as h, hn as i, nt as j, ut as k, sn as l, Yt as m, vn as n, pn as o, Xt as p, gn as r, dn as s, yn as t, nn as u, Vt as v, Ot as w, Pt as x, Rt as y, Le as z };
+
+//# sourceMappingURL=forms-BusuTZZ2.js.map