admin-ui-starter-kit 0.4.4 → 0.5.0

package/dist/_shared/forms-Yd0b-3MQ.js

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