admin-ui-starter-kit 0.4.3 → 0.4.4

package/dist/_shared/forms-L1hyNKpZ.js

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