@fluidattacks/design 3.1.12 → 3.1.13

package/dist/components/inputs/fields/phone/index.js

@@ -1,309 +1,338 @@
-import { jsx as _, jsxs as U } from "react/jsx-runtime";
-import { u as oe, a as ie } from "../../../../index-D-lcuEHY.mjs";
-import I, { forwardRef as ae, useImperativeHandle as le, useRef as F, useCallback as R, useMemo as Y, useEffect as q, useState as G } from "react";
-import { createPortal as se } from "react-dom";
-import { styled as W, useTheme as de } from "styled-components";
-import { OutlineContainer as ue } from "../../outline-container/index.js";
-import { S as ce } from "../../../../styles-lSVV9kjn.mjs";
-import { Icon as X } from "../../../icon/index.js";
+import { jsx as F, jsxs as H } from "react/jsx-runtime";
+import { u as le, a as se } from "../../../../index-DwznImvK.mjs";
+import S, { forwardRef as ae, useImperativeHandle as de, useRef as T, useCallback as O, useMemo as Y, useEffect as U, useState as G } from "react";
+import { createPortal as ue } from "react-dom";
+import { styled as W, useTheme as ce } from "styled-components";
+import { OutlineContainer as fe } from "../../outline-container/index.js";
+import { S as pe } from "../../../../styles-BXFVwnWT.mjs";
+import { Icon as ee } from "../../../icon/index.js";
 import "../../../typography/heading/index.js";
 import "../../../typography/span/index.js";
-import { Text as pe } from "../../../typography/text/index.js";
-import { u as fe } from "../../../../use-click-outside-BtZLIoU1.mjs";
-var T = [["Afghanistan", "af", "93"], ["Albania", "al", "355"], ["Algeria", "dz", "213"], ["Andorra", "ad", "376"], ["Angola", "ao", "244"], ["Antigua and Barbuda", "ag", "1268"], ["Argentina", "ar", "54", "(..) ........", 0], ["Armenia", "am", "374", ".. ......"], ["Aruba", "aw", "297"], ["Australia", "au", "61", { default: ". .... ....", "/^4/": "... ... ...", "/^5(?!50)/": "... ... ...", "/^1(3|8)00/": ".... ... ...", "/^13/": ".. .. ..", "/^180/": "... ...." }, 0, []], ["Austria", "at", "43"], ["Azerbaijan", "az", "994", "(..) ... .. .."], ["Bahamas", "bs", "1242"], ["Bahrain", "bh", "973"], ["Bangladesh", "bd", "880"], ["Barbados", "bb", "1246"], ["Belarus", "by", "375", "(..) ... .. .."], ["Belgium", "be", "32", "... .. .. .."], ["Belize", "bz", "501"], ["Benin", "bj", "229"], ["Bhutan", "bt", "975"], ["Bolivia", "bo", "591"], ["Bosnia and Herzegovina", "ba", "387"], ["Botswana", "bw", "267"], ["Brazil", "br", "55", "(..) ........."], ["British Indian Ocean Territory", "io", "246"], ["Brunei", "bn", "673"], ["Bulgaria", "bg", "359"], ["Burkina Faso", "bf", "226"], ["Burundi", "bi", "257"], ["Cambodia", "kh", "855"], ["Cameroon", "cm", "237"], ["Canada", "ca", "1", "(...) ...-....", 1, ["204", "226", "236", "249", "250", "289", "306", "343", "365", "387", "403", "416", "418", "431", "437", "438", "450", "506", "514", "519", "548", "579", "581", "587", "604", "613", "639", "647", "672", "705", "709", "742", "778", "780", "782", "807", "819", "825", "867", "873", "902", "905"]], ["Cape Verde", "cv", "238"], ["Caribbean Netherlands", "bq", "599", "", 1], ["Cayman Islands", "ky", "1", "... ... ....", 4, ["345"]], ["Central African Republic", "cf", "236"], ["Chad", "td", "235"], ["Chile", "cl", "56"], ["China", "cn", "86", "... .... ...."], ["Colombia", "co", "57", "... ... ...."], ["Comoros", "km", "269"], ["Congo", "cd", "243"], ["Congo", "cg", "242"], ["Costa Rica", "cr", "506", "....-...."], ["Côte d'Ivoire", "ci", "225", ".. .. .. .. .."], ["Croatia", "hr", "385"], ["Cuba", "cu", "53"], ["Curaçao", "cw", "599", "", 0], ["Cyprus", "cy", "357", ".. ......"], ["Czech Republic", "cz", "420", "... ... ..."], ["Denmark", "dk", "45", ".. .. .. .."], ["Djibouti", "dj", "253"], ["Dominica", "dm", "1767"], ["Dominican Republic", "do", "1", "(...) ...-....", 2, ["809", "829", "849"]], ["Ecuador", "ec", "593"], ["Egypt", "eg", "20"], ["El Salvador", "sv", "503", "....-...."], ["Equatorial Guinea", "gq", "240"], ["Eritrea", "er", "291"], ["Estonia", "ee", "372", ".... ......"], ["Ethiopia", "et", "251"], ["Fiji", "fj", "679"], ["Finland", "fi", "358", ".. ... .. .."], ["France", "fr", "33", ". .. .. .. .."], ["French Guiana", "gf", "594"], ["French Polynesia", "pf", "689"], ["Gabon", "ga", "241"], ["Gambia", "gm", "220"], ["Georgia", "ge", "995"], ["Germany", "de", "49", "... ........."], ["Ghana", "gh", "233"], ["Greece", "gr", "30"], ["Greenland", "gl", "299", ".. .. .."], ["Grenada", "gd", "1473"], ["Guadeloupe", "gp", "590", "", 0], ["Guam", "gu", "1671"], ["Guatemala", "gt", "502", "....-...."], ["Guinea", "gn", "224"], ["Guinea-Bissau", "gw", "245"], ["Guyana", "gy", "592"], ["Haiti", "ht", "509", "....-...."], ["Honduras", "hn", "504"], ["Hong Kong", "hk", "852", ".... ...."], ["Hungary", "hu", "36"], ["Iceland", "is", "354", "... ...."], ["India", "in", "91", ".....-....."], ["Indonesia", "id", "62"], ["Iran", "ir", "98", "... ... ...."], ["Iraq", "iq", "964"], ["Ireland", "ie", "353", ".. ......."], ["Israel", "il", "972", "... ... ...."], ["Italy", "it", "39", "... .......", 0], ["Jamaica", "jm", "1876"], ["Japan", "jp", "81", ".. .... ...."], ["Jordan", "jo", "962"], ["Kazakhstan", "kz", "7", "... ...-..-..", 0], ["Kenya", "ke", "254"], ["Kiribati", "ki", "686"], ["Kosovo", "xk", "383"], ["Kuwait", "kw", "965"], ["Kyrgyzstan", "kg", "996", "... ... ..."], ["Laos", "la", "856"], ["Latvia", "lv", "371", ".. ... ..."], ["Lebanon", "lb", "961"], ["Lesotho", "ls", "266"], ["Liberia", "lr", "231"], ["Libya", "ly", "218"], ["Liechtenstein", "li", "423"], ["Lithuania", "lt", "370"], ["Luxembourg", "lu", "352"], ["Macau", "mo", "853"], ["Macedonia", "mk", "389"], ["Madagascar", "mg", "261"], ["Malawi", "mw", "265"], ["Malaysia", "my", "60", "..-....-...."], ["Maldives", "mv", "960"], ["Mali", "ml", "223"], ["Malta", "mt", "356"], ["Marshall Islands", "mh", "692"], ["Martinique", "mq", "596"], ["Mauritania", "mr", "222"], ["Mauritius", "mu", "230"], ["Mexico", "mx", "52", "... ... ....", 0], ["Micronesia", "fm", "691"], ["Moldova", "md", "373", "(..) ..-..-.."], ["Monaco", "mc", "377"], ["Mongolia", "mn", "976"], ["Montenegro", "me", "382"], ["Morocco", "ma", "212"], ["Mozambique", "mz", "258"], ["Myanmar", "mm", "95"], ["Namibia", "na", "264"], ["Nauru", "nr", "674"], ["Nepal", "np", "977"], ["Netherlands", "nl", "31", { "/^06/": "(.). .........", "/^6/": ". .........", "/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/": "(.).. ........", "/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/": ".. ........", "/^0/": "(.)... .......", default: "... ......." }], ["New Caledonia", "nc", "687"], ["New Zealand", "nz", "64", "...-...-...."], ["Nicaragua", "ni", "505"], ["Niger", "ne", "227"], ["Nigeria", "ng", "234"], ["North Korea", "kp", "850"], ["Norway", "no", "47", "... .. ..."], ["Oman", "om", "968"], ["Pakistan", "pk", "92", "...-......."], ["Palau", "pw", "680"], ["Palestine", "ps", "970"], ["Panama", "pa", "507"], ["Papua New Guinea", "pg", "675"], ["Paraguay", "py", "595"], ["Peru", "pe", "51"], ["Philippines", "ph", "63", "... ... ...."], ["Poland", "pl", "48", "...-...-..."], ["Portugal", "pt", "351"], ["Puerto Rico", "pr", "1", "(...) ...-....", 3, ["787", "939"]], ["Qatar", "qa", "974"], ["Réunion", "re", "262"], ["Romania", "ro", "40"], ["Russia", "ru", "7", "(...) ...-..-..", 1], ["Rwanda", "rw", "250"], ["Saint Kitts and Nevis", "kn", "1869"], ["Saint Lucia", "lc", "1758"], ["Saint Vincent and the Grenadines", "vc", "1784"], ["Samoa", "ws", "685"], ["San Marino", "sm", "378"], ["São Tomé and Príncipe", "st", "239"], ["Saudi Arabia", "sa", "966"], ["Senegal", "sn", "221"], ["Serbia", "rs", "381"], ["Seychelles", "sc", "248"], ["Sierra Leone", "sl", "232"], ["Singapore", "sg", "65", "....-...."], ["Slovakia", "sk", "421"], ["Slovenia", "si", "386"], ["Solomon Islands", "sb", "677"], ["Somalia", "so", "252"], ["South Africa", "za", "27"], ["South Korea", "kr", "82", "... .... ...."], ["South Sudan", "ss", "211"], ["Spain", "es", "34", "... ... ..."], ["Sri Lanka", "lk", "94"], ["Sudan", "sd", "249"], ["Suriname", "sr", "597"], ["Swaziland", "sz", "268"], ["Sweden", "se", "46", "... ... ..."], ["Switzerland", "ch", "41", ".. ... .. .."], ["Syria", "sy", "963"], ["Taiwan", "tw", "886"], ["Tajikistan", "tj", "992"], ["Tanzania", "tz", "255"], ["Thailand", "th", "66"], ["Timor-Leste", "tl", "670"], ["Togo", "tg", "228"], ["Tonga", "to", "676"], ["Trinidad and Tobago", "tt", "1868"], ["Tunisia", "tn", "216"], ["Turkey", "tr", "90", "... ... .. .."], ["Turkmenistan", "tm", "993"], ["Tuvalu", "tv", "688"], ["Uganda", "ug", "256"], ["Ukraine", "ua", "380", "(..) ... .. .."], ["United Arab Emirates", "ae", "971"], ["United Kingdom", "gb", "44", ".... ......"], ["United States", "us", "1", "(...) ...-....", 0], ["Uruguay", "uy", "598"], ["Uzbekistan", "uz", "998", ".. ... .. .."], ["Vanuatu", "vu", "678"], ["Vatican City", "va", "39", ".. .... ....", 1], ["Venezuela", "ve", "58"], ["Vietnam", "vn", "84"], ["Yemen", "ye", "967"], ["Zambia", "zm", "260"], ["Zimbabwe", "zw", "263"]], ee = (...e) => e.filter((t) => !!t).join(" ").trim(), B = ({ addPrefix: e, rawClassNames: t }) => ee(((...d) => ee(...d).split(" ").map((l) => `react-international-phone-${l}`).join(" "))(...e), ...t), O = (e) => !!e && /^\d+$/.test(e), Z = (e) => e.replace(/\D/g, ""), H = ({ phone: e, prefix: t }) => e ? `${t}${Z(e)}` : "";
-function Q({ value: e, country: t, insertDialCodeOnEmpty: d, trimNonDigitsEnd: l, countries: a, prefix: i, charAfterDialCode: b, forceDialCode: g, disableDialCodeAndPrefix: o, defaultMask: h, countryGuessingEnabled: f, disableFormatting: w }) {
-  let n = e;
-  o && (n = n.startsWith(`${i}`) ? n : `${i}${t.dialCode}${n}`);
-  let c = f ? Ee({ phone: n, countries: a, currentCountryIso2: t == null ? void 0 : t.iso2 }) : void 0, y = (c == null ? void 0 : c.country) ?? t, S = ((D, r) => {
-    let z = !r.disableDialCodeAndPrefix && r.forceDialCode, s = !r.disableDialCodeAndPrefix && r.insertDialCodeOnEmpty, u = D, p = (x) => r.trimNonDigitsEnd ? x.trim() : x;
-    if (!u) return s && !u.length || z ? p(`${r.prefix}${r.dialCode}${r.charAfterDialCode}`) : p(u);
-    if (u = Z(u), u === r.dialCode && !r.disableDialCodeAndPrefix) return p(`${r.prefix}${r.dialCode}${r.charAfterDialCode}`);
-    if (r.dialCode.startsWith(u) && !r.disableDialCodeAndPrefix) return p(z ? `${r.prefix}${r.dialCode}${r.charAfterDialCode}` : `${r.prefix}${u}`);
-    if (!u.startsWith(r.dialCode) && !r.disableDialCodeAndPrefix) {
-      if (z) return p(`${r.prefix}${r.dialCode}${r.charAfterDialCode}`);
-      if (u.length < r.dialCode.length) return p(`${r.prefix}${u}`);
-    }
-    let { phoneLeftSide: k, phoneRightSide: C } = (() => {
-      let x = r.dialCode.length;
-      return { phoneLeftSide: u.slice(0, x), phoneRightSide: u.slice(x) };
-    })();
-    return k = `${r.prefix}${k}${r.charAfterDialCode}`, C = (({ value: x, mask: v, maskSymbol: $, offset: m = 0, trimNonMaskCharsLeftover: A = !1 }) => {
-      if (x.length < m) return x;
-      let P = x.slice(0, m), E = x.slice(m), L = P, j = 0;
-      for (let M of v.split("")) {
-        if (j >= E.length) {
-          if (!A && M !== $) {
-            L += M;
-            continue;
-          }
-          break;
-        }
-        M === $ ? (L += E[j], j += 1) : L += M;
+import { Text as ye } from "../../../typography/text/index.js";
+import { u as me } from "../../../../use-click-outside-BUll8Ag-.mjs";
+var R = [["Afghanistan", "af", "93"], ["Albania", "al", "355"], ["Algeria", "dz", "213"], ["Andorra", "ad", "376"], ["Angola", "ao", "244"], ["Antigua and Barbuda", "ag", "1268"], ["Argentina", "ar", "54", "(..) ........", 0], ["Armenia", "am", "374", ".. ......"], ["Aruba", "aw", "297"], ["Australia", "au", "61", { default: ". .... ....", "/^4/": "... ... ...", "/^5(?!50)/": "... ... ...", "/^1(3|8)00/": ".... ... ...", "/^13/": ".. .. ..", "/^180/": "... ...." }, 0, []], ["Austria", "at", "43"], ["Azerbaijan", "az", "994", "(..) ... .. .."], ["Bahamas", "bs", "1242"], ["Bahrain", "bh", "973"], ["Bangladesh", "bd", "880"], ["Barbados", "bb", "1246"], ["Belarus", "by", "375", "(..) ... .. .."], ["Belgium", "be", "32", "... .. .. .."], ["Belize", "bz", "501"], ["Benin", "bj", "229"], ["Bhutan", "bt", "975"], ["Bolivia", "bo", "591"], ["Bosnia and Herzegovina", "ba", "387"], ["Botswana", "bw", "267"], ["Brazil", "br", "55", "(..) ........."], ["British Indian Ocean Territory", "io", "246"], ["Brunei", "bn", "673"], ["Bulgaria", "bg", "359"], ["Burkina Faso", "bf", "226"], ["Burundi", "bi", "257"], ["Cambodia", "kh", "855"], ["Cameroon", "cm", "237"], ["Canada", "ca", "1", "(...) ...-....", 1, ["204", "226", "236", "249", "250", "289", "306", "343", "365", "387", "403", "416", "418", "431", "437", "438", "450", "506", "514", "519", "548", "579", "581", "587", "604", "613", "639", "647", "672", "705", "709", "742", "778", "780", "782", "807", "819", "825", "867", "873", "902", "905"]], ["Cape Verde", "cv", "238"], ["Caribbean Netherlands", "bq", "599", "", 1], ["Cayman Islands", "ky", "1", "... ... ....", 4, ["345"]], ["Central African Republic", "cf", "236"], ["Chad", "td", "235"], ["Chile", "cl", "56"], ["China", "cn", "86", "... .... ...."], ["Colombia", "co", "57", "... ... ...."], ["Comoros", "km", "269"], ["Congo", "cd", "243"], ["Congo", "cg", "242"], ["Costa Rica", "cr", "506", "....-...."], ["Côte d'Ivoire", "ci", "225", ".. .. .. .. .."], ["Croatia", "hr", "385"], ["Cuba", "cu", "53"], ["Curaçao", "cw", "599", "", 0], ["Cyprus", "cy", "357", ".. ......"], ["Czech Republic", "cz", "420", "... ... ..."], ["Denmark", "dk", "45", ".. .. .. .."], ["Djibouti", "dj", "253"], ["Dominica", "dm", "1767"], ["Dominican Republic", "do", "1", "(...) ...-....", 2, ["809", "829", "849"]], ["Ecuador", "ec", "593"], ["Egypt", "eg", "20"], ["El Salvador", "sv", "503", "....-...."], ["Equatorial Guinea", "gq", "240"], ["Eritrea", "er", "291"], ["Estonia", "ee", "372", ".... ......"], ["Ethiopia", "et", "251"], ["Fiji", "fj", "679"], ["Finland", "fi", "358", ".. ... .. .."], ["France", "fr", "33", ". .. .. .. .."], ["French Guiana", "gf", "594"], ["French Polynesia", "pf", "689"], ["Gabon", "ga", "241"], ["Gambia", "gm", "220"], ["Georgia", "ge", "995"], ["Germany", "de", "49", "... ........."], ["Ghana", "gh", "233"], ["Greece", "gr", "30"], ["Greenland", "gl", "299", ".. .. .."], ["Grenada", "gd", "1473"], ["Guadeloupe", "gp", "590", "", 0], ["Guam", "gu", "1671"], ["Guatemala", "gt", "502", "....-...."], ["Guinea", "gn", "224"], ["Guinea-Bissau", "gw", "245"], ["Guyana", "gy", "592"], ["Haiti", "ht", "509", "....-...."], ["Honduras", "hn", "504"], ["Hong Kong", "hk", "852", ".... ...."], ["Hungary", "hu", "36"], ["Iceland", "is", "354", "... ...."], ["India", "in", "91", ".....-....."], ["Indonesia", "id", "62"], ["Iran", "ir", "98", "... ... ...."], ["Iraq", "iq", "964"], ["Ireland", "ie", "353", ".. ......."], ["Israel", "il", "972", "... ... ...."], ["Italy", "it", "39", "... .......", 0], ["Jamaica", "jm", "1876"], ["Japan", "jp", "81", ".. .... ...."], ["Jordan", "jo", "962"], ["Kazakhstan", "kz", "7", "... ...-..-..", 0], ["Kenya", "ke", "254"], ["Kiribati", "ki", "686"], ["Kosovo", "xk", "383"], ["Kuwait", "kw", "965"], ["Kyrgyzstan", "kg", "996", "... ... ..."], ["Laos", "la", "856"], ["Latvia", "lv", "371", ".. ... ..."], ["Lebanon", "lb", "961"], ["Lesotho", "ls", "266"], ["Liberia", "lr", "231"], ["Libya", "ly", "218"], ["Liechtenstein", "li", "423"], ["Lithuania", "lt", "370"], ["Luxembourg", "lu", "352"], ["Macau", "mo", "853"], ["Macedonia", "mk", "389"], ["Madagascar", "mg", "261"], ["Malawi", "mw", "265"], ["Malaysia", "my", "60", "..-....-...."], ["Maldives", "mv", "960"], ["Mali", "ml", "223"], ["Malta", "mt", "356"], ["Marshall Islands", "mh", "692"], ["Martinique", "mq", "596"], ["Mauritania", "mr", "222"], ["Mauritius", "mu", "230"], ["Mexico", "mx", "52", "... ... ....", 0], ["Micronesia", "fm", "691"], ["Moldova", "md", "373", "(..) ..-..-.."], ["Monaco", "mc", "377"], ["Mongolia", "mn", "976"], ["Montenegro", "me", "382"], ["Morocco", "ma", "212"], ["Mozambique", "mz", "258"], ["Myanmar", "mm", "95"], ["Namibia", "na", "264"], ["Nauru", "nr", "674"], ["Nepal", "np", "977"], ["Netherlands", "nl", "31", { "/^06/": "(.). .........", "/^6/": ". .........", "/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/": "(.).. ........", "/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/": ".. ........", "/^0/": "(.)... .......", default: "... ......." }], ["New Caledonia", "nc", "687"], ["New Zealand", "nz", "64", "...-...-...."], ["Nicaragua", "ni", "505"], ["Niger", "ne", "227"], ["Nigeria", "ng", "234"], ["North Korea", "kp", "850"], ["Norway", "no", "47", "... .. ..."], ["Oman", "om", "968"], ["Pakistan", "pk", "92", "...-......."], ["Palau", "pw", "680"], ["Palestine", "ps", "970"], ["Panama", "pa", "507"], ["Papua New Guinea", "pg", "675"], ["Paraguay", "py", "595"], ["Peru", "pe", "51"], ["Philippines", "ph", "63", "... ... ...."], ["Poland", "pl", "48", "...-...-..."], ["Portugal", "pt", "351"], ["Puerto Rico", "pr", "1", "(...) ...-....", 3, ["787", "939"]], ["Qatar", "qa", "974"], ["Réunion", "re", "262"], ["Romania", "ro", "40"], ["Russia", "ru", "7", "(...) ...-..-..", 1], ["Rwanda", "rw", "250"], ["Saint Kitts and Nevis", "kn", "1869"], ["Saint Lucia", "lc", "1758"], ["Saint Vincent and the Grenadines", "vc", "1784"], ["Samoa", "ws", "685"], ["San Marino", "sm", "378"], ["São Tomé and Príncipe", "st", "239"], ["Saudi Arabia", "sa", "966"], ["Senegal", "sn", "221"], ["Serbia", "rs", "381"], ["Seychelles", "sc", "248"], ["Sierra Leone", "sl", "232"], ["Singapore", "sg", "65", "....-...."], ["Slovakia", "sk", "421"], ["Slovenia", "si", "386"], ["Solomon Islands", "sb", "677"], ["Somalia", "so", "252"], ["South Africa", "za", "27"], ["South Korea", "kr", "82", "... .... ...."], ["South Sudan", "ss", "211"], ["Spain", "es", "34", "... ... ..."], ["Sri Lanka", "lk", "94"], ["Sudan", "sd", "249"], ["Suriname", "sr", "597"], ["Swaziland", "sz", "268"], ["Sweden", "se", "46", "... ... ..."], ["Switzerland", "ch", "41", ".. ... .. .."], ["Syria", "sy", "963"], ["Taiwan", "tw", "886"], ["Tajikistan", "tj", "992"], ["Tanzania", "tz", "255"], ["Thailand", "th", "66"], ["Timor-Leste", "tl", "670"], ["Togo", "tg", "228"], ["Tonga", "to", "676"], ["Trinidad and Tobago", "tt", "1868"], ["Tunisia", "tn", "216"], ["Turkey", "tr", "90", "... ... .. .."], ["Turkmenistan", "tm", "993"], ["Tuvalu", "tv", "688"], ["Uganda", "ug", "256"], ["Ukraine", "ua", "380", "(..) ... .. .."], ["United Arab Emirates", "ae", "971"], ["United Kingdom", "gb", "44", ".... ......"], ["United States", "us", "1", "(...) ...-....", 0], ["Uruguay", "uy", "598"], ["Uzbekistan", "uz", "998", ".. ... .. .."], ["Vanuatu", "vu", "678"], ["Vatican City", "va", "39", ".. .... ....", 1], ["Venezuela", "ve", "58"], ["Vietnam", "vn", "84"], ["Yemen", "ye", "967"], ["Zambia", "zm", "260"], ["Zimbabwe", "zw", "263"]], he = "react-international-phone-", re = (...e) => e.filter((t) => !!t).join(" ").trim(), Ce = (...e) => re(...e).split(" ").map((t) => `${he}${t}`).join(" "), A = ({ addPrefix: e, rawClassNames: t }) => re(Ce(...e), ...t), ge = ({ value: e, mask: t, maskSymbol: r, offset: l = 0, trimNonMaskCharsLeftover: a = !1 }) => {
+  if (e.length < l) return e;
+  let n = e.slice(0, l), f = e.slice(l), u = n, o = 0;
+  for (let s of t.split("")) {
+    if (o >= f.length) {
+      if (!a && s !== r) {
+        u += s;
+        continue;
       }
-      return L;
-    })({ value: C, mask: r.mask, maskSymbol: r.maskChar, trimNonMaskCharsLeftover: r.trimNonDigitsEnd || r.disableDialCodeAndPrefix && C.length === 0 }), r.disableDialCodeAndPrefix && (k = ""), p(`${k}${C}`);
-  })(n, { prefix: i, mask: Ae({ phone: n, country: y, defaultMask: h, disableFormatting: w }), maskChar: re, dialCode: y.dialCode, trimNonDigitsEnd: l, charAfterDialCode: b, forceDialCode: g, insertDialCodeOnEmpty: d, disableDialCodeAndPrefix: o }), N = f && !(c != null && c.fullDialCodeMatch) ? t : y;
-  return { phone: H({ phone: o ? `${N.dialCode}${S}` : S, prefix: i }), inputValue: S, country: N };
-}
-var me = (e, { country: t, insertDialCodeOnEmpty: d, phoneBeforeInput: l, prefix: a, charAfterDialCode: i, forceDialCode: b, disableDialCodeAndPrefix: g, countryGuessingEnabled: o, defaultMask: h, disableFormatting: f, countries: w }) => {
-  let n = e.nativeEvent, c = n.inputType, y = ((C) => {
-    if (C != null && C.toLocaleLowerCase().includes("delete")) return C != null && C.toLocaleLowerCase().includes("forward") ? "forward" : "backward";
-  })(c), S = !!(c != null && c.startsWith("insertFrom")), N = c === "insertText", D = (n == null ? void 0 : n.data) || void 0, r = e.target.value, z = e.target.selectionStart ?? 0;
-  if (c != null && c.includes("history")) return { inputValue: l, phone: H({ phone: l, prefix: a }), cursorPosition: l.length, country: t };
-  if (N && !O(D) && r !== a) return { inputValue: l, phone: H({ phone: g ? `${t.dialCode}${l}` : l, prefix: a }), cursorPosition: z - ((D == null ? void 0 : D.length) ?? 0), country: t };
-  if (b && !r.startsWith(`${a}${t.dialCode}`) && !S) {
-    let C = r ? l : `${a}${t.dialCode}${i}`;
-    return { inputValue: C, phone: H({ phone: C, prefix: a }), cursorPosition: a.length + t.dialCode.length + i.length, country: t };
-  }
-  let { phone: s, inputValue: u, country: p } = Q({ value: r, country: t, trimNonDigitsEnd: y === "backward", insertDialCodeOnEmpty: d, countryGuessingEnabled: o, countries: w, prefix: a, charAfterDialCode: i, forceDialCode: b, disableDialCodeAndPrefix: g, disableFormatting: f, defaultMask: h }), k = (({ phoneBeforeInput: C, phoneAfterInput: x, phoneAfterFormatted: v, cursorPositionAfterInput: $, leftOffset: m = 0, deletion: A }) => {
-    if ($ < m) return m;
-    if (!C) return v.length;
-    let P = null;
-    for (let M = $ - 1; M >= 0; M -= 1) if (O(x[M])) {
-      P = M;
       break;
     }
-    if (P === null) {
-      for (let M = 0; M < x.length; M += 1) if (O(v[M])) return M;
-      return x.length;
-    }
-    let E = 0;
-    for (let M = 0; M < P; M += 1) O(x[M]) && (E += 1);
-    let L = 0, j = 0;
-    for (let M = 0; M < v.length && (L += 1, O(v[M]) && (j += 1), !(j >= E + 1)); M += 1) ;
-    if (A !== "backward") for (; !O(v[L]) && L < v.length; ) L += 1;
-    return L;
-  })({ cursorPositionAfterInput: z, phoneBeforeInput: l, phoneAfterInput: r, phoneAfterFormatted: u, leftOffset: b ? a.length + t.dialCode.length + i.length : 0, deletion: y });
-  return { phone: s, inputValue: u, cursorPosition: k, country: p };
-}, he = { size: 20, overrideLastItemDebounceMS: -1 };
-function ye(e, t) {
-  let { size: d, overrideLastItemDebounceMS: l, onChange: a } = { ...he, ...t }, [i, b] = G(e), [g, o] = G([i]), [h, f] = G(0), w = (() => {
-    let n = F(), c = F(Date.now());
-    return { check: () => {
-      let y = Date.now(), S = n.current ? y - c.current : void 0;
-      return n.current = c.current, c.current = y, S;
-    } };
-  })();
-  return [i, (n, c) => {
-    if (typeof n == "object" && typeof i == "object" && ((D, r) => {
-      let z = Object.keys(D), s = Object.keys(r);
-      if (z.length !== s.length) return !1;
-      for (let u of z) if (D[u] !== r[u]) return !1;
-      return !0;
-    })(n, i) || n === i) return;
-    let y = l > 0, S = w.check(), N = !y || S === void 0 || S > l;
-    if ((c == null ? void 0 : c.overrideLastItem) !== void 0 ? c.overrideLastItem : !N) o((D) => [...D.slice(0, h), n]);
+    s === r ? (u += f[o], o += 1) : u += s;
+  }
+  return u;
+}, K = (e) => e ? /^\d+$/.test(e) : !1, Q = (e) => e.replace(/\D/g, ""), be = (e, t) => {
+  let r = e.style.display;
+  r !== "block" && (e.style.display = "block");
+  let l = e.getBoundingClientRect(), a = t.getBoundingClientRect(), n = a.top - l.top, f = l.bottom - a.bottom;
+  n >= 0 && f >= 0 || (Math.abs(n) < Math.abs(f) ? e.scrollTop += n : e.scrollTop -= f), e.style.display = r;
+}, we = () => typeof window > "u" ? !1 : window.navigator.userAgent.toLowerCase().includes("macintosh"), ve = (e, t) => {
+  let r = t.disableDialCodeAndPrefix ? !1 : t.forceDialCode, l = t.disableDialCodeAndPrefix ? !1 : t.insertDialCodeOnEmpty, a = e, n = (s) => t.trimNonDigitsEnd ? s.trim() : s;
+  if (!a) return l && !a.length || r ? n(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`) : n(a);
+  if (a = Q(a), a === t.dialCode && !t.disableDialCodeAndPrefix) return n(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`);
+  if (t.dialCode.startsWith(a) && !t.disableDialCodeAndPrefix) return n(r ? `${t.prefix}${t.dialCode}${t.charAfterDialCode}` : `${t.prefix}${a}`);
+  if (!a.startsWith(t.dialCode) && !t.disableDialCodeAndPrefix) {
+    if (r) return n(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`);
+    if (a.length < t.dialCode.length) return n(`${t.prefix}${a}`);
+  }
+  let f = () => {
+    let s = t.dialCode.length, i = a.slice(0, s), y = a.slice(s);
+    return { phoneLeftSide: i, phoneRightSide: y };
+  }, { phoneLeftSide: u, phoneRightSide: o } = f();
+  return u = `${t.prefix}${u}${t.charAfterDialCode}`, o = ge({ value: o, mask: t.mask, maskSymbol: t.maskChar, trimNonMaskCharsLeftover: t.trimNonDigitsEnd || t.disableDialCodeAndPrefix && o.length === 0 }), t.disableDialCodeAndPrefix && (u = ""), n(`${u}${o}`);
+}, xe = ({ phoneBeforeInput: e, phoneAfterInput: t, phoneAfterFormatted: r, cursorPositionAfterInput: l, leftOffset: a = 0, deletion: n }) => {
+  if (l < a) return a;
+  if (!e) return r.length;
+  let f = null;
+  for (let i = l - 1; i >= 0; i -= 1) if (K(t[i])) {
+    f = i;
+    break;
+  }
+  if (f === null) {
+    for (let i = 0; i < t.length; i += 1) if (K(r[i])) return i;
+    return t.length;
+  }
+  let u = 0;
+  for (let i = 0; i < f; i += 1) K(t[i]) && (u += 1);
+  let o = 0, s = 0;
+  for (let i = 0; i < r.length && (o += 1, K(r[i]) && (s += 1), !(s >= u + 1)); i += 1) ;
+  if (n !== "backward") for (; !K(r[o]) && o < r.length; ) o += 1;
+  return o;
+}, J = ({ phone: e, prefix: t }) => e ? `${t}${Q(e)}` : "";
+function X({ value: e, country: t, insertDialCodeOnEmpty: r, trimNonDigitsEnd: l, countries: a, prefix: n, charAfterDialCode: f, forceDialCode: u, disableDialCodeAndPrefix: o, defaultMask: s, countryGuessingEnabled: i, disableFormatting: y }) {
+  let d = e;
+  o && (d = d.startsWith(`${n}`) ? d : `${n}${t.dialCode}${d}`);
+  let p = i ? Ie({ phone: d, countries: a, currentCountryIso2: t == null ? void 0 : t.iso2 }) : void 0, v = (p == null ? void 0 : p.country) ?? t, m = ve(d, { prefix: n, mask: Ae({ phone: d, country: v, defaultMask: s, disableFormatting: y }), maskChar: ne, dialCode: v.dialCode, trimNonDigitsEnd: l, charAfterDialCode: f, forceDialCode: u, insertDialCodeOnEmpty: r, disableDialCodeAndPrefix: o }), g = i && !(p != null && p.fullDialCodeMatch) ? t : v;
+  return { phone: J({ phone: o ? `${g.dialCode}${m}` : m, prefix: n }), inputValue: m, country: g };
+}
+var De = (e) => {
+  if ((e == null ? void 0 : e.toLocaleLowerCase().includes("delete")) ?? !1) return e != null && e.toLocaleLowerCase().includes("forward") ? "forward" : "backward";
+}, ke = (e, { country: t, insertDialCodeOnEmpty: r, phoneBeforeInput: l, prefix: a, charAfterDialCode: n, forceDialCode: f, disableDialCodeAndPrefix: u, countryGuessingEnabled: o, defaultMask: s, disableFormatting: i, countries: y }) => {
+  let d = e.nativeEvent, p = d.inputType, v = De(p), m = !!(p != null && p.startsWith("insertFrom")), g = p === "insertText", x = (d == null ? void 0 : d.data) || void 0, b = e.target.value, E = e.target.selectionStart ?? 0;
+  if (p != null && p.includes("history")) return { inputValue: l, phone: J({ phone: l, prefix: a }), cursorPosition: l.length, country: t };
+  if (g && !K(x) && b !== a) return { inputValue: l, phone: J({ phone: u ? `${t.dialCode}${l}` : l, prefix: a }), cursorPosition: E - ((x == null ? void 0 : x.length) ?? 0), country: t };
+  if (f && !b.startsWith(`${a}${t.dialCode}`) && !m) {
+    let h = b ? l : `${a}${t.dialCode}${n}`;
+    return { inputValue: h, phone: J({ phone: h, prefix: a }), cursorPosition: a.length + t.dialCode.length + n.length, country: t };
+  }
+  let { phone: V, inputValue: M, country: c } = X({ value: b, country: t, trimNonDigitsEnd: v === "backward", insertDialCodeOnEmpty: r, countryGuessingEnabled: o, countries: y, prefix: a, charAfterDialCode: n, forceDialCode: f, disableDialCodeAndPrefix: u, disableFormatting: i, defaultMask: s }), C = xe({ cursorPositionAfterInput: E, phoneBeforeInput: l, phoneAfterInput: b, phoneAfterFormatted: M, leftOffset: f ? a.length + t.dialCode.length + n.length : 0, deletion: v });
+  return { phone: V, inputValue: M, cursorPosition: C, country: c };
+}, $e = (e, t) => {
+  let r = Object.keys(e), l = Object.keys(t);
+  if (r.length !== l.length) return !1;
+  for (let a of r) if (e[a] !== t[a]) return !1;
+  return !0;
+}, Se = () => {
+  let e = T(), t = T(Date.now());
+  return { check: () => {
+    let r = Date.now(), l = e.current ? r - t.current : void 0;
+    return e.current = t.current, t.current = r, l;
+  } };
+}, Ne = { size: 20, overrideLastItemDebounceMS: -1 };
+function Pe(e, t) {
+  let { size: r, overrideLastItemDebounceMS: l, onChange: a } = { ...Ne, ...t }, [n, f] = G(e), [u, o] = G([n]), [s, i] = G(0), y = Se();
+  return [n, (d, p) => {
+    if (typeof d == "object" && typeof n == "object" && $e(d, n) || d === n) return;
+    let v = l > 0, m = y.check(), g = v && m !== void 0 ? m > l : !0;
+    if ((p == null ? void 0 : p.overrideLastItem) !== void 0 ? p.overrideLastItem : !g) o((x) => [...x.slice(0, s), d]);
     else {
-      let D = g.length >= d;
-      o((r) => [...r.slice(D ? 1 : 0, h + 1), n]), D || f((r) => r + 1);
+      let x = u.length >= r;
+      o((b) => [...b.slice(x ? 1 : 0, s + 1), d]), x || i((b) => b + 1);
     }
-    b(n), a == null || a(n);
+    f(d), a == null || a(d);
   }, () => {
-    if (h <= 0) return { success: !1 };
-    let n = g[h - 1];
-    return b(n), f((c) => c - 1), a == null || a(n), { success: !0, value: n };
+    if (s <= 0) return { success: !1 };
+    let d = u[s - 1];
+    return f(d), i((p) => p - 1), a == null || a(d), { success: !0, value: d };
   }, () => {
-    if (h + 1 >= g.length) return { success: !1 };
-    let n = g[h + 1];
-    return b(n), f((c) => c + 1), a == null || a(n), { success: !0, value: n };
+    if (s + 1 >= u.length) return { success: !1 };
+    let d = u[s + 1];
+    return f(d), i((p) => p + 1), a == null || a(d), { success: !0, value: d };
   }];
 }
-var re = ".", ge = "us", Ce = "", be = "+", we = "............", ve = " ", xe = 200, $e = !1, De = !1, ke = !1, Ne = !1, Pe = !1, Se = T, ne = ({ defaultCountry: e = ge, value: t = Ce, countries: d = Se, prefix: l = be, defaultMask: a = we, charAfterDialCode: i = ve, historySaveDebounceMS: b = xe, disableCountryGuess: g = $e, disableDialCodePrefill: o = De, forceDialCode: h = ke, disableDialCodeAndPrefix: f = Ne, disableFormatting: w = Pe, onChange: n, inputRef: c }) => {
-  let y = { countries: d, prefix: l, charAfterDialCode: i, forceDialCode: !f && h, disableDialCodeAndPrefix: f, defaultMask: a, countryGuessingEnabled: !g, disableFormatting: w }, S = F(null), N = c || S, D = (m) => {
+var ne = ".", z = { defaultCountry: "us", value: "", prefix: "+", defaultMask: "............", charAfterDialCode: " ", historySaveDebounceMS: 200, disableCountryGuess: !1, disableDialCodePrefill: !1, forceDialCode: !1, disableDialCodeAndPrefix: !1, disableFormatting: !1, countries: R, preferredCountries: [] }, oe = ({ defaultCountry: e = z.defaultCountry, value: t = z.value, countries: r = z.countries, prefix: l = z.prefix, defaultMask: a = z.defaultMask, charAfterDialCode: n = z.charAfterDialCode, historySaveDebounceMS: f = z.historySaveDebounceMS, disableCountryGuess: u = z.disableCountryGuess, disableDialCodePrefill: o = z.disableDialCodePrefill, forceDialCode: s = z.forceDialCode, disableDialCodeAndPrefix: i = z.disableDialCodeAndPrefix, disableFormatting: y = z.disableFormatting, onChange: d, inputRef: p }) => {
+  let v = { countries: r, prefix: l, charAfterDialCode: n, forceDialCode: i ? !1 : s, disableDialCodeAndPrefix: i, defaultMask: a, countryGuessingEnabled: !u, disableFormatting: y }, m = T(null), g = p || m, x = (w) => {
     Promise.resolve().then(() => {
-      var A;
-      typeof window > "u" || N.current !== (document == null ? void 0 : document.activeElement) || ((A = N.current) == null || A.setSelectionRange(m, m));
+      var $;
+      typeof window > "u" || g.current !== (document == null ? void 0 : document.activeElement) || (($ = g.current) == null || $.setSelectionRange(w, w));
     });
-  }, [{ phone: r, inputValue: z, country: s }, u, p, k] = ye(() => {
-    let m = K({ value: e, field: "iso2", countries: d });
-    m || console.error(`[react-international-phone]: can not find a country with "${e}" iso2 code`);
-    let A = m || K({ value: "us", field: "iso2", countries: d }), { phone: P, inputValue: E, country: L } = Q({ value: t, country: A, insertDialCodeOnEmpty: !o, ...y });
-    return D(E.length), { phone: P, inputValue: E, country: L.iso2 };
-  }, { overrideLastItemDebounceMS: b, onChange: ({ inputValue: m, phone: A, country: P }) => {
-    if (!n) return;
-    let E = C(P);
-    n({ phone: A, inputValue: m, country: E });
-  } }), C = R((m) => K({ value: m, field: "iso2", countries: d }), [d]), x = Y(() => C(s), [s, C]);
-  q(() => {
-    let m = N.current;
-    if (!m) return;
-    let A = (P) => {
+  }, [{ phone: b, inputValue: E, country: V }, M, c, C] = Pe(() => {
+    let w = q({ value: e, field: "iso2", countries: r });
+    w || console.error(`[react-international-phone]: can not find a country with "${e}" iso2 code`);
+    let $ = w || q({ value: "us", field: "iso2", countries: r }), { phone: P, inputValue: B, country: j } = X({ value: t, country: $, insertDialCodeOnEmpty: !o, ...v });
+    return x(B.length), { phone: P, inputValue: B, country: j.iso2 };
+  }, { overrideLastItemDebounceMS: f, onChange: ({ inputValue: w, phone: $, country: P }) => {
+    if (!d) return;
+    let B = h(P);
+    d({ phone: $, inputValue: w, country: B });
+  } }), h = O((w) => q({ value: w, field: "iso2", countries: r }), [r]), D = Y(() => h(V), [V, h]);
+  U(() => {
+    let w = g.current;
+    if (!w) return;
+    let $ = (P) => {
       if (!P.key) return;
-      let E = P.ctrlKey, L = P.metaKey, j = P.shiftKey;
+      let B = P.ctrlKey, j = P.metaKey, ie = P.shiftKey;
       if (P.key.toLowerCase() === "z") {
-        if (typeof window > "u" || !window.navigator.userAgent.toLowerCase().includes("macintosh")) {
-          if (!E) return;
-        } else if (!L) return;
-        j ? k() : p();
+        if (we()) {
+          if (!j) return;
+        } else if (!B) return;
+        ie ? C() : c();
       }
     };
-    return m.addEventListener("keydown", A), () => {
-      m.removeEventListener("keydown", A);
+    return w.addEventListener("keydown", $), () => {
+      w.removeEventListener("keydown", $);
     };
-  }, [N, p, k]);
-  let [v, $] = G(!1);
-  return q(() => {
-    if (!v) return $(!0), void (t !== r && (n == null ? void 0 : n({ inputValue: z, phone: r, country: x })));
-    if (t === r) return;
-    let { phone: m, inputValue: A, country: P } = Q({ value: t, country: x, insertDialCodeOnEmpty: !o, ...y });
-    u({ phone: m, inputValue: A, country: P.iso2 });
-  }, [t]), { phone: r, inputValue: z, country: x, setCountry: (m, A = { focusOnInput: !1 }) => {
-    let P = K({ value: m, field: "iso2", countries: d });
-    if (!P) return void console.error(`[react-international-phone]: can not find a country with "${m}" iso2 code`);
-    let E = f ? "" : `${l}${P.dialCode}${i}`;
-    u({ inputValue: E, phone: `${l}${P.dialCode}`, country: P.iso2 }), A.focusOnInput && Promise.resolve().then(() => {
-      var L;
-      (L = N.current) == null || L.focus();
+  }, [g, c, C]);
+  let N = (w) => {
+    w.preventDefault();
+    let { phone: $, inputValue: P, country: B, cursorPosition: j } = ke(w, { country: D, phoneBeforeInput: E, insertDialCodeOnEmpty: !1, ...v });
+    return M({ inputValue: P, phone: $, country: B.iso2 }), x(j), t;
+  }, k = (w, $ = { focusOnInput: !1 }) => {
+    let P = q({ value: w, field: "iso2", countries: r });
+    if (!P) {
+      console.error(`[react-international-phone]: can not find a country with "${w}" iso2 code`);
+      return;
+    }
+    let B = i ? "" : `${l}${P.dialCode}${n}`;
+    M({ inputValue: B, phone: `${l}${P.dialCode}`, country: P.iso2 }), $.focusOnInput && Promise.resolve().then(() => {
+      var j;
+      (j = g.current) == null || j.focus();
     });
-  }, handlePhoneValueChange: (m) => {
-    m.preventDefault();
-    let { phone: A, inputValue: P, country: E, cursorPosition: L } = me(m, { country: x, phoneBeforeInput: z, insertDialCodeOnEmpty: !1, ...y });
-    return u({ inputValue: P, phone: A, country: E.iso2 }), D(L), t;
-  }, inputRef: N };
-}, Ae = ({ phone: e, country: t, defaultMask: d = "............", disableFormatting: l = !1 }) => {
-  let a = t.format, i = (g) => l ? g.replace(new RegExp(`[^${re}]`, "g"), "") : g;
-  if (!a) return i(d);
-  if (typeof a == "string") return i(a);
-  if (!a.default) return console.error(`[react-international-phone]: default mask for ${t.iso2} is not provided`), i(d);
-  let b = Object.keys(a).find((g) => {
-    if (g === "default") return !1;
-    if (g.charAt(0) !== "/" || g.charAt(g.length - 1) !== "/") return console.error(`[react-international-phone]: format regex "${g}" for ${t.iso2} is not valid`), !1;
-    let o = new RegExp(g.substring(1, g.length - 1)), h = e.replace(t.dialCode, "");
-    return o.test(Z(h));
+  }, [I, L] = G(!1);
+  return U(() => {
+    if (!I) {
+      L(!0), t !== b && (d == null || d({ inputValue: E, phone: b, country: D }));
+      return;
+    }
+    if (t === b) return;
+    let { phone: w, inputValue: $, country: P } = X({ value: t, country: D, insertDialCodeOnEmpty: !o, ...v });
+    M({ phone: w, inputValue: $, country: P.iso2 });
+  }, [t]), { phone: b, inputValue: E, country: D, setCountry: k, handlePhoneValueChange: N, inputRef: g };
+}, Ae = ({ phone: e, country: t, defaultMask: r = "............", disableFormatting: l = !1 }) => {
+  let a = t.format, n = (u) => l ? u.replace(new RegExp(`[^${ne}]`, "g"), "") : u;
+  if (!a) return n(r);
+  if (typeof a == "string") return n(a);
+  if (!a.default) return console.error(`[react-international-phone]: default mask for ${t.iso2} is not provided`), n(r);
+  let f = Object.keys(a).find((u) => {
+    if (u === "default") return !1;
+    if (!(u.charAt(0) === "/" && u.charAt(u.length - 1) === "/")) return console.error(`[react-international-phone]: format regex "${u}" for ${t.iso2} is not valid`), !1;
+    let o = new RegExp(u.substring(1, u.length - 1)), s = e.replace(t.dialCode, "");
+    return o.test(Q(s));
   });
-  return i(b ? a[b] : a.default);
-}, V = (e) => {
-  let [t, d, l, a, i, b] = e;
-  return { name: t, iso2: d, dialCode: l, format: a, priority: i, areaCodes: b };
-}, K = ({ field: e, value: t, countries: d = T }) => {
-  if (["priority"].includes(e)) throw new Error(((a) => `Field "${a}" is not supported`)(e));
-  let l = d.find((a) => {
-    let i = V(a);
-    return t === i[e];
+  return n(f ? a[f] : a.default);
+}, _ = (e) => {
+  let [t, r, l, a, n, f] = e;
+  return { name: t, iso2: r, dialCode: l, format: a, priority: n, areaCodes: f };
+}, Ee = (e) => `Field "${e}" is not supported`, q = ({ field: e, value: t, countries: r = R }) => {
+  if (["priority"].includes(e)) throw new Error(Ee(e));
+  let l = r.find((a) => {
+    let n = _(a);
+    return t === n[e];
   });
-  if (l) return V(l);
-}, Ee = ({ phone: e, countries: t = T, currentCountryIso2: d }) => {
-  var g;
+  if (l) return _(l);
+}, Ie = ({ phone: e, countries: t = R, currentCountryIso2: r }) => {
+  var u;
   let l = { country: void 0, fullDialCodeMatch: !1 };
   if (!e) return l;
-  let a = Z(e);
+  let a = Q(e);
   if (!a) return l;
-  let i = l, b = ({ country: o, fullDialCodeMatch: h }) => {
-    var n, c;
-    let f = o.dialCode === ((n = i.country) == null ? void 0 : n.dialCode), w = (o.priority ?? 0) < (((c = i.country) == null ? void 0 : c.priority) ?? 0);
-    (!f || w) && (i = { country: o, fullDialCodeMatch: h });
+  let n = l, f = ({ country: o, fullDialCodeMatch: s }) => {
+    var d, p;
+    let i = o.dialCode === ((d = n.country) == null ? void 0 : d.dialCode), y = (o.priority ?? 0) < (((p = n.country) == null ? void 0 : p.priority) ?? 0);
+    (!i || y) && (n = { country: o, fullDialCodeMatch: s });
   };
   for (let o of t) {
-    let h = V(o), { dialCode: f, areaCodes: w } = h;
-    if (a.startsWith(f)) {
-      let n = !i.country || Number(f) >= Number(i.country.dialCode);
-      if (w) {
-        let c = a.substring(f.length);
-        for (let y of w) if (c.startsWith(y)) return { country: h, fullDialCodeMatch: !0 };
+    let s = _(o), { dialCode: i, areaCodes: y } = s;
+    if (a.startsWith(i)) {
+      let d = n.country ? Number(i) >= Number(n.country.dialCode) : !0;
+      if (y) {
+        let p = a.substring(i.length);
+        for (let v of y) if (p.startsWith(v)) return { country: s, fullDialCodeMatch: !0 };
       }
-      (n || f === a || !i.fullDialCodeMatch) && b({ country: h, fullDialCodeMatch: !0 });
+      (d || i === a || !n.fullDialCodeMatch) && f({ country: s, fullDialCodeMatch: !0 });
     }
-    i.fullDialCodeMatch || a.length < f.length && f.startsWith(a) && (!i.country || Number(f) <= Number(i.country.dialCode)) && b({ country: h, fullDialCodeMatch: !1 });
+    n.fullDialCodeMatch || a.length < i.length && i.startsWith(a) && (!n.country || Number(i) <= Number(n.country.dialCode)) && f({ country: s, fullDialCodeMatch: !1 });
   }
-  if (d) {
-    let o = K({ value: d, field: "iso2", countries: t });
-    if (!o) return i;
-    let h = !!o && ((f) => {
-      if (!(f != null && f.areaCodes)) return !1;
-      let w = a.substring(f.dialCode.length);
-      return f.areaCodes.some((n) => n.startsWith(w));
-    })(o);
-    i && ((g = i.country) == null ? void 0 : g.dialCode) === o.dialCode && i.country !== o && i.fullDialCodeMatch && (!o.areaCodes || h) && (i = { country: o, fullDialCodeMatch: !0 });
+  if (r) {
+    let o = q({ value: r, field: "iso2", countries: t });
+    if (!o) return n;
+    let s = o ? ((i) => {
+      if (!(i != null && i.areaCodes)) return !1;
+      let y = a.substring(i.dialCode.length);
+      return i.areaCodes.some((d) => d.startsWith(y));
+    })(o) : !1;
+    n && ((u = n.country) == null ? void 0 : u.dialCode) === o.dialCode && n.country !== o && n.fullDialCodeMatch && (!o.areaCodes || s) && (n = { country: o, fullDialCodeMatch: !0 });
   }
-  return i;
+  return n;
 }, Me = (e, t) => {
-  let d = parseInt(e, 16);
-  return Number(d + t).toString(16);
-}, te = "abcdefghijklmnopqrstuvwxyz".split("").reduce((e, t, d) => ({ ...e, [t]: Me("1f1e6", d) }), {}), J = ({ iso2: e, size: t, src: d, protocol: l = "https", disableLazyLoading: a, className: i, style: b, ...g }) => e ? I.createElement("img", { className: B({ addPrefix: ["flag-emoji"], rawClassNames: [i] }), src: (() => {
-  if (d) return d;
-  let o = ((h) => [te[h[0]], te[h[1]]].join("-"))(e);
-  return `${l}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${o}.svg`;
-})(), width: t, height: t, draggable: !1, "data-country": e, loading: a ? void 0 : "lazy", style: { width: t, height: t, ...b }, alt: "", ...g }) : I.createElement("img", { className: B({ addPrefix: ["flag-emoji"], rawClassNames: [i] }), width: t, height: t, ...g }), Ie = ({ show: e, dialCodePrefix: t = "+", selectedCountry: d, countries: l = T, preferredCountries: a = [], flags: i, onSelect: b, onClose: g, ...o }) => {
-  let h = F(null), f = F(), w = Y(() => {
+  let r = parseInt(e, 16);
+  return Number(r + t).toString(16);
+}, Le = "abcdefghijklmnopqrstuvwxyz", ze = "1f1e6", te = Le.split("").reduce((e, t, r) => ({ ...e, [t]: Me(ze, r) }), {}), _e = (e) => [te[e[0]], te[e[1]]].join("-"), Z = ({ iso2: e, size: t, src: r, protocol: l = "https", disableLazyLoading: a, className: n, style: f, ...u }) => {
+  if (!e) return S.createElement("img", { className: A({ addPrefix: ["flag-emoji"], rawClassNames: [n] }), width: t, height: t, ...u });
+  let o = () => {
+    if (r) return r;
+    let s = _e(e);
+    return `${l}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${s}.svg`;
+  };
+  return S.createElement("img", { className: A({ addPrefix: ["flag-emoji"], rawClassNames: [n] }), src: o(), width: t, height: t, draggable: !1, "data-country": e, loading: a ? void 0 : "lazy", style: { width: t, height: t, ...f }, alt: "", ...u });
+}, Ve = 1e3, Be = ({ show: e, dialCodePrefix: t = "+", selectedCountry: r, countries: l = R, preferredCountries: a = [], flags: n, onSelect: f, onClose: u, ...o }) => {
+  let s = T(null), i = T(), y = Y(() => {
     if (!a || !a.length) return l;
-    let s = [], u = [...l];
-    for (let p of a) {
-      let k = u.findIndex((C) => V(C).iso2 === p);
-      if (k !== -1) {
-        let C = u.splice(k, 1)[0];
-        s.push(C);
+    let c = [], C = [...l];
+    for (let h of a) {
+      let D = C.findIndex((N) => _(N).iso2 === h);
+      if (D !== -1) {
+        let N = C.splice(D, 1)[0];
+        c.push(N);
       }
     }
-    return s.concat(u);
-  }, [l, a]), n = F({ updatedAt: void 0, value: "" }), c = R((s) => w.findIndex((u) => V(u).iso2 === s), [w]), [y, S] = G(c(d)), N = () => {
-    f.current !== d && S(c(d));
-  }, D = R((s) => {
-    S(c(s.iso2)), b == null || b(s);
-  }, [b, c]), r = (s) => {
-    let u = w.length - 1;
-    S((p) => {
-      let k = ((C) => s === "prev" ? C - 1 : s === "next" ? C + 1 : s === "last" ? u : 0)(p);
-      return k < 0 ? 0 : k > u ? u : k;
+    return c.concat(C);
+  }, [l, a]), d = T({ updatedAt: void 0, value: "" }), p = (c) => {
+    let C = d.current.updatedAt && (/* @__PURE__ */ new Date()).getTime() - d.current.updatedAt.getTime() > Ve;
+    d.current = { value: C ? c : `${d.current.value}${c}`, updatedAt: /* @__PURE__ */ new Date() };
+    let h = y.findIndex((D) => _(D).name.toLowerCase().startsWith(d.current.value));
+    h !== -1 && g(h);
+  }, v = O((c) => y.findIndex((C) => _(C).iso2 === c), [y]), [m, g] = G(v(r)), x = () => {
+    i.current !== r && g(v(r));
+  }, b = O((c) => {
+    g(v(c.iso2)), f == null || f(c);
+  }, [f, v]), E = (c) => {
+    let C = y.length - 1, h = (D) => c === "prev" ? D - 1 : c === "next" ? D + 1 : c === "last" ? C : 0;
+    g((D) => {
+      let N = h(D);
+      return N < 0 ? 0 : N > C ? C : N;
     });
-  }, z = R(() => {
-    if (!h.current || y === void 0) return;
-    let s = V(w[y]).iso2;
-    if (s === f.current) return;
-    let u = h.current.querySelector(`[data-country="${s}"]`);
-    u && (((p, k) => {
-      let C = p.style.display;
-      C !== "block" && (p.style.display = "block");
-      let x = p.getBoundingClientRect(), v = k.getBoundingClientRect(), $ = v.top - x.top, m = x.bottom - v.bottom;
-      $ >= 0 && m >= 0 || (Math.abs($) < Math.abs(m) ? p.scrollTop += $ : p.scrollTop -= m), p.style.display = C;
-    })(h.current, u), f.current = s);
-  }, [y, w]);
-  return q(() => {
-    z();
-  }, [y, z]), q(() => {
-    h.current && (e ? h.current.focus() : N());
-  }, [e]), q(() => {
-    N();
-  }, [d]), I.createElement("ul", { ref: h, role: "listbox", className: B({ addPrefix: ["country-selector-dropdown"], rawClassNames: [o.className] }), style: { display: e ? "block" : "none", ...o.style }, onKeyDown: (s) => {
-    if (s.stopPropagation(), s.key !== "Enter") {
-      if (s.key !== "Escape") return s.key === "ArrowUp" ? (s.preventDefault(), void r("prev")) : s.key === "ArrowDown" ? (s.preventDefault(), void r("next")) : s.key === "PageUp" ? (s.preventDefault(), void r("first")) : s.key === "PageDown" ? (s.preventDefault(), void r("last")) : (s.key === " " && s.preventDefault(), void (s.key.length === 1 && !s.altKey && !s.ctrlKey && !s.metaKey && ((u) => {
-        let p = n.current.updatedAt && (/* @__PURE__ */ new Date()).getTime() - n.current.updatedAt.getTime() > 1e3;
-        n.current = { value: p ? u : `${n.current.value}${u}`, updatedAt: /* @__PURE__ */ new Date() };
-        let k = w.findIndex((C) => V(C).name.toLowerCase().startsWith(n.current.value));
-        k !== -1 && S(k);
-      })(s.key.toLocaleLowerCase())));
-      g == null || g();
-    } else {
-      s.preventDefault();
-      let u = V(w[y]);
-      D(u);
+  }, V = (c) => {
+    if (c.stopPropagation(), c.key === "Enter") {
+      c.preventDefault();
+      let C = _(y[m]);
+      b(C);
+      return;
+    }
+    if (c.key === "Escape") {
+      u == null || u();
+      return;
+    }
+    if (c.key === "ArrowUp") {
+      c.preventDefault(), E("prev");
+      return;
     }
-  }, onBlur: g, tabIndex: -1, "aria-activedescendant": `react-international-phone__${V(w[y]).iso2}-option` }, w.map((s, u) => {
-    let p = V(s), k = p.iso2 === d, C = u === y, x = a.includes(p.iso2), v = u === a.length - 1, $ = i == null ? void 0 : i.find((m) => m.iso2 === p.iso2);
-    return I.createElement(I.Fragment, { key: p.iso2 }, I.createElement("li", { "data-country": p.iso2, role: "option", "aria-selected": k, "aria-label": `${p.name} ${t}${p.dialCode}`, id: `react-international-phone__${p.iso2}-option`, className: B({ addPrefix: ["country-selector-dropdown__list-item", x && "country-selector-dropdown__list-item--preferred", k && "country-selector-dropdown__list-item--selected", C && "country-selector-dropdown__list-item--focused"], rawClassNames: [o.listItemClassName] }), onClick: () => D(p), style: o.listItemStyle, title: p.name }, I.createElement(J, { iso2: p.iso2, src: $ == null ? void 0 : $.src, className: B({ addPrefix: ["country-selector-dropdown__list-item-flag-emoji"], rawClassNames: [o.listItemFlagClassName] }), style: o.listItemFlagStyle }), I.createElement("span", { className: B({ addPrefix: ["country-selector-dropdown__list-item-country-name"], rawClassNames: [o.listItemCountryNameClassName] }), style: o.listItemCountryNameStyle }, p.name), I.createElement("span", { className: B({ addPrefix: ["country-selector-dropdown__list-item-dial-code"], rawClassNames: [o.listItemDialCodeClassName] }), style: o.listItemDialCodeStyle }, t, p.dialCode)), v ? I.createElement("hr", { className: B({ addPrefix: ["country-selector-dropdown__preferred-list-divider"], rawClassNames: [o.preferredListDividerClassName] }), style: o.preferredListDividerStyle }) : null);
+    if (c.key === "ArrowDown") {
+      c.preventDefault(), E("next");
+      return;
+    }
+    if (c.key === "PageUp") {
+      c.preventDefault(), E("first");
+      return;
+    }
+    if (c.key === "PageDown") {
+      c.preventDefault(), E("last");
+      return;
+    }
+    c.key === " " && c.preventDefault(), c.key.length === 1 && !c.altKey && !c.ctrlKey && !c.metaKey && p(c.key.toLocaleLowerCase());
+  }, M = O(() => {
+    if (!s.current || m === void 0) return;
+    let c = _(y[m]).iso2;
+    if (c === i.current) return;
+    let C = s.current.querySelector(`[data-country="${c}"]`);
+    C && (be(s.current, C), i.current = c);
+  }, [m, y]);
+  return U(() => {
+    M();
+  }, [m, M]), U(() => {
+    s.current && (e ? s.current.focus() : x());
+  }, [e]), U(() => {
+    x();
+  }, [r]), S.createElement("ul", { ref: s, role: "listbox", className: A({ addPrefix: ["country-selector-dropdown"], rawClassNames: [o.className] }), style: { display: e ? "block" : "none", ...o.style }, onKeyDown: V, onBlur: u, tabIndex: -1, "aria-activedescendant": `react-international-phone__${_(y[m]).iso2}-option` }, y.map((c, C) => {
+    let h = _(c), D = h.iso2 === r, N = C === m, k = a.includes(h.iso2), I = C === a.length - 1, L = n == null ? void 0 : n.find((w) => w.iso2 === h.iso2);
+    return S.createElement(S.Fragment, { key: h.iso2 }, S.createElement("li", { "data-country": h.iso2, role: "option", "aria-selected": D, "aria-label": `${h.name} ${t}${h.dialCode}`, id: `react-international-phone__${h.iso2}-option`, className: A({ addPrefix: ["country-selector-dropdown__list-item", k && "country-selector-dropdown__list-item--preferred", D && "country-selector-dropdown__list-item--selected", N && "country-selector-dropdown__list-item--focused"], rawClassNames: [o.listItemClassName] }), onClick: () => b(h), style: o.listItemStyle, title: h.name }, S.createElement(Z, { iso2: h.iso2, src: L == null ? void 0 : L.src, className: A({ addPrefix: ["country-selector-dropdown__list-item-flag-emoji"], rawClassNames: [o.listItemFlagClassName] }), style: o.listItemFlagStyle }), S.createElement("span", { className: A({ addPrefix: ["country-selector-dropdown__list-item-country-name"], rawClassNames: [o.listItemCountryNameClassName] }), style: o.listItemCountryNameStyle }, h.name), S.createElement("span", { className: A({ addPrefix: ["country-selector-dropdown__list-item-dial-code"], rawClassNames: [o.listItemDialCodeClassName] }), style: o.listItemDialCodeStyle }, t, h.dialCode)), I ? S.createElement("hr", { className: A({ addPrefix: ["country-selector-dropdown__preferred-list-divider"], rawClassNames: [o.preferredListDividerClassName] }), style: o.preferredListDividerStyle }) : null);
   }));
-}, ze = ({ selectedCountry: e, onSelect: t, disabled: d, hideDropdown: l, countries: a = T, preferredCountries: i = [], flags: b, renderButtonWrapper: g, ...o }) => {
-  let [h, f] = G(!1), w = Y(() => {
-    if (e) return K({ value: e, field: "iso2", countries: a });
-  }, [a, e]), n = F(null), c = (y) => {
-    y.key && ["ArrowUp", "ArrowDown"].includes(y.key) && (y.preventDefault(), f(!0));
+}, Fe = ({ selectedCountry: e, onSelect: t, disabled: r, hideDropdown: l, countries: a = R, preferredCountries: n = [], flags: f, renderButtonWrapper: u, ...o }) => {
+  let [s, i] = G(!1), y = Y(() => {
+    if (e) return q({ value: e, field: "iso2", countries: a });
+  }, [a, e]), d = T(null), p = (m) => {
+    m.key && ["ArrowUp", "ArrowDown"].includes(m.key) && (m.preventDefault(), i(!0));
+  }, v = () => {
+    var x;
+    let m = { title: y == null ? void 0 : y.name, onClick: () => i((b) => !b), onMouseDown: (b) => b.preventDefault(), onKeyDown: p, disabled: l || r, role: "combobox", "aria-label": "Country selector", "aria-haspopup": "listbox", "aria-expanded": s }, g = S.createElement("div", { className: A({ addPrefix: ["country-selector-button__button-content"], rawClassNames: [o.buttonContentWrapperClassName] }), style: o.buttonContentWrapperStyle }, S.createElement(Z, { iso2: e, src: (x = f == null ? void 0 : f.find((b) => b.iso2 === e)) == null ? void 0 : x.src, className: A({ addPrefix: ["country-selector-button__flag-emoji", r && "country-selector-button__flag-emoji--disabled"], rawClassNames: [o.flagClassName] }), style: { visibility: e ? "visible" : "hidden", ...o.flagStyle } }), !l && S.createElement("div", { className: A({ addPrefix: ["country-selector-button__dropdown-arrow", r && "country-selector-button__dropdown-arrow--disabled", s && "country-selector-button__dropdown-arrow--active"], rawClassNames: [o.dropdownArrowClassName] }), style: o.dropdownArrowStyle }));
+    return u ? u({ children: g, rootProps: m }) : S.createElement("button", { ...m, type: "button", className: A({ addPrefix: ["country-selector-button", s && "country-selector-button--active", r && "country-selector-button--disabled", l && "country-selector-button--hide-dropdown"], rawClassNames: [o.buttonClassName] }), "data-country": e, style: o.buttonStyle }, g);
   };
-  return I.createElement("div", { className: B({ addPrefix: ["country-selector"], rawClassNames: [o.className] }), style: o.style, ref: n }, (() => {
-    var N;
-    let y = { title: w == null ? void 0 : w.name, onClick: () => f((D) => !D), onMouseDown: (D) => D.preventDefault(), onKeyDown: c, disabled: l || d, role: "combobox", "aria-label": "Country selector", "aria-haspopup": "listbox", "aria-expanded": h }, S = I.createElement("div", { className: B({ addPrefix: ["country-selector-button__button-content"], rawClassNames: [o.buttonContentWrapperClassName] }), style: o.buttonContentWrapperStyle }, I.createElement(J, { iso2: e, src: (N = b == null ? void 0 : b.find((D) => D.iso2 === e)) == null ? void 0 : N.src, className: B({ addPrefix: ["country-selector-button__flag-emoji", d && "country-selector-button__flag-emoji--disabled"], rawClassNames: [o.flagClassName] }), style: { visibility: e ? "visible" : "hidden", ...o.flagStyle } }), !l && I.createElement("div", { className: B({ addPrefix: ["country-selector-button__dropdown-arrow", d && "country-selector-button__dropdown-arrow--disabled", h && "country-selector-button__dropdown-arrow--active"], rawClassNames: [o.dropdownArrowClassName] }), style: o.dropdownArrowStyle }));
-    return g ? g({ children: S, rootProps: y }) : I.createElement("button", { ...y, type: "button", className: B({ addPrefix: ["country-selector-button", h && "country-selector-button--active", d && "country-selector-button--disabled", l && "country-selector-button--hide-dropdown"], rawClassNames: [o.buttonClassName] }), "data-country": e, style: o.buttonStyle }, S);
-  })(), I.createElement(Ie, { show: h, countries: a, preferredCountries: i, flags: b, onSelect: (y) => {
-    f(!1), t == null || t(y);
+  return S.createElement("div", { className: A({ addPrefix: ["country-selector"], rawClassNames: [o.className] }), style: o.style, ref: d }, v(), S.createElement(Be, { show: s, countries: a, preferredCountries: n, flags: f, onSelect: (m) => {
+    i(!1), t == null || t(m);
   }, selectedCountry: e, onClose: () => {
-    f(!1);
+    i(!1);
   }, ...o.dropdownStyleProps }));
-}, Le = ({ dialCode: e, prefix: t, disabled: d, style: l, className: a }) => I.createElement("div", { className: B({ addPrefix: ["dial-code-preview", d && "dial-code-preview--disabled"], rawClassNames: [a] }), style: l }, `${t}${e}`);
-ae(({ value: e, onChange: t, countries: d = T, preferredCountries: l = [], hideDropdown: a, showDisabledDialCodeAndPrefix: i, disableFocusAfterCountrySelect: b, flags: g, style: o, className: h, inputStyle: f, inputClassName: w, countrySelectorStyleProps: n, dialCodePreviewStyleProps: c, inputProps: y, placeholder: S, disabled: N, name: D, onFocus: r, onBlur: z, required: s, autoFocus: u, ...p }, k) => {
-  let { phone: C, inputValue: x, inputRef: v, country: $, setCountry: m, handlePhoneValueChange: A } = ne({ value: e, countries: d, ...p, onChange: (E) => {
-    t == null || t(E.phone, { country: E.country, inputValue: E.inputValue });
-  } }), P = p.disableDialCodeAndPrefix && i && ($ == null ? void 0 : $.dialCode);
-  return le(k, () => v.current ? Object.assign(v.current, { setCountry: m, state: { phone: C, inputValue: x, country: $ } }) : null, [v, m, C, x, $]), I.createElement("div", { ref: k, className: B({ addPrefix: ["input-container"], rawClassNames: [h] }), style: o }, I.createElement(ze, { onSelect: (E) => m(E.iso2, { focusOnInput: !b }), flags: g, selectedCountry: $.iso2, countries: d, preferredCountries: l, disabled: N, hideDropdown: a, ...n }), P && I.createElement(Le, { dialCode: $.dialCode, prefix: p.prefix ?? "+", disabled: N, ...c }), I.createElement("input", { onChange: A, value: x, type: "tel", ref: v, className: B({ addPrefix: ["input", N && "input--disabled"], rawClassNames: [w] }), placeholder: S, disabled: N, style: f, name: D, onFocus: r, onBlur: z, autoFocus: u, required: s, ...y }));
+}, je = ({ dialCode: e, prefix: t, disabled: r, style: l, className: a }) => S.createElement("div", { className: A({ addPrefix: ["dial-code-preview", r && "dial-code-preview--disabled"], rawClassNames: [a] }), style: l }, `${t}${e}`);
+ae(({ value: e, onChange: t, countries: r = R, preferredCountries: l = [], hideDropdown: a, showDisabledDialCodeAndPrefix: n, disableFocusAfterCountrySelect: f, flags: u, style: o, className: s, inputStyle: i, inputClassName: y, countrySelectorStyleProps: d, dialCodePreviewStyleProps: p, inputProps: v, placeholder: m, disabled: g, name: x, onFocus: b, onBlur: E, required: V, autoFocus: M, ...c }, C) => {
+  let { phone: h, inputValue: D, inputRef: N, country: k, setCountry: I, handlePhoneValueChange: L } = oe({ value: e, countries: r, ...c, onChange: ($) => {
+    t == null || t($.phone, { country: $.country, inputValue: $.inputValue });
+  } }), w = c.disableDialCodeAndPrefix && n && (k == null ? void 0 : k.dialCode);
+  return de(C, () => N.current ? Object.assign(N.current, { setCountry: I, state: { phone: h, inputValue: D, country: k } }) : null, [N, I, h, D, k]), S.createElement("div", { ref: C, className: A({ addPrefix: ["input-container"], rawClassNames: [s] }), style: o }, S.createElement(Fe, { onSelect: ($) => I($.iso2, { focusOnInput: !f }), flags: u, selectedCountry: k.iso2, countries: r, preferredCountries: l, disabled: g, hideDropdown: a, ...d }), w && S.createElement(je, { dialCode: k.dialCode, prefix: c.prefix ?? "+", disabled: g, ...p }), S.createElement("input", { onChange: L, value: D, type: "tel", ref: N, className: A({ addPrefix: ["input", g && "input--disabled"], rawClassNames: [y] }), placeholder: m, disabled: g, style: i, name: x, onFocus: b, onBlur: E, autoFocus: M, required: V, ...v }));
 });
-const Be = W.div`
+const Te = W.div`
   ${({ theme: e }) => `
     align-items: flex-start;
     align-self: stretch;
@@ -343,7 +372,7 @@ const Be = W.div`
       }
     }
   `}
-`, Ve = W.button`
+`, Ge = W.button`
   ${({ theme: e }) => `
     align-items: center;
     background: inherit;
@@ -359,7 +388,7 @@ const Be = W.div`
       cursor: not-allowed;
     }
   `}
-`, _e = W.ul`
+`, Re = W.ul`
   ${({ theme: e }) => `
     align-items: flex-start;
     box-shadow: ${e.shadows.md};
@@ -372,7 +401,7 @@ const Be = W.div`
     scrollbar-width: thin;
     width: max-content;
   `}
-`, je = W.li`
+`, Oe = W.li`
   ${({ theme: e }) => `
     align-items: center;
     background: ${e.palette.white};
@@ -389,31 +418,162 @@ const Be = W.div`
       background: ${e.palette.gray[100]};
     }
   `}
-`, Fe = W.p`
+`, Ke = W.p`
   color: ${({ theme: e }) => e.palette.gray[800]};
   font-size: inherit;
   min-width: 55%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, Ye = ae(function({ disabled: e, error: t, label: d, name: l, required: a, tooltip: i, value: b, weight: g, ...o }, h) {
-  const f = de(), [w, n] = G(!1), [c, y] = G(""), S = F(null), { refs: N, floatingStyles: D } = oe({ placement: "bottom-start", whileElementsMounted: ie }), { inputValue: r, handlePhoneValueChange: z, country: s, setCountry: u } = ne({ countries: T, defaultCountry: "us", value: b ? String(b) : void 0 }), p = R(() => {
-    n((v) => !v), w || y("");
-  }, [w]), k = R((v) => () => {
-    u(v), n(!1), y("");
-  }, [u, n]), C = R((v) => {
-    v.key.length === 1 ? y(($) => $ + v.key) : v.key === "Backspace" && y(($) => $.slice(0, -1));
-  }, []), x = T.filter((v) => {
-    const { name: $ } = V(v);
-    return $.toLowerCase().includes(c.toLowerCase());
+`, rt = ae(function({
+  disabled: t,
+  error: r,
+  label: l,
+  name: a,
+  required: n,
+  tooltip: f,
+  value: u,
+  weight: o,
+  ...s
+}, i) {
+  const y = ce(), [d, p] = G(!1), [v, m] = G(""), g = T(null), { refs: x, floatingStyles: b } = le({
+    placement: "bottom-start",
+    whileElementsMounted: se
+  }), { inputValue: E, handlePhoneValueChange: V, country: M, setCountry: c } = oe({
+    countries: R,
+    defaultCountry: "us",
+    value: u ? String(u) : void 0
+  }), C = O(() => {
+    p((k) => !k), d || m("");
+  }, [d]), h = O(
+    (k) => () => {
+      c(k), p(!1), m("");
+    },
+    [c, p]
+  ), D = O(
+    (k) => {
+      k.key.length === 1 ? m((I) => I + k.key) : k.key === "Backspace" && m((I) => I.slice(0, -1));
+    },
+    []
+  ), N = R.filter((k) => {
+    const { name: I } = _(k);
+    return I.toLowerCase().includes(v.toLowerCase());
   });
-  return fe(N.floating.current, () => {
-    n(!1), y("");
-  }, !0), _(ue, { error: t, htmlFor: l, label: d, required: a, tooltip: i, weight: g, children: U(Be, { className: `${e ? "disabled" : ""} ${t ? "error" : ""}`, ref: S, children: [U(Ve, { "aria-label": "country-selector", "data-testid": "country-selector", disabled: e, id: "country-selector", onClick: p, onKeyDown: C, ref: N.setReference, children: [_(J, { iso2: s.iso2, size: "16px" }), _(X, { icon: "angle-down", iconColor: f.palette.gray[400], iconSize: "xs", iconType: "fa-light" })] }), U(ce, { className: `${e ? "disabled" : ""} ${t ? "error" : ""}`, children: [_("input", { "aria-hidden": !1, "aria-invalid": t ? "true" : "false", "aria-label": l, "aria-required": a, autoComplete: "off", "data-testid": `${l}-input`, disabled: e, id: l, name: l, onChange: z, ref: h, type: "tel", value: r, ...o }), t ? _(X, { icon: "exclamation-circle", iconClass: "error-icon", iconColor: f.palette.error[500], iconSize: "xs" }) : void 0] }), w && se(_(_e, { ref: N.setFloating, style: D, children: x.map((v) => {
-    const { dialCode: $, iso2: m, name: A } = V(v);
-    return U(je, { onClick: k(m), value: m, children: [_(J, { iso2: m, size: "16px" }), _(Fe, { children: A }), _(pe, { color: f.palette.gray[400], size: "sm", sizeSm: "xs", textAlign: "end", children: "+" + $ })] }, m);
-  }) }), document.getElementById("root") ?? document.body)] }) });
+  return me(
+    x.floating.current,
+    () => {
+      p(!1), m("");
+    },
+    !0
+  ), /* @__PURE__ */ F(
+    fe,
+    {
+      error: r,
+      htmlFor: a,
+      label: l,
+      required: n,
+      tooltip: f,
+      weight: o,
+      children: /* @__PURE__ */ H(
+        Te,
+        {
+          className: `${t ? "disabled" : ""} ${r ? "error" : ""}`,
+          ref: g,
+          children: [
+            /* @__PURE__ */ H(
+              Ge,
+              {
+                "aria-label": "country-selector",
+                "data-testid": "country-selector",
+                disabled: t,
+                id: "country-selector",
+                onClick: C,
+                onKeyDown: D,
+                ref: x.setReference,
+                children: [
+                  /* @__PURE__ */ F(Z, { iso2: M.iso2, size: "16px" }),
+                  /* @__PURE__ */ F(
+                    ee,
+                    {
+                      icon: "angle-down",
+                      iconColor: y.palette.gray[400],
+                      iconSize: "xs",
+                      iconType: "fa-light"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ H(
+              pe,
+              {
+                className: `${t ? "disabled" : ""} ${r ? "error" : ""}`,
+                children: [
+                  /* @__PURE__ */ F(
+                    "input",
+                    {
+                      "aria-hidden": !1,
+                      "aria-invalid": r ? "true" : "false",
+                      "aria-label": a,
+                      "aria-required": n,
+                      autoComplete: "off",
+                      "data-testid": `${a}-input`,
+                      disabled: t,
+                      id: a,
+                      name: a,
+                      onChange: V,
+                      ref: i,
+                      type: "tel",
+                      value: E,
+                      ...s
+                    }
+                  ),
+                  r ? /* @__PURE__ */ F(
+                    ee,
+                    {
+                      icon: "exclamation-circle",
+                      iconClass: "error-icon",
+                      iconColor: y.palette.error[500],
+                      iconSize: "xs"
+                    }
+                  ) : void 0
+                ]
+              }
+            ),
+            d && ue(
+              /* @__PURE__ */ F(Re, { ref: x.setFloating, style: b, children: N.map((k) => {
+                const { dialCode: I, iso2: L, name: w } = _(k);
+                return /* @__PURE__ */ H(
+                  Oe,
+                  {
+                    onClick: h(L),
+                    value: L,
+                    children: [
+                      /* @__PURE__ */ F(Z, { iso2: L, size: "16px" }),
+                      /* @__PURE__ */ F(Ke, { children: w }),
+                      /* @__PURE__ */ F(
+                        ye,
+                        {
+                          color: y.palette.gray[400],
+                          size: "sm",
+                          sizeSm: "xs",
+                          textAlign: "end",
+                          children: "+" + I
+                        }
+                      )
+                    ]
+                  },
+                  L
+                );
+              }) }),
+              document.getElementById("root") ?? document.body
+            )
+          ]
+        }
+      )
+    }
+  );
 });
 export {
-  Ye as PhoneInput
+  rt as PhoneInput
 };