@rpcbase/ui 0.282.0 → 0.284.0

package/dist/index300.js

@@ -4,68 +4,68 @@ 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 s = n.createContext(null);
-function c(e) {
-	let i = t(17), { children: a, value: o, defaultValue: c, onChange: l, locales: u } = e, d = o !== void 0, h;
-	i[0] !== c || i[1] !== u ? (h = m([c, ...p()], u), i[0] = c, i[1] = u, i[2] = h) : h = i[2];
-	let g = h, [_, v] = n.useState(g), y = o ?? _, b;
-	i[3] !== d || i[4] !== l ? (b = (e) => {
-		d || v(e), l?.(e);
-	}, i[3] = d, i[4] = l, i[5] = b) : b = i[5];
-	let x = b, S, C;
-	i[6] !== g || i[7] !== d || i[8] !== u ? (S = () => {
-		d || v((e) => f(e, u) ? e : g);
-	}, C = [
-		g,
-		d,
-		u
-	], i[6] = g, i[7] = d, i[8] = u, i[9] = S, i[10] = C) : (S = i[9], C = i[10]), n.useEffect(S, C);
-	let w;
-	i[11] !== y || i[12] !== x ? (w = {
-		locale: y,
-		setLocale: x
-	}, i[11] = y, i[12] = x, i[13] = w) : w = i[13];
-	let T = w, E;
-	return i[14] !== a || i[15] !== T ? (E = /* @__PURE__ */ r(s.Provider, {
-		value: T,
+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] = T, i[16] = E) : E = i[16], E;
+	}), i[14] = a, i[15] = y, i[16] = b) : b = i[16], b;
 }
-var l = "en";
-function u(e) {
+var c = "en";
+function l(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function d(e) {
-	return u(e).split("-")[0] ?? "";
+function u(e) {
+	return l(e).split("-")[0] ?? "";
 }
-function f(e, t) {
-	let n = typeof e == "string" ? u(e) : "";
+function d(e, t) {
+	let n = typeof e == "string" ? l(e) : "";
 	if (!n) return null;
 	let r = (t ?? []).filter((e) => typeof e == "string" && e.length > 0);
-	return r.length === 0 ? e?.trim() ?? n : r.find((e) => u(e) === n) ?? r.find((e) => d(e) === d(n)) ?? null;
+	return r.length === 0 ? e?.trim() ?? n : r.find((e) => l(e) === n) ?? r.find((e) => u(e) === u(n)) ?? null;
 }
-function p() {
+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 m(e, t) {
+function p(e, t) {
 	for (let n of e) {
-		let e = f(n, t);
+		let e = d(n, t);
 		if (e) return e;
 	}
-	return f(l, t) || (t?.[0] ?? l);
+	return d(c, t) || (t?.[0] ?? c);
 }
-function h(e) {
+function m(e) {
 	let t = (e.split("-")[0] ?? "").replace(/[^A-Za-z]/g, "");
 	return t ? t.slice(0, 3).toUpperCase() : "?";
 }
-function g(e) {
+function h(e) {
 	return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
-function _(e) {
-	return g(e).toLowerCase();
+function te(e) {
+	return h(e).toLowerCase();
 }
-function v(e, 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;) {
@@ -74,10 +74,10 @@ function v(e, t) {
 		if (Object.prototype.hasOwnProperty.call(e, t)) return e[t];
 	}
 }
-function y(e, t) {
-	return v(e, t)?.value ?? "";
+function ne(e, t) {
+	return g(e, t)?.value ?? "";
 }
-function b(e, t) {
+function _(e, t) {
 	if (typeof Intl > "u" || Intl.DisplayNames === void 0) return null;
 	try {
 		let n = Array.isArray(e) ? e : e ? [e] : void 0;
@@ -86,31 +86,31 @@ function b(e, t) {
 		return null;
 	}
 }
-function x(e, t) {
+function v(e, t) {
 	if (e) try {
 		return e.of(t) ?? void 0;
 	} catch {
 		return;
 	}
 }
-function S(e, t) {
-	let n = b(e, "language"), r = b("en", "language");
+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 = x(n, e) ?? x(r, e) ?? e;
+		let t = v(n, e) ?? v(r, e) ?? e;
 		return {
 			value: e,
 			name: t,
 			code: e,
 			searchable: Array.from(/* @__PURE__ */ new Set([
 				t,
-				x(r, e) ?? e,
+				v(r, e) ?? e,
 				e.toLowerCase(),
 				e.toUpperCase()
-			])).map((e) => _(e))
+			])).map((e) => te(e))
 		};
 	}).sort((e, t) => e.name.localeCompare(t.name));
 }
-var C = {
+var ie = {
 	control: () => ({ display: "none" }),
 	menu: (e) => ({
 		...e,
@@ -141,12 +141,12 @@ var C = {
 		fontSize: "0.875rem",
 		color: "hsl(var(--muted-foreground))"
 	})
-}, w = () => {
+}, 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;
-}, T = () => null, E = n.createContext(null);
-function ee(e) {
-	let t = n.useContext(E), { children: a } = e;
+}, 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",
@@ -173,98 +173,131 @@ function ee(e) {
 		]
 	});
 }
-function te(n) {
-	let a = t(12), { data: o, innerRef: s, innerProps: c, isFocused: l, isSelected: u } = n, d = u ? "bg-accent text-accent-foreground" : l ? "bg-muted text-foreground" : "text-foreground", f;
-	a[0] === d ? f = a[1] : (f = e("flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm", d), a[0] = d, a[1] = f);
-	let p;
-	a[2] === o.name ? p = a[3] : (p = /* @__PURE__ */ r("span", {
+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] = p);
-	let m;
-	a[4] === o.code ? m = a[5] : (m = /* @__PURE__ */ r("span", {
+	}), 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] = m);
-	let h;
-	return a[6] !== c || a[7] !== s || a[8] !== f || a[9] !== p || a[10] !== m ? (h = /* @__PURE__ */ i("div", {
-		ref: s,
-		...c,
-		className: f,
-		children: [p, m]
-	}), a[6] = c, a[7] = s, a[8] = f, a[9] = p, a[10] = m, a[11] = h) : h = a[11], h;
+	}), 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 D = n.forwardRef(function(t, o) {
-	let { value: c, defaultValue: u, locale: d, defaultLocale: f, onChange: g, onLocaleChange: v, locales: b, multiline: x, className: D, inputClassName: ne, selectProps: re, selectFooter: ie, languageSelectTabIndex: ae = -1, disabled: O, ...oe } = t, { rows: se, ...k } = oe, A = n.useMemo(() => c ?? u ?? {}, [u, c]), [ce, j] = n.useState(A), M = c !== void 0, N = M ? c ?? {} : ce, [P, F] = n.useState(""), I = n.useContext(s), L = n.useMemo(() => S(void 0, Array.from(/* @__PURE__ */ new Set([...b ?? [], ...Object.keys(N)]))), [N, b]), le = n.useMemo(() => {
-		let e = L.map((e) => e.value);
-		return d ?? I?.locale ?? m([
-			f,
-			...p(),
-			Object.keys(N)[0]
+var x = n.forwardRef(function(o, s) {
+	let c = t(192), 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;
+	if (c[26] !== O || c[27] !== v) {
+		let e;
+		c[29] === v ? e = c[30] : (e = v ?? [], c[29] = v, c[30] = e), Ce = re(void 0, Array.from(/* @__PURE__ */ new Set([...e, ...Object.keys(O)]))), c[26] = O, c[27] = v, c[28] = Ce;
+	} else Ce = c[28];
+	let j = Ce, M;
+	c[31] !== O || c[32] !== u || c[33] !== A?.locale || c[34] !== j || c[35] !== _ ? (M = () => {
+		let e = j.map(ce);
+		return _ ?? A?.locale ?? p([
+			u,
+			...f(),
+			Object.keys(O)[0]
 		], e);
-	}, [
+	}, c[31] = O, c[32] = u, c[33] = A?.locale, c[34] = j, c[35] = _, c[36] = M) : M = c[36], A?.locale;
+	let we;
+	c[37] === M ? we = c[38] : (we = M(), c[37] = M, c[38] = we);
+	let Te = we, [N, Ee] = n.useState(Te), P = _ ?? A?.locale ?? N, De, Oe;
+	c[39] !== ve || c[40] !== D ? (De = () => {
+		D || be(ve);
+	}, Oe = [ve, D], c[39] = ve, c[40] = D, c[41] = De, c[42] = Oe) : (De = c[41], Oe = c[42]), n.useEffect(De, Oe);
+	let ke, Ae;
+	c[43] !== N || c[44] !== _ ? (Ae = () => {
+		_ && _ !== N && Ee(_);
+	}, ke = [N, _], c[43] = N, c[44] = _, c[45] = ke, c[46] = Ae) : (ke = c[45], Ae = c[46]), n.useEffect(Ae, ke);
+	let je;
+	c[47] !== N || c[48] !== A || c[49] !== _ ? (je = () => {
+		!_ && A?.locale && A.locale !== N && Ee(A.locale);
+	}, c[47] = N, c[48] = A, c[49] = _, c[50] = je) : je = c[50];
+	let Me = A?.locale, Ne;
+	c[51] !== N || c[52] !== _ || c[53] !== Me ? (Ne = [
 		N,
-		f,
-		I?.locale,
-		L,
-		d
-	]), [R, z] = n.useState(le), B = d ?? I?.locale ?? R;
-	n.useEffect(() => {
-		M || j(A);
-	}, [A, M]), n.useEffect(() => {
-		d && d !== R && z(d);
-	}, [R, d]), n.useEffect(() => {
-		!d && I?.locale && I.locale !== R && z(I.locale);
-	}, [
-		R,
-		I?.locale,
-		d
-	]);
-	let V = L.find((e) => e.value === B) ?? L.find((e) => e.value === l) ?? L[0] ?? null, [H, U] = n.useState(!1), W = n.useRef(null), G = n.useRef(null), K = n.useRef(null), q = n.useRef(null), J = n.useRef(null), Y = n.useRef(null), ue = n.useRef(null), [de, fe] = n.useState({
+		Me,
+		_
+	], c[51] = N, c[52] = _, c[53] = Me, c[54] = Ne) : Ne = c[54], n.useEffect(je, Ne);
+	let Pe;
+	c[55] !== P || c[56] !== j ? (Pe = j.find((e) => e.value === P) ?? j.find(le) ?? j[0] ?? null, c[55] = P, c[56] = j, c[57] = Pe) : Pe = c[57];
+	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[58] === Symbol.for("react.memo_cache_sentinel") ? (Ue = {
 		left: 0,
 		top: 0
-	});
-	n.useImperativeHandle(o, () => G.current, []);
-	let pe = (e) => {
+	}, c[58] = Ue) : Ue = c[58];
+	let [L, We] = n.useState(Ue), Ge, Ke;
+	c[59] === Symbol.for("react.memo_cache_sentinel") ? (Ge = () => Le.current, Ke = [], c[59] = Ge, c[60] = Ke) : (Ge = c[59], Ke = c[60]), n.useImperativeHandle(s, Ge, Ke);
+	let R = (e) => {
 		if (!e) return;
 		let t = e.value;
-		M || z(t), v?.(t, e), I?.setLocale(t), Q(!0);
-	}, me = (e) => {
-		let t = N[B], n = {
-			...N,
-			[B]: {
+		D || Ee(t), de?.(t, e), A?.setLocale(t), V(!0);
+	}, qe;
+	c[61] !== P || c[62] !== O || c[63] !== D || c[64] !== S ? (qe = (e) => {
+		let t = O[P], n = {
+			...O,
+			[P]: {
 				...t ?? {},
 				value: e.target.value,
 				updatedAt: /* @__PURE__ */ new Date(),
 				autoTranslated: !1
 			}
 		};
-		M || j(n), g?.(n);
-	}, he = y(N, B), X = n.useCallback((e) => {
-		if (!P) return !0;
-		let t = _(P);
+		D || be(n), S?.(n);
+	}, c[61] = P, c[62] = O, c[63] = D, c[64] = S, c[65] = qe) : qe = c[65];
+	let Je = qe, Ye;
+	c[66] !== P || c[67] !== O ? (Ye = ne(O, P), c[66] = P, c[67] = O, c[68] = Ye) : Ye = c[68];
+	let Xe = Ye, Ze;
+	c[69] === k ? Ze = c[70] : (Ze = (e) => {
+		if (!k) return !0;
+		let t = te(k);
 		return e.data.searchable.some((e) => e.includes(t));
-	}, [P]), ge = x ? "left-2 top-2 -translate-y-0" : "left-3 top-1/2 -translate-y-1/2", Z = n.useCallback(() => {
-		let e = K.current, t = q.current;
+	}, c[69] = k, c[70] = Ze);
+	let z = Ze, Qe = x ? "left-2 top-2 -translate-y-0" : "left-3 top-1/2 -translate-y-1/2", $e;
+	c[71] === 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();
-		fe({
+		We({
 			left: n.left - r.left,
 			top: n.bottom - r.top + 4
 		});
-	}, []), _e = n.useCallback((e) => !e || !(e instanceof Node) ? !1 : !!W.current?.contains(e), []), ve = n.useCallback(() => {
-		let e = G.current;
+	}, c[71] = $e) : $e = c[71];
+	let et = $e, tt;
+	c[72] === Symbol.for("react.memo_cache_sentinel") ? (tt = (e) => !e || !(e instanceof Node) ? !1 : !!Ie.current?.contains(e), c[72] = tt) : tt = c[72];
+	let B = tt, nt;
+	c[73] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
+		let e = Le.current;
 		if (!e) return;
 		e.focus();
-		let t = ue.current;
+		let t = He.current;
 		t && t.start != null && t.end != null && e.setSelectionRange(t.start, t.end);
-	}, []);
-	n.useEffect(() => {
-		if (!H) return;
-		let e = Y.current;
+	}, c[73] = nt) : nt = c[73];
+	let rt = nt, it;
+	c[74] === I ? it = c[75] : (it = () => {
+		if (!I) return;
+		let e = Ve.current;
 		e && requestAnimationFrame(() => {
 			if (document.activeElement === e) return;
 			e.focus();
@@ -273,150 +306,214 @@ var D = n.forwardRef(function(t, o) {
 				e.setSelectionRange(t, t);
 			} catch {}
 		});
-	}, [H, P]);
-	let Q = n.useCallback((e = !0) => {
-		U(!1), F(""), e && requestAnimationFrame(() => {
-			ve();
+	}, c[74] = I, c[75] = it);
+	let at;
+	c[76] !== I || c[77] !== k ? (at = [I, k], c[76] = I, c[77] = k, c[78] = at) : at = c[78], n.useEffect(it, at);
+	let ot;
+	c[79] === Symbol.for("react.memo_cache_sentinel") ? (ot = (e) => {
+		let t = e === void 0 || e;
+		Fe(!1), Se(""), t && requestAnimationFrame(() => {
+			rt();
 		});
-	}, [ve]), { components: ye, styles: be, classNamePrefix: xe, placeholder: Se, noOptionsMessage: Ce, ...we } = re ?? {}, Te = n.useMemo(() => {
-		let e = _(P), t = (t) => {
+	}, c[79] = ot) : ot = c[79];
+	let V = ot, H;
+	c[80] === C ? H = c[81] : (H = C ?? {}, c[80] = C, c[81] = H);
+	let U, W, st, ct, G, lt;
+	c[82] === H ? (U = c[83], W = c[84], st = c[85], ct = c[86], G = c[87], lt = c[88]) : ({components: G, styles: lt, classNamePrefix: ct, placeholder: st, noOptionsMessage: W, ...U} = H, c[82] = H, c[83] = U, c[84] = W, c[85] = st, c[86] = ct, c[87] = G, c[88] = lt);
+	let ut;
+	if (c[89] !== z || c[90] !== j || c[91] !== 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;
-		};
-		return L.filter((e) => X({ data: e })).sort((e, n) => {
+		}, n;
+		c[93] === z ? n = c[94] : (n = (e) => z({ data: e }), c[93] = z, c[94] = n), ut = j.filter(n).sort((e, n) => {
 			let r = t(e) - t(n);
 			return r === 0 ? e.name.localeCompare(n.name) : r;
-		});
-	}, [
-		X,
-		L,
-		P
-	]), Ee = {
-		searchTerm: P,
-		setSearchTerm: F,
-		onSearchKeyDown: (e) => {
-			if (e.key === "Escape") {
-				e.preventDefault(), Q(!0);
-				return;
-			}
-			if (e.key === "Enter") {
-				e.preventDefault();
-				let t = Te[0];
-				t && pe(t);
-				return;
-			}
-			(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), J.current?.focus());
-		},
-		searchInputRef: Y,
-		selectFooter: ie
-	}, De = n.useMemo(() => ({
-		Control: w,
-		IndicatorsContainer: T,
-		DropdownIndicator: T,
-		IndicatorSeparator: T,
-		ValueContainer: T,
-		MenuList: ee,
-		...ye ?? {},
-		Option: te
-	}), [ye]), Oe = n.useMemo(() => ({
-		...C,
-		...be ?? {}
-	}), [be]);
-	n.useLayoutEffect(() => {
-		if (!H) return;
-		Z();
-		let e = () => Z();
+		}), c[89] = z, c[90] = j, c[91] = k, c[92] = ut;
+	} else ut = c[92];
+	let K = ut, dt;
+	c[95] !== V || c[96] !== K || c[97] !== R ? (dt = (e) => {
+		if (e.key === "Escape") {
+			e.preventDefault(), V(!0);
+			return;
+		}
+		if (e.key === "Enter") {
+			e.preventDefault();
+			let t = K[0];
+			t && R(t);
+			return;
+		}
+		(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), Be.current?.focus());
+	}, c[95] = V, c[96] = K, c[97] = R, c[98] = dt) : dt = c[98];
+	let ft = dt, pt;
+	c[99] !== ft || c[100] !== k || c[101] !== pe ? (pt = {
+		searchTerm: k,
+		setSearchTerm: Se,
+		onSearchKeyDown: ft,
+		searchInputRef: Ve,
+		selectFooter: pe
+	}, c[99] = ft, c[100] = k, c[101] = pe, c[102] = pt) : pt = c[102];
+	let mt = pt, q;
+	c[103] === G ? q = c[104] : (q = G ?? {}, c[103] = G, c[104] = q);
+	let ht;
+	c[105] === q ? ht = c[106] : (ht = {
+		Control: ae,
+		IndicatorsContainer: y,
+		DropdownIndicator: y,
+		IndicatorSeparator: y,
+		ValueContainer: y,
+		MenuList: oe,
+		...q,
+		Option: se
+	}, c[105] = q, c[106] = ht);
+	let gt = ht, J;
+	c[107] === lt ? J = c[108] : (J = lt ?? {}, c[107] = lt, c[108] = J);
+	let _t;
+	c[109] === J ? _t = c[110] : (_t = {
+		...ie,
+		...J
+	}, c[109] = J, c[110] = _t);
+	let vt = _t, yt, bt;
+	c[111] !== I || c[112] !== et ? (yt = () => {
+		if (!I) return;
+		et();
+		let e = () => et();
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [H, Z]);
-	let $ = {
-		...k,
-		ref: G,
-		disabled: O,
-		value: he,
-		onChange: me,
-		onFocus: (e) => {
-			H && Q(!1), k.onFocus?.(e);
-		},
-		onBlur: (e) => {
-			_e(e.relatedTarget) || Q(!1), k.onBlur?.(e);
-		},
-		className: e("w-full rounded-md border border-input bg-background text-base ring-offset-background 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", x ? "min-h-24 py-2" : "h-10 py-2", "pl-10 pr-3", ne),
-		placeholder: k.placeholder
-	};
-	return /* @__PURE__ */ i("div", {
-		ref: W,
-		className: e("relative flex flex-col", D),
-		onBlur: (e) => {
-			_e(e.relatedTarget) || Q(!1);
-		},
-		children: [/* @__PURE__ */ i("div", {
-			ref: q,
-			className: "relative",
-			children: [x ? /* @__PURE__ */ r("textarea", {
-				rows: se,
-				...$
-			}) : /* @__PURE__ */ r("input", {
-				type: "text",
-				...$
-			}), /* @__PURE__ */ r("button", {
-				type: "button",
-				className: 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", ge, O ? "cursor-not-allowed opacity-50 pointer-events-none" : "cursor-pointer hover:bg-muted", V ? "border-transparent" : "border-dashed border-border text-muted-foreground"),
-				"aria-label": V ? `Select language (${V.code})` : "Select language",
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => {
-					if (O) return;
-					let e = G.current;
-					e && (ue.current = {
-						start: e.selectionStart,
-						end: e.selectionEnd
-					}), F(""), U(!0), requestAnimationFrame(() => {
-						Y.current ? (Y.current.focus(), Y.current.select()) : J.current?.focus();
-					});
-				},
-				tabIndex: ae,
-				disabled: O,
-				ref: K,
-				children: /* @__PURE__ */ r("span", {
-					"aria-hidden": "true",
-					children: V ? h(V.code) : "?"
-				})
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: "absolute left-0 top-full z-30 mt-1",
-			style: {
-				pointerEvents: H ? "auto" : "none",
-				width: "min(260px, 100%)",
-				left: de.left,
-				top: de.top
-			},
-			children: /* @__PURE__ */ r(E.Provider, {
-				value: Ee,
-				children: /* @__PURE__ */ r(a, {
-					...we,
-					menuIsOpen: H,
-					options: Te,
-					value: null,
-					onChange: pe,
-					classNamePrefix: xe ?? "i18n-language-select",
-					components: De,
-					styles: Oe,
-					isClearable: !1,
-					isSearchable: !1,
-					backspaceRemovesValue: !1,
-					tabSelectsValue: !0,
-					menuShouldScrollIntoView: !1,
-					placeholder: Se ?? "",
-					filterOption: X,
-					noOptionsMessage: Ce,
-					onMenuClose: () => Q(!0),
-					ref: J
-				})
-			})
-		})]
-	});
+	}, bt = [I, et], c[111] = I, c[112] = et, c[113] = yt, c[114] = bt) : (yt = c[113], bt = c[114]), n.useLayoutEffect(yt, bt);
+	let Y;
+	c[115] !== V || c[116] !== I || c[117] !== T ? (Y = (e) => {
+		I && V(!1), T.onFocus?.(e);
+	}, c[115] = V, c[116] = I, c[117] = T, c[118] = Y) : Y = c[118];
+	let X;
+	c[119] !== V || c[120] !== B || c[121] !== T ? (X = (e) => {
+		B(e.relatedTarget) || V(!1), T.onBlur?.(e);
+	}, c[119] = V, c[120] = B, c[121] = T, c[122] = X) : X = c[122];
+	let xt = x ? "min-h-24 py-2" : "h-10 py-2", Z;
+	c[123] !== g || c[124] !== xt ? (Z = e("w-full rounded-md border border-input bg-background text-base ring-offset-background 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", xt, "pl-10 pr-3", g), c[123] = g, c[124] = xt, c[125] = Z) : Z = c[125];
+	let St;
+	c[126] !== Xe || c[127] !== h || c[128] !== Je || c[129] !== T || c[130] !== Y || c[131] !== X || c[132] !== Z ? (St = {
+		...T,
+		ref: Le,
+		disabled: h,
+		value: Xe,
+		onChange: Je,
+		onFocus: Y,
+		onBlur: X,
+		className: Z,
+		placeholder: T.placeholder
+	}, c[126] = Xe, c[127] = h, c[128] = Je, c[129] = T, c[130] = Y, c[131] = X, c[132] = Z, c[133] = St) : St = c[133];
+	let Ct = St, Q;
+	c[134] === l ? Q = c[135] : (Q = e("relative flex flex-col", l), c[134] = l, c[135] = Q);
+	let wt;
+	c[136] !== V || c[137] !== B ? (wt = (e) => {
+		B(e.relatedTarget) || V(!1);
+	}, c[136] = V, c[137] = B, c[138] = wt) : wt = c[138];
+	let Tt;
+	c[139] !== x || c[140] !== E || c[141] !== Ct ? (Tt = x ? /* @__PURE__ */ r("textarea", {
+		rows: E,
+		...Ct
+	}) : /* @__PURE__ */ r("input", {
+		type: "text",
+		...Ct
+	}), c[139] = x, c[140] = E, c[141] = Ct, c[142] = Tt) : Tt = c[142];
+	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[143] !== Qe || c[144] !== Et || c[145] !== 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[143] = Qe, c[144] = Et, c[145] = Dt, c[146] = Ot) : Ot = c[146];
+	let kt = F ? `Select language (${F.code})` : "Select language", $;
+	c[147] === h ? $ = c[148] : ($ = () => {
+		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[147] = h, c[148] = $);
+	let At;
+	c[149] === F ? At = c[150] : (At = F ? m(F.code) : "?", c[149] = F, c[150] = At);
+	let jt;
+	c[151] === At ? jt = c[152] : (jt = /* @__PURE__ */ r("span", {
+		"aria-hidden": "true",
+		children: At
+	}), c[151] = At, c[152] = jt);
+	let Mt;
+	c[153] !== h || c[154] !== he || c[155] !== Ot || c[156] !== kt || c[157] !== $ || c[158] !== jt ? (Mt = /* @__PURE__ */ r("button", {
+		type: "button",
+		className: Ot,
+		"aria-label": kt,
+		onMouseDown: ue,
+		onClick: $,
+		tabIndex: he,
+		disabled: h,
+		ref: Re,
+		children: jt
+	}), c[153] = h, c[154] = he, c[155] = Ot, c[156] = kt, c[157] = $, c[158] = jt, c[159] = Mt) : Mt = c[159];
+	let Nt;
+	c[160] !== Tt || c[161] !== Mt ? (Nt = /* @__PURE__ */ i("div", {
+		ref: ze,
+		className: "relative",
+		children: [Tt, Mt]
+	}), c[160] = Tt, c[161] = Mt, c[162] = Nt) : Nt = c[162];
+	let Pt = I ? "auto" : "none", Ft;
+	c[163] !== L.left || c[164] !== L.top || c[165] !== Pt ? (Ft = {
+		pointerEvents: Pt,
+		width: "min(260px, 100%)",
+		left: L.left,
+		top: L.top
+	}, c[163] = L.left, c[164] = L.top, c[165] = Pt, c[166] = Ft) : Ft = c[166];
+	let It = ct ?? "i18n-language-select", Lt = st ?? "", Rt;
+	c[167] === V ? Rt = c[168] : (Rt = () => V(!0), c[167] = V, c[168] = Rt);
+	let zt;
+	c[169] !== z || c[170] !== K || c[171] !== U || c[172] !== R || c[173] !== I || c[174] !== gt || c[175] !== vt || c[176] !== W || c[177] !== It || c[178] !== Lt || c[179] !== 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[169] = z, c[170] = K, c[171] = U, c[172] = R, c[173] = I, c[174] = gt, c[175] = vt, c[176] = W, c[177] = It, c[178] = Lt, c[179] = Rt, c[180] = zt) : zt = c[180];
+	let Bt;
+	c[181] !== mt || c[182] !== zt ? (Bt = /* @__PURE__ */ r(b.Provider, {
+		value: mt,
+		children: zt
+	}), c[181] = mt, c[182] = zt, c[183] = Bt) : Bt = c[183];
+	let Vt;
+	c[184] !== Ft || c[185] !== Bt ? (Vt = /* @__PURE__ */ r("div", {
+		className: "absolute left-0 top-full z-30 mt-1",
+		style: Ft,
+		children: Bt
+	}), c[184] = Ft, c[185] = Bt, c[186] = Vt) : Vt = c[186];
+	let Ht;
+	return c[187] !== Q || c[188] !== wt || c[189] !== Nt || c[190] !== Vt ? (Ht = /* @__PURE__ */ i("div", {
+		ref: Ie,
+		className: Q,
+		onBlur: wt,
+		children: [Nt, Vt]
+	}), c[187] = Q, c[188] = wt, c[189] = Nt, c[190] = Vt, c[191] = Ht) : Ht = c[191], Ht;
 });
-D.displayName = "I18nField";
+x.displayName = "I18nField";
+function ce(e) {
+	return e.value;
+}
+function le(e) {
+	return e.value === c;
+}
+function ue(e) {
+	return e.preventDefault();
+}
 //#endregion
-export { D as I18nField, c as I18nFieldLocaleProvider };
+export { x as I18nField, s as I18nFieldLocaleProvider };
 
 //# sourceMappingURL=index300.js.map