@rpcbase/ui 0.224.0 → 0.226.0

package/dist/index18.js

@@ -1,58 +1,58 @@
 import { j as V } from "./index30.js";
 import * as n from "react";
-import Kt from "react-select";
-import { cn as Fe } from "./index2.js";
-import { resolveMessages as $t } from "./index35.js";
-import { getLocaleCacheKey as qt, parseLocaleCacheKey as Ut, getCachedCountryOptions as Qt, toSelectedCountry as Jt, buildFallbackSelectedCountry as Gt, getValidCountry as Yt, DEFAULT_COUNTRY as at, COMMON_IDD_PREFIXES as Xt, normalizeSearchValue as Zt, optionMatchIndex as it } from "./index36.js";
-import { normalizeInputValue as Oe, formatWithAsYouType as ve, sanitizeDigits as O, detectNationalPrefixForDisplay as ee, getSuggestionState as Te, injectNationalPrefixDisplay as Me, shouldDisplayExplicitCountrySelection as Le, getLengthIssue as ze, stripPrefix as ut } from "./index37.js";
-import { captureSelectionSnapshot as en, resolveSelection as Se, skipFormattingCharactersLeft as ct, skipFormattingCharactersRight as tn } from "./index38.js";
-import { suggestionSelectStyles as nn, SuggestionOption as on, NullComponent as Ie, HiddenControl as rn, formatCountryOption as sn, SuggestionContext as ln } from "./index39.js";
-import { getCountryCallingCode as F } from "./index40.js";
-const an = n.forwardRef(function(dt, ft) {
+import Gt from "react-select";
+import { cn as Oe } from "./index2.js";
+import { resolveMessages as Yt } from "./index43.js";
+import { getLocaleCacheKey as Xt, parseLocaleCacheKey as Zt, getCachedCountryOptions as en, toSelectedCountry as tn, buildFallbackSelectedCountry as nn, getValidCountry as on, DEFAULT_COUNTRY as ct, COMMON_IDD_PREFIXES as rn, normalizeSearchValue as sn, optionMatchIndex as dt } from "./index44.js";
+import { normalizeInputValue as Me, formatWithAsYouType as ve, sanitizeDigits as F, detectNationalPrefixForDisplay as te, getSuggestionState as Le, injectNationalPrefixDisplay as ze, shouldDisplayExplicitCountrySelection as Be, getLengthIssue as Ae, stripPrefix as ft } from "./index45.js";
+import { captureSelectionSnapshot as ln, resolveSelection as Se, skipFormattingCharactersLeft as pt, skipFormattingCharactersRight as an } from "./index46.js";
+import { suggestionSelectStyles as un, SuggestionOption as cn, NullComponent as Ie, HiddenControl as dn, formatCountryOption as fn, SuggestionContext as pn } from "./index47.js";
+import { getCountryCallingCode as T } from "./index48.js";
+const mn = n.forwardRef(function(mt, ht) {
   const {
     value: _,
     defaultCountry: De,
-    country: T,
-    locale: pt,
-    onChange: Be,
-    onCountryChange: Ae,
-    className: mt,
-    inputClassName: ht,
-    disabled: te,
+    country: O,
+    locale: gt,
+    onChange: je,
+    onCountryChange: We,
+    className: Ct,
+    inputClassName: yt,
+    disabled: ne,
     readOnly: se,
-    selectProps: gt,
-    autofillShimName: Ct,
-    messages: je,
-    renderValidationMessage: yt,
-    ...xt
-  } = dt, {
-    onFocus: We,
-    onBlur: He,
-    onKeyDown: Ke,
-    name: Ne,
-    autoComplete: bt,
-    ...vt
-  } = xt, M = typeof De == "string" || typeof T == "string", le = qt(pt), ae = n.useMemo(() => Ut(le), [le]), ie = n.useMemo(() => $t(ae, je), [ae, je]), N = n.useMemo(() => Qt(ae, le), [le, ae]), ue = n.useCallback((e) => {
-    const t = N.find((r) => r.value === e);
-    return t ? Jt(t) : Gt(e);
-  }, [N]), m = n.useMemo(() => {
-    const e = Yt(De ?? T ?? at);
-    return N.some((t) => t.value === e) ? e : N[0]?.value ?? at;
-  }, [N, T, De]), P = n.useRef(M), ne = n.useRef(null), L = n.useRef("");
-  if (!ne.current)
+    selectProps: xt,
+    autofillShimName: bt,
+    messages: He,
+    renderValidationMessage: vt,
+    ...St
+  } = mt, {
+    onFocus: Ke,
+    onBlur: $e,
+    onKeyDown: qe,
+    name: Pe,
+    autoComplete: It,
+    ...Dt
+  } = St, M = typeof De == "string" || typeof O == "string", le = Xt(gt), ae = n.useMemo(() => Zt(le), [le]), ie = n.useMemo(() => Yt(ae, He), [ae, He]), P = n.useMemo(() => en(ae, le), [le, ae]), ue = n.useCallback((e) => {
+    const t = P.find((r) => r.value === e);
+    return t ? tn(t) : nn(e);
+  }, [P]), m = n.useMemo(() => {
+    const e = on(De ?? O ?? ct);
+    return P.some((t) => t.value === e) ? e : P[0]?.value ?? ct;
+  }, [P, O, De]), E = n.useRef(M), oe = n.useRef(null), L = n.useRef("");
+  if (!oe.current)
     if (!_)
-      ne.current = {
+      oe.current = {
         country: m,
         inputValue: "",
         normalizedValue: "",
         hasExplicitCountrySelection: !1
       }, L.current = "";
     else {
-      const e = M ? m : void 0, t = Oe(_, e, {
+      const e = M ? m : void 0, t = Me(_, e, {
         allowJustPlus: !0
       });
       if (!t)
-        ne.current = {
+        oe.current = {
           country: m,
           inputValue: "",
           normalizedValue: "",
@@ -61,95 +61,114 @@ const an = n.forwardRef(function(dt, ft) {
       else {
         const {
           international: r,
-          phoneNumber: d,
+          phoneNumber: u,
           detectedCountry: l,
-          inferredCountry: u,
+          inferredCountry: c,
           hasExplicitInternationalPrefix: a
         } = ve(t, e), o = l ?? void 0;
         let s = o ?? m;
-        const i = O(_ ?? ""), x = typeof _ == "string" ? /^\s*\+/.test(_) : !1, g = O(r), q = F(s), D = ee(i, g, q, x), W = Te(t, e, d ?? void 0, {
+        const i = F(_ ?? ""), x = typeof _ == "string" ? /^\s*\+/.test(_) : !1, g = F(r), q = T(s), D = te(i, g, q, x), W = Le(t, e, u ?? void 0, {
           hasRemovedNationalPrefix: D,
           detectedCountry: o,
           hasExplicitInternationalPrefix: a
-        }), R = !W.shouldSuggest && !o ? u : void 0;
-        R && (s = R), (o || R) && (P.current = !0);
-        const H = F(s), ge = R ? ee(i, g, H, x) : D, Y = Me(r, H, {
+        }), R = !W.shouldSuggest && !o ? c : void 0;
+        R && (s = R), (o || R) && (E.current = !0);
+        const H = T(s), ge = R ? te(i, g, H, x) : D, Y = ze(r, H, {
           force: ge
-        }), K = o ?? void 0, k = P.current;
-        ne.current = {
+        }), K = o ?? void 0, k = E.current;
+        oe.current = {
           country: s,
           inputValue: Y,
           normalizedValue: t,
-          hasExplicitCountrySelection: k && Le(W, {
+          hasExplicitCountrySelection: k && Be(W, {
             detectedCountry: K,
             hasExplicitInternationalPrefix: a
           })
         }, L.current = t;
       }
     }
-  const we = ne.current, [b, z] = n.useState(we.country), [ce, B] = n.useState(we.inputValue), [de, v] = n.useState(""), [Q, h] = n.useState(!1), [fe, C] = n.useState(-1), [St, $e] = n.useState(!1), [It, A] = n.useState(null), [qe, j] = n.useState(we.hasExplicitCountrySelection), y = n.useRef(null), S = n.useRef(""), X = n.useRef(null), Z = n.useRef("smooth"), J = n.useRef(null), Ue = n.useCallback(() => {
+  const Ne = oe.current, [b, z] = n.useState(Ne.country), [ce, B] = n.useState(Ne.inputValue), [de, v] = n.useState(""), [Q, h] = n.useState(!1), [fe, C] = n.useState(-1), [Pt, Ue] = n.useState(!1), [Nt, A] = n.useState(null), [Qe, j] = n.useState(Ne.hasExplicitCountrySelection), y = n.useRef(null), S = n.useRef(""), X = n.useRef(null), Z = n.useRef("smooth"), J = n.useRef(null), Je = n.useCallback(() => {
     const e = Z.current;
     return Z.current = "smooth", e;
-  }, []), I = typeof T == "string", Ee = I ? T : b, f = Ee ?? m, oe = n.useRef(null);
-  n.useImperativeHandle(ft, () => oe.current, []), n.useLayoutEffect(() => {
+  }, []), I = typeof O == "string", we = I ? O : b, f = we ?? m, ee = n.useRef(null);
+  n.useImperativeHandle(ht, () => ee.current, []), n.useLayoutEffect(() => {
     const e = J.current;
     if (!e)
       return;
-    const t = oe.current;
+    const t = ee.current;
     if (J.current = null, !t)
       return;
     const {
       start: r,
-      end: d
+      end: u
     } = e;
-    t.setSelectionRange(r, d);
+    t.setSelectionRange(r, u);
   }, [ce]);
-  const Dt = gt ?? {}, {
-    styles: Qe,
-    components: Je,
-    classNamePrefix: Nt,
-    formatOptionLabel: Pe,
-    ...wt
-  } = Dt, {
-    noOptionsMessage: Et,
-    ...Pt
-  } = wt, _t = n.useMemo(() => ({
-    ...nn,
-    ...Qe ?? {}
-  }), [Qe]), Rt = n.useMemo(() => {
+  const Ge = xt ?? {}, {
+    styles: Ee,
+    components: Ye,
+    classNamePrefix: wt,
+    formatOptionLabel: _e,
+    menuPortalTarget: Et,
+    menuPosition: _t,
+    ...Rt
+  } = Ge, {
+    noOptionsMessage: kt,
+    ...Vt
+  } = Rt, [Tt, Ft] = n.useState(null), Re = "menuPortalTarget" in Ge, Xe = Re ? Et : Tt, Ot = n.useMemo(() => {
+    const e = Ee?.menuPortal;
+    return {
+      ...un,
+      ...Ee ?? {},
+      menuPortal: (t, r) => {
+        const u = {
+          ...t,
+          zIndex: 1300
+        };
+        return e ? e(u, r) : u;
+      }
+    };
+  }, [Ee]);
+  n.useLayoutEffect(() => {
+    if (Re || typeof document > "u")
+      return;
+    const e = ee.current?.closest("[data-slot='dialog-content'], [data-slot='sheet-content'], [role='dialog']") ?? document.body;
+    Ft(e);
+  }, [Re]);
+  const Mt = n.useMemo(() => {
     const e = {
-      Control: rn,
+      Control: dn,
       IndicatorsContainer: Ie,
       DropdownIndicator: Ie,
       IndicatorSeparator: Ie,
       ValueContainer: Ie
-    }, t = Je ?? {};
+    }, t = Ye ?? {};
     return t.Option ? {
       ...e,
       ...t
     } : {
       ...e,
       ...t,
-      Option: on
+      Option: cn
     };
-  }, [Je]), Ge = n.useRef(!1), w = n.useCallback((e) => {
-    Ge.current = !0;
+  }, [Ye]), Ze = n.useRef(!1), N = n.useCallback((e) => {
+    Ze.current = !0;
     const t = ue(e);
-    return Ae?.(e, t), t;
-  }, [Ae, ue]);
+    return We?.(e, t), t;
+  }, [We, ue]);
   n.useEffect(() => () => {
     X.current != null && typeof window < "u" && window.clearTimeout(X.current);
   }, []), n.useEffect(() => {
     if (_ == null)
       return;
-    const e = P.current ? f : void 0, t = L.current, r = Oe(_, e, {
+    const e = E.current ? f : void 0, t = L.current, r = Me(_, e, {
       allowJustPlus: !0,
       previousValue: t
     });
     if (L.current = r, S.current = "", !r) {
       B(""), h(!1), v(""), A(null), y.current = null, j(!1);
-      const E = M ? m : f;
-      !I && b !== E && (z(E), w(E));
+      const w = M ? m : f;
+      !I && b !== w && (z(w), N(w));
       return;
     }
     if (r === "0") {
@@ -158,53 +177,53 @@ const an = n.forwardRef(function(dt, ft) {
     }
     if (r === "+") {
       B("+"), h(!0), v(""), A(null), y.current = null, j(!1);
-      const E = M ? m : f;
-      !I && b !== E && (z(E), w(E));
+      const w = M ? m : f;
+      !I && b !== w && (z(w), N(w));
       return;
     }
     const {
-      international: d,
+      international: u,
       phoneNumber: l,
-      detectedCountry: u,
+      detectedCountry: c,
       inferredCountry: a,
       hasExplicitInternationalPrefix: o
-    } = ve(r, e), s = u ?? void 0;
+    } = ve(r, e), s = c ?? void 0;
     let i = s ?? e ?? f;
-    const x = O(_ ?? ""), g = typeof _ == "string" ? /^\s*\+/.test(_) : !1, q = O(d), D = F(i), W = ee(x, q, D, g), R = Te(r, e, l ?? void 0, {
+    const x = F(_ ?? ""), g = typeof _ == "string" ? /^\s*\+/.test(_) : !1, q = F(u), D = T(i), W = te(x, q, D, g), R = Le(r, e, l ?? void 0, {
       hasRemovedNationalPrefix: W,
       detectedCountry: s,
       hasExplicitInternationalPrefix: o
     }), U = !R.shouldSuggest && !s ? a : void 0, H = U ?? i;
-    (s || U) && (P.current = !0), !I && H !== b && (z(H), w(H)), i = H, y.current && y.current !== i && (y.current = null);
-    const Y = F(i), K = U ? ee(x, q, Y, g) : W, k = Me(d, Y, {
+    (s || U) && (E.current = !0), !I && H !== b && (z(H), N(H)), i = H, y.current && y.current !== i && (y.current = null);
+    const Y = T(i), K = U ? te(x, q, Y, g) : W, k = ze(u, Y, {
       force: K
-    }), Ce = s ?? void 0, ye = y.current != null || Le(R, {
+    }), Ce = s ?? void 0, ye = y.current != null || Be(R, {
       detectedCountry: Ce,
       hasExplicitInternationalPrefix: o
     });
-    B(k), h(R.shouldSuggest), v(R.query), A(P.current ? ze(r, i) : null), j(P.current && ye);
-  }, [_, f, m, M, I, w, b]), n.useEffect(() => {
-    if (Ge.current || !P.current)
+    B(k), h(R.shouldSuggest), v(R.query), A(E.current ? Ae(r, i) : null), j(E.current && ye);
+  }, [_, f, m, M, I, N, b]), n.useEffect(() => {
+    if (Ze.current || !E.current)
       return;
-    const e = Ee ?? m;
-    e && w(e);
-  }, [m, w, Ee]), n.useEffect(() => {
-    I && T && T !== b && z(T);
-  }, [T, I, b]);
+    const e = we ?? m;
+    e && N(e);
+  }, [m, N, we]), n.useEffect(() => {
+    I && O && O !== b && z(O);
+  }, [O, I, b]);
   const G = n.useCallback((e) => {
     const t = ue(e.country);
-    Be?.({
+    je?.({
       ...e,
       selectedCountry: t
     });
-  }, [Be, ue]), pe = n.useCallback(() => {
+  }, [je, ue]), pe = n.useCallback(() => {
     typeof window > "u" || (X.current != null && window.clearTimeout(X.current), X.current = window.setTimeout(() => {
       S.current = "", X.current = null;
     }, 800));
-  }, []), kt = n.useCallback((e) => {
-    const t = e.target, r = en(t), d = t.value;
+  }, []), Lt = n.useCallback((e) => {
+    const t = e.target, r = ln(t), u = t.value;
     S.current = "";
-    const l = P.current ? f : void 0, u = l ? F(l) : "", a = O(d), o = d.trim().startsWith("+"), s = u ? a.startsWith(u) : !1, i = a.startsWith("0"), x = Xt.some((p) => a.startsWith(p)), g = !!l && !x && (s && a.slice(u.length).startsWith("0") || !o && i && a.length > 1 || o && i && a.length > 1 && !s), q = L.current, D = Oe(d, l, {
+    const l = E.current ? f : void 0, c = l ? T(l) : "", a = F(u), o = u.trim().startsWith("+"), s = c ? a.startsWith(c) : !1, i = a.startsWith("0"), x = rn.some((p) => a.startsWith(p)), g = !!l && !x && (s && a.slice(c.length).startsWith("0") || !o && i && a.length > 1 || o && i && a.length > 1 && !s), q = L.current, D = Me(u, l, {
       allowJustPlus: !0,
       removeNationalPrefix: g,
       previousValue: q
@@ -212,8 +231,8 @@ const an = n.forwardRef(function(dt, ft) {
     if (L.current = D, !D) {
       B(""), h(!1), v(""), C(-1), A(null), y.current = null, j(!1), J.current = Se(r, "");
       const p = M ? m : f;
-      !I && b !== p && (z(p), w(p));
-      const re = F(p);
+      !I && b !== p && (z(p), N(p));
+      const re = T(p);
       G({
         formattedInternational: "",
         formattedNational: "",
@@ -229,8 +248,8 @@ const an = n.forwardRef(function(dt, ft) {
     if (D === "0") {
       B("0"), h(!1), v(""), C(-1), A(null), y.current = null, j(!1), J.current = Se(r, "0");
       const p = M ? m : f;
-      !I && b !== p && (z(p), w(p));
-      const re = F(p);
+      !I && b !== p && (z(p), N(p));
+      const re = T(p);
       G({
         formattedInternational: "0",
         formattedNational: "0",
@@ -246,8 +265,8 @@ const an = n.forwardRef(function(dt, ft) {
     if (D === "+") {
       B("+"), h(!0), v(""), C(0), A(null), y.current = null, j(!1), J.current = Se(r, "+");
       const p = M ? m : f;
-      !I && b !== p && (z(p), w(p));
-      const re = F(p);
+      !I && b !== p && (z(p), N(p));
+      const re = T(p);
       G({
         formattedInternational: "+",
         formattedNational: "",
@@ -269,48 +288,48 @@ const an = n.forwardRef(function(dt, ft) {
       hasExplicitInternationalPrefix: Y
     } = ve(D, l), K = H ?? void 0;
     let k = K ?? l ?? f;
-    const Ce = O(W), st = F(k), ye = ee(a, Ce, st, o), E = Te(D, l, U ?? void 0, {
+    const Ce = F(W), it = T(k), ye = te(a, Ce, it, o), w = Le(D, l, U ?? void 0, {
       hasRemovedNationalPrefix: ye,
       detectedCountry: K,
       hasExplicitInternationalPrefix: Y
-    }), Ve = !E.shouldSuggest && !K ? ge : void 0, xe = Ve ?? k;
-    (K || Ve) && (P.current = !0), !I && xe !== b && (z(xe), w(xe)), k = xe, y.current && y.current !== k && (y.current = null);
-    const be = F(k), Bt = O(D), At = ut(Bt, be), jt = Ve ? ee(a, Ce, be, o) : ye, lt = Me(W, be, {
-      force: jt
-    }), Wt = K ?? void 0;
-    J.current = Se(r, lt), B(lt), h(E.shouldSuggest), v(E.query), C(E.shouldSuggest ? 0 : -1), A(P.current ? ze(D, k) : null);
-    const Ht = y.current != null || Le(E, {
-      detectedCountry: Wt,
+    }), Fe = !w.shouldSuggest && !K ? ge : void 0, xe = Fe ?? k;
+    (K || Fe) && (E.current = !0), !I && xe !== b && (z(xe), N(xe)), k = xe, y.current && y.current !== k && (y.current = null);
+    const be = T(k), $t = F(D), qt = ft($t, be), Ut = Fe ? te(a, Ce, be, o) : ye, ut = ze(W, be, {
+      force: Ut
+    }), Qt = K ?? void 0;
+    J.current = Se(r, ut), B(ut), h(w.shouldSuggest), v(w.query), C(w.shouldSuggest ? 0 : -1), A(E.current ? Ae(D, k) : null);
+    const Jt = y.current != null || Be(w, {
+      detectedCountry: Qt,
       hasExplicitInternationalPrefix: Y
     });
-    j(P.current && Ht), G({
+    j(E.current && Jt), G({
       formattedInternational: W,
       formattedNational: R,
       e164: U?.number ?? null,
       country: k,
       countryCallingCode: be,
-      nationalNumber: At,
+      nationalNumber: qt,
       rawInput: D,
       isValid: U?.isValid() ?? !1
     });
-  }, [f, G, m, M, I, w, b]), _e = n.useCallback((e) => {
+  }, [f, G, m, M, I, N, b]), ke = n.useCallback((e) => {
     if (!e)
       return;
-    const t = O(L.current || ce), r = F(f);
+    const t = F(L.current || ce), r = T(f);
     let l = t.startsWith(r) ? t.slice(r.length) : t;
     l ? l.startsWith(e.dialCode) || (l = `${e.dialCode}${l}`) : l = e.dialCode;
-    const u = `+${l}`;
-    L.current = u;
+    const c = `+${l}`;
+    L.current = c;
     const {
       international: a,
       national: o,
       phoneNumber: s
-    } = ve(u, e.value), i = e.value;
-    y.current = i, P.current = !0, B(a), J.current = {
+    } = ve(c, e.value), i = e.value;
+    y.current = i, E.current = !0, B(a), J.current = {
       start: a.length,
       end: a.length
-    }, h(!1), v(""), C(-1), A(ze(u, i)), !I && i !== b && z(i), w(i);
-    const x = O(u), g = s?.countryCallingCode ?? e.dialCode, q = ut(x, g);
+    }, h(!1), v(""), C(-1), A(Ae(c, i)), !I && i !== b && z(i), N(i);
+    const x = F(c), g = s?.countryCallingCode ?? e.dialCode, q = ft(x, g);
     j(!0), G({
       formattedInternational: a,
       formattedNational: o,
@@ -318,25 +337,25 @@ const an = n.forwardRef(function(dt, ft) {
       country: i,
       countryCallingCode: g,
       nationalNumber: q,
-      rawInput: u,
+      rawInput: c,
       isValid: s?.isValid() ?? !1
     }), requestAnimationFrame(() => {
-      oe.current?.focus();
+      ee.current?.focus();
     });
-  }, [f, G, ce, I, w, b]), c = n.useMemo(() => {
+  }, [f, G, ce, I, N, b]), d = n.useMemo(() => {
     if (!Q)
       return [];
     const e = [], t = (o) => {
       e.some((s) => s.value === o.value) || e.push(o);
-    }, r = N.find((o) => o.value === m), d = N.find((o) => o.value === f), l = de.trim(), u = O(l), a = Zt(l);
-    return !u && !a ? (r && t(r), d && t(d), N.forEach(t), e) : (u && N.filter((s) => s.dialCode.startsWith(u)).sort((s, i) => {
-      const x = s.dialCode === u, g = i.dialCode === u;
+    }, r = P.find((o) => o.value === m), u = P.find((o) => o.value === f), l = de.trim(), c = F(l), a = sn(l);
+    return !c && !a ? (r && t(r), u && t(u), P.forEach(t), e) : (c && P.filter((s) => s.dialCode.startsWith(c)).sort((s, i) => {
+      const x = s.dialCode === c, g = i.dialCode === c;
       return x && !g ? -1 : !x && g ? 1 : s.dialCode.length - i.dialCode.length;
-    }).forEach(t), a && N.filter((s) => s.normalizedSearchableTokens.some((i) => i.includes(a))).sort((s, i) => {
-      const x = it(s.normalizedSearchableTokens, a), g = it(i.normalizedSearchableTokens, a);
+    }).forEach(t), a && P.filter((s) => s.normalizedSearchableTokens.some((i) => i.includes(a))).sort((s, i) => {
+      const x = dt(s.normalizedSearchableTokens, a), g = dt(i.normalizedSearchableTokens, a);
       return x !== g ? x - g : s.name.localeCompare(i.name);
-    }).forEach(t), d && t(d), r && t(r), e.length === 0 && N.forEach(t), e);
-  }, [f, N, de, m, Q]), $ = St && Q && c.length > 0;
+    }).forEach(t), u && t(u), r && t(r), e.length === 0 && P.forEach(t), e);
+  }, [f, P, de, m, Q]), $ = Pt && Q && d.length > 0;
   n.useEffect(() => {
     $ || (Z.current = "smooth");
   }, [$]), n.useEffect(() => {
@@ -344,126 +363,126 @@ const an = n.forwardRef(function(dt, ft) {
       C(-1);
       return;
     }
-    if (c.length === 0) {
+    if (d.length === 0) {
       C(-1);
       return;
     }
-    C((e) => e < 0 || e >= c.length ? 0 : e);
-  }, [c, $]);
-  const me = fe >= 0 ? c[fe] ?? null : null;
+    C((e) => e < 0 || e >= d.length ? 0 : e);
+  }, [d, $]);
+  const me = fe >= 0 ? d[fe] ?? null : null;
   n.useEffect(() => {
     fe < 0 && (Z.current = "smooth");
   }, [fe]);
-  const Ye = n.useCallback((e) => {
-    const t = c.findIndex((r) => r.value === e.value);
+  const et = n.useCallback((e) => {
+    const t = d.findIndex((r) => r.value === e.value);
     t !== -1 && C(t);
-  }, [c]), Re = n.useCallback((e, t) => Pe ? Pe(e, t) : sn(e), [Pe]), Xe = n.useCallback((e) => Re(e, {
+  }, [d]), Ve = n.useCallback((e, t) => _e ? _e(e, t) : fn(e), [_e]), tt = n.useCallback((e) => Ve(e, {
     context: "menu",
     inputValue: de,
     selectValue: []
-  }), [de, Re]), Vt = n.useMemo(() => ({
+  }), [de, Ve]), zt = n.useMemo(() => ({
     highlightedValue: me?.value ?? null,
-    setHighlightedOption: Ye,
-    renderOptionLabel: Xe,
-    consumeScrollBehavior: Ue
-  }), [Ue, me, Xe, Ye]), he = N.find((e) => e.value === f), Ze = he?.flag ?? "", Ft = qe ? ie.selectedCountryLabel(he?.name ?? f ?? null) : ie.selectCountryLabel, et = qe && !!Ze, ke = It === "TOO_LONG" ? ie.lengthTooLong(he?.name ?? f ?? null) : null, Ot = he?.name ?? f ?? null;
-  let tt = null;
-  if (ke) {
-    const e = yt?.({
-      message: ke,
+    setHighlightedOption: et,
+    renderOptionLabel: tt,
+    consumeScrollBehavior: Je
+  }), [Je, me, tt, et]), he = P.find((e) => e.value === f), nt = he?.flag ?? "", Bt = Qe ? ie.selectedCountryLabel(he?.name ?? f ?? null) : ie.selectCountryLabel, ot = Qe && !!nt, Te = Nt === "TOO_LONG" ? ie.lengthTooLong(he?.name ?? f ?? null) : null, At = he?.name ?? f ?? null;
+  let rt = null;
+  if (Te) {
+    const e = vt?.({
+      message: Te,
       code: "TOO_LONG",
-      countryName: Ot
+      countryName: At
     });
-    tt = e === void 0 ? /* @__PURE__ */ V.jsx("p", { className: "mt-1 text-xs text-destructive", children: /* @__PURE__ */ V.jsx("span", { children: ke }) }) : e;
+    rt = e === void 0 ? /* @__PURE__ */ V.jsx("p", { className: "mt-1 text-xs text-destructive", children: /* @__PURE__ */ V.jsx("span", { children: Te }) }) : e;
   }
-  const nt = n.useCallback((e) => {
+  const st = n.useCallback((e) => {
     S.current = `${S.current}${e}`.slice(-12), v(S.current), h(!0), pe();
-  }, [pe]), ot = n.useCallback(() => {
+  }, [pe]), lt = n.useCallback(() => {
     const e = S.current;
     e && (S.current = e.slice(0, -1), v(S.current), S.current && pe());
-  }, [pe]), Tt = n.useCallback((e) => {
-    if (Ke?.(e), e.defaultPrevented)
+  }, [pe]), jt = n.useCallback((e) => {
+    if (qe?.(e), e.defaultPrevented)
       return;
     const t = e.key;
     if (e.metaKey || e.ctrlKey || e.altKey)
       return;
-    const r = e.currentTarget, d = r.value, l = r.selectionStart ?? 0, u = r.selectionEnd ?? l, a = l === u;
+    const r = e.currentTarget, u = r.value, l = r.selectionStart ?? 0, c = r.selectionEnd ?? l, a = l === c;
     if (t === "Backspace" && a) {
-      const o = ct(d, l);
+      const o = pt(u, l);
       o !== l && r.setSelectionRange(o, o);
     } else if (t === "ArrowLeft" && a) {
-      const o = ct(d, l);
+      const o = pt(u, l);
       if (o !== l) {
         e.preventDefault(), r.setSelectionRange(o, o);
         return;
       }
     } else if (t === "ArrowRight" && a) {
-      const o = tn(d, u);
-      if (o !== u) {
+      const o = an(u, c);
+      if (o !== c) {
         e.preventDefault(), r.setSelectionRange(o, o);
         return;
       }
     }
     if (t === "ArrowDown") {
       if (Z.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !Q) {
-        h(!0), C(c.length > 0 ? 0 : -1);
+        h(!0), C(d.length > 0 ? 0 : -1);
         return;
       }
-      c.length > 0 && C((o) => o < 0 ? 0 : (o + 1) % c.length);
+      d.length > 0 && C((o) => o < 0 ? 0 : (o + 1) % d.length);
       return;
     }
     if (t === "ArrowUp") {
       if (Z.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !Q) {
-        h(!0), C(c.length > 0 ? c.length - 1 : -1);
+        h(!0), C(d.length > 0 ? d.length - 1 : -1);
         return;
       }
-      c.length > 0 && C((o) => o < 0 ? c.length - 1 : (o - 1 + c.length) % c.length);
+      d.length > 0 && C((o) => o < 0 ? d.length - 1 : (o - 1 + d.length) % d.length);
       return;
     }
     if (/^[a-z]$/i.test(t)) {
-      e.preventDefault(), Q || (h(!0), C(c.length > 0 ? 0 : -1)), nt(t.toLowerCase());
+      e.preventDefault(), Q || (h(!0), C(d.length > 0 ? 0 : -1)), st(t.toLowerCase());
       return;
     }
     if ($) {
       if (t === "Backspace" && S.current) {
-        e.preventDefault(), ot();
+        e.preventDefault(), lt();
         return;
       }
       if (t === "Escape") {
         e.preventDefault(), S.current = "", v(""), h(!1);
         return;
       }
-      if (t === "Enter" && c.length > 0) {
+      if (t === "Enter" && d.length > 0) {
         e.preventDefault();
-        const o = me ?? c[0];
-        _e(o);
+        const o = me ?? d[0];
+        ke(o);
         return;
       }
     }
-  }, [nt, c, _e, me, Ke, ot, Q, $]), Mt = n.useCallback((e) => {
-    $e(!0), We?.(e);
-  }, [We]), Lt = n.useCallback((e) => {
-    $e(!1), h(!1), S.current = "", v(""), He?.(e);
-  }, [He]), zt = n.useCallback(() => {
-    te || se || (S.current = "", v(""), h(!0), C((e) => e < 0 ? 0 : e), requestAnimationFrame(() => {
-      oe.current?.focus();
+  }, [st, d, ke, me, qe, lt, Q, $]), Wt = n.useCallback((e) => {
+    Ue(!0), Ke?.(e);
+  }, [Ke]), Ht = n.useCallback((e) => {
+    Ue(!1), h(!1), S.current = "", v(""), $e?.(e);
+  }, [$e]), Kt = n.useCallback(() => {
+    ne || se || (S.current = "", v(""), h(!0), C((e) => e < 0 ? 0 : e), requestAnimationFrame(() => {
+      ee.current?.focus();
     }));
-  }, [te, se]), rt = Ct ?? (Ne ? `${Ne}_shim` : void 0);
-  return /* @__PURE__ */ V.jsxs("div", { className: Fe("relative flex flex-col", mt), children: [
+  }, [ne, se]), at = bt ?? (Pe ? `${Pe}_shim` : void 0);
+  return /* @__PURE__ */ V.jsxs("div", { className: Oe("relative flex flex-col", Ct), children: [
     /* @__PURE__ */ V.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ V.jsx("input", { ...vt, ref: oe, type: "tel", className: Fe("flex h-10 w-full rounded-md border border-input bg-background py-2 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", "pl-11 pr-3", ht), name: Ne, value: ce, onChange: kt, onFocus: Mt, onBlur: Lt, onKeyDown: Tt, disabled: te, readOnly: se, autoComplete: bt ?? "off" }),
-      /* @__PURE__ */ V.jsx("button", { type: "button", className: Fe("absolute left-3 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded border text-lg leading-none transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", et ? "border-transparent" : "border-dashed border-border text-muted-foreground", te ? "cursor-not-allowed opacity-50" : se ? "cursor-default" : "cursor-pointer hover:bg-muted"), "aria-label": Ft, onMouseDown: (e) => e.preventDefault(), onClick: zt, tabIndex: -1, disabled: te, children: /* @__PURE__ */ V.jsx("span", { "aria-hidden": "true", children: et ? Ze : "?" }) })
+      /* @__PURE__ */ V.jsx("input", { ...Dt, ref: ee, type: "tel", className: Oe("flex h-10 w-full rounded-md border border-input bg-background py-2 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", "pl-11 pr-3", yt), name: Pe, value: ce, onChange: Lt, onFocus: Wt, onBlur: Ht, onKeyDown: jt, disabled: ne, readOnly: se, autoComplete: It ?? "off" }),
+      /* @__PURE__ */ V.jsx("button", { type: "button", className: Oe("absolute left-3 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded border text-lg leading-none transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", ot ? "border-transparent" : "border-dashed border-border text-muted-foreground", ne ? "cursor-not-allowed opacity-50" : se ? "cursor-default" : "cursor-pointer hover:bg-muted"), "aria-label": Bt, onMouseDown: (e) => e.preventDefault(), onClick: Kt, tabIndex: -1, disabled: ne, children: /* @__PURE__ */ V.jsx("span", { "aria-hidden": "true", children: ot ? nt : "?" }) })
     ] }),
-    rt ? /* @__PURE__ */ V.jsx("input", { tabIndex: -1, autoComplete: "tel", name: rt, "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0" }) : null,
+    at ? /* @__PURE__ */ V.jsx("input", { tabIndex: -1, autoComplete: "tel", name: at, "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0" }) : null,
     /* @__PURE__ */ V.jsx("div", { className: "absolute left-0 top-full z-30 mt-1", style: {
       pointerEvents: $ ? "auto" : "none",
       width: "min(260px, 100%)"
-    }, onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ V.jsx(ln.Provider, { value: Vt, children: /* @__PURE__ */ V.jsx(Kt, { ...Pt, menuIsOpen: $, options: c, value: null, components: Rt, styles: _t, isClearable: !1, isSearchable: !1, backspaceRemovesValue: !1, tabSelectsValue: !1, menuShouldScrollIntoView: !1, onChange: _e, classNamePrefix: Nt ?? "phone-number-suggestions", placeholder: "", formatOptionLabel: Re, noOptionsMessage: Et ?? (() => ie.noMatches) }) }) }),
-    tt
+    }, onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ V.jsx(pn.Provider, { value: zt, children: /* @__PURE__ */ V.jsx(Gt, { ...Vt, menuIsOpen: $, options: d, value: null, components: Mt, styles: Ot, isClearable: !1, isSearchable: !1, backspaceRemovesValue: !1, tabSelectsValue: !1, menuShouldScrollIntoView: !1, menuPortalTarget: Xe, menuPosition: _t ?? (Xe ? "fixed" : "absolute"), onChange: ke, classNamePrefix: wt ?? "phone-number-suggestions", placeholder: "", formatOptionLabel: Ve, noOptionsMessage: kt ?? (() => ie.noMatches) }) }) }),
+    rt
   ] });
 });
-an.displayName = "PhoneNumberInput";
+mn.displayName = "PhoneNumberInput";
 export {
-  an as PhoneNumberInput
+  mn as PhoneNumberInput
 };
 //# sourceMappingURL=index18.js.map