@rpcbase/ui 0.261.0 → 0.263.0

package/dist/index301.js

@@ -1,790 +1,516 @@
-import { useIsTouchDevice as e } from "./index4.js";
-import { cn as t } from "./index12.js";
-import { c as n } from "react/compiler-runtime";
-import * as r from "react";
-import { Check as i, ChevronDown as a, ChevronUp as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { createPortal as u } from "react-dom";
-import { IMaskInput as d } from "react-imask";
-import f, { InputMask as p } from "imask";
-//#region src/components/HourPickerField/index.tsx
-var m = f;
-typeof m.InputMask != "function" && (m.InputMask = p);
-function h(e) {
-	return String(e).padStart(2, "0");
+import { cn as e } from "./index12.js";
+import { c as t } from "react/compiler-runtime";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a, { components as o } from "react-select";
+//#region src/components/I18nField/index.tsx
+var ee = n.createContext(null);
+function s(e) {
+	let i = t(17), { children: a, value: o, defaultValue: s, onChange: c, locales: l } = e, u = o !== void 0, m;
+	i[0] !== s || i[1] !== l ? (m = p([s, ...f()], l), i[0] = s, i[1] = l, i[2] = m) : m = i[2];
+	let h = m, [te, g] = n.useState(h), ne = o ?? te, _;
+	i[3] !== u || i[4] !== c ? (_ = (e) => {
+		u || g(e), c?.(e);
+	}, i[3] = u, i[4] = c, i[5] = _) : _ = i[5];
+	let v = _, re, ie;
+	i[6] !== h || i[7] !== u || i[8] !== l ? (re = () => {
+		u || g((e) => d(e, l) ? e : h);
+	}, ie = [
+		h,
+		u,
+		l
+	], i[6] = h, i[7] = u, i[8] = l, i[9] = re, i[10] = ie) : (re = i[9], ie = i[10]), n.useEffect(re, ie);
+	let ae;
+	i[11] !== ne || i[12] !== v ? (ae = {
+		locale: ne,
+		setLocale: v
+	}, i[11] = ne, i[12] = v, i[13] = ae) : ae = i[13];
+	let y = ae, b;
+	return i[14] !== a || i[15] !== y ? (b = /* @__PURE__ */ r(ee.Provider, {
+		value: y,
+		children: a
+	}), i[14] = a, i[15] = y, i[16] = b) : b = i[16], b;
+}
+var c = "en";
+function l(e) {
+	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function g(e) {
-	let t = e.trim();
-	if (!t) return null;
-	let n = /^(\d{1,2}):(\d{2})$/.exec(t);
+function u(e) {
+	return l(e).split("-")[0] ?? "";
+}
+function d(e, t) {
+	let n = typeof e == "string" ? l(e) : "";
 	if (!n) return null;
-	let r = Number(n[1]), i = Number(n[2]);
-	return !Number.isFinite(r) || !Number.isFinite(i) || r < 0 || r > 23 || i < 0 || i > 59 ? null : `${h(r)}:${h(i)}`;
+	let r = (t ?? []).filter((e) => typeof e == "string" && e.length > 0);
+	return r.length === 0 ? e?.trim() ?? n : r.find((e) => l(e) === n) ?? r.find((e) => u(e) === u(n)) ?? null;
 }
-function _(e) {
-	let t = g(e);
-	if (t) return `parsed:${t}`;
-	let n = e.replace(/\D/g, "");
-	if (!n) return "empty";
-	if (n.length <= 2) return `hour:${Number(n)}`;
-	let r = n.slice(-2), i = n.slice(0, -2);
-	return `hour-minute:${Number(i)}:${r}`;
+function f() {
+	let e = [];
+	return typeof document < "u" && e.push(document.documentElement.lang), typeof navigator < "u" && e.push(...Array.from(navigator.languages ?? []), navigator.language), e;
 }
-function v(e, t) {
-	let n = g(e);
-	return n ? y(t.find((e) => e.value === n)) ? {
-		parsed: n,
-		selectableValue: n
-	} : {
-		parsed: n,
-		selectableValue: null
-	} : null;
+function p(e, t) {
+	for (let n of e) {
+		let e = d(n, t);
+		if (e) return e;
+	}
+	return d(c, t) || (t?.[0] ?? c);
+}
+function m(e) {
+	let t = (e.split("-")[0] ?? "").replace(/[^A-Za-z]/g, "");
+	return t ? t.slice(0, 3).toUpperCase() : "?";
 }
-function ee(e) {
-	let t = /^(\d{2}):(\d{2})$/.exec(e);
-	if (!t) return null;
-	let n = Number(t[1]), r = Number(t[2]);
-	return !Number.isFinite(n) || !Number.isFinite(r) ? null : n * 60 + r;
+function h(e) {
+	return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
-function y(e) {
-	return e ? !e.disabled : !1;
+function te(e) {
+	return h(e).toLowerCase();
 }
-function te(e, t) {
-	let n = null, r = Infinity, i = -Infinity;
-	for (let a of t) {
-		if (!y(a)) continue;
-		let t = ee(a.value);
-		if (t == null) continue;
-		let o = Math.abs(t - e);
-		(o < r || o === r && t > i) && (n = a, r = o, i = t);
+function g(e, t) {
+	if (Object.prototype.hasOwnProperty.call(e, t)) return e[t];
+	let n = t.split("-").filter(Boolean);
+	for (; n.length > 1;) {
+		n.pop();
+		let t = n.join("-");
+		if (Object.prototype.hasOwnProperty.call(e, t)) return e[t];
 	}
-	return n;
 }
-function b({ direction: e, viewportRef: n, speed: i = 400, className: s }) {
-	let [l, u] = r.useState(!0), d = r.useRef(void 0), f = r.useRef(void 0), p = r.useRef(!1), m = r.useCallback(() => {
-		let t = n.current;
-		if (!t) {
-			u(!0);
-			return;
-		}
-		let { scrollTop: r, scrollHeight: i, clientHeight: a } = t, o = r > 2, s = r < i - a - 2;
-		if (!(i > a + 2)) {
-			u(!0);
-			return;
-		}
-		u(e === "up" ? !o : !s);
-	}, [e, n]);
-	r.useEffect(() => {
-		let e = n.current;
-		if (!e) return;
-		m();
-		let t = () => m(), r = () => m();
-		e.addEventListener("scroll", t, { passive: !0 });
-		let i = new ResizeObserver(r);
-		i.observe(e);
-		let a = new MutationObserver(r);
-		return a.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			e.removeEventListener("scroll", t), i.disconnect(), a.disconnect();
+function ne(e, t) {
+	return g(e, t)?.value ?? "";
+}
+function _(e, t) {
+	if (typeof Intl > "u" || Intl.DisplayNames === void 0) return null;
+	try {
+		let n = Array.isArray(e) ? e : e ? [e] : void 0;
+		return new Intl.DisplayNames(n, { type: t });
+	} catch {
+		return null;
+	}
+}
+function v(e, t) {
+	if (e) try {
+		return e.of(t) ?? void 0;
+	} catch {
+		return;
+	}
+}
+function re(e, t) {
+	let n = _(e, "language"), r = _("en", "language");
+	return (t ?? []).filter((e) => typeof e == "string" && e.length > 0).map((e) => {
+		let t = v(n, e) ?? v(r, e) ?? e;
+		return {
+			value: e,
+			name: t,
+			code: e,
+			searchable: Array.from(/* @__PURE__ */ new Set([
+				t,
+				v(r, e) ?? e,
+				e.toLowerCase(),
+				e.toUpperCase()
+			])).map((e) => te(e))
 		};
-	}, [n, m]);
-	let h = r.useCallback(() => {
-		d.current &&= (cancelAnimationFrame(d.current), void 0), p.current = !1, f.current = void 0;
-	}, []), g = r.useCallback((t) => {
-		let r = n.current;
-		if (!r || l || !p.current) {
-			h();
-			return;
-		}
-		f.current ||= t;
-		let a = i * (t - f.current) / 1e3;
-		if (a < .1) {
-			d.current = requestAnimationFrame(g);
-			return;
-		}
-		let o = r.scrollTop, s = r.scrollHeight - r.clientHeight, c;
-		c = e === "up" ? Math.max(0, o - a) : Math.min(s, o + a), r.scrollTo({ top: c }), f.current = t, (e === "up" ? c > 1 : c < s - 1) && Math.abs(c - o) > .01 ? d.current = requestAnimationFrame(g) : (h(), setTimeout(m, 16));
-	}, [
-		m,
-		e,
-		l,
-		i,
-		h,
-		n
-	]), _ = r.useCallback(() => {
-		l || !n.current || p.current || (p.current = !0, f.current = void 0, d.current = requestAnimationFrame(g));
-	}, [
-		l,
-		g,
-		n
-	]);
-	return r.useEffect(() => h, [h]), /* @__PURE__ */ c("div", {
-		className: t("flex items-center justify-center py-1 select-none", l ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20", s),
-		onPointerEnter: () => {
-			l || _();
-		},
-		onPointerMove: () => {
-			!l && !p.current && _();
-		},
-		onPointerLeave: () => {
-			h();
-		},
-		children: c(e === "up" ? o : a, {
-			"aria-hidden": !0,
-			className: "h-4 w-4 opacity-50"
-		})
+	}).sort((e, t) => e.name.localeCompare(t.name));
+}
+var ie = {
+	control: () => ({ display: "none" }),
+	menu: (e) => ({
+		...e,
+		marginTop: 4,
+		borderRadius: "var(--radius)",
+		boxShadow: "0 18px 36px rgba(15, 23, 42, 0.18)",
+		backgroundColor: "hsl(var(--popover))",
+		overflow: "hidden",
+		zIndex: 30
+	}),
+	menuList: (e) => ({
+		...e,
+		maxHeight: 280,
+		padding: 0,
+		display: "flex",
+		flexDirection: "column",
+		overflow: "hidden"
+	}),
+	option: (e, t) => ({
+		...e,
+		fontSize: "0.875rem",
+		backgroundColor: t.isFocused ? "hsl(var(--muted))" : t.isSelected ? "hsl(var(--accent))" : "transparent",
+		color: t.isSelected ? "hsl(var(--accent-foreground))" : "hsl(var(--foreground))",
+		cursor: "pointer"
+	}),
+	noOptionsMessage: (e) => ({
+		...e,
+		fontSize: "0.875rem",
+		color: "hsl(var(--muted-foreground))"
+	})
+}, ae = () => {
+	let e = t(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r("div", { style: { display: "none" } }), e[0] = n) : n = e[0], n;
+}, y = () => null, b = n.createContext(null);
+function oe(e) {
+	let t = n.useContext(b), { children: a } = e;
+	return /* @__PURE__ */ i(o.MenuList, {
+		...e,
+		className: "!p-0 flex flex-col overflow-hidden",
+		children: [
+			t ? /* @__PURE__ */ r("div", {
+				className: "border-b border-muted px-2 pb-2 pt-2",
+				children: /* @__PURE__ */ r("input", {
+					ref: t.searchInputRef,
+					value: t.searchTerm,
+					onChange: (e) => t.setSearchTerm(e.target.value),
+					onKeyDown: t.onSearchKeyDown,
+					className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+					placeholder: "Search language…"
+				})
+			}) : null,
+			/* @__PURE__ */ r("div", {
+				className: "max-h-60 overflow-y-auto",
+				children: a
+			}),
+			t?.selectFooter ? /* @__PURE__ */ r("div", {
+				className: "border-t border-muted bg-muted/60 px-3 py-2 text-xs text-muted-foreground",
+				children: t.selectFooter
+			}) : null
+		]
 	});
 }
-function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeholder: f = "Select time", className: p, inputClassName: m, disabled: h, readOnly: g, open: _, onOpenChange: v, triggerTestId: ee, contentTestId: te, isHydrated: x }) {
-	let S = r.useId(), C = e ?? `hours-picker-${S}`, T = r.useRef(null), E = r.useRef(null), D = r.useCallback((e) => {
-		E.current = e;
-	}, []), O = r.useRef(null), k = r.useRef(!1), [A, j] = r.useState(null), M = r.useRef(null), N = r.useRef(null), P = r.useRef(null), [F, ne] = r.useState(() => ({
+function se(n) {
+	let a = t(12), { data: o, innerRef: ee, innerProps: s, isFocused: c, isSelected: l } = n, u = l ? "bg-accent text-accent-foreground" : c ? "bg-muted text-foreground" : "text-foreground", d;
+	a[0] === u ? d = a[1] : (d = e("flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm", u), a[0] = u, a[1] = d);
+	let f;
+	a[2] === o.name ? f = a[3] : (f = /* @__PURE__ */ r("span", {
+		className: "flex min-w-0 items-center gap-2",
+		children: /* @__PURE__ */ r("span", {
+			className: "truncate",
+			children: o.name
+		})
+	}), a[2] = o.name, a[3] = f);
+	let p;
+	a[4] === o.code ? p = a[5] : (p = /* @__PURE__ */ r("span", {
+		className: "text-xs text-muted-foreground uppercase",
+		children: o.code
+	}), a[4] = o.code, a[5] = p);
+	let m;
+	return a[6] !== s || a[7] !== ee || a[8] !== d || a[9] !== f || a[10] !== p ? (m = /* @__PURE__ */ i("div", {
+		ref: ee,
+		...s,
+		className: d,
+		children: [f, p]
+	}), a[6] = s, a[7] = ee, a[8] = d, a[9] = f, a[10] = p, a[11] = m) : m = a[11], m;
+}
+var x = n.forwardRef(function(o, s) {
+	let c = t(190), l, u, d, h, g, _, v, x, S, de, fe, pe, C, me, w;
+	c[0] === o ? (l = c[1], u = c[2], d = c[3], h = c[4], g = c[5], _ = c[6], v = c[7], x = c[8], S = c[9], de = c[10], fe = c[11], pe = c[12], C = c[13], me = c[14], w = c[15]) : ({value: w, defaultValue: d, locale: _, defaultLocale: u, onChange: S, onLocaleChange: de, locales: v, multiline: x, className: l, inputClassName: g, selectProps: C, selectFooter: pe, languageSelectTabIndex: me, disabled: h, ...fe} = o, c[0] = o, c[1] = l, c[2] = u, c[3] = d, c[4] = h, c[5] = g, c[6] = _, c[7] = v, c[8] = x, c[9] = S, c[10] = de, c[11] = fe, c[12] = pe, c[13] = C, c[14] = me, c[15] = w);
+	let he = me === void 0 ? -1 : me, ge = fe, T, E;
+	c[16] === ge ? (T = c[17], E = c[18]) : ({rows: E, ...T} = ge, c[16] = ge, c[17] = T, c[18] = E);
+	let _e;
+	c[19] !== d || c[20] !== w ? (_e = w ?? d ?? {}, c[19] = d, c[20] = w, c[21] = _e) : _e = c[21];
+	let ve = _e, [ye, be] = n.useState(ve), D = w !== void 0, xe;
+	c[22] !== ye || c[23] !== D || c[24] !== w ? (xe = D ? w ?? {} : ye, c[22] = ye, c[23] = D, c[24] = w, c[25] = xe) : xe = c[25];
+	let O = xe, [k, Se] = n.useState(""), A = n.useContext(ee), Ce;
+	c[26] !== O || c[27] !== v ? (Ce = re(void 0, Array.from(/* @__PURE__ */ new Set([...v ?? [], ...Object.keys(O)]))), c[26] = O, c[27] = v, c[28] = Ce) : Ce = c[28];
+	let j = Ce, M;
+	c[29] !== O || c[30] !== u || c[31] !== A?.locale || c[32] !== j || c[33] !== _ ? (M = () => {
+		let e = j.map(ce);
+		return _ ?? A?.locale ?? p([
+			u,
+			...f(),
+			Object.keys(O)[0]
+		], e);
+	}, c[29] = O, c[30] = u, c[31] = A?.locale, c[32] = j, c[33] = _, c[34] = M) : M = c[34], A?.locale;
+	let we;
+	c[35] === M ? we = c[36] : (we = M(), c[35] = M, c[36] = we);
+	let Te = we, [N, Ee] = n.useState(Te), P = _ ?? A?.locale ?? N, De, Oe;
+	c[37] !== ve || c[38] !== D ? (De = () => {
+		D || be(ve);
+	}, Oe = [ve, D], c[37] = ve, c[38] = D, c[39] = De, c[40] = Oe) : (De = c[39], Oe = c[40]), n.useEffect(De, Oe);
+	let ke, Ae;
+	c[41] !== N || c[42] !== _ ? (Ae = () => {
+		_ && _ !== N && Ee(_);
+	}, ke = [N, _], c[41] = N, c[42] = _, c[43] = ke, c[44] = Ae) : (ke = c[43], Ae = c[44]), n.useEffect(Ae, ke);
+	let je;
+	c[45] !== N || c[46] !== A || c[47] !== _ ? (je = () => {
+		!_ && A?.locale && A.locale !== N && Ee(A.locale);
+	}, c[45] = N, c[46] = A, c[47] = _, c[48] = je) : je = c[48];
+	let Me = A?.locale, Ne;
+	c[49] !== N || c[50] !== _ || c[51] !== Me ? (Ne = [
+		N,
+		Me,
+		_
+	], c[49] = N, c[50] = _, c[51] = Me, c[52] = Ne) : Ne = c[52], n.useEffect(je, Ne);
+	let Pe;
+	c[53] !== P || c[54] !== j ? (Pe = j.find((e) => e.value === P) ?? j.find(le) ?? j[0] ?? null, c[53] = P, c[54] = j, c[55] = Pe) : Pe = c[55];
+	let F = Pe, [I, Fe] = n.useState(!1), Ie = n.useRef(null), Le = n.useRef(null), Re = n.useRef(null), ze = n.useRef(null), Be = n.useRef(null), Ve = n.useRef(null), He = n.useRef(null), Ue;
+	c[56] === Symbol.for("react.memo_cache_sentinel") ? (Ue = {
 		left: 0,
-		top: 0,
-		width: 0
-	})), [I, re] = r.useState(!1), L = _ ?? I, R = v ?? re, z = r.useRef(!1);
-	z.current = L, r.useEffect(() => {
-		if (!L || h || g) return;
-		let e = T.current;
-		e instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === e || e.focus({ preventScroll: !0 }));
-	}, [
-		h,
-		L,
-		g
-	]);
-	let B = r.useCallback((e) => {
-		O.current = e, j(e);
-	}, []), ie = r.useCallback(() => {
-		k.current = !0;
-	}, []);
-	r.useEffect(() => {
-		if (!L) return;
-		let e = d.find((e) => e.value === n);
-		if (e && y(e)) {
-			B(e.value);
-			return;
-		}
-		let t = d.find((e) => y(e));
-		B(t?.value ?? null);
-	}, [
-		L,
-		d,
-		B,
-		n
-	]);
-	let ae = r.useCallback((e) => {
-		if (e === null) {
-			o && o(null);
-			return;
-		}
-		y(d.find((t) => t.value === e)) && o && o(e);
-	}, [o, d]), V = r.useCallback((e) => {
-		if (e === null) {
-			o && o(null), a(null);
-			return;
-		}
-		y(d.find((t) => t.value === e)) && (o && o(e), a(e));
-	}, [
-		a,
-		o,
-		d
-	]);
-	r.useEffect(() => {
-		if (!L) return;
-		let e = M.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = M.current;
-			n && (n.contains(t) || N.current?.contains(t) || R(!1));
-		}, r = (e) => {
-			if (e.key !== "Escape" || !z.current) return;
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = M.current, r = N.current;
-			!n?.contains(t) && !r?.contains(t) || (e.preventDefault(), e.stopPropagation(), R(!1));
-		};
-		return e.addEventListener("pointerdown", n, !0), t.addEventListener("keydown", r, !0), () => {
-			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
-		};
-	}, [L, R]), r.useEffect(() => {
-		if (!L) return;
-		let e = N.current;
+		top: 0
+	}, c[56] = Ue) : Ue = c[56];
+	let [L, We] = n.useState(Ue), Ge, Ke;
+	c[57] === Symbol.for("react.memo_cache_sentinel") ? (Ge = () => Le.current, Ke = [], c[57] = Ge, c[58] = Ke) : (Ge = c[57], Ke = c[58]), n.useImperativeHandle(s, Ge, Ke);
+	let R = (e) => {
 		if (!e) return;
-		let t = (e) => {
-			let t = P.current;
-			if (!t) return;
-			let n = e.deltaY;
-			if (n === 0) return;
-			let r = Math.max(0, t.scrollHeight - t.clientHeight), i = t.scrollTop <= 0, a = t.scrollTop >= r, o = e.target;
-			if (o instanceof Node && t.contains(o)) {
-				(n < 0 && i || n > 0 && a) && e.preventDefault();
-				return;
+		let t = e.value;
+		D || Ee(t), de?.(t, e), A?.setLocale(t), V(!0);
+	}, qe;
+	c[59] !== P || c[60] !== O || c[61] !== D || c[62] !== S ? (qe = (e) => {
+		let t = O[P], n = {
+			...O,
+			[P]: {
+				...t ?? {},
+				value: e.target.value,
+				updatedAt: /* @__PURE__ */ new Date(),
+				autoTranslated: !1
 			}
-			e.preventDefault(), t.scrollTop = Math.min(r, Math.max(0, t.scrollTop + n));
-		};
-		return e.addEventListener("wheel", t, { passive: !1 }), () => {
-			e.removeEventListener("wheel", t);
 		};
-	}, [L]), r.useEffect(() => {
-		if (!L || _ !== void 0 && !v || typeof window > "u" || !("IntersectionObserver" in window)) return;
-		let e = T.current;
-		if (!(e instanceof HTMLElement)) return;
-		let t = !0, n = new IntersectionObserver((e) => {
-			if (!t) return;
-			let n = e[0];
-			n && !n.isIntersecting && R(!1);
+		D || be(n), S?.(n);
+	}, c[59] = P, c[60] = O, c[61] = D, c[62] = S, c[63] = qe) : qe = c[63];
+	let Je = qe, Ye;
+	c[64] !== P || c[65] !== O ? (Ye = ne(O, P), c[64] = P, c[65] = O, c[66] = Ye) : Ye = c[66];
+	let Xe = Ye, Ze;
+	c[67] === k ? Ze = c[68] : (Ze = (e) => {
+		if (!k) return !0;
+		let t = te(k);
+		return e.data.searchable.some((e) => e.includes(t));
+	}, c[67] = k, c[68] = Ze);
+	let z = Ze, Qe = x ? "left-2 top-2 -translate-y-0" : "left-3 top-1/2 -translate-y-1/2", $e;
+	c[69] === Symbol.for("react.memo_cache_sentinel") ? ($e = () => {
+		let e = Re.current, t = ze.current;
+		if (!e || !t) return;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+		We({
+			left: n.left - r.left,
+			top: n.bottom - r.top + 4
 		});
-		return n.observe(e), () => {
-			t = !1, n.disconnect();
-		};
-	}, [
-		v,
-		L,
-		_,
-		R
-	]);
-	let H = r.useCallback(() => {
-		if (typeof window > "u") return;
-		let e = T.current, t = N.current;
-		if (!(e instanceof HTMLElement) || !t) return;
-		let n = e.getBoundingClientRect(), r = t.offsetHeight, i = window.innerWidth ?? 0, a = window.innerHeight ?? 0, o = n.width, s = n.left;
-		s + o > i - 8 && (s = Math.max(8, i - o - 8)), s < 8 && (s = 8);
-		let c = n.bottom + 8, l = c + r > a - 8, u = n.top - r - 8;
-		l && u >= 8 && (c = u), c < 8 && (c = 8), c + r > a - 8 && (c = Math.max(8, a - r - 8)), ne({
-			left: s,
-			top: c,
-			width: o
-		});
-	}, []);
-	return r.useLayoutEffect(() => {
-		if (!L || h || typeof window > "u") return;
-		H();
-		let e = window.requestAnimationFrame(H);
-		return window.addEventListener("scroll", H, !0), window.addEventListener("resize", H), () => {
-			window.cancelAnimationFrame(e), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
-		};
-	}, [
-		h,
-		L,
-		H
-	]), r.useEffect(() => {
-		if (!L) return;
-		let e = P.current;
+	}, c[69] = $e) : $e = c[69];
+	let et = $e, tt;
+	c[70] === Symbol.for("react.memo_cache_sentinel") ? (tt = (e) => !e || !(e instanceof Node) ? !1 : !!Ie.current?.contains(e), c[70] = tt) : tt = c[70];
+	let B = tt, nt;
+	c[71] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
+		let e = Le.current;
 		if (!e) return;
-		let t = requestAnimationFrame(() => {
-			let t = e.querySelector("[role=\"option\"][data-state=\"checked\"]");
-			if (t instanceof HTMLElement) {
-				let n = t.offsetTop - 8, r = t.offsetTop + t.offsetHeight + 8;
-				if (n < e.scrollTop) {
-					e.scrollTop = Math.max(0, n);
-					return;
-				}
-				r > e.scrollTop + e.clientHeight && (e.scrollTop = Math.max(0, r - e.clientHeight));
-				return;
-			}
-			let n = Array.from(e.querySelectorAll("[role=\"option\"]"));
-			if (!n.length) return;
-			let r, i;
-			for (let e of n) {
-				if (!e.hasAttribute("data-disabled")) {
-					r = e;
-					break;
-				}
-				i = e;
-			}
-			if (!r) return;
-			let a = Math.max(0, (i || r).offsetTop - 8);
-			e.scrollTop = a;
+		e.focus();
+		let t = He.current;
+		t && t.start != null && t.end != null && e.setSelectionRange(t.start, t.end);
+	}, c[71] = nt) : nt = c[71];
+	let rt = nt, it;
+	c[72] === I ? it = c[73] : (it = () => {
+		if (!I) return;
+		let e = Ve.current;
+		e && requestAnimationFrame(() => {
+			if (document.activeElement === e) return;
+			e.focus();
+			let t = e.value.length;
+			try {
+				e.setSelectionRange(t, t);
+			} catch {}
 		});
-		return () => cancelAnimationFrame(t);
-	}, [L, d]), r.useEffect(() => {
-		if (!L || !A || !k.current) return;
-		let e = P.current;
-		if (!e) return;
-		let t = e.querySelector(`[role="option"][data-value="${A}"]`);
-		if (!(t instanceof HTMLElement)) return;
-		let n = t.offsetTop - 8, r = t.offsetTop + t.offsetHeight + 8;
-		if (n < e.scrollTop) {
-			e.scrollTop = Math.max(0, n);
-			return;
-		}
-		r > e.scrollTop + e.clientHeight && (e.scrollTop = Math.max(0, r - e.clientHeight));
-	}, [A, L]), /* @__PURE__ */ c("div", {
-		"data-slot": "hours-picker-input",
-		className: t("w-[150px]", p),
-		ref: M,
-		children: /* @__PURE__ */ l("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ c(w, {
-				id: C,
-				placeholder: f,
-				value: n,
-				onValueUpdate: ae,
-				onCommit: V,
-				options: d,
-				disabled: h,
-				readOnly: g,
-				open: L,
-				setOpen: R,
-				inputClassName: m,
-				triggerTestId: ee,
-				isHydrated: x,
-				highlightedValueRef: O,
-				setHighlightedValue: B,
-				markKeyboardNavigation: ie,
-				inputRef: (e) => {
-					T.current = e;
-				},
-				onDraftValueHandlerChange: D
-			}), L ? (() => {
-				let e = /* @__PURE__ */ c(s, { children: /* @__PURE__ */ l("div", {
-					ref: N,
-					"data-testid": te,
-					"data-state": "open",
-					className: t("pointer-events-auto fixed z-[60] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"),
-					style: {
-						left: F.left,
-						top: F.top,
-						width: F.width
-					},
-					children: [
-						/* @__PURE__ */ c(b, {
-							direction: "up",
-							viewportRef: P
-						}),
-						/* @__PURE__ */ c("div", {
-							ref: P,
-							role: "listbox",
-							className: "max-h-64 overflow-y-auto p-1 [overscroll-behavior:contain] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-							children: d.map((e) => {
-								let r = e.value === n;
-								return /* @__PURE__ */ l("div", {
-									role: "option",
-									"aria-selected": r,
-									"data-value": e.value,
-									"data-state": r ? "checked" : "unchecked",
-									"data-disabled": e.disabled ? "" : void 0,
-									className: t("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer", e.disabled && "pointer-events-none opacity-50", A === e.value && "bg-accent text-accent-foreground"),
-									onMouseDown: (e) => {
-										e.preventDefault();
-									},
-									onClick: () => {
-										e.disabled || (E.current?.(e.value), B(e.value), T.current?.focus({ preventScroll: !0 }), V(e.value), R(!1));
-									},
-									onPointerEnter: () => {
-										k.current || (k.current = !1, B(e.value));
-									},
-									onPointerMove: (t) => {
-										k.current && t.movementX === 0 && t.movementY === 0 || (k.current = !1, B(e.value));
-									},
-									children: [/* @__PURE__ */ c("span", {
-										className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-										children: r ? /* @__PURE__ */ c(i, {
-											"aria-hidden": !0,
-											className: "h-4 w-4"
-										}) : null
-									}), /* @__PURE__ */ l("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ c("span", { children: e.label }), e.description == null ? null : /* @__PURE__ */ c("span", {
-											"data-slot": "description",
-											className: "text-xs text-muted-foreground",
-											children: e.description
-										})]
-									})]
-								}, e.value);
-							})
-						}),
-						/* @__PURE__ */ c(b, {
-							direction: "down",
-							viewportRef: P
-						})
-					]
-				}) });
-				return typeof document > "u" ? e : u(e, document.body);
-			})() : null]
-		})
-	});
-}
-x.displayName = "HourPickerInput";
-function S({ id: e, value: n, onChange: o, onValueUpdate: d, options: f, placeholder: p = "Select time", className: m, inputClassName: h, disabled: g, readOnly: _, open: v, onOpenChange: ee, triggerTestId: te, contentTestId: x, isHydrated: S }) {
-	let C = r.useId(), w = e ?? `hours-picker-${C}`, T = r.useRef(null), E = r.useRef(null), D = r.useRef(null), O = r.useRef(null), [k, A] = r.useState(() => ({
-		left: 0,
-		top: 0,
-		width: 0
-	})), [j, M] = r.useState(!1), N = v ?? j, P = ee ?? M, F = r.useRef(!1);
-	F.current = N;
-	let ne = r.useCallback((e) => {
-		y(f.find((t) => t.value === e)) && (d && d(e), o(e));
-	}, [
-		o,
-		d,
-		f
-	]), I = r.useCallback(() => {
-		if (typeof window > "u") return;
-		let e = T.current, t = D.current;
-		if (!(e instanceof HTMLElement) || !t) return;
-		let n = e.getBoundingClientRect(), r = t.offsetHeight, i = window.innerWidth ?? 0, a = window.innerHeight ?? 0, o = n.width, s = n.left;
-		s + o > i - 8 && (s = Math.max(8, i - o - 8)), s < 8 && (s = 8);
-		let c = n.bottom + 8, l = c + r > a - 8, u = n.top - r - 8;
-		l && u >= 8 && (c = u), c < 8 && (c = 8), c + r > a - 8 && (c = Math.max(8, a - r - 8)), A({
-			left: s,
-			top: c,
-			width: o
+	}, c[72] = I, c[73] = it);
+	let at;
+	c[74] !== I || c[75] !== k ? (at = [I, k], c[74] = I, c[75] = k, c[76] = at) : at = c[76], n.useEffect(it, at);
+	let ot;
+	c[77] === Symbol.for("react.memo_cache_sentinel") ? (ot = (e) => {
+		let t = e === void 0 || e;
+		Fe(!1), Se(""), t && requestAnimationFrame(() => {
+			rt();
 		});
-	}, []);
-	r.useLayoutEffect(() => {
-		if (!N || g || typeof window > "u") return;
-		I();
-		let e = window.requestAnimationFrame(I);
-		return window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), () => {
-			window.cancelAnimationFrame(e), window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
-		};
-	}, [
-		g,
-		N,
-		I
-	]), r.useEffect(() => {
-		if (!N) return;
-		let e = E.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
-			let t = e.target;
-			t instanceof Node && (E.current?.contains(t) || D.current?.contains(t) || P(!1));
-		}, r = (e) => {
-			if (e.key !== "Escape" || !F.current) return;
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = E.current, r = D.current;
-			!n?.contains(t) && !r?.contains(t) || (e.preventDefault(), e.stopPropagation(), P(!1), T.current?.focus({ preventScroll: !0 }));
-		};
-		return e.addEventListener("pointerdown", n, !0), t.addEventListener("keydown", r, !0), () => {
-			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
-		};
-	}, [N, P]);
-	let re = f.find((e) => e.value === n);
-	return /* @__PURE__ */ l("div", {
-		"data-slot": "hours-picker-field",
-		className: t("w-[150px]", m),
-		ref: E,
-		children: [/* @__PURE__ */ l("button", {
-			ref: T,
-			id: w,
-			type: "button",
-			role: "combobox",
-			"aria-expanded": N,
-			"aria-controls": `${w}-content`,
-			disabled: g,
-			"data-testid": te,
-			"data-hydrated": S ? "true" : void 0,
-			className: t("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", "hover:bg-accent hover:text-accent-foreground", !n && "text-muted-foreground", N && "ring-2 ring-primary ring-offset-2", h),
-			onClick: () => {
-				g || _ || P(!N);
-			},
-			children: [/* @__PURE__ */ c("span", {
-				className: "line-clamp-1 text-left",
-				children: re ? re.label : p
-			}), /* @__PURE__ */ c(a, {
-				"aria-hidden": !0,
-				className: "h-4 w-4 shrink-0 opacity-50"
-			})]
-		}), N ? (() => {
-			let e = /* @__PURE__ */ c(s, { children: /* @__PURE__ */ l("div", {
-				ref: D,
-				id: `${w}-content`,
-				"data-testid": x,
-				"data-state": "open",
-				className: t("fixed z-[60] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"),
-				style: {
-					left: k.left,
-					top: k.top,
-					width: k.width
-				},
-				children: [
-					/* @__PURE__ */ c(b, {
-						direction: "up",
-						viewportRef: O
-					}),
-					/* @__PURE__ */ c("div", {
-						ref: O,
-						role: "listbox",
-						className: "max-h-64 overflow-y-auto p-1 [overscroll-behavior:contain] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-						children: f.map((e) => {
-							let r = e.value === n;
-							return /* @__PURE__ */ l("div", {
-								role: "option",
-								"aria-selected": r,
-								"data-value": e.value,
-								"data-state": r ? "checked" : "unchecked",
-								"data-disabled": e.disabled ? "" : void 0,
-								className: t("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer", e.disabled && "pointer-events-none opacity-50", r && "bg-accent text-accent-foreground"),
-								onMouseDown: (e) => {
-									e.preventDefault();
-								},
-								onClick: () => {
-									e.disabled || _ || (ne(e.value), P(!1), T.current?.focus({ preventScroll: !0 }));
-								},
-								children: [/* @__PURE__ */ c("span", {
-									className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-									children: r ? /* @__PURE__ */ c(i, {
-										"aria-hidden": !0,
-										className: "h-4 w-4"
-									}) : null
-								}), /* @__PURE__ */ l("div", {
-									className: "flex flex-col",
-									children: [/* @__PURE__ */ c("span", { children: e.label }), e.description == null ? null : /* @__PURE__ */ c("span", {
-										"data-slot": "description",
-										className: "text-xs text-muted-foreground",
-										children: e.description
-									})]
-								})]
-							}, e.value);
-						})
-					}),
-					/* @__PURE__ */ c(b, {
-						direction: "down",
-						viewportRef: O
-					})
-				]
-			}) });
-			return typeof document > "u" ? e : u(e, document.body);
-		})() : null]
-	});
-}
-function C(t) {
-	let r = n(4);
-	if (e()) {
-		let e;
-		return r[0] === t ? e = r[1] : (e = /* @__PURE__ */ c(S, { ...t }), r[0] = t, r[1] = e), e;
-	}
-	let i;
-	return r[2] === t ? i = r[3] : (i = /* @__PURE__ */ c(x, { ...t }), r[2] = t, r[3] = i), i;
-}
-C.displayName = "HourPickerField";
-function w(e) {
-	let i = n(93), { id: o, placeholder: s, value: u, onValueUpdate: f, onCommit: p, options: m, disabled: g, readOnly: b, open: x, setOpen: S, inputClassName: C, triggerTestId: w, isHydrated: O, highlightedValueRef: k, setHighlightedValue: A, markKeyboardNavigation: j, inputRef: M, onDraftValueHandlerChange: N } = e, P = r.useRef(!1), F = r.useRef(!1), ne = r.useRef(!1), I = r.useRef(null), re = r.useRef(null), L = r.useRef(!1), R;
-	i[0] === u ? R = i[1] : (R = () => u || "", i[0] = u, i[1] = R);
-	let [z, B] = r.useState(R), ie, ae;
-	i[2] === N ? (ie = i[3], ae = i[4]) : (ie = () => (N((e) => {
-		B(e);
-	}), () => {
-		N(null);
-	}), ae = [N], i[2] = N, i[3] = ie, i[4] = ae), r.useEffect(ie, ae);
-	let V;
-	i[5] !== k || i[6] !== f || i[7] !== m || i[8] !== A || i[9] !== u ? (V = (e) => {
-		let t = k.current ?? u ?? "", n = m.findIndex((e) => e.value === t);
-		n === -1 && (n = e === 1 ? -1 : m.length);
-		for (let t = n + e; t >= 0 && t < m.length; t += e) {
-			let e = m[t];
-			if (y(e)) {
-				A(e.value), I.current = e.value, B(e.value), f(e.value);
-				return;
-			}
-		}
-	}, i[5] = k, i[6] = f, i[7] = m, i[8] = A, i[9] = u, i[10] = V) : V = i[10];
-	let H = V, oe, se;
-	i[11] === u ? (oe = i[12], se = i[13]) : (oe = () => {
-		P.current || B(u || "");
-	}, se = [u], i[11] = u, i[12] = oe, i[13] = se), r.useEffect(oe, se);
-	let ce, le;
-	i[14] === z ? (ce = i[15], le = i[16]) : (ce = () => {
-		re.current = _(z);
-	}, le = [z], i[14] = z, i[15] = ce, i[16] = le), r.useEffect(ce, le);
-	let ue, de;
-	i[17] === u ? (ue = i[18], de = i[19]) : (de = () => {
-		u === null && (L.current = !1);
-	}, ue = [u], i[17] = u, i[18] = ue, i[19] = de), r.useEffect(de, ue);
-	let fe = !z && "text-muted-foreground", pe = x && "ring-2 ring-primary ring-offset-2", me;
-	i[20] !== C || i[21] !== fe || i[22] !== pe ? (me = t("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 pr-10 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "transition-colors group-hover:bg-accent group-hover:text-accent-foreground", fe, pe, "[&_[data-slot='description']]:hidden", C), i[20] = C, i[21] = fe, i[22] = pe, i[23] = me) : me = i[23];
-	let he = me, ge = O ? "true" : void 0, _e;
-	i[24] === Symbol.for("react.memo_cache_sentinel") ? (_e = [{
-		mask: "00:00",
-		lazy: !0
-	}, {
-		mask: "0:00",
-		lazy: !0
-	}], i[24] = _e) : _e = i[24];
-	let U;
-	i[25] === m ? U = i[26] : (U = (e, t) => {
-		let n = (t.value + e).replace(/\D/g, "");
-		if (n.length <= 2 || n.length >= 4) return t.compiledMasks[0];
-		let r = h(Number(n.slice(0, 2)));
-		return m.some((e) => e.value.startsWith(`${r}:`)) ? t.compiledMasks[0] : t.compiledMasks[1];
-	}, i[25] = m, i[26] = U);
-	let W;
-	i[27] !== p || i[28] !== u ? (W = (e, t, n) => {
-		if (!n) return;
-		let r = typeof e == "string" ? e : String(e ?? ""), i = r.replace(/\D/g, ""), a = _(r);
-		if (re.current !== a) {
-			if (re.current = a, B(r), i.length !== 0) {
-				L.current = !1;
-				return;
-			}
-			u && !L.current && (L.current = !0, p(null));
-		}
-	}, i[27] = p, i[28] = u, i[29] = W) : W = i[29];
-	let G;
-	i[30] !== p || i[31] !== m || i[32] !== A || i[33] !== u ? (G = (e, t, n) => {
-		if (!n) return;
-		let r = typeof e == "string" ? e : String(e ?? "");
-		if (I.current === r) {
-			I.current = null;
+	}, c[77] = ot) : ot = c[77];
+	let V = ot, H;
+	c[78] === C ? H = c[79] : (H = C ?? {}, c[78] = C, c[79] = H);
+	let U, W, st, ct, G, lt;
+	c[80] === H ? (U = c[81], W = c[82], st = c[83], ct = c[84], G = c[85], lt = c[86]) : ({components: G, styles: lt, classNamePrefix: ct, placeholder: st, noOptionsMessage: W, ...U} = H, c[80] = H, c[81] = U, c[82] = W, c[83] = st, c[84] = ct, c[85] = G, c[86] = lt);
+	let ut;
+	if (c[87] !== z || c[88] !== j || c[89] !== k) {
+		let e = te(k), t = (t) => {
+			let n = t.code.toLowerCase();
+			return e && n === e ? 0 : e && n.startsWith(e) ? 1 : e && t.searchable.some((t) => t.startsWith(e)) ? 2 : e && t.searchable.some((t) => t.includes(e)) ? 3 : 4;
+		}, n;
+		c[91] === z ? n = c[92] : (n = (e) => z({ data: e }), c[91] = z, c[92] = n), ut = j.filter(n).sort((e, n) => {
+			let r = t(e) - t(n);
+			return r === 0 ? e.name.localeCompare(n.name) : r;
+		}), c[87] = z, c[88] = j, c[89] = k, c[90] = ut;
+	} else ut = c[90];
+	let K = ut, dt;
+	c[93] !== V || c[94] !== K || c[95] !== R ? (dt = (e) => {
+		if (e.key === "Escape") {
+			e.preventDefault(), V(!0);
 			return;
 		}
-		let i = v(r, m);
-		if (!i) return;
-		if (i.selectableValue) {
-			if (A(i.selectableValue), B(i.selectableValue), u === i.selectableValue) return;
-			p(i.selectableValue);
+		if (e.key === "Enter") {
+			e.preventDefault();
+			let t = K[0];
+			t && R(t);
 			return;
 		}
-		let a = ee(i.parsed);
-		if (a == null) return;
-		let o = te(a, m);
-		o && A(o.value);
-	}, i[30] = p, i[31] = m, i[32] = A, i[33] = u, i[34] = G) : G = i[34];
-	let K, q, J;
-	i[35] !== g || i[36] !== x || i[37] !== S ? (K = () => {
-		F.current = !0, !g && (x || S(!0));
-	}, q = (e) => {
-		F.current = !0, ne.current = typeof document < "u" && document.activeElement === e.currentTarget, !g && (x || S(!0));
-	}, J = () => {
-		g || x || S(!0);
-	}, i[35] = g, i[36] = x, i[37] = S, i[38] = K, i[39] = q, i[40] = J) : (K = i[38], q = i[39], J = i[40]);
+		(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), Be.current?.focus());
+	}, c[93] = V, c[94] = K, c[95] = R, c[96] = dt) : dt = c[96];
+	let ft = dt, pt;
+	c[97] !== ft || c[98] !== k || c[99] !== pe ? (pt = {
+		searchTerm: k,
+		setSearchTerm: Se,
+		onSearchKeyDown: ft,
+		searchInputRef: Ve,
+		selectFooter: pe
+	}, c[97] = ft, c[98] = k, c[99] = pe, c[100] = pt) : pt = c[100];
+	let mt = pt, q;
+	c[101] === G ? q = c[102] : (q = G ?? {}, c[101] = G, c[102] = q);
+	let ht;
+	c[103] === q ? ht = c[104] : (ht = {
+		Control: ae,
+		IndicatorsContainer: y,
+		DropdownIndicator: y,
+		IndicatorSeparator: y,
+		ValueContainer: y,
+		MenuList: oe,
+		...q,
+		Option: se
+	}, c[103] = q, c[104] = ht);
+	let gt = ht, J;
+	c[105] === lt ? J = c[106] : (J = lt ?? {}, c[105] = lt, c[106] = J);
+	let _t;
+	c[107] === J ? _t = c[108] : (_t = {
+		...ie,
+		...J
+	}, c[107] = J, c[108] = _t);
+	let vt = _t, yt, bt;
+	c[109] !== I || c[110] !== et ? (yt = () => {
+		if (!I) return;
+		et();
+		let e = () => et();
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, bt = [I, et], c[109] = I, c[110] = et, c[111] = yt, c[112] = bt) : (yt = c[111], bt = c[112]), n.useLayoutEffect(yt, bt);
 	let Y;
-	i[41] !== g || i[42] !== z || i[43] !== k || i[44] !== j || i[45] !== H || i[46] !== p || i[47] !== x || i[48] !== m || i[49] !== A || i[50] !== S ? (Y = (e) => {
-		if (!g) {
-			if (e.key === "Tab" && x && !e.defaultPrevented) {
-				S(!1);
-				return;
-			}
-			if (e.key === "Escape") {
-				if (!x) return;
-				e.preventDefault(), S(!1);
-				return;
-			}
-			if (!x && !e.defaultPrevented && (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && S(!0), e.key === "ArrowDown" || e.key === "ArrowUp") {
-				if (j(), e.preventDefault(), !x) {
-					S(!0);
-					return;
-				}
-				H(e.key === "ArrowDown" ? 1 : -1);
-				return;
-			}
-			if (e.key === "Enter") {
-				j();
-				let t = v(z, m);
-				if (!t) {
-					if (!x || z.trim() !== "") return;
-					let t = m.find((e) => e.value === k.current), n = (y(t) ? t?.value : void 0) ?? m.find(D)?.value;
-					if (!n) return;
-					e.preventDefault(), A(n), B(n), p(n), S(!1);
-					return;
-				}
-				if (t.selectableValue) {
-					e.preventDefault(), A(t.selectableValue), B(t.selectableValue), p(t.selectableValue), S(!1);
-					return;
-				}
-				let n = ee(t.parsed);
-				if (n == null) return;
-				let r = te(n, m);
-				if (!r) return;
-				e.preventDefault(), A(r.value), B(r.value), p(r.value), S(!1);
-				return;
-			}
-		}
-	}, i[41] = g, i[42] = z, i[43] = k, i[44] = j, i[45] = H, i[46] = p, i[47] = x, i[48] = m, i[49] = A, i[50] = S, i[51] = Y) : Y = i[51];
+	c[113] !== V || c[114] !== I || c[115] !== T ? (Y = (e) => {
+		I && V(!1), T.onFocus?.(e);
+	}, c[113] = V, c[114] = I, c[115] = T, c[116] = Y) : Y = c[116];
 	let X;
-	i[52] !== g || i[53] !== x || i[54] !== S ? (X = (e) => {
-		let t = !F.current || !ne.current;
-		if (F.current = !1, ne.current = !1, P.current = !0, t) {
-			let t = e.currentTarget;
-			requestAnimationFrame(() => t.select());
-		}
-		g || x || S(!0);
-	}, i[52] = g, i[53] = x, i[54] = S, i[55] = X) : X = i[55];
-	let Z;
-	i[56] !== z || i[57] !== p || i[58] !== m || i[59] !== u ? (Z = () => {
-		P.current = !1;
-		let e = z.trim();
-		if (!e) {
-			B(u || "");
-			return;
-		}
-		let t = v(e, m);
-		if (!t) {
-			B(u || "");
-			return;
-		}
-		if (!t.selectableValue) {
-			B(u || "");
-			return;
-		}
-		B(t.selectableValue), u !== t.selectableValue && p(t.selectableValue);
-	}, i[56] = z, i[57] = p, i[58] = m, i[59] = u, i[60] = Z) : Z = i[60];
-	let Q;
-	i[61] !== g || i[62] !== z || i[63] !== o || i[64] !== M || i[65] !== s || i[66] !== b || i[67] !== ge || i[68] !== U || i[69] !== W || i[70] !== G || i[71] !== K || i[72] !== q || i[73] !== J || i[74] !== Y || i[75] !== X || i[76] !== Z || i[77] !== he || i[78] !== w ? (Q = /* @__PURE__ */ c(d, {
-		id: o,
-		"data-testid": w,
-		"data-hydrated": ge,
+	c[117] !== V || c[118] !== B || c[119] !== T ? (X = (e) => {
+		B(e.relatedTarget) || V(!1), T.onBlur?.(e);
+	}, c[117] = V, c[118] = B, c[119] = T, c[120] = X) : X = c[120];
+	let xt = x ? "min-h-24 py-2" : "h-10 py-2", Z;
+	c[121] !== g || c[122] !== xt ? (Z = e("w-full rounded-md border border-input bg-background text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", xt, "pl-10 pr-3", g), c[121] = g, c[122] = xt, c[123] = Z) : Z = c[123];
+	let St;
+	c[124] !== Xe || c[125] !== h || c[126] !== Je || c[127] !== T || c[128] !== Y || c[129] !== X || c[130] !== Z ? (St = {
+		...T,
+		ref: Le,
+		disabled: h,
+		value: Xe,
+		onChange: Je,
+		onFocus: Y,
+		onBlur: X,
+		className: Z,
+		placeholder: T.placeholder
+	}, c[124] = Xe, c[125] = h, c[126] = Je, c[127] = T, c[128] = Y, c[129] = X, c[130] = Z, c[131] = St) : St = c[131];
+	let Ct = St, Q;
+	c[132] === l ? Q = c[133] : (Q = e("relative flex flex-col", l), c[132] = l, c[133] = Q);
+	let wt;
+	c[134] !== V || c[135] !== B ? (wt = (e) => {
+		B(e.relatedTarget) || V(!1);
+	}, c[134] = V, c[135] = B, c[136] = wt) : wt = c[136];
+	let Tt;
+	c[137] !== x || c[138] !== E || c[139] !== Ct ? (Tt = x ? /* @__PURE__ */ r("textarea", {
+		rows: E,
+		...Ct
+	}) : /* @__PURE__ */ r("input", {
 		type: "text",
-		disabled: g,
-		readOnly: b,
-		inputRef: M,
-		autoComplete: "off",
-		mask: _e,
-		dispatch: U,
-		placeholder: s,
-		value: z,
-		className: he,
-		onAccept: W,
-		onComplete: G,
-		onPointerDown: K,
-		onMouseDown: q,
-		onClick: J,
-		onKeyDown: Y,
-		onFocus: X,
-		onBlur: Z
-	}), i[61] = g, i[62] = z, i[63] = o, i[64] = M, i[65] = s, i[66] = b, i[67] = ge, i[68] = U, i[69] = W, i[70] = G, i[71] = K, i[72] = q, i[73] = J, i[74] = Y, i[75] = X, i[76] = Z, i[77] = he, i[78] = w, i[79] = Q) : Q = i[79];
-	let ve;
-	i[80] === Symbol.for("react.memo_cache_sentinel") ? (ve = t("absolute right-1 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"), i[80] = ve) : ve = i[80];
-	let ye = x ? "Close time picker" : "Open time picker", $;
-	i[81] !== g || i[82] !== x || i[83] !== S ? ($ = () => {
-		g || S(!x);
-	}, i[81] = g, i[82] = x, i[83] = S, i[84] = $) : $ = i[84];
-	let be;
-	i[85] === Symbol.for("react.memo_cache_sentinel") ? (be = /* @__PURE__ */ c(a, {
-		"aria-hidden": !0,
-		className: "size-4"
-	}), i[85] = be) : be = i[85];
-	let xe;
-	i[86] !== g || i[87] !== ye || i[88] !== $ ? (xe = /* @__PURE__ */ c("button", {
+		...Ct
+	}), c[137] = x, c[138] = E, c[139] = Ct, c[140] = Tt) : Tt = c[140];
+	let Et = h ? "cursor-not-allowed opacity-50 pointer-events-none" : "cursor-pointer hover:bg-muted", Dt = F ? "border-transparent" : "border-dashed border-border text-muted-foreground", Ot;
+	c[141] !== Qe || c[142] !== Et || c[143] !== Dt ? (Ot = e("absolute flex h-6 w-6 items-center justify-center rounded border text-xs font-semibold leading-none transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", Qe, Et, Dt), c[141] = Qe, c[142] = Et, c[143] = Dt, c[144] = Ot) : Ot = c[144];
+	let kt = F ? `Select language (${F.code})` : "Select language", $;
+	c[145] === h ? $ = c[146] : ($ = () => {
+		if (h) return;
+		let e = Le.current;
+		e && (He.current = {
+			start: e.selectionStart,
+			end: e.selectionEnd
+		}), Se(""), Fe(!0), requestAnimationFrame(() => {
+			Ve.current ? (Ve.current.focus(), Ve.current.select()) : Be.current?.focus();
+		});
+	}, c[145] = h, c[146] = $);
+	let At;
+	c[147] === F ? At = c[148] : (At = F ? m(F.code) : "?", c[147] = F, c[148] = At);
+	let jt;
+	c[149] === At ? jt = c[150] : (jt = /* @__PURE__ */ r("span", {
+		"aria-hidden": "true",
+		children: At
+	}), c[149] = At, c[150] = jt);
+	let Mt;
+	c[151] !== h || c[152] !== he || c[153] !== Ot || c[154] !== kt || c[155] !== $ || c[156] !== jt ? (Mt = /* @__PURE__ */ r("button", {
 		type: "button",
-		tabIndex: -1,
-		disabled: g,
-		"data-slot": "hours-picker-input-toggle",
-		className: ve,
-		"aria-label": ye,
-		onPointerDown: E,
-		onMouseDown: T,
+		className: Ot,
+		"aria-label": kt,
+		onMouseDown: ue,
 		onClick: $,
-		children: be
-	}), i[86] = g, i[87] = ye, i[88] = $, i[89] = xe) : xe = i[89];
-	let Se;
-	return i[90] !== Q || i[91] !== xe ? (Se = /* @__PURE__ */ l("div", {
-		className: "relative group",
-		children: [Q, xe]
-	}), i[90] = Q, i[91] = xe, i[92] = Se) : Se = i[92], Se;
-}
-function T(e) {
-	e.preventDefault();
+		tabIndex: he,
+		disabled: h,
+		ref: Re,
+		children: jt
+	}), c[151] = h, c[152] = he, c[153] = Ot, c[154] = kt, c[155] = $, c[156] = jt, c[157] = Mt) : Mt = c[157];
+	let Nt;
+	c[158] !== Tt || c[159] !== Mt ? (Nt = /* @__PURE__ */ i("div", {
+		ref: ze,
+		className: "relative",
+		children: [Tt, Mt]
+	}), c[158] = Tt, c[159] = Mt, c[160] = Nt) : Nt = c[160];
+	let Pt = I ? "auto" : "none", Ft;
+	c[161] !== L.left || c[162] !== L.top || c[163] !== Pt ? (Ft = {
+		pointerEvents: Pt,
+		width: "min(260px, 100%)",
+		left: L.left,
+		top: L.top
+	}, c[161] = L.left, c[162] = L.top, c[163] = Pt, c[164] = Ft) : Ft = c[164];
+	let It = ct ?? "i18n-language-select", Lt = st ?? "", Rt;
+	c[165] === V ? Rt = c[166] : (Rt = () => V(!0), c[165] = V, c[166] = Rt);
+	let zt;
+	c[167] !== z || c[168] !== K || c[169] !== U || c[170] !== R || c[171] !== I || c[172] !== gt || c[173] !== vt || c[174] !== W || c[175] !== It || c[176] !== Lt || c[177] !== Rt ? (zt = /* @__PURE__ */ r(a, {
+		...U,
+		menuIsOpen: I,
+		options: K,
+		value: null,
+		onChange: R,
+		classNamePrefix: It,
+		components: gt,
+		styles: vt,
+		isClearable: !1,
+		isSearchable: !1,
+		backspaceRemovesValue: !1,
+		tabSelectsValue: !0,
+		menuShouldScrollIntoView: !1,
+		placeholder: Lt,
+		filterOption: z,
+		noOptionsMessage: W,
+		onMenuClose: Rt,
+		ref: Be
+	}), c[167] = z, c[168] = K, c[169] = U, c[170] = R, c[171] = I, c[172] = gt, c[173] = vt, c[174] = W, c[175] = It, c[176] = Lt, c[177] = Rt, c[178] = zt) : zt = c[178];
+	let Bt;
+	c[179] !== mt || c[180] !== zt ? (Bt = /* @__PURE__ */ r(b.Provider, {
+		value: mt,
+		children: zt
+	}), c[179] = mt, c[180] = zt, c[181] = Bt) : Bt = c[181];
+	let Vt;
+	c[182] !== Ft || c[183] !== Bt ? (Vt = /* @__PURE__ */ r("div", {
+		className: "absolute left-0 top-full z-30 mt-1",
+		style: Ft,
+		children: Bt
+	}), c[182] = Ft, c[183] = Bt, c[184] = Vt) : Vt = c[184];
+	let Ht;
+	return c[185] !== Q || c[186] !== wt || c[187] !== Nt || c[188] !== Vt ? (Ht = /* @__PURE__ */ i("div", {
+		ref: Ie,
+		className: Q,
+		onBlur: wt,
+		children: [Nt, Vt]
+	}), c[185] = Q, c[186] = wt, c[187] = Nt, c[188] = Vt, c[189] = Ht) : Ht = c[189], Ht;
+});
+x.displayName = "I18nField";
+function ce(e) {
+	return e.value;
 }
-function E(e) {
-	e.preventDefault();
+function le(e) {
+	return e.value === c;
 }
-function D(e) {
-	return y(e);
+function ue(e) {
+	return e.preventDefault();
 }
 //#endregion
-export { C as HourPickerField, x as HourPickerInput };
+export { x as I18nField, s as I18nFieldLocaleProvider };
 
 //# sourceMappingURL=index301.js.map