admin-ui-starter-kit 0.5.0 → 0.6.2

package/dist/_shared/forms-qnwoUqxf.js

@@ -0,0 +1,3533 @@
+import { useStrings as e } from "../lib/strings.js";
+import { o as t } from "./ui-provider-Dj6OSOZi.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./button-DHksjMvc.js";
+import { n as i } from "./buttons-MxvdokeK.js";
+import { a, i as o, s } from "./typography-DE0NGEIE.js";
+import { t as c } from "./badge-a2Z3K5aQ.js";
+import { t as l } from "./cards-CtBoSZG9.js";
+import { i as u, n as d, r as f, t as p } from "./alert-m-4s0Hqq.js";
+import { t as m } from "./input-CfnHBT--.js";
+import { n as h } from "./checkbox-Cbh5x6ad.js";
+import { a as g, c as _, f as v, l as y, s as b, u as x } from "./form-sizing-C51oI3Di.js";
+import { t as S } from "./textarea-ChLRmmVU.js";
+import { a as C, i as w, n as T, o as E, r as D, t as O } from "./select-BwUUXpsb.js";
+import { A as k, D as A, E as j } from "./display-B0wLVN8t.js";
+import { i as M, r as N } from "./card-radio-group-Fdi1Cz1j.js";
+import { n as P, t as F } from "./date-picker-DFkLiveH.js";
+import { n as I, s as L, t as R } from "./popover-xVENY0Ax.js";
+import * as z from "react";
+import B, { forwardRef as V, memo as H, useCallback as U, useEffect as W, useId as G, useMemo as K, useRef as q, useState as J } from "react";
+import { Fragment as ee, jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { AlertCircle as te, Camera as ne, Check as re, Circle as ie, Clock as ae, Eye as oe, EyeOff as se, File as ce, GripVertical as le, ImageIcon as ue, ImagePlus as de, Plus as fe, RefreshCw as pe, Trash2 as me, Trash2Icon as he, UploadCloud as ge, UploadIcon as _e, X as ve } from "lucide-react";
+import { Switch as ye } from "@base-ui/react/switch";
+import { Slider as be } from "@base-ui/react/slider";
+import { Radio as xe } from "@base-ui/react/radio";
+import { RadioGroup as Se } from "@base-ui/react/radio-group";
+import { DndContext as Ce, KeyboardSensor as we, PointerSensor as Te, closestCenter as Ee, useSensor as De, useSensors as Oe } from "@dnd-kit/core";
+import { SortableContext as ke, rectSortingStrategy as Ae, sortableKeyboardCoordinates as je, useSortable as Me, verticalListSortingStrategy as Ne } from "@dnd-kit/sortable";
+import { CSS as Pe } from "@dnd-kit/utilities";
+import { useFieldArray as Fe, useForm as Ie, useFormContext as Le } from "react-hook-form";
+//#region src/components/base/forms/fields/password-input.tsx
+var Re = {
+	showPassword: "Show password",
+	hidePassword: "Hide password"
+}, ze = z.forwardRef(function({ visible: t, defaultVisible: r = !1, onVisibilityChange: i, revealable: a = !0, wrapperClassName: o, visibilityButtonClassName: s, className: c, disabled: l, isLoading: u, inputStrings: d, strings: f, ...p }, h) {
+	let g = e(Re, f), [_, v] = z.useState(r), y = t !== void 0, b = y ? t : _, x = l || u, S = z.useCallback(() => {
+		let e = !b;
+		y || v(e), i?.(e);
+	}, [
+		y,
+		b,
+		i
+	]);
+	return /* @__PURE__ */ X("div", {
+		className: n("password-input--component", "relative", o),
+		children: [/* @__PURE__ */ Y(m, {
+			ref: h,
+			type: b ? "text" : "password",
+			disabled: l,
+			isLoading: u,
+			className: n(a && "pe-10", c),
+			strings: d,
+			...p
+		}), !!a && /* @__PURE__ */ Y("button", {
+			type: "button",
+			className: n("password-input--toggle", "text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", s),
+			"aria-label": b ? g.hidePassword : g.showPassword,
+			"aria-pressed": b,
+			disabled: x,
+			onMouseDown: (e) => e.preventDefault(),
+			onClick: S,
+			children: Y(b ? se : oe, {
+				className: "size-4",
+				"aria-hidden": "true"
+			})
+		})]
+	});
+});
+ze.displayName = "PasswordInput";
+//#endregion
+//#region src/components/base/forms/fields/slug-field.tsx
+function Be(e, { separator: t = "-", lowercase: n = !0, trim: r = !0 } = {}) {
+	let i = t || "-", a = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o = String(e ?? "").normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/&/g, " and ").replace(/['’]/g, "");
+	return n && (o = o.toLowerCase()), o = o.replace(/[^\p{Letter}\p{Number}]+/gu, i).replace(RegExp(`${a}{2,}`, "g"), i), r && (o = o.replace(RegExp(`^${a}|${a}$`, "g"), "")), o;
+}
+var Ve = z.forwardRef(function({ value: e, slugify: t, separator: r = "-", lowercase: i = !0, trim: a = !0, wrapperClassName: o, className: s, ...c }, l) {
+	let u = z.useMemo(() => t?.(e) ?? Be(e, {
+		separator: r,
+		lowercase: i,
+		trim: a
+	}), [
+		i,
+		r,
+		t,
+		a,
+		e
+	]);
+	return /* @__PURE__ */ Y("div", {
+		className: n("slug-field--component", o),
+		children: /* @__PURE__ */ Y(m, {
+			ref: l,
+			...c,
+			type: "text",
+			value: u,
+			readOnly: !0,
+			className: s
+		})
+	});
+});
+Ve.displayName = "SlugField";
+//#endregion
+//#region src/components/base/forms/fields/select.tsx
+var He = { placeholder: "Select an option" }, Ue = "__select_empty__", We = (e) => e === "" || e === null ? Ue : e ?? void 0, Ge = (e) => {
+	if (e !== Ue) return e;
+}, Ke = H(V(({ 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: h, required: _, "aria-label": S, value: k, defaultValue: A }, j) => {
+	let M = e(He, a), { defaultControlSize: N } = t(), P = v(c, N), F = i ?? M.placeholder, I = K(() => {
+		let e = r.map((e) => ({
+			...e,
+			value: We(e.value) ?? ""
+		}));
+		return o && (e.some((e) => e.value === Ue) || e.unshift({
+			label: F,
+			value: Ue
+		})), e;
+	}, [
+		r,
+		o,
+		F
+	]), L = K(() => We(k), [k]), R = K(() => We(A), [A]), z = K(() => {
+		let e = L ?? R;
+		if (e !== void 0) return I.find((t) => t.value === e)?.label;
+	}, [
+		R,
+		I,
+		L
+	]), B = U((e) => {
+		e !== null && u?.(Ge(e));
+	}, [u]);
+	return /* @__PURE__ */ X(O, {
+		onValueChange: (e) => B(e),
+		disabled: d,
+		defaultOpen: f,
+		open: p,
+		onOpenChange: m,
+		name: h,
+		required: _,
+		value: L,
+		defaultValue: R,
+		children: [/* @__PURE__ */ Y(C, {
+			ref: j,
+			"aria-label": S,
+			"aria-invalid": !!s || void 0,
+			className: n("select--component", "flex w-full items-center justify-between rounded-radius border !shadow-none", "transition-[color,box-shadow] outline-none", x[P], y[P], b[P], "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__ */ Y(E, {
+				placeholder: F,
+				children: z
+			})
+		}), /* @__PURE__ */ Y(T, { children: /* @__PURE__ */ Y(D, { children: I.map((e) => /* @__PURE__ */ X(w, {
+			value: e.value,
+			disabled: e.disabled,
+			children: [!!e.icon && /* @__PURE__ */ X("div", {
+				className: n("flex items-center", b[P]),
+				children: [/* @__PURE__ */ Y("span", {
+					className: n(g[P], "shrink-0"),
+					children: e.icon
+				}), e.label]
+			}), !e.icon && e.label]
+		}, e.value)) }) })]
+	});
+}));
+Ke.displayName = "Select";
+//#endregion
+//#region src/components/ui/switch.tsx
+function qe({ className: e, size: t = "default", ...r }) {
+	return /* @__PURE__ */ Y(ye.Root, {
+		"data-slot": "switch",
+		"data-size": t,
+		className: n("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50", e),
+		...r,
+		children: /* @__PURE__ */ Y(ye.Thumb, {
+			"data-slot": "switch-thumb",
+			className: "bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform"
+		})
+	});
+}
+//#endregion
+//#region src/components/base/forms/fields/switch.tsx
+var Je = V(function({ onCheckedChange: e, invalid: t, className: r, ...i }, a) {
+	let o = G(), s = K(() => i.name ? String(i.name) : i.id ? String(i.id) : `switch-${o}`, [
+		o,
+		i.id,
+		i.name
+	]), c = i.id ?? s, l = U((t) => {
+		e?.({ target: {
+			name: s,
+			value: t
+		} });
+	}, [s, e]);
+	return /* @__PURE__ */ Y(qe, {
+		ref: a,
+		...i,
+		onCheckedChange: l,
+		id: c,
+		name: s,
+		"aria-invalid": t || void 0,
+		className: n("switch--component", t && "data-[state=unchecked]:border-destructive", r)
+	});
+});
+Je.displayName = "Switch";
+var Ye = V(function({ onCheckedChange: e, invalid: t, className: r, ...i }, a) {
+	return /* @__PURE__ */ Y(qe, {
+		ref: a,
+		...i,
+		onCheckedChange: (t) => e?.(t),
+		"aria-invalid": t || void 0,
+		className: n(t && "data-[state=unchecked]:border-destructive", r)
+	});
+});
+Ye.displayName = "ToggleSwitch";
+//#endregion
+//#region src/components/base/forms/fields/switch-card.tsx
+function Xe({ label: e, description: t, hint: r, icon: i, name: o, value: c, defaultValue: l, onChange: u, disabled: d = !1, invalid: f, className: p }) {
+	let m = c !== void 0, [h, g] = J(l ?? !1), _ = m ? c ?? !1 : h, v = G(), y = K(() => o ?? v, [o, v]), b = typeof t == "string" && t.trim() !== "", x = b ? `${y}-description` : void 0, S = U((e) => {
+		d || (m || g(e), u?.(e));
+	}, [
+		d,
+		m,
+		u
+	]), C = U((e) => {
+		e.target.closest("[role=\"switch\"]") || S(!_);
+	}, [_, S]);
+	return /* @__PURE__ */ X("div", {
+		"aria-invalid": f || void 0,
+		onClick: C,
+		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", p),
+		children: [
+			!!o && /* @__PURE__ */ Y("input", {
+				type: "hidden",
+				name: o,
+				value: _ ? "1" : "0",
+				"aria-hidden": "true"
+			}),
+			!!i && /* @__PURE__ */ Y("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/50 text-muted-foreground group-hover:bg-muted group-hover:text-foreground"),
+				children: /* @__PURE__ */ Y(i, { className: "size-4" })
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "min-w-0 flex-1 space-y-0.5",
+				children: [
+					/* @__PURE__ */ Y(a, {
+						htmlFor: y,
+						className: n("block font-semibold tracking-tight", d ? "cursor-not-allowed" : "cursor-pointer"),
+						children: e
+					}),
+					!!b && /* @__PURE__ */ Y(s, {
+						type: "secondary",
+						className: "leading-snug",
+						children: t
+					}),
+					!!r && /* @__PURE__ */ Y(s, {
+						size: "xs",
+						type: "discrete",
+						className: "leading-snug",
+						children: r
+					})
+				]
+			}),
+			/* @__PURE__ */ Y("div", {
+				className: "mt-1 flex shrink-0 items-center",
+				children: /* @__PURE__ */ Y(qe, {
+					id: y,
+					checked: _,
+					onCheckedChange: (e) => S(e),
+					disabled: d,
+					"aria-label": e,
+					"aria-describedby": x
+				})
+			}),
+			!!b && /* @__PURE__ */ Y("span", {
+				id: `${y}-description`,
+				className: "sr-only",
+				children: t
+			})
+		]
+	});
+}
+Xe.displayName = "SwitchCard";
+//#endregion
+//#region src/components/base/forms/fields/toggle-field.tsx
+function Ze({ label: e, description: t, kind: r = "switch", value: i, defaultValue: o, onChange: c, disabled: l = !1, invalid: u = !1, name: d, className: f, controlPosition: p = "trailing" }) {
+	let m = i !== void 0, [g, _] = J(o ?? !1), v = m ? i ?? !1 : g, y = G(), b = U((e) => {
+		l || (m || _(e), c?.(e));
+	}, [
+		l,
+		m,
+		c
+	]), x = (e) => {
+		e.target.closest("[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]") || b(!v);
+	}, S = r === "switch" ? /* @__PURE__ */ Y(qe, {
+		id: y,
+		name: d,
+		checked: v,
+		onCheckedChange: (e) => b(e),
+		disabled: l,
+		"aria-invalid": u || void 0
+	}) : /* @__PURE__ */ Y(h, {
+		id: y,
+		name: d,
+		checked: v,
+		onCheckedChange: (e) => b(e === !0),
+		disabled: l,
+		"aria-invalid": u || void 0
+	}), C = /* @__PURE__ */ X("div", {
+		className: "min-w-0 flex-1",
+		children: [/* @__PURE__ */ Y(a, {
+			htmlFor: y,
+			className: n("block leading-snug", l ? "cursor-not-allowed opacity-50" : "cursor-pointer"),
+			children: e
+		}), !!t && /* @__PURE__ */ Y(s, {
+			size: "xs",
+			type: "secondary",
+			className: "mt-0.5 leading-snug",
+			children: t
+		})]
+	});
+	return /* @__PURE__ */ X("div", {
+		role: "group",
+		onClick: x,
+		className: n("toggle-field--component", "flex items-start gap-3 rounded-md py-1", l && "pointer-events-none", f),
+		children: [
+			p === "leading" && /* @__PURE__ */ Y("div", {
+				className: "mt-0.5 flex shrink-0",
+				children: S
+			}),
+			C,
+			p === "trailing" && /* @__PURE__ */ Y("div", {
+				className: "mt-0.5 flex shrink-0",
+				children: S
+			})
+		]
+	});
+}
+Ze.displayName = "ToggleField";
+//#endregion
+//#region src/components/base/forms/fields/tags-input.tsx
+var Qe = {
+	placeholder: "Add a tag…",
+	emptyRecommendations: "No recommendations found.",
+	clearAll: "Clear all",
+	summary: (e, t) => `${e} / ${t} tags`
+};
+function $e({ value: t = [], onChange: r, placeholder: a, recommendations: o, 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(e(Qe, a !== void 0 || x !== void 0 ? {
+		placeholder: a,
+		emptyRecommendations: x
+	} : void 0), D), [k, A] = J(""), [j, M] = J(!1), [N, P] = J(-1), F = q(null), I = U((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]), L = U((e) => typeof t[0] == "string" || t.length === 0 ? e : w ? { [w]: e } : e, [w, t]), R = K(() => o ? o.map((e) => e && typeof e == "object" && "value" in e && "label" in e ? e : {
+		value: e,
+		label: I(e)
+	}) : [], [o, I]), z = K(() => {
+		if (!R.length || !k) return R;
+		let e = C ? k : k.toLowerCase(), n = new Set(t.map((e) => {
+			let t = I(e);
+			return C ? t : t.toLowerCase();
+		}));
+		return R.filter((t) => {
+			let r = C ? t.label : t.label.toLowerCase(), i = I(t.value), a = C ? i : i.toLowerCase();
+			return (r.includes(e) || a.includes(e)) && (d || !n.has(a));
+		});
+	}, [
+		R,
+		k,
+		t,
+		d,
+		C,
+		I
+	]), B = K(() => S ? [...t].sort((e, t) => {
+		let n = I(e), r = I(t);
+		return n.localeCompare(r);
+	}) : t, [
+		t,
+		S,
+		I
+	]), V = U((e) => {
+		let n = typeof e == "string" ? L(e) : e, i = I(n).trim();
+		if (!i || i.length < y || b && i.length > b || l && t.length >= l || !d && t.some((e) => {
+			let t = I(e);
+			return C ? t === i : t.toLowerCase() === i.toLowerCase();
+		}) || f && !f(n)) return;
+		let a = [...t, n];
+		r?.(a), A(""), M(!1), P(-1);
+	}, [
+		t,
+		r,
+		l,
+		d,
+		f,
+		y,
+		b,
+		C,
+		I,
+		L
+	]), H = U((e) => {
+		let n = t.filter((t, n) => n !== e);
+		r?.(n);
+	}, [t, r]), W = U((e) => {
+		let t = e.target.value;
+		A(t), P(-1), o && o.length > 0 && M(!0);
+	}, [o]), G = U((e) => {
+		p || (e.key === "Enter" ? (e.preventDefault(), j && N >= 0 && N < z.length ? (V(z[N].value), P(-1)) : k.trim() && V(k)) : e.key === "Tab" ? k && (e.preventDefault(), V(k)) : e.key === "ArrowDown" ? (e.preventDefault(), j && P((e) => e < z.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 && H(t.length - 1));
+	}, [
+		p,
+		j,
+		N,
+		z,
+		k,
+		V,
+		H,
+		t.length
+	]), ee = U((e) => {
+		p || (e.preventDefault(), e.clipboardData.getData("text").split(_).map((e) => e.trim()).filter(Boolean).forEach((e) => V(e)));
+	}, [
+		p,
+		_,
+		V
+	]), te = U(() => {
+		setTimeout(() => {
+			M(!1), v && k && V(k);
+		}, 200);
+	}, [
+		v,
+		k,
+		V
+	]), ne = U(() => {
+		r?.([]), A("");
+	}, [r]), ie = U((e, t, r) => {
+		let i = `${I(e)}-${t}`;
+		return /* @__PURE__ */ X(c, {
+			variant: "secondary",
+			className: n("tags-input--component", "gap-1 pr-1 font-normal"),
+			children: [I(e), /* @__PURE__ */ Y("button", {
+				type: "button",
+				"aria-label": `Remove ${I(e)}`,
+				className: n("inline-flex size-icon 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__ */ Y(ve, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				})
+			})]
+		}, i);
+	}, [I, p]), ae = !!T;
+	return /* @__PURE__ */ X("div", {
+		className: n("w-full relative", E),
+		children: [
+			/* @__PURE__ */ X("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ Y(m, {
+					ref: F,
+					type: "text",
+					placeholder: O.placeholder,
+					value: k,
+					onChange: W,
+					onKeyDown: G,
+					onPaste: ee,
+					onBlur: te,
+					onFocus: () => {
+						o && z.length > 0 && M(!0);
+					},
+					disabled: p || l !== void 0 && t.length >= l,
+					invalid: ae,
+					maxLength: b,
+					className: "w-full"
+				}), !!o && !!j && /* @__PURE__ */ Y("div", {
+					className: "absolute top-full left-0 right-0 z-50 mt-1 max-h-[200px] overflow-y-auto rounded-md bg-popover p-1 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10",
+					children: z.length > 0 ? z.map((e, r) => {
+						let i = I(e.value), a = t.some((t) => I(t) === I(e.value));
+						return /* @__PURE__ */ X("button", {
+							type: "button",
+							onMouseDown: (t) => {
+								t.preventDefault(), V(e.value), P(-1), F.current?.focus();
+							},
+							onMouseEnter: () => P(r),
+							className: n("relative flex w-full cursor-pointer items-center justify-between gap-space-sm rounded-md px-control-sm py-row-y text-xs", "hover:bg-accent hover:text-accent-foreground", "focus-visible:outline-none", N === r && "bg-accent text-accent-foreground"),
+							children: [/* @__PURE__ */ Y("span", { children: e.label }), /* @__PURE__ */ Y(re, { className: n("ml-auto size-icon-sm", a ? "opacity-100" : "opacity-0") })]
+						}, i);
+					}) : /* @__PURE__ */ Y(s, {
+						tag: "div",
+						size: "xs",
+						type: "secondary",
+						className: "px-2 py-row-y",
+						children: O.emptyRecommendations
+					})
+				})]
+			}),
+			B.length > 0 && /* @__PURE__ */ X("div", {
+				className: "mt-space-md flex flex-wrap items-center gap-space-sm",
+				children: [B.map((e, t) => g ? g(e, t, H) : ie(e, t, H)), !!h && t.length > 0 && !p && /* @__PURE__ */ Y(i, {
+					type: "button",
+					size: "small",
+					onClick: ne,
+					className: "ml-auto",
+					children: O.clearAll
+				})]
+			}),
+			!!l && !!u && /* @__PURE__ */ Y(s, {
+				size: "xs",
+				type: "secondary",
+				className: "mt-1",
+				children: O.summary(t.length, l)
+			})
+		]
+	});
+}
+$e.displayName = "TagsInput";
+//#endregion
+//#region src/components/base/forms/fields/phone-input.tsx
+var et = { prefixPlaceholder: "Prefix" }, tt = {
+	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"
+	}
+}, nt = [
+	"US",
+	"CA",
+	"GB",
+	"DE",
+	"FR",
+	"IT",
+	"ES",
+	"AU"
+], rt = (e) => typeof e == "string" ? tt[e.toUpperCase()] ?? null : e, it = (e) => e.map(rt).filter((e) => e !== null), at = (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;
+}, ot = (e, t) => e ? e.startsWith("+") ? e : tt[e.toUpperCase()]?.value ?? e : t[0]?.value ?? "";
+function st({ normalizeOnBlur: r = !0, onBlur: i, onChange: a, prefix: o, defaultPrefix: c, prefixes: l = nt, onPrefixChange: u, disablePrefixSelector: d = !1, prefixPlaceholder: f, prefixWidth: p = "w-30", showCountryName: h = !0, showPrefixInDropdown: g = !0, invalid: _, disabled: y, className: b, size: S, strings: k, ...A }, j) {
+	let { defaultControlSize: M } = t(), N = v(S, M), P = e(et, k), F = K(() => it(l), [l]), [I, L] = J(K(() => ot(c, F), [c, F])), R = o !== void 0, z = R ? ot(o, F) : I, B = K(() => F.find((e) => e.value === z), [F, z]), V = U((e) => {
+		e !== null && (R || L(e), u?.(e));
+	}, [R, u]), H = U((e) => {
+		if (!a) return;
+		let t = e.target.value;
+		if (z && t.startsWith(z)) {
+			let n = t.slice(z.length).replace(/^[\s-]+/, ""), r = n.startsWith("0") ? n.slice(1) : n;
+			if (r !== t) {
+				a({
+					...e,
+					target: {
+						...e.target,
+						value: r
+					},
+					currentTarget: {
+						...e.currentTarget,
+						value: r
+					}
+				});
+				return;
+			}
+		}
+		a(e);
+	}, [a, z]), W = U((e) => {
+		if (r && typeof a == "function") {
+			let t = at(e.target.value, z);
+			t !== e.target.value && a({
+				...e,
+				target: {
+					...e.target,
+					value: t
+				},
+				currentTarget: {
+					...e.currentTarget,
+					value: t
+				}
+			});
+		}
+		i?.(e);
+	}, [
+		r,
+		a,
+		i,
+		z
+	]);
+	if (F.length === 0 || d) {
+		let e = z || c;
+		return e ? /* @__PURE__ */ X("div", {
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ Y("div", {
+				"aria-invalid": _ || void 0,
+				className: n("flex items-center justify-center rounded-md border border-input bg-muted px-3", x[N], y && "opacity-50", "aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20"),
+				children: /* @__PURE__ */ Y(s, {
+					tag: "span",
+					type: "secondary",
+					weight: "medium",
+					children: e
+				})
+			}), /* @__PURE__ */ Y("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ Y(m, {
+					ref: j,
+					size: N,
+					type: "tel",
+					autoComplete: "tel",
+					inputMode: "tel",
+					onChange: H,
+					onBlur: W,
+					invalid: _,
+					disabled: y,
+					className: b,
+					...A
+				})
+			})]
+		}) : /* @__PURE__ */ Y(m, {
+			ref: j,
+			size: N,
+			type: "tel",
+			autoComplete: "tel",
+			inputMode: "tel",
+			onChange: H,
+			onBlur: W,
+			invalid: _,
+			disabled: y,
+			className: n("phone-input--component", b),
+			...A
+		});
+	}
+	return /* @__PURE__ */ X("div", {
+		className: "flex items-start gap-2",
+		children: [/* @__PURE__ */ X(O, {
+			value: z,
+			onValueChange: (e) => V(e),
+			disabled: y,
+			children: [/* @__PURE__ */ Y(C, {
+				"aria-invalid": _ || void 0,
+				className: n("border-input bg-transparent shrink-0 !shadow-none", x[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, y && "opacity-50 cursor-not-allowed"),
+				children: /* @__PURE__ */ Y(E, {
+					placeholder: f ?? P.prefixPlaceholder,
+					children: !!B && /* @__PURE__ */ Y(s, {
+						tag: "span",
+						children: B.value
+					})
+				})
+			}), /* @__PURE__ */ Y(T, { children: /* @__PURE__ */ Y(D, { children: F.map((e) => /* @__PURE__ */ Y(w, {
+				value: e.value,
+				children: /* @__PURE__ */ X("div", {
+					className: "flex items-center gap-2",
+					children: [!!g && /* @__PURE__ */ Y(s, {
+						tag: "span",
+						weight: "medium",
+						className: "min-w-13",
+						children: e.value
+					}), !!h && /* @__PURE__ */ Y(s, {
+						tag: "span",
+						type: "secondary",
+						lineHeight: "tight",
+						children: e.label
+					})]
+				})
+			}, e.value)) }) })]
+		}), /* @__PURE__ */ Y("div", {
+			className: "flex-1",
+			children: /* @__PURE__ */ Y(m, {
+				ref: j,
+				size: N,
+				type: "tel",
+				autoComplete: "tel",
+				inputMode: "tel",
+				onChange: H,
+				onBlur: W,
+				invalid: _,
+				disabled: y,
+				className: b,
+				...A
+			})
+		})]
+	});
+}
+var ct = H(z.forwardRef(st));
+ct.displayName = "PhoneInput";
+//#endregion
+//#region src/components/base/forms/fields/percentage-input.tsx
+var lt = V(function({ decimalPlaces: e = 2, min: t = 0, max: n = 100, step: r, ...i }, a) {
+	return /* @__PURE__ */ Y(k, {
+		className: "percentage-input--component",
+		ref: a,
+		decimalPlaces: e,
+		allowNegative: !1,
+		min: t,
+		max: n,
+		step: r,
+		endAddon: "%",
+		...i
+	});
+});
+lt.displayName = "PercentageInput";
+//#endregion
+//#region src/components/ui/slider.tsx
+function ut({ className: e, defaultValue: t, value: r, min: i = 0, max: a = 100, ...o }) {
+	let s = z.useMemo(() => Array.isArray(r) ? r : Array.isArray(t) ? t : [i, a], [
+		r,
+		t,
+		i,
+		a
+	]);
+	return /* @__PURE__ */ Y(be.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__ */ X(be.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__ */ Y(be.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__ */ Y(be.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__ */ Y(be.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 dt({ name: e, id: t, value: r, defaultValue: i, min: a = 0, max: o = 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 = G(), x = t ?? `slider-${b}`, S = e ?? x, C = U((e) => {
+		let t = Array.isArray(e) ? e[0] : e;
+		f?.(t), d?.({ target: {
+			name: S,
+			value: t
+		} });
+	}, [
+		S,
+		d,
+		f
+	]), w = U((e) => {
+		let t = Array.isArray(e) ? e[0] : e;
+		p?.(t);
+	}, [p]), T = K(() => {
+		if (!m) return null;
+		let e = r ?? i ?? a;
+		return h ? h(e) : g ? `${e}${g}` : String(e);
+	}, [
+		m,
+		r,
+		i,
+		a,
+		h,
+		g
+	]), E = r === void 0 ? void 0 : [r], D = i === void 0 ? [a] : [i];
+	return /* @__PURE__ */ X("div", {
+		className: n("slider--component", "flex items-center gap-3", _),
+		children: [/* @__PURE__ */ Y(ut, {
+			ref: y,
+			id: x,
+			value: E,
+			defaultValue: D,
+			min: a,
+			max: o,
+			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__ */ Y(s, {
+			tag: "span",
+			type: u ? "error" : "secondary",
+			className: "min-w-8 shrink-0 text-right tabular-nums",
+			children: T
+		})]
+	});
+}
+var ft = z.forwardRef(dt);
+ft.displayName = "SliderField";
+//#endregion
+//#region src/components/base/forms/fields/list-radio-group.tsx
+function pt({ options: e, value: r, defaultValue: i, onChange: a, name: o, invalid: c, disabled: l, size: u, className: d }) {
+	let { defaultControlSize: f } = t(), p = N[v(u, f)];
+	return /* @__PURE__ */ Y(Se, {
+		value: r,
+		defaultValue: i,
+		onValueChange: (e) => e && a?.(e),
+		name: o,
+		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__ */ X(xe.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/10", "disabled:cursor-not-allowed disabled:opacity-50", p),
+			children: [/* @__PURE__ */ Y("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__ */ Y(xe.Indicator, { render: /* @__PURE__ */ Y(ie, { className: "h-2.5 w-2.5 fill-primary text-primary" }) })
+			}), /* @__PURE__ */ X("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ Y(s, {
+					tag: "span",
+					weight: "medium",
+					lineHeight: "tight",
+					className: "block",
+					children: e.label
+				}), !!e.description && /* @__PURE__ */ Y(s, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "block mt-0.5",
+					children: e.description
+				})]
+			})]
+		}, e.value))
+	});
+}
+pt.displayName = "ListRadioGroup";
+//#endregion
+//#region src/components/base/forms/fields/rounding-mode-select.tsx
+var mt = [
+	"floor",
+	"half_up",
+	"ceil"
+];
+function ht({ value: e, onChange: t, labels: n, placeholder: r, ...i }) {
+	return /* @__PURE__ */ Y(Ke, {
+		className: "rounding-mode-select--component",
+		options: K(() => mt.map((e) => ({
+			value: e,
+			label: n?.[e] ?? e
+		})), [n]),
+		value: e,
+		onChange: U((e) => {
+			t?.(e);
+		}, [t]),
+		placeholder: r,
+		...i
+	});
+}
+ht.displayName = "RoundingModeSelect";
+//#endregion
+//#region src/components/base/forms/fields/rich-select.tsx
+var gt = { placeholder: "Select an item" }, _t = "__rich_select_empty__", vt = V(({ options: r, placeholder: i, strings: a, onChange: o, className: c, disabled: l, defaultOpen: u, open: d, onOpenChange: f, name: p, required: m, value: h, defaultValue: g, allowClear: y = !1, invalid: b, size: S }, k) => {
+	let { defaultControlSize: A } = t(), j = v(S, A), M = e(gt, a), N = i ?? M.placeholder, P = U((e) => {
+		if (e !== _t) return e === "" || e == null ? y ? _t : void 0 : e;
+	}, [y]), F = U((e) => {
+		if (e !== _t) return e;
+	}, []), I = K(() => {
+		let e = r.map((e) => ({
+			...e,
+			value: P(e.value) ?? ""
+		}));
+		return y && (e.some((e) => e.label === N) || e.unshift({
+			label: N,
+			value: _t
+		})), e;
+	}, [
+		r,
+		y,
+		N,
+		P
+	]), L = K(() => P(h ?? void 0), [h, P]), R = K(() => P(g ?? void 0), [g, P]), z = h !== void 0, [B, V] = J(R), H = z ? L : B, W = K(() => I.find((e) => e.value === H), [H, I]), G = U((e) => {
+		e != null && (z || V(e), o?.(F(e)));
+	}, [
+		z,
+		o,
+		F
+	]), q = n("border-input bg-transparent w-full rounded-radius border outline-none transition-[color,box-shadow] !shadow-none", x[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__ */ X(O, {
+		onValueChange: (e) => G(e),
+		disabled: l,
+		defaultOpen: u,
+		open: d,
+		onOpenChange: f,
+		name: p,
+		required: m,
+		defaultValue: R,
+		...z ? { value: L } : {},
+		children: [/* @__PURE__ */ Y(C, {
+			ref: k,
+			className: n("rich-select--component", q),
+			"aria-invalid": b,
+			children: W ? /* @__PURE__ */ Y(s, {
+				tag: "span",
+				className: "text-left break-words whitespace-normal",
+				children: W.label
+			}) : /* @__PURE__ */ Y(E, { placeholder: N })
+		}), /* @__PURE__ */ Y(T, { children: /* @__PURE__ */ Y(D, { children: I.map((e) => /* @__PURE__ */ Y(w, {
+			value: e.value,
+			disabled: e.disabled,
+			children: /* @__PURE__ */ X("div", {
+				className: "flex w-full items-center gap-2",
+				children: [!!e.icon && /* @__PURE__ */ Y("span", {
+					className: "w-4 h-4 shrink-0 flex items-center justify-center self-start mt-0.5",
+					children: e.icon
+				}), /* @__PURE__ */ X("div", {
+					className: "flex flex-col min-w-0 text-left flex-1",
+					children: [/* @__PURE__ */ Y(s, {
+						tag: "span",
+						weight: "medium",
+						children: e.label
+					}), !!e.description && /* @__PURE__ */ Y(s, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						lineHeight: "tight",
+						className: "mt-0.5 line-clamp-2",
+						children: e.description
+					})]
+				})]
+			})
+		}, e.value)) }) })]
+	});
+});
+vt.displayName = "RichSelect";
+//#endregion
+//#region src/components/base/forms/fields/dimensions-input.tsx
+var yt = {
+	width: "Width",
+	height: "Height",
+	depth: "Depth",
+	unit: "Unit",
+	widthPlaceholder: "0.00",
+	heightPlaceholder: "0.00",
+	depthPlaceholder: "0.00"
+}, bt = [{
+	value: "g",
+	label: "g (grams)"
+}, {
+	value: "kg",
+	label: "kg (kilograms)"
+}], xt = (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: ""
+	};
+}, St = (e, t, n, r) => r === "string" ? `${e}x${t}x${n}` : {
+	width: e,
+	height: t,
+	depth: n
+};
+function Ct({ value: r, defaultValue: i, format: o = "string", unit: c, defaultUnit: l = "g", widthLabel: u, heightLabel: d, depthLabel: f, unitLabel: p, unitPlaceholder: m, widthPlaceholder: h, heightPlaceholder: g, depthPlaceholder: _, onChange: y, onUnitChange: b, decimalPlaces: S = 2, min: A = 0, max: j, showUnitSelector: M = !0, disableUnitSelector: N = !1, layout: P = "horizontal", invalid: F, disabled: I = !1, className: L, size: R, strings: z }) {
+	let { defaultControlSize: B } = t(), V = v(R, B), H = e(yt, z), G = u ?? H.width, K = d ?? H.height, q = f ?? H.depth, ee = m ?? H.unit, te = h ?? H.widthPlaceholder, ne = g ?? H.heightPlaceholder, re = _ ?? H.depthPlaceholder, ie = P === "horizontal", ae = P === "vertical", oe = M === !0, se = (p ?? "").length > 0, ce = ae ? G : "", le = ae ? K : "", ue = ae ? q : "", de = r !== void 0, fe = c !== void 0, pe = xt(de ? r : i, o), [me, he] = J(pe.width), [ge, _e] = J(pe.height), [ve, ye] = J(pe.depth), [be, xe] = J(c || l), Se = xt(r, o), Ce = de ? Se.width : me, we = de ? Se.height : ge, Te = de ? Se.depth : ve, Ee = fe ? c : be;
+	W(() => {
+		if (de) {
+			let e = xt(r, o);
+			he(e.width), _e(e.height), ye(e.depth);
+		}
+	}, [
+		r,
+		o,
+		de
+	]);
+	let De = U((e, t) => {
+		let n = Ce, r = we, i = Te;
+		e === "width" && (n = t), e === "height" && (r = t), e === "depth" && (i = t), de || (he(n), _e(r), ye(i));
+		let a = St(n, r, i, o);
+		y?.({ target: { value: a } });
+	}, [
+		Ce,
+		we,
+		Te,
+		de,
+		o,
+		y
+	]), Oe = U((e) => {
+		if (e === null) return;
+		let t = e;
+		fe || xe(t), b?.(t);
+	}, [fe, b]), ke = /* @__PURE__ */ X("div", {
+		className: "space-y-2",
+		children: [!!se && /* @__PURE__ */ Y(a, {
+			className: "leading-6",
+			children: p
+		}), /* @__PURE__ */ X(O, {
+			value: Ee,
+			onValueChange: (e) => Oe(e),
+			disabled: I || N,
+			children: [/* @__PURE__ */ Y(C, {
+				"aria-invalid": F || void 0,
+				className: n("border-input bg-transparent !shadow-none", x[V], "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", I && "opacity-50 cursor-not-allowed"),
+				children: /* @__PURE__ */ Y(E, { placeholder: ee })
+			}), /* @__PURE__ */ Y(T, { children: /* @__PURE__ */ Y(D, { children: bt.map((e) => /* @__PURE__ */ Y(w, {
+				value: e.value,
+				children: e.label
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ Y("div", {
+		className: n("dimensions-input--component", "space-y-2", L),
+		children: /* @__PURE__ */ X("div", {
+			className: n("flex gap-2", P === "vertical" ? "flex-col" : "flex-row items-start"),
+			children: [
+				/* @__PURE__ */ X("div", {
+					className: "flex-1 space-y-1",
+					children: [
+						!!ae && !!ce && /* @__PURE__ */ Y(a, { children: ce }),
+						/* @__PURE__ */ Y(k, {
+							size: V,
+							value: Ce,
+							onChange: (e) => De("width", e.target.value),
+							placeholder: te,
+							decimalPlaces: S,
+							min: A,
+							max: j,
+							disabled: I,
+							invalid: F,
+							"aria-label": G
+						}),
+						!!ie && /* @__PURE__ */ Y(s, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: G
+						})
+					]
+				}),
+				P === "horizontal" && /* @__PURE__ */ Y("div", {
+					className: "flex items-center pt-2",
+					children: /* @__PURE__ */ Y(s, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ X("div", {
+					className: "flex-1 space-y-1",
+					children: [
+						!!ae && !!le && /* @__PURE__ */ Y(a, { children: le }),
+						/* @__PURE__ */ Y(k, {
+							size: V,
+							value: we,
+							onChange: (e) => De("height", e.target.value),
+							placeholder: ne,
+							decimalPlaces: S,
+							min: A,
+							max: j,
+							disabled: I,
+							invalid: F,
+							"aria-label": K
+						}),
+						!!ie && /* @__PURE__ */ Y(s, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: K
+						})
+					]
+				}),
+				P === "horizontal" && /* @__PURE__ */ Y("div", {
+					className: "flex items-center pt-2",
+					children: /* @__PURE__ */ Y(s, {
+						tag: "span",
+						type: "secondary",
+						children: "×"
+					})
+				}),
+				/* @__PURE__ */ X("div", {
+					className: "flex-1 space-y-1",
+					children: [
+						!!ae && !!ue && /* @__PURE__ */ Y(a, { children: ue }),
+						/* @__PURE__ */ Y(k, {
+							size: V,
+							value: Te,
+							onChange: (e) => De("depth", e.target.value),
+							placeholder: re,
+							decimalPlaces: S,
+							min: A,
+							max: j,
+							disabled: I,
+							invalid: F,
+							"aria-label": q
+						}),
+						!!ie && /* @__PURE__ */ Y(s, {
+							size: "xs",
+							type: "secondary",
+							className: "text-center",
+							children: q
+						})
+					]
+				}),
+				!!oe && /* @__PURE__ */ X("div", {
+					className: n(P === "vertical" ? "w-full" : "w-32 pt-0"),
+					children: [ke, !!ie && !se && /* @__PURE__ */ Y(s, {
+						size: "xs",
+						type: "secondary",
+						className: "mt-1 text-center",
+						children: ee
+					})]
+				})
+			]
+		})
+	});
+}
+Ct.displayName = "DimensionsInput";
+//#endregion
+//#region src/components/base/forms/fields/weight-input.tsx
+var wt = {
+	unitLabel: "",
+	unitPlaceholder: ""
+}, Tt = [
+	{
+		value: "g",
+		label: "g"
+	},
+	{
+		value: "kg",
+		label: "kg"
+	},
+	{
+		value: "lb",
+		label: "lb"
+	},
+	{
+		value: "oz",
+		label: "oz"
+	}
+];
+function Et({ value: r, defaultValue: i, unit: o, defaultUnit: s = "g", onChange: c, onUnitChange: l, decimalPlaces: u = 2, min: d = 0, max: f, showUnitSelector: p = !0, disableUnitSelector: m = !1, unitLabel: h, unitPlaceholder: g, unitWidth: _ = "w-24", strings: y, invalid: b, disabled: S = !1, size: A, className: j }) {
+	let { defaultControlSize: M } = t(), N = v(A, M), P = e(e(wt, h !== void 0 || g !== void 0 ? {
+		unitLabel: h,
+		unitPlaceholder: g
+	} : void 0), y), F = r !== void 0, I = o !== void 0, [L, R] = J(i ?? ""), [z, B] = J(o ?? s), V = F ? r ?? "" : L, H = I ? o ?? s : z, W = U((e) => {
+		F || R(e.target.value), c?.({ target: { value: e.target.value } });
+	}, [F, c]), G = U((e) => {
+		if (e === null) return;
+		let t = e;
+		I || B(t), l?.(t);
+	}, [I, l]), q = K(() => Tt, []), ee = P.unitLabel !== "";
+	return /* @__PURE__ */ X("div", {
+		className: n("weight-input--component", "flex items-start gap-2", j),
+		children: [/* @__PURE__ */ Y("div", {
+			className: "flex-1",
+			children: /* @__PURE__ */ Y(k, {
+				size: N,
+				value: V,
+				onChange: W,
+				decimalPlaces: u,
+				allowNegative: !1,
+				min: d,
+				max: f,
+				disabled: S,
+				invalid: b
+			})
+		}), !!p && /* @__PURE__ */ X("div", {
+			className: "space-y-2",
+			children: [!!ee && /* @__PURE__ */ Y(a, {
+				className: "leading-6",
+				children: P.unitLabel
+			}), /* @__PURE__ */ X(O, {
+				value: H,
+				onValueChange: (e) => G(e),
+				disabled: S || m,
+				children: [/* @__PURE__ */ Y(C, {
+					"aria-invalid": b || void 0,
+					className: n("border-input bg-transparent !shadow-none", x[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", (S || m) && "opacity-50 cursor-not-allowed", _),
+					children: /* @__PURE__ */ Y(E, { placeholder: P.unitPlaceholder || void 0 })
+				}), /* @__PURE__ */ Y(T, { children: /* @__PURE__ */ Y(D, { children: q.map((e) => /* @__PURE__ */ Y(w, {
+					value: e.value,
+					children: e.label
+				}, e.value)) }) })]
+			})]
+		})]
+	});
+}
+Et.displayName = "WeightInput";
+//#endregion
+//#region src/components/base/forms/fields/coordinates-input.tsx
+var Dt = {
+	latLabel: "",
+	lngLabel: "",
+	latPlaceholder: "",
+	lngPlaceholder: "",
+	previewLinkLabel: ""
+}, Ot = (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: ""
+	};
+}, kt = (e, t, n) => n === "string" ? `${e},${t}` : {
+	lat: e,
+	lng: t
+}, At = (e, t, n) => {
+	if (!e) return !1;
+	let r = Number(e);
+	return Number.isFinite(r) && r >= t && r <= n;
+};
+function jt({ value: t, defaultValue: r, format: i = "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(e(Dt, c !== void 0 || l !== void 0 || u !== void 0 || d !== void 0 || m !== void 0 ? {
+		latLabel: c,
+		lngLabel: l,
+		latPlaceholder: u,
+		lngPlaceholder: d,
+		previewLinkLabel: m
+	} : void 0), h), b = t !== void 0, x = Ot(b ? t : r, i), [S, C] = J(x.lat), [w, T] = J(x.lng), E = Ot(t, i), D = b ? E.lat : S, O = b ? E.lng : w;
+	W(() => {
+		b && (C(E.lat), T(E.lng));
+	}, [
+		b,
+		E.lat,
+		E.lng
+	]);
+	let A = U((e, t) => {
+		b || (C(e), T(t)), s?.({ target: { value: kt(e, t, i) } });
+	}, [
+		b,
+		s,
+		i
+	]), j = K(() => {
+		let e = At(D, -90, 90), t = At(O, -180, 180);
+		return !e || !t ? null : `https://www.google.com/maps?q=${encodeURIComponent(`${D},${O}`)}`;
+	}, [D, O]);
+	return /* @__PURE__ */ X("div", {
+		className: n("coordinates-input--component", "space-y-3", _),
+		children: [/* @__PURE__ */ X("div", {
+			className: "grid grid-cols-1 gap-3 md:grid-cols-2",
+			children: [/* @__PURE__ */ X("div", {
+				className: "space-y-2",
+				children: [!!y.latLabel && /* @__PURE__ */ Y(a, { children: y.latLabel }), /* @__PURE__ */ Y(k, {
+					placeholder: y.latPlaceholder || void 0,
+					value: D,
+					onChange: (e) => A(e.target.value, O),
+					decimalPlaces: f,
+					allowNegative: !0,
+					min: -90,
+					max: 90,
+					invalid: g,
+					disabled: v
+				})]
+			}), /* @__PURE__ */ X("div", {
+				className: "space-y-2",
+				children: [!!y.lngLabel && /* @__PURE__ */ Y(a, { children: y.lngLabel }), /* @__PURE__ */ Y(k, {
+					placeholder: y.lngPlaceholder || void 0,
+					value: O,
+					onChange: (e) => A(D, e.target.value),
+					decimalPlaces: f,
+					allowNegative: !0,
+					min: -180,
+					max: 180,
+					invalid: g,
+					disabled: v
+				})]
+			})]
+		}), !!p && !!j && !!y.previewLinkLabel && /* @__PURE__ */ Y(o, {
+			href: j,
+			type: "secondary",
+			underline: !1,
+			children: y.previewLinkLabel
+		})]
+	});
+}
+jt.displayName = "CoordinatesInput";
+//#endregion
+//#region src/components/base/forms/fields/date-time-input.tsx
+function Mt({ 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__ */ Y(F, {
+		className: "date-time-input--component",
+		mode: "single",
+		disabled: s,
+		error: o ? " " : void 0,
+		placeholder: n,
+		value: c,
+		onChange: U((e) => {
+			t?.(e.date ? e.date.toISOString() : void 0);
+		}, [t]),
+		readableFormat: r,
+		withTime: {
+			enabled: !0,
+			format: "24",
+			step: i
+		},
+		modal: a
+	});
+}
+Mt.displayName = "DateTimeInput";
+//#endregion
+//#region src/components/base/forms/fields/time-picker.tsx
+var Nt = {
+	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"
+}, Z = (e) => String(e).padStart(2, "0"), Q = (e) => {
+	let t = e.trim();
+	if (t === "") return null;
+	let n = Number.parseInt(t, 10);
+	return Number.isFinite(n) ? n : null;
+}, Pt = (e, t, n) => Math.min(Math.max(e, t), n), Ft = (e) => (e ?? "").replace(/\D/g, "").slice(0, 2), It = (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 Lt({ className: t, value: i = "00:00:00", onChange: o, invalid: c, disabled: l, placeholder: u, dialogTitle: d, hoursLabel: f, minutesLabel: p, secondsLabel: h, nowLabel: g, doneLabel: _, format: v = "24", minuteStep: y = 5, showSeconds: b = !0, strings: x }) {
+	let S = G(), C = e(e(Nt, u !== void 0 || d !== void 0 || f !== void 0 || p !== void 0 || h !== void 0 || g !== void 0 || _ !== void 0 ? {
+		placeholder: u,
+		dialogTitle: d,
+		hours: f,
+		minutes: p,
+		seconds: h,
+		now: g,
+		done: _
+	} : void 0), x), w = U((e, t) => {
+		let n = Q(e ?? "") ?? 0;
+		return v === "12" ? {
+			hours: Z(n > 12 ? 12 : Pt(n === 0 ? 12 : n, 1, 12)),
+			meridiem: t
+		} : {
+			hours: Z(n > 24 ? 24 : Pt(n, 0, 24)),
+			meridiem: t
+		};
+	}, [v]), T = U((e) => {
+		let t = Q(e ?? "") ?? 0;
+		return t > 59 && (t = 0), t = It(Pt(t, 0, 59), y), Z(t);
+	}, [y]), E = U((e) => {
+		let t = Q(e ?? "") ?? 0;
+		return t > 59 && (t = 0), t = Pt(t, 0, 59), Z(t);
+	}, []), D = U((e, t, n, r) => {
+		let i = Q(e) ?? 0, a = Q(t) ?? 0;
+		a > 59 && (a = 0), a = It(Pt(a, 0, 59), y);
+		let o = b ? Q(n) ?? 0 : 0;
+		if (o > 59 && (o = 0), o = b ? Pt(o, 0, 59) : 0, v === "12") {
+			let e = i > 12 ? 12 : Pt(i === 0 ? 12 : i, 1, 12);
+			return `${Z(r === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12)}:${Z(a)}:${Z(o)}`;
+		}
+		return `${Z(i > 24 ? 24 : Pt(i, 0, 24))}:${Z(a)}:${Z(o)}`;
+	}, [
+		v,
+		y,
+		b
+	]), O = U((e) => {
+		let [t = "00", n = "00", r = "00"] = (e ?? "").split(":"), i = b ? r : "00";
+		return {
+			hours: Ft(t),
+			minutes: Ft(n),
+			seconds: Ft(i)
+		};
+	}, [b]), [k, A] = J(!1), [j, M] = J(() => O(i)), [N, F] = J(() => {
+		let [e = "00"] = (i ?? "").split(":");
+		return (Q(e) ?? 0) >= 12 ? "PM" : "AM";
+	}), z = q({});
+	W(() => {
+		if (k) return;
+		M(O(i));
+		let [e = "00"] = (i ?? "").split(":");
+		F((Q(e) ?? 0) >= 12 ? "PM" : "AM");
+	}, [
+		k,
+		O,
+		i
+	]);
+	let B = (e, t) => {
+		let n = Ft(t);
+		M((t) => ({
+			...t,
+			[e]: n
+		})), z.current[e] && window.clearTimeout(z.current[e]), z.current[e] = window.setTimeout(() => {
+			M((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 = w(n.hours, N).hours);
+				}
+				if (e === "minutes") {
+					let e = (n.minutes ?? "").trim();
+					e.length === 1 && (n.minutes = `0${e}`), (n.minutes ?? "").trim().length === 2 && (n.minutes = T(n.minutes));
+				}
+				if (e === "seconds") {
+					let e = (n.seconds ?? "").trim();
+					e.length === 1 && (n.seconds = `0${e}`), (n.seconds ?? "").trim().length === 2 && (n.seconds = E(n.seconds));
+				}
+				let r = D(n.hours, n.minutes, n.seconds, N);
+				o?.(r);
+				let [i = "00", a = "00", s = "00"] = r.split(":");
+				return v === "12" ? n.hours = Z((Q(i) ?? 0) % 12 || 12) : n.hours = i, n.minutes = a, n.seconds = s, n;
+			});
+		}, 400);
+	}, V = (e) => {
+		z.current[e] && window.clearTimeout(z.current[e]), M((e) => {
+			let t = { ...e };
+			t.hours = w(t.hours, N).hours, t.minutes = T(t.minutes), t.seconds = E(t.seconds);
+			let n = D(t.hours, t.minutes, t.seconds, N);
+			o?.(n);
+			let [r = "00", i = "00", a = "00"] = n.split(":");
+			return {
+				hours: v === "12" ? Ft(String((Q(r) ?? 0) % 12 || 12)) : r,
+				minutes: i,
+				seconds: a
+			};
+		});
+	}, H = K(() => {
+		let e = D(j.hours, j.minutes, j.seconds, N);
+		if (!b) {
+			let [t = "00", n = "00"] = e.split(":");
+			return `${t}:${n}`;
+		}
+		return e;
+	}, [
+		N,
+		D,
+		b,
+		j.hours,
+		j.minutes,
+		j.seconds
+	]);
+	return /* @__PURE__ */ X(I, {
+		open: k,
+		onOpenChange: A,
+		children: [/* @__PURE__ */ Y(L, {
+			render: (e) => /* @__PURE__ */ Y(r, {
+				...e,
+				id: S,
+				variant: "secondary",
+				buttonStyle: "outline",
+				"aria-expanded": k,
+				"aria-invalid": c,
+				disabled: l,
+				className: n("time-picker--component", P, "w-full justify-between text-left", !i && "!text-muted-foreground", e.className, t),
+				children: e.children
+			}),
+			children: /* @__PURE__ */ X("div", {
+				className: "flex items-center gap-space-md",
+				children: [/* @__PURE__ */ Y(ae, { className: "size-icon" }), /* @__PURE__ */ Y("span", { children: H || C.placeholder })]
+			})
+		}), /* @__PURE__ */ Y(R, {
+			className: "w-auto p-4",
+			align: "start",
+			children: /* @__PURE__ */ X("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ Y(s, {
+						tag: "div",
+						weight: "medium",
+						align: "center",
+						children: C.dialogTitle
+					}),
+					/* @__PURE__ */ X("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ X("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ Y(a, {
+									size: "small",
+									className: "text-muted-foreground",
+									children: C.hours
+								}), /* @__PURE__ */ Y(m, {
+									inputMode: "numeric",
+									value: j.hours,
+									onChange: (e) => B("hours", e.target.value),
+									onFocus: (e) => e.currentTarget.select(),
+									onClick: (e) => e.currentTarget.select(),
+									onBlur: () => V("hours"),
+									placeholder: C.hoursPlaceholder,
+									className: "w-16 text-center"
+								})]
+							}),
+							/* @__PURE__ */ Y(s, {
+								tag: "div",
+								className: "text-2xl",
+								children: ":"
+							}),
+							/* @__PURE__ */ X("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ Y(a, {
+									size: "small",
+									className: "text-muted-foreground",
+									children: C.minutes
+								}), /* @__PURE__ */ Y(m, {
+									inputMode: "numeric",
+									value: j.minutes,
+									onChange: (e) => B("minutes", e.target.value),
+									onFocus: (e) => e.currentTarget.select(),
+									onClick: (e) => e.currentTarget.select(),
+									onBlur: () => V("minutes"),
+									placeholder: C.minutesPlaceholder,
+									className: "w-16 text-center"
+								})]
+							}),
+							!!b && /* @__PURE__ */ X(ee, { children: [/* @__PURE__ */ Y(s, {
+								tag: "div",
+								className: "text-2xl",
+								children: ":"
+							}), /* @__PURE__ */ X("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ Y(a, {
+									size: "small",
+									className: "text-muted-foreground",
+									children: C.seconds
+								}), /* @__PURE__ */ Y(m, {
+									inputMode: "numeric",
+									value: j.seconds,
+									onChange: (e) => B("seconds", e.target.value),
+									onFocus: (e) => e.currentTarget.select(),
+									onClick: (e) => e.currentTarget.select(),
+									onBlur: () => V("seconds"),
+									placeholder: C.secondsPlaceholder,
+									className: "w-16 text-center"
+								})]
+							})] }),
+							v === "12" && /* @__PURE__ */ X("div", {
+								className: "flex items-end gap-1 pb-0.5",
+								children: [/* @__PURE__ */ Y(r, {
+									type: "button",
+									variant: N === "AM" ? "primary" : "secondary",
+									buttonStyle: N === "AM" ? "solid" : "outline",
+									onClick: () => F("AM"),
+									children: C.am
+								}), /* @__PURE__ */ Y(r, {
+									type: "button",
+									variant: N === "PM" ? "primary" : "secondary",
+									buttonStyle: N === "PM" ? "solid" : "outline",
+									onClick: () => F("PM"),
+									children: C.pm
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ X("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ Y(r, {
+							variant: "secondary",
+							buttonStyle: "outline",
+							className: "flex-1",
+							onClick: () => {
+								let e = /* @__PURE__ */ new Date(), t = {
+									hours: String(v === "12" ? e.getHours() % 12 || 12 : e.getHours()),
+									minutes: String(e.getMinutes()),
+									seconds: ""
+								};
+								M(t), F(e.getHours() >= 12 ? "PM" : "AM"), o?.(D(t.hours, t.minutes, t.seconds, e.getHours() >= 12 ? "PM" : "AM"));
+							},
+							children: C.now
+						}), /* @__PURE__ */ Y(r, {
+							variant: "primary",
+							buttonStyle: "solid",
+							className: "flex-1",
+							onClick: () => {
+								o?.(D(j.hours, j.minutes, j.seconds, N)), A(!1);
+							},
+							children: C.done
+						})]
+					})
+				]
+			})
+		})]
+	});
+}
+Lt.displayName = "TimePicker";
+//#endregion
+//#region src/hooks/use-files.ts
+var Rt = (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]}`;
+}, zt = 0, Bt = () => `${Date.now().toString(36)}-${(zt++).toString(36)}`, Vt = (e) => {
+	let [t, n] = J([]), [r, i] = J({}), a = U(Rt, []), o = U((t) => {
+		if (e?.minSize !== void 0 && t.size < e.minSize) return `Size (${Rt(t.size)}) is smaller than minimum (${Rt(e.minSize)}).`;
+		if (e?.maxSize !== void 0 && t.size > e.maxSize) return `Size (${Rt(t.size)}) exceeds maximum (${Rt(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 = U((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: Bt(),
+					file: t,
+					name: t.name,
+					size: t.size,
+					formattedSize: Rt(t.size),
+					type: t.type,
+					extension: r,
+					lastModified: t.lastModified
+				};
+				n.push(a);
+			}), n;
+		}), i(s);
+	}, [e?.maxFiles, o]);
+	return {
+		files: t,
+		addFiles: U((e) => s(e, !1), [s]),
+		setFiles: U((e) => s(e, !0), [s]),
+		remove: U((e) => {
+			n((t) => t.filter((t) => t.id !== e));
+		}, []),
+		removeAll: U(() => {
+			n((e) => e.length === 0 ? e : []), i({});
+		}, []),
+		formatSize: a,
+		validationErrors: r
+	};
+}, Ht = {
+	instruction: "Drag a file here or click to browse",
+	helper: "",
+	browse: "Browse files",
+	remove: "Remove"
+};
+function Ut({ 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(e(Ht, d !== void 0 || m !== void 0 || f !== void 0 || p !== void 0 ? {
+		instruction: d,
+		helper: m,
+		browse: f,
+		remove: p
+	} : void 0), h), { files: v, setFiles: y, remove: b, removeAll: x, validationErrors: S } = Vt({ maxFiles: i ? void 0 : 1 }), C = q(null), [w, T] = J(!1);
+	W(() => {
+		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 = U(() => {
+		l || C.current?.click();
+	}, [l]), M = U((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 = U((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 = U(() => {
+		E && b(E.id), C.current && (C.current.value = ""), o?.(void 0);
+	}, [
+		o,
+		b,
+		E
+	]), F = U((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
+	]), I = U((e) => {
+		e.preventDefault(), e.stopPropagation();
+	}, []), L = U((e) => {
+		I(e), l || T(!0);
+	}, [l, I]), R = U((e) => {
+		I(e), T(!1);
+	}, [I]), z = U((e) => {
+		if (I(e), T(!1), l) return;
+		let t = e.dataTransfer?.files;
+		!t || t.length === 0 || (M(t), C.current && (C.current.value = ""));
+	}, [
+		l,
+		M,
+		I
+	]), B = K(() => n("relative flex min-h-45 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/5 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/10 text-primary" : ""), [
+		l,
+		w,
+		u
+	]);
+	return /* @__PURE__ */ X("div", {
+		className: n("file-upload--component", "space-y-3"),
+		children: [
+			/* @__PURE__ */ X("div", {
+				role: "button",
+				tabIndex: l ? -1 : 0,
+				className: B,
+				onClick: (e) => {
+					e.defaultPrevented || j();
+				},
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), j());
+				},
+				onDragEnter: L,
+				onDragOver: L,
+				onDragLeave: R,
+				onDrop: z,
+				"aria-disabled": l,
+				"aria-invalid": u || void 0,
+				children: [
+					/* @__PURE__ */ Y("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__ */ Y("div", {
+						className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 text-primary",
+						children: /* @__PURE__ */ Y(_e, {
+							className: "h-6 w-6",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ X("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ Y(s, {
+							weight: "medium",
+							children: _.instruction
+						}), !!_.helper && /* @__PURE__ */ Y(s, {
+							size: "xs",
+							type: "secondary",
+							children: _.helper
+						})]
+					}),
+					/* @__PURE__ */ Y(r, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "outline",
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation(), j();
+						},
+						disabled: l,
+						children: _.browse
+					})
+				]
+			}),
+			!!k && /* @__PURE__ */ Y("div", {
+				className: "space-y-2",
+				children: v.map((e) => /* @__PURE__ */ X("div", {
+					className: "flex items-center gap-3 border rounded-md p-3 bg-card",
+					children: [
+						/* @__PURE__ */ Y("div", {
+							className: "shrink-0 h-10 w-10 rounded bg-muted flex items-center justify-center",
+							children: /* @__PURE__ */ Y(ce, { className: "h-5 w-5 text-muted-foreground" })
+						}),
+						/* @__PURE__ */ X("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ Y(s, {
+								tag: "div",
+								weight: "medium",
+								className: "truncate",
+								title: e.name,
+								children: e.name
+							}), /* @__PURE__ */ Y(s, {
+								tag: "div",
+								size: "xs",
+								type: "secondary",
+								children: e.formattedSize
+							})]
+						}),
+						/* @__PURE__ */ Y(r, {
+							type: "button",
+							variant: "error",
+							buttonStyle: "ghost",
+							size: "small",
+							icon: he,
+							onClick: () => F(e.id),
+							children: _.remove
+						})
+					]
+				}, e.id))
+			}),
+			!!A && /* @__PURE__ */ X("div", {
+				className: "flex items-center gap-3 border rounded-md p-3 bg-card",
+				children: [
+					/* @__PURE__ */ Y("div", {
+						className: "shrink-0 h-10 w-10 rounded bg-muted flex items-center justify-center",
+						children: /* @__PURE__ */ Y(ce, { className: "h-5 w-5 text-muted-foreground" })
+					}),
+					/* @__PURE__ */ X("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ Y(s, {
+							tag: "div",
+							weight: "medium",
+							className: "truncate",
+							title: D,
+							children: D
+						}), /* @__PURE__ */ Y(s, {
+							tag: "div",
+							size: "xs",
+							type: "secondary",
+							children: O
+						})]
+					}),
+					/* @__PURE__ */ Y(r, {
+						type: "button",
+						variant: "error",
+						buttonStyle: "ghost",
+						size: "small",
+						icon: he,
+						onClick: P,
+						children: _.remove
+					})
+				]
+			}),
+			Object.keys(S).length > 0 && /* @__PURE__ */ Y("ul", {
+				className: "space-y-1.5",
+				children: Object.entries(S).map(([e, t]) => /* @__PURE__ */ X("li", {
+					role: "alert",
+					className: "flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2",
+					children: [/* @__PURE__ */ Y("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__ */ Y("span", { className: "size-1.5 rounded-full bg-destructive" })
+					}), /* @__PURE__ */ X("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ Y(s, {
+							size: "xs",
+							weight: "medium",
+							className: "truncate text-destructive",
+							children: e
+						}), /* @__PURE__ */ Y(s, {
+							size: "xs",
+							type: "secondary",
+							className: "text-destructive/80",
+							children: t
+						})]
+					})]
+				}, e))
+			})
+		]
+	});
+}
+var Wt = B.forwardRef(Ut);
+Wt.displayName = "FileUpload";
+//#endregion
+//#region src/components/base/forms/fields/image-upload.tsx
+var Gt = 2, Kt = {
+	square: "aspect-square",
+	standard: "aspect-[4/3]",
+	widescreen: "aspect-[16/9]",
+	portrait: "aspect-[9/16]"
+}, qt = {
+	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 Jt({ 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(e(qt, h !== void 0 || g !== void 0 || _ !== void 0 ? {
+		select: h,
+		change: g,
+		remove: _
+	} : void 0), v), x = G(), S = q(null), C = K(() => {
+		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 } = Vt(K(() => ({
+		maxFiles: i ? void 0 : 1,
+		allowedExtensions: C
+	}), [i, C]));
+	W(() => {
+		a ? T([a]) : (D(), S.current && (S.current.value = ""));
+	}, [
+		a,
+		T,
+		D
+	]);
+	let k = w[0], A = k ? b.change : b.select, [j, M] = J(void 0), N = K(() => !C || C.length === 0 ? null : C.map((e) => e.toUpperCase()).join(", "), [C]);
+	W(() => {
+		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, F = !!P, I = Kt[u] ?? Kt.square, L = d === "contain" ? "object-contain p-3" : "object-cover", R = f ? typeof f == "number" ? `${f}px` : f : "240px", z = p === "inline" ? void 0 : { maxWidth: R }, B = p === "inline" ? {
+		maxWidth: f ? R : "185px",
+		width: "100%"
+	} : void 0, V = U((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
+	]), H = U(() => {
+		c || S.current?.click();
+	}, [c]), ee = U(() => {
+		k && E(k.id), o?.(void 0), S.current && (S.current.value = "");
+	}, [
+		k,
+		E,
+		o
+	]);
+	return /* @__PURE__ */ X("div", {
+		className: n("image-upload--component", "space-y-3"),
+		style: z,
+		children: [
+			/* @__PURE__ */ Y("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: V
+			}),
+			/* @__PURE__ */ X("div", {
+				className: n(p === "inline" ? "flex items-start gap-4" : "space-y-3"),
+				children: [/* @__PURE__ */ Y("div", {
+					className: n("relative overflow-hidden rounded-md border transition-colors", p === "inline" ? "flex-shrink-0 w-full" : "w-full", I, F ? "border-border bg-muted/20" : n("border-dashed bg-background text-muted-foreground dark:bg-foreground", m ? "border-destructive" : "border-muted-foreground/60")),
+					style: B,
+					children: F && P ? /* @__PURE__ */ Y("img", {
+						src: P,
+						alt: k?.name || "Selected image",
+						className: n("absolute inset-0 h-full w-full", L)
+					}) : /* @__PURE__ */ Y("div", {
+						className: "absolute inset-0 flex items-center justify-center",
+						children: /* @__PURE__ */ Y(ue, {
+							"aria-hidden": !0,
+							className: "h-8 w-8"
+						})
+					})
+				}), /* @__PURE__ */ X("div", {
+					className: n("space-y-2", p === "inline" && "flex-1 min-w-0"),
+					children: [
+						/* @__PURE__ */ X("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ Y(r, {
+								type: "button",
+								variant: "secondary",
+								buttonStyle: "outline",
+								onClick: H,
+								disabled: c,
+								children: A
+							}), !k && !!F && /* @__PURE__ */ Y(s, {
+								size: "xs",
+								type: "secondary",
+								children: b.keepCurrent
+							})]
+						}),
+						!!N && /* @__PURE__ */ Y(s, {
+							size: "xs",
+							type: "secondary",
+							children: b.supportsTemplate.replace("{ext}", N).replace("{size}", String(Gt))
+						}),
+						!!k && /* @__PURE__ */ X("div", {
+							className: "space-y-1",
+							children: [
+								/* @__PURE__ */ Y(s, {
+									weight: "medium",
+									title: k.name,
+									className: "truncate",
+									children: k.name
+								}),
+								/* @__PURE__ */ Y(s, {
+									size: "xs",
+									type: "secondary",
+									children: k.formattedSize
+								}),
+								!!i && w.length > 1 && /* @__PURE__ */ Y(s, {
+									size: "xs",
+									type: "secondary",
+									children: b.moreFiles(w.length - 1)
+								}),
+								/* @__PURE__ */ Y(r, {
+									type: "button",
+									variant: "error",
+									buttonStyle: "ghost",
+									size: "small",
+									icon: me,
+									onClick: ee,
+									children: b.remove
+								})
+							]
+						}),
+						!k && !F && /* @__PURE__ */ Y(s, {
+							size: "xs",
+							type: "secondary",
+							children: b.noSelection
+						})
+					]
+				})]
+			}),
+			Object.keys(O).length > 0 && /* @__PURE__ */ Y("div", {
+				className: "space-y-1",
+				children: Object.entries(O).map(([e, t]) => /* @__PURE__ */ X(s, {
+					size: "xs",
+					type: "error",
+					children: [
+						e,
+						": ",
+						t
+					]
+				}, e))
+			})
+		]
+	});
+}
+var Yt = B.forwardRef(Jt);
+Yt.displayName = "ImageUpload";
+//#endregion
+//#region src/components/base/forms/fields/dropzone.tsx
+var Xt = {
+	instruction: "Drag files here or click to browse",
+	helper: "",
+	dragOver: "Release to upload"
+}, Zt = {
+	small: {
+		padding: "px-surface py-surface",
+		minH: "min-h-24",
+		iconBox: "size-avatar-lg",
+		iconSize: "size-icon"
+	},
+	default: {
+		padding: "px-surface py-space-2xl",
+		minH: "min-h-32",
+		iconBox: "size-avatar-lg",
+		iconSize: "size-icon-lg"
+	}
+}, Qt = (e) => e === "small" || e === "default" ? e : e === "compact" ? "small" : "default";
+function $t({ onDrop: t, accept: r, multiple: i = !1, disabled: a = !1, invalid: o = !1, size: c = "default", icon: l, className: u, children: d, strings: f }, p) {
+	let m = e(Xt, f), h = q(null), [g, _] = J(!1), v = Qt(c), y = Zt[v], b = U(() => {
+		a || h.current?.click();
+	}, [a]), x = U((e) => {
+		let n = e.target.files;
+		!n || n.length === 0 || (t(Array.from(n)), h.current && (h.current.value = ""));
+	}, [t]), S = U((e) => {
+		e.preventDefault(), e.stopPropagation(), a || _(!0);
+	}, [a]), C = U((e) => {
+		e.preventDefault(), e.stopPropagation(), _(!1);
+	}, []), w = U((e) => {
+		if (e.preventDefault(), e.stopPropagation(), _(!1), a) return;
+		let n = e.dataTransfer?.files;
+		!n || n.length === 0 || t(Array.from(n));
+	}, [a, t]);
+	return /* @__PURE__ */ X("div", {
+		role: "button",
+		tabIndex: a ? -1 : 0,
+		"aria-disabled": a || void 0,
+		"aria-invalid": o || void 0,
+		onClick: (e) => {
+			e.defaultPrevented || b();
+		},
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
+		},
+		onDragEnter: S,
+		onDragOver: S,
+		onDragLeave: C,
+		onDrop: w,
+		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", y.minH, y.padding, o ? "border-destructive" : "border-muted-foreground/40", "bg-muted/30 hover:border-primary hover:bg-primary/5 hover:text-primary", a && "cursor-not-allowed opacity-50 hover:border-muted-foreground/40 hover:bg-muted/30 hover:text-muted-foreground", !a && g && "border-primary bg-primary/10 text-primary", u),
+		children: [
+			/* @__PURE__ */ Y("input", {
+				ref: (e) => {
+					h.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+				},
+				type: "file",
+				className: "hidden",
+				accept: r,
+				multiple: i,
+				disabled: a,
+				onChange: x,
+				onClick: (e) => e.stopPropagation()
+			}),
+			/* @__PURE__ */ Y("span", {
+				className: n("inline-flex items-center justify-center rounded-full bg-primary/10 text-primary", y.iconBox),
+				"aria-hidden": "true",
+				children: l ?? /* @__PURE__ */ Y(ge, { className: y.iconSize })
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ Y(s, {
+					size: v === "small" ? "xs" : "sm",
+					weight: "medium",
+					children: g ? m.dragOver : m.instruction
+				}), !!m.helper && /* @__PURE__ */ Y(s, {
+					size: "xs",
+					type: "secondary",
+					children: m.helper
+				})]
+			}),
+			!!d && /* @__PURE__ */ Y("div", {
+				onClick: (e) => e.stopPropagation(),
+				onKeyDown: (e) => e.stopPropagation(),
+				children: d
+			})
+		]
+	});
+}
+var en = z.forwardRef($t);
+en.displayName = "Dropzone";
+//#endregion
+//#region src/components/base/forms/fields/avatar-upload.tsx
+var tn = {
+	change: "Change photo",
+	remove: "Remove photo",
+	hint: "Click or drop an image",
+	dragOver: "Drop image to upload"
+}, nn = {
+	small: {
+		box: "size-upload-avatar-small",
+		icon: "size-icon",
+		remove: "size-control-clear"
+	},
+	default: {
+		box: "size-upload-avatar",
+		icon: "size-icon-lg",
+		remove: "size-control"
+	}
+}, rn = (e) => e === "small" || e === "default" ? e : e === "sm" ? "small" : "default";
+function an({ value: t, onChange: r, defaultPreviewUrl: i, accept: a = ".png,.jpg,.jpeg,.gif,.webp", disabled: o = !1, invalid: c = !1, size: l = "default", className: u, strings: d, initials: f }, p) {
+	let m = e(tn, d), h = G(), g = q(null), [_, v] = J(!1), y = rn(l), b = nn[y], { files: x, setFiles: S, removeAll: C } = Vt({
+		maxFiles: 1,
+		allowedExtensions: K(() => a.split(",").map((e) => e.trim().replace(/^\./, "").toLowerCase()).filter(Boolean), [a])
+	});
+	W(() => {
+		t ? S([t]) : C();
+	}, [t]);
+	let w = x[0], [T, E] = J(void 0);
+	W(() => {
+		let e = w?.file ?? t;
+		if (!e) {
+			E(void 0);
+			return;
+		}
+		let n = URL.createObjectURL(e);
+		return E(n), () => URL.revokeObjectURL(n);
+	}, [w, t]);
+	let D = T ?? i, O = !!D, k = U((e) => {
+		let t = e.target.files;
+		!t || t.length === 0 || (S(t), r?.(t[0]), g.current && (g.current.value = ""));
+	}, [r, S]), A = U(() => {
+		o || g.current?.click();
+	}, [o]), j = U(() => {
+		C(), r?.(void 0), g.current && (g.current.value = "");
+	}, [r, C]), M = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), A());
+	}, N = U((e) => {
+		e.preventDefault(), e.stopPropagation(), o || v(!0);
+	}, [o]), P = U((e) => {
+		e.preventDefault(), e.stopPropagation(), v(!1);
+	}, []), F = U((e) => {
+		if (e.preventDefault(), e.stopPropagation(), v(!1), o) return;
+		let t = e.dataTransfer?.files;
+		!t || t.length === 0 || (S(t), r?.(t[0]));
+	}, [
+		o,
+		r,
+		S
+	]);
+	return /* @__PURE__ */ X("div", {
+		className: n("avatar-upload--component", "inline-flex flex-col items-center gap-2", u),
+		children: [/* @__PURE__ */ X("div", {
+			role: "button",
+			tabIndex: o ? -1 : 0,
+			"aria-label": m.change,
+			"aria-disabled": o || void 0,
+			"aria-invalid": c || void 0,
+			onClick: A,
+			onKeyDown: M,
+			onDragEnter: N,
+			onDragOver: N,
+			onDragLeave: P,
+			onDrop: F,
+			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", O ? "border-border/60 bg-muted/20" : n("bg-muted/30 hover:border-primary hover:bg-primary/5", c ? "border-destructive" : "border-muted-foreground/40"), o && "cursor-not-allowed opacity-50", !o && _ && "border-primary bg-primary/10", b.box),
+			children: [
+				/* @__PURE__ */ Y("input", {
+					id: h,
+					ref: (e) => {
+						g.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+					},
+					type: "file",
+					className: "sr-only",
+					"aria-label": m.change,
+					accept: a,
+					disabled: o,
+					onChange: k
+				}),
+				O && D ? /* @__PURE__ */ Y("img", {
+					src: D,
+					alt: m.change,
+					className: "absolute inset-0 size-full object-cover"
+				}) : f ? /* @__PURE__ */ Y(s, {
+					size: y === "small" ? "sm" : "base",
+					weight: "bold",
+					className: "leading-none",
+					children: f
+				}) : /* @__PURE__ */ Y(ne, {
+					className: n(b.icon, "text-muted-foreground"),
+					"aria-hidden": "true"
+				}),
+				!o && O && /* @__PURE__ */ Y("div", {
+					className: "pointer-events-none absolute inset-0 hidden items-center justify-center bg-foreground/50 text-background backdrop-blur-[1px] group-hover:flex",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ Y(ne, { className: b.icon })
+				}),
+				!o && O && /* @__PURE__ */ Y("button", {
+					type: "button",
+					"aria-label": m.remove,
+					onClick: (e) => {
+						e.stopPropagation(), j();
+					},
+					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", b.remove),
+					children: /* @__PURE__ */ Y(ve, { className: "size-3" })
+				}),
+				!o && !O && _ && /* @__PURE__ */ Y(s, {
+					size: "xxs",
+					weight: "medium",
+					className: "absolute inset-x-0 bottom-1.5 text-center text-primary",
+					children: m.dragOver
+				})
+			]
+		}), !O && /* @__PURE__ */ Y(s, {
+			size: "xs",
+			type: "secondary",
+			children: m.hint
+		})]
+	});
+}
+var on = z.forwardRef(an);
+on.displayName = "AvatarUpload";
+//#endregion
+//#region src/components/base/forms/fields/media-gallery.tsx
+var sn = {
+	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."
+}, cn = 0, ln = () => `media-${Date.now().toString(36)}-${(cn++).toString(36)}`;
+function un({ 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 } = Me({
+		id: e.id,
+		disabled: r
+	});
+	return /* @__PURE__ */ X("div", {
+		ref: l,
+		style: {
+			transform: Pe.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__ */ Y("img", {
+				src: e.previewUrl,
+				alt: e.file.name,
+				className: "absolute inset-0 size-full object-cover",
+				draggable: !1
+			}),
+			t && /* @__PURE__ */ Y("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__ */ Y("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__ */ Y(ve, { className: "size-3.5" })
+			})
+		]
+	});
+}
+function dn({ value: t, onChange: r, accept: i = ".png,.jpg,.jpeg,.gif,.webp", maxFiles: a, disabled: o = !1, invalid: c = !1, className: l, tileClassName: u, strings: d }) {
+	let f = e(sn, d), p = G(), m = q(null), [h, g] = J([]), [_, v] = J(!1), y = Oe(De(Te, { activationConstraint: { distance: 6 } })), b = q([]);
+	b.current = h, W(() => {
+		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: ln(),
+			file: e,
+			previewUrl: URL.createObjectURL(e)
+		}))));
+	}, [t]), W(() => () => {
+		b.current.forEach((e) => URL.revokeObjectURL(e.previewUrl));
+	}, []);
+	let x = U((e) => {
+		r?.(e.map((e) => e.file));
+	}, [r]), S = U((e) => {
+		o || g((t) => {
+			let n = a === void 0 ? e.length : Math.max(0, a - t.length), r = e.slice(0, n).map((e) => ({
+				id: ln(),
+				file: e,
+				previewUrl: URL.createObjectURL(e)
+			})), i = [...t, ...r];
+			return x(i), i;
+		});
+	}, [
+		o,
+		x,
+		a
+	]), C = U((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 = U((e) => {
+		let t = e.target.files;
+		!t || t.length === 0 || (S(Array.from(t)), m.current && (m.current.value = ""));
+	}, [S]), T = U((e) => {
+		e.preventDefault(), e.stopPropagation(), o || v(!0);
+	}, [o]), E = U((e) => {
+		e.preventDefault(), e.stopPropagation(), v(!1);
+	}, []), D = U((e) => {
+		if (e.preventDefault(), e.stopPropagation(), v(!1), o) return;
+		let t = e.dataTransfer?.files;
+		!t || t.length === 0 || S(Array.from(t));
+	}, [S, o]), O = U((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 = K(() => h.map((e) => e.id), [h]), A = a !== void 0 && h.length >= a;
+	return /* @__PURE__ */ X("div", {
+		className: n("space-y-3", l),
+		children: [
+			/* @__PURE__ */ Y(Ce, {
+				sensors: y,
+				onDragEnd: O,
+				children: /* @__PURE__ */ Y(ke, {
+					items: k,
+					strategy: Ae,
+					children: /* @__PURE__ */ X("div", {
+						className: n("grid grid-cols-2 gap-2", "sm:grid-cols-3 md:grid-cols-4"),
+						children: [h.map((e, t) => /* @__PURE__ */ Y(un, {
+							item: e,
+							isFirst: t === 0,
+							disabled: o,
+							onRemove: () => C(e.id),
+							strings: f,
+							tileClassName: u
+						}, e.id)), !A && /* @__PURE__ */ X("div", {
+							role: "button",
+							tabIndex: o ? -1 : 0,
+							"aria-disabled": o || void 0,
+							"aria-invalid": c || void 0,
+							onClick: () => !o && 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", o && "cursor-not-allowed opacity-50", !o && _ && "border-primary bg-primary/10 text-primary"),
+							children: [/* @__PURE__ */ Y("input", {
+								id: p,
+								ref: m,
+								type: "file",
+								className: "sr-only",
+								accept: i,
+								multiple: !0,
+								disabled: o,
+								onChange: w
+							}), /* @__PURE__ */ X("div", {
+								className: "flex flex-col items-center gap-2 px-2",
+								children: [/* @__PURE__ */ Y(de, {
+									className: "size-5 text-muted-foreground",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ Y(s, {
+									size: "xs",
+									weight: "medium",
+									children: _ ? f.dragOver : f.addInstruction
+								})]
+							})]
+						})]
+					})
+				})
+			}),
+			!!A && /* @__PURE__ */ Y(s, {
+				size: "xs",
+				type: "secondary",
+				children: f.maxReached
+			}),
+			!A && !!f.helper && /* @__PURE__ */ Y(s, {
+				size: "xs",
+				type: "secondary",
+				children: f.helper
+			})
+		]
+	});
+}
+dn.displayName = "MediaGallery";
+//#endregion
+//#region src/components/base/forms/fields/upload-progress-list.tsx
+var fn = {
+	queued: "Queued",
+	uploading: "Uploading",
+	done: "Uploaded",
+	error: "Failed",
+	cancelled: "Cancelled",
+	cancel: "Cancel",
+	retry: "Retry",
+	remove: "Remove"
+}, pn = {
+	queued: {
+		icon: ae,
+		bg: "bg-muted",
+		fg: "text-muted-foreground",
+		bar: "bg-muted-foreground/30"
+	},
+	uploading: {
+		icon: ge,
+		bg: "bg-primary/15",
+		fg: "text-primary",
+		bar: "bg-primary"
+	},
+	done: {
+		icon: re,
+		bg: "bg-success/15",
+		fg: "text-success",
+		bar: "bg-success"
+	},
+	error: {
+		icon: te,
+		bg: "bg-destructive/15",
+		fg: "text-destructive",
+		bar: "bg-destructive"
+	},
+	cancelled: {
+		icon: ve,
+		bg: "bg-muted",
+		fg: "text-muted-foreground",
+		bar: "bg-muted-foreground/30"
+	}
+};
+function mn({ items: t, onCancel: i, onRetry: a, onRemove: o, className: c, strings: l }) {
+	let u = e(fn, l), d = {
+		queued: u.queued,
+		uploading: u.uploading,
+		done: u.done,
+		error: u.error,
+		cancelled: u.cancelled
+	};
+	return t.length === 0 ? null : /* @__PURE__ */ Y("ul", {
+		className: n("upload-progress-list--component", "space-y-2", c),
+		children: t.map((e) => {
+			let t = pn[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__ */ Y("li", {
+				className: "rounded-md border border-border/60 bg-card px-3 py-2",
+				children: /* @__PURE__ */ X("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ Y("span", {
+							className: n("inline-flex size-7 shrink-0 items-center justify-center rounded-md", t.bg, t.fg),
+							children: /* @__PURE__ */ Y(c, { className: n("size-3.5", e.status === "uploading" && "animate-pulse") })
+						}),
+						/* @__PURE__ */ X("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ X("div", {
+								className: "flex items-baseline justify-between gap-2",
+								children: [/* @__PURE__ */ Y(s, {
+									weight: "medium",
+									className: "truncate",
+									children: e.name
+								}), /* @__PURE__ */ Y(s, {
+									size: "xxs",
+									type: "secondary",
+									className: "shrink-0 tabular-nums",
+									children: e.size
+								})]
+							}), f ? /* @__PURE__ */ Y("div", {
+								className: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-muted",
+								children: /* @__PURE__ */ Y("div", {
+									className: n("h-full rounded-full transition-[width] duration-200", t.bar),
+									style: { width: `${l}%` }
+								})
+							}) : /* @__PURE__ */ X(s, {
+								size: "xxs",
+								type: e.status === "error" ? "error" : "secondary",
+								children: [d[e.status], e.status === "error" && !!e.error && ` — ${e.error}`]
+							})]
+						}),
+						/* @__PURE__ */ X("div", {
+							className: "flex shrink-0 items-center gap-1",
+							children: [
+								e.status === "uploading" && !!i && /* @__PURE__ */ Y(r, {
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-small",
+									"aria-label": u.cancel,
+									onClick: () => i(e.id),
+									children: /* @__PURE__ */ Y(ve, { className: "size-3.5" })
+								}),
+								e.status === "error" && !!a && /* @__PURE__ */ Y(r, {
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-small",
+									"aria-label": u.retry,
+									onClick: () => a(e.id),
+									children: /* @__PURE__ */ Y(pe, { className: "size-3.5" })
+								}),
+								(e.status === "done" || e.status === "error" || e.status === "cancelled") && !!o && /* @__PURE__ */ Y(r, {
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-small",
+									"aria-label": u.remove,
+									onClick: () => o(e.id),
+									children: /* @__PURE__ */ Y(ve, { className: "size-3.5" })
+								})
+							]
+						})
+					]
+				})
+			}, e.id);
+		})
+	});
+}
+mn.displayName = "UploadProgressList";
+//#endregion
+//#region src/components/base/forms/fields/upload-tray.tsx
+var hn = {
+	heading: "Upload progress",
+	completedLabel: "Completed",
+	failedLabel: "Failed",
+	uploadingLabel: "Uploading",
+	queuedLabel: "Queued",
+	clearAll: "Clear all"
+};
+function gn(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 _n = V(function({ items: t, onAddFiles: i, onCancel: a, onRetry: o, onRemove: l, onClearAll: u, dropzone: d, className: f, strings: p, listStrings: m }, h) {
+	let g = e(hn, p), { completed: _, failed: v, uploading: y, queued: b } = gn(t), x = U((e) => {
+		e.length > 0 && i(e);
+	}, [i]), S = t.length > 0;
+	return /* @__PURE__ */ X("div", {
+		ref: h,
+		className: n("upload-tray--component", "flex flex-col gap-4", f),
+		children: [/* @__PURE__ */ Y(en, {
+			onDrop: x,
+			accept: d?.accept,
+			multiple: d?.multiple,
+			size: d?.size,
+			disabled: d?.disabled,
+			invalid: d?.invalid,
+			strings: d?.strings
+		}), !!S && /* @__PURE__ */ X(ee, { children: [/* @__PURE__ */ X("div", {
+			className: "flex flex-wrap items-center justify-between gap-2",
+			children: [/* @__PURE__ */ X("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ Y(s, {
+						tag: "span",
+						weight: "semibold",
+						children: g.heading
+					}),
+					_ > 0 && /* @__PURE__ */ X(c, {
+						variant: "success",
+						children: [
+							g.completedLabel,
+							": ",
+							_
+						]
+					}),
+					v > 0 && /* @__PURE__ */ X(c, {
+						variant: "destructive",
+						children: [
+							g.failedLabel,
+							": ",
+							v
+						]
+					}),
+					y > 0 && /* @__PURE__ */ X(c, {
+						variant: "info",
+						children: [
+							g.uploadingLabel,
+							": ",
+							y
+						]
+					}),
+					b > 0 && /* @__PURE__ */ X(c, {
+						variant: "secondary",
+						children: [
+							g.queuedLabel,
+							": ",
+							b
+						]
+					})
+				]
+			}), !!u && /* @__PURE__ */ Y(r, {
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: u,
+				children: g.clearAll
+			})]
+		}), /* @__PURE__ */ Y(mn, {
+			items: t,
+			onCancel: a,
+			onRetry: o,
+			onRemove: l,
+			strings: m
+		})] })]
+	});
+});
+_n.displayName = "UploadTray";
+//#endregion
+//#region src/components/base/forms/fields/repeaters.strings.ts
+var $ = {
+	emptyState: "No items added yet.",
+	addItem: "Add item",
+	removeAriaLabel: "Remove item"
+}, vn = {
+	emptyState: $.emptyState,
+	addButton: $.addItem,
+	removeAriaLabel: $.removeAriaLabel,
+	dragHandleAriaLabel: "Drag to reorder"
+};
+function yn({ item: e, index: t, sortable: i, rowVariant: a, removeVariant: o, hideRemove: s, disabled: c, strings: l, onRemove: u, renderRow: d }) {
+	let f = Me({
+		id: e.id,
+		disabled: c || !i
+	}), p = i ? f.isDragging : !1, m = i ? {
+		transform: Pe.Transform.toString(f.transform),
+		transition: f.transition,
+		opacity: p ? .6 : 1
+	} : void 0, h = i ? f.setNodeRef : void 0, g = i ? f.attributes : {}, _ = i ? f.listeners : void 0, v = i ? /* @__PURE__ */ Y("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__ */ Y(le, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	}) : null, y = s ? null : o === "icon-button" ? /* @__PURE__ */ Y(r, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "outline",
+		size: "default",
+		"aria-label": l.removeAriaLabel,
+		disabled: c,
+		onClick: () => u(t),
+		className: "shrink-0",
+		children: /* @__PURE__ */ Y(me, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	}) : /* @__PURE__ */ Y("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__ */ Y(ve, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	});
+	return a === "card" ? /* @__PURE__ */ Y("div", {
+		ref: h,
+		style: m,
+		className: n("repeater--component", "relative rounded-md border border-input bg-card p-4", i && "pl-2"),
+		children: /* @__PURE__ */ X("div", {
+			className: "flex items-start gap-2",
+			children: [
+				v,
+				/* @__PURE__ */ Y("div", {
+					className: "min-w-0 flex-1",
+					children: d(e, {
+						index: t,
+						isDragging: p
+					})
+				}),
+				y
+			]
+		})
+	}) : /* @__PURE__ */ X("div", {
+		ref: h,
+		style: m,
+		className: "flex items-start gap-2",
+		children: [
+			v,
+			/* @__PURE__ */ Y("div", {
+				className: "min-w-0 flex-1",
+				children: d(e, {
+					index: t,
+					isDragging: p
+				})
+			}),
+			y
+		]
+	});
+}
+function bn({ 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(vn, h), v = Oe(De(Te, { activationConstraint: { distance: 4 } }), De(we, { coordinateGetter: je })), y = U((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 = K(() => t.map((e) => e.id), [t]), x = /* @__PURE__ */ Y("div", {
+		className: "space-y-2",
+		children: t.map((e, t) => /* @__PURE__ */ Y(yn, {
+			item: e,
+			index: t,
+			sortable: l,
+			rowVariant: u,
+			removeVariant: d,
+			hideRemove: f,
+			disabled: m,
+			strings: _,
+			onRemove: o,
+			renderRow: i
+		}, e.id))
+	});
+	return /* @__PURE__ */ X("div", {
+		className: n("space-y-3", g),
+		children: [t.length === 0 ? /* @__PURE__ */ Y("div", {
+			className: "rounded-md border border-dashed border-input p-4",
+			children: /* @__PURE__ */ Y(s, {
+				type: "secondary",
+				children: _.emptyState
+			})
+		}) : l ? /* @__PURE__ */ Y(Ce, {
+			sensors: v,
+			collisionDetection: Ee,
+			onDragEnd: y,
+			children: /* @__PURE__ */ Y(ke, {
+				items: b,
+				strategy: Ne,
+				children: x
+			})
+		}) : x, !p && /* @__PURE__ */ X(r, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "outline",
+			size: "default",
+			disabled: m,
+			onClick: a,
+			children: [/* @__PURE__ */ Y(fe, { className: "size-4 mr-1.5" }), _.addButton]
+		})]
+	});
+}
+bn.displayName = "Repeater";
+//#endregion
+//#region src/components/base/forms/fields/key-value-editor.tsx
+var xn = {
+	keyLabel: "Key",
+	valueLabel: "Value",
+	keyPlaceholder: "key",
+	valuePlaceholder: "value",
+	addButton: "Add row",
+	removeRowAriaLabel: "Remove row",
+	emptyState: "No rows yet."
+}, Sn = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2, 10), Cn = H(function({ row: e, keyPlaceholder: t, valuePlaceholder: r, invalid: i, onKeyChange: a, onValueChange: o }) {
+	let { id: s, key: c, value: l } = e;
+	return /* @__PURE__ */ X("div", {
+		className: n("key-value-editor--component", "grid grid-cols-1 md:grid-cols-2 gap-2"),
+		children: [/* @__PURE__ */ Y(m, {
+			value: c ?? "",
+			placeholder: t,
+			onChange: (e) => a(s, e.target.value),
+			invalid: i
+		}), /* @__PURE__ */ Y(m, {
+			value: l ?? "",
+			placeholder: r,
+			onChange: (e) => o(s, e.target.value),
+			invalid: i
+		})]
+	});
+});
+function wn({ value: t, onChange: r, invalid: i, sortable: o = !1, keyPlaceholder: s, valuePlaceholder: c, keyLabel: l, valueLabel: u, addButtonText: d, strings: f }) {
+	let p = e(e(xn, s !== void 0 || c !== void 0 || l !== void 0 || u !== void 0 || d !== void 0 ? {
+		keyPlaceholder: s,
+		valuePlaceholder: c,
+		keyLabel: l,
+		valueLabel: u,
+		addButton: d
+	} : void 0), f), m = q(!1), [h, g] = J(() => t && Object.keys(t).length > 0 ? Object.entries(t).map(([e, t]) => ({
+		id: Sn(),
+		key: e,
+		value: String(t ?? "")
+	})) : [{
+		id: Sn(),
+		key: "",
+		value: ""
+	}]), _ = U((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 = U((e, t) => {
+		g((n) => {
+			let r = n.map((n) => n.id === e ? {
+				...n,
+				key: t
+			} : n);
+			return _(r), r;
+		});
+	}, [_]), y = U((e, t) => {
+		g((n) => {
+			let r = n.map((n) => n.id === e ? {
+				...n,
+				value: t
+			} : n);
+			return _(r), r;
+		});
+	}, [_]), b = U(() => {
+		g((e) => {
+			let t = [...e, {
+				id: Sn(),
+				key: "",
+				value: ""
+			}];
+			return _(t), t;
+		});
+	}, [_]), x = U((e) => {
+		g((t) => {
+			let n = t.filter((t, n) => n !== e), r = n.length ? n : [{
+				id: Sn(),
+				key: "",
+				value: ""
+			}];
+			return _(r), r;
+		});
+	}, [_]), S = U((e, t) => {
+		g((n) => {
+			let r = [...n], [i] = r.splice(e, 1);
+			return r.splice(t, 0, i), _(r), r;
+		});
+	}, [_]);
+	return /* @__PURE__ */ X("div", {
+		className: "space-y-2",
+		children: [(!!p.keyLabel || !!p.valueLabel) && /* @__PURE__ */ X("div", {
+			className: n("grid grid-cols-1 md:grid-cols-2 gap-2", o ? "pl-11" : "", "pr-11"),
+			children: [!!p.keyLabel && /* @__PURE__ */ Y(a, {
+				className: "flex items-center",
+				children: p.keyLabel
+			}), !!p.valueLabel && /* @__PURE__ */ Y(a, {
+				className: "flex items-center",
+				children: p.valueLabel
+			})]
+		}), /* @__PURE__ */ Y(bn, {
+			items: h,
+			sortable: o,
+			onAdd: b,
+			onRemove: x,
+			onMove: S,
+			strings: {
+				emptyState: p.emptyState,
+				addButton: p.addButton,
+				removeAriaLabel: p.removeRowAriaLabel
+			},
+			renderRow: (e) => /* @__PURE__ */ Y(Cn, {
+				row: e,
+				keyPlaceholder: p.keyPlaceholder,
+				valuePlaceholder: p.valuePlaceholder,
+				invalid: i,
+				onKeyChange: v,
+				onValueChange: y
+			})
+		})]
+	});
+}
+wn.displayName = "KeyValueEditor";
+//#endregion
+//#region src/components/base/forms/fields/string-repeater.tsx
+var Tn = {
+	placeholder: "Enter value",
+	addButton: "Add item",
+	...$
+};
+function En({ name: t, placeholder: n, addButtonText: r, emptyMessage: i, invalid: a, sortable: o = !1, strings: s }) {
+	let c = e(e(Tn, n !== void 0 || r !== void 0 || i !== void 0 ? {
+		placeholder: n,
+		addButton: r,
+		emptyState: i
+	} : void 0), s), { control: l, register: u } = Le(), { fields: d, append: f, remove: p, move: h } = Fe({
+		control: l,
+		name: t
+	});
+	return /* @__PURE__ */ Y(bn, {
+		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__ */ Y(m, {
+			...u(`${t}.${n}`),
+			placeholder: c.placeholder,
+			invalid: a
+		})
+	});
+}
+En.displayName = "StringRepeater";
+//#endregion
+//#region src/components/base/forms/fields/object-repeater.tsx
+var Dn = {
+	addButton: "Add item",
+	...$
+};
+function On({ name: t, fields: r, addButtonText: i, emptyMessage: a, invalid: o, sortable: s = !1, strings: c }) {
+	let l = e(e(Dn, i !== void 0 || a !== void 0 ? {
+		addButton: i,
+		emptyState: a
+	} : void 0), c), { control: u, register: d } = Le(), { fields: f, append: p, remove: h, move: g } = Fe({
+		control: u,
+		name: t
+	}), _ = U(() => r.reduce((e, t) => (e[t.name] = "", e), {}), [r]);
+	return /* @__PURE__ */ Y(bn, {
+		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__ */ Y("div", {
+			className: n("object-repeater--component", "space-y-3"),
+			children: r.map((e) => {
+				let n = `${t}.${i}.${e.name}`;
+				return /* @__PURE__ */ Y(A, {
+					label: e.label,
+					required: e.required,
+					hint: e.hint,
+					htmlFor: n,
+					children: e.type === "textarea" ? /* @__PURE__ */ Y(S, {
+						...d(n),
+						id: n,
+						placeholder: e.placeholder,
+						minRows: 3,
+						invalid: o
+					}) : /* @__PURE__ */ Y(m, {
+						...d(n),
+						id: n,
+						type: e.type || "text",
+						placeholder: e.placeholder,
+						invalid: o
+					})
+				}, e.name);
+			})
+		})
+	});
+}
+On.displayName = "ObjectRepeater";
+//#endregion
+//#region src/components/base/forms/fields/list.tsx
+var kn = {
+	addButton: "Add item",
+	emptyState: $.emptyState,
+	dragHandle: "Drag to reorder",
+	removeAriaLabel: $.removeAriaLabel
+};
+function An({ name: t, placeholder: n, addButtonText: r, emptyMessage: i, disableSort: a = !1, invalid: o, strings: s }) {
+	let c = e(e(kn, r !== void 0 || i !== void 0 ? {
+		addButton: r,
+		emptyState: i
+	} : void 0), s), { control: l, register: u } = Le(), { fields: d, append: f, remove: p, move: h } = Fe({
+		control: l,
+		name: t
+	});
+	return /* @__PURE__ */ Y(bn, {
+		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__ */ Y(m, {
+			...u(`${t}.${r}`),
+			placeholder: n,
+			invalid: o
+		})
+	});
+}
+An.displayName = "List";
+//#endregion
+//#region src/components/base/forms/fields/pill-radio-group.tsx
+function jn({ 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 = v(s, f), m = z.useCallback((e) => {
+		e === r ? o && a(null) : a(e);
+	}, [
+		o,
+		a,
+		r
+	]);
+	return /* @__PURE__ */ Y("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__ */ X("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", M[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__ */ Y(a, { className: n(p === "small" ? "size-icon-sm" : "size-icon", e.label && "mr-space-sm") }), e.label]
+			}, e.value);
+		})
+	});
+}
+jn.displayName = "PillRadioGroup";
+//#endregion
+//#region src/components/base/forms/fields/localized-string-field.tsx
+function Mn({ name: e, type: t = "text", placeholder: r, primaryLocale: i, secondaryLocale: a, activeLocale: o, invalid: s, className: c }) {
+	let { register: l } = Le(), u = `${e}.${o === "primary" ? i : a}`;
+	return t === "textarea" ? /* @__PURE__ */ Y(S, {
+		...l(u),
+		placeholder: r,
+		minRows: 3,
+		invalid: s,
+		className: n("localized-string-field--component", c)
+	}) : /* @__PURE__ */ Y(m, {
+		...l(u),
+		type: t === "number" ? "number" : "text",
+		placeholder: r,
+		invalid: s,
+		className: c
+	});
+}
+Mn.displayName = "LocalizedStringField";
+//#endregion
+//#region src/components/base/forms/fields/localized-object-field.tsx
+function Nn({ name: e, fields: t, primaryLocale: n, secondaryLocale: r, activeLocale: i, invalid: o, className: s }) {
+	let { register: c } = Le(), l = i === "primary" ? n : r;
+	return /* @__PURE__ */ Y("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__ */ X("div", {
+				className: "w-full space-y-1.5",
+				children: [/* @__PURE__ */ X(a, {
+					htmlFor: n,
+					children: [t.label, !!t.required && /* @__PURE__ */ Y("span", {
+						className: "text-destructive ml-1",
+						children: "*"
+					})]
+				}), t.type === "textarea" ? /* @__PURE__ */ Y(S, {
+					...c(n),
+					id: n,
+					placeholder: t.placeholder,
+					minRows: 3,
+					invalid: o
+				}) : /* @__PURE__ */ Y(m, {
+					...c(n),
+					id: n,
+					type: t.type === "number" ? "number" : "text",
+					placeholder: t.placeholder,
+					invalid: o
+				})]
+			}, t.name);
+		})
+	});
+}
+Nn.displayName = "LocalizedObjectField";
+//#endregion
+//#region src/components/base/forms/fields/localized-string-repeater.tsx
+var Pn = {
+	placeholder: "Enter value",
+	addButton: $.addItem,
+	emptyState: $.emptyState,
+	removeAriaLabel: $.removeAriaLabel
+};
+function Fn({ name: t, placeholder: n, addButtonText: r, emptyMessage: i, primaryLocale: a, secondaryLocale: o, activeLocale: s, invalid: c, sortable: l = !1, strings: u }) {
+	let d = e(e(Pn, n !== void 0 || r !== void 0 || i !== void 0 ? {
+		placeholder: n,
+		addButton: r,
+		emptyState: i
+	} : void 0), u), { control: f, register: p } = Le(), m = `${t}.${s === "primary" ? a : o}`, { fields: h, append: g, remove: _, move: v } = Fe({
+		control: f,
+		name: m
+	});
+	return /* @__PURE__ */ Y(bn, {
+		className: "localized-string-repeater--component",
+		items: h,
+		sortable: l,
+		onAdd: () => g(""),
+		onRemove: (e) => _(e),
+		onMove: (e, t) => v(e, t),
+		strings: {
+			emptyState: d.emptyState,
+			addButton: d.addButton,
+			removeAriaLabel: d.removeAriaLabel
+		},
+		renderRow: (e, { index: t }) => /* @__PURE__ */ Y(S, {
+			...p(`${m}.${t}`),
+			placeholder: d.placeholder,
+			minRows: 2,
+			invalid: c
+		})
+	});
+}
+Fn.displayName = "LocalizedStringRepeater";
+//#endregion
+//#region src/components/base/forms/workflow.tsx
+function In({ title: e, description: t, actions: r, children: i, footer: a, padding: o = "default", surface: s = "card", className: c, contentClassName: u }) {
+	return /* @__PURE__ */ Y(l, {
+		"data-component": "form-section",
+		"data-slot": "form-section",
+		title: e,
+		description: t,
+		headerAction: r,
+		footerSlot: a,
+		padding: o,
+		surface: s,
+		className: n("form-section--component", c),
+		contentClassName: n("form-section--content grid gap-4", u),
+		children: i
+	});
+}
+function Ln({ children: e, leading: t, trailing: r, sticky: i = !1, className: a }) {
+	return /* @__PURE__ */ X("div", {
+		"data-component": "form-actions-bar",
+		"data-slot": "form-actions-bar",
+		className: n("form-actions-bar--component flex min-w-0 flex-col gap-3 border-t border-border bg-background/95 px-4 py-3 backdrop-blur sm:flex-row sm:items-center sm:justify-between", i && "sticky bottom-0 z-30", a),
+		children: [/* @__PURE__ */ Y("div", {
+			"data-slot": "form-actions-leading",
+			className: "form-actions-bar--leading min-w-0 flex-1",
+			children: t
+		}), /* @__PURE__ */ Y("div", {
+			"data-slot": "form-actions-trailing",
+			className: "form-actions-bar--trailing flex shrink-0 flex-wrap items-center gap-2",
+			children: r ?? e
+		})]
+	});
+}
+function Rn({ title: e, description: t, errors: r = [], action: i, className: a }) {
+	return /* @__PURE__ */ X(p, {
+		"data-component": "error-summary",
+		"data-slot": "error-summary",
+		variant: "destructive",
+		className: n("error-summary--component", a),
+		children: [
+			/* @__PURE__ */ Y(u, { children: e }),
+			!!t && /* @__PURE__ */ Y(f, { children: t }),
+			r.length > 0 && /* @__PURE__ */ Y("ul", {
+				"data-slot": "error-summary-list",
+				className: "error-summary--list col-start-2 m-0 list-disc space-y-1 pl-4 text-xs text-muted-foreground",
+				children: r.map((e, t) => /* @__PURE__ */ Y("li", { children: e }, t))
+			}),
+			!!i && /* @__PURE__ */ Y(d, { children: i })
+		]
+	});
+}
+function zn({ title: e, description: t, actions: r, variant: i = "warning", className: a }) {
+	return /* @__PURE__ */ X(p, {
+		"data-component": "dirty-state-banner",
+		"data-slot": "dirty-state-banner",
+		variant: i,
+		className: n("dirty-state-banner--component", a),
+		children: [
+			/* @__PURE__ */ Y(u, { children: e }),
+			!!t && /* @__PURE__ */ Y(f, { children: t }),
+			!!r && /* @__PURE__ */ Y(d, { children: r })
+		]
+	});
+}
+function Bn({ isSubmitting: e = !1, isDirty: t = !0, disableWhenPristine: i = !1, disabled: a, children: o, ...s }) {
+	return /* @__PURE__ */ Y(r, {
+		...s,
+		"data-component": "submit-state-button",
+		"data-slot": "submit-state-button",
+		type: s.type ?? "submit",
+		loading: e,
+		disabled: a || i && !t,
+		className: n("submit-state-button--component", s.className),
+		children: o
+	});
+}
+//#endregion
+//#region src/components/base/forms/operation-password-form.tsx
+function Vn(e) {
+	let { formId: t, onSubmit: r, errors: i, isLoading: a, label: o } = e, c = ((e) => {
+		let t = i?.[e];
+		return Array.isArray(t) ? t[0] : t;
+	})("password"), l = c ? () => c : void 0, u = (Array.isArray(i?.general) ? i.general[0] : i?.general) || (Array.isArray(i?.server) ? i.server[0] : i?.server), { handleSubmit: d, control: f } = Ie({ defaultValues: K(() => ({ password: "" }), []) }), p = async (e) => {
+		await r({ password: e.password });
+	}, h = !!a;
+	return /* @__PURE__ */ X("form", {
+		id: t,
+		onSubmit: d(p),
+		className: n("operation-password-form--component", "space-y-4"),
+		children: [!!u && /* @__PURE__ */ Y(s, {
+			type: "error",
+			children: u
+		}), /* @__PURE__ */ Y(j, {
+			name: "password",
+			control: f,
+			error: l,
+			label: o,
+			required: !0,
+			children: (e, t, n) => /* @__PURE__ */ Y(m, {
+				type: "password",
+				value: e.value ?? "",
+				onChange: e.onChange,
+				onBlur: e.onBlur,
+				name: e.name,
+				invalid: n,
+				disabled: h,
+				autoFocus: !0
+			})
+		})]
+	});
+}
+Vn.displayName = "OperationPasswordForm";
+//#endregion
+export { Re as $, Ht as A, lt as B, on as C, Yt as D, Xt as E, Ct as F, Ze as G, nt as H, vt as I, Ye as J, Xe as K, ht as L, Mt as M, jt as N, qt as O, Et as P, ze as Q, pt as R, sn as S, en as T, ct as U, tt as V, $e as W, Ve as X, Ke as Y, Be as Z, _n as _, In as a, fn as b, Nn as c, An as d, On as f, vn as g, bn as h, Ln as i, Lt as j, Wt as k, Mn as l, wn as m, zn as n, Bn as o, En as p, Je as q, Rn as r, Fn as s, Vn as t, jn as u, hn as v, tn as w, dn as x, mn as y, ft as z };
+
+//# sourceMappingURL=forms-qnwoUqxf.js.map