@rpcbase/ui 0.183.0 → 0.185.0

package/dist/index18.js

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