@desource/phone-mask-svelte 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1284 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { onDestroy, tick } from "svelte";
+const M = { AC: "+247 #####", AD: ["+376 ### ###", "+376 #### ####"], AE: ["+971 # ### ####", "+971 ## ### ####", "+971 ### ######", "+971 ### # #####"], AF: "+93 ## ### ####", AG: "+1 ###-###-####", AI: "+1 ###-###-####", AL: ["+355 ## ### ###", "+355 ## ### ####", "+355 ### ####", "+355 ### ###", "+355 ### #####"], AM: ["+374 ## ######", "+374 ### ## ###"], AO: "+244 ### ### ###", AR: ["+54 ## ####-####", "+54 # ## ####-####", "+54 ###-###-####"], AS: "+1 ###-###-####", AT: ["+43 # #########", "+43 ### ######"], AU: ["+61 # #### ####", "+61 ### ### ###", "+61 #### ### ###", "+61 ## ### ##"], AW: "+297 ### ####", AX: ["+358 ## #######", "+358 ### ######"], AZ: ["+994 ## ### ## ##", "+994 ### ## ## ##"], BA: ["+387 ## ###-###", "+387 ## ### ###"], BB: "+1 ###-###-####", BD: ["+880 #-#######", "+880 ####-######", "+880 ###-#######"], BE: ["+32 ## ## ## ##", "+32 ### ## ## ##", "+32 ### ## ###"], BF: "+226 ## ## ## ##", BG: ["+359 # ### ###", "+359 ## ### ###", "+359 ### ## ###"], BH: "+973 #### ####", BI: "+257 ## ## ## ##", BJ: ["+229 ## ## ## ## ##", "+229 ## ## ## ##"], BL: "+590 ### ## ## ##", BM: "+1 ###-###-####", BN: "+673 ### ####", BO: ["+591 # #######", "+591 ########", "+591 ### ## ####"], BQ: "+599 ### ####", BR: ["+55 ## ####-####", "+55 ## #####-####", "+55 ### ## ####", "+55 ####-####"], BS: "+1 ###-###-####", BT: ["+975 # ### ###", "+975 ## ## ## ##"], BW: ["+267 ### ####", "+267 ## ### ###", "+267 #### ### ###", "+267 ## #####"], BY: ["+375 ### ##-##-##", "+375 ## ###-##-##", "+375 ### ### ####"], BZ: ["+501 ###-####", "+501 #-###-####-###"], CA: "+1 ###-###-####", CC: ["+61 # #### ####", "+61 ### ### ###", "+61 #### ### ###"], CD: ["+243 ## #####", "+243 ### ### ###"], CF: "+236 ## ## ## ##", CG: ["+242 ## ### ####", "+242 # #### ####"], CH: ["+41 ## ### ## ##", "+41 ### ### ###"], CI: ["+225 ## ## # #####", "+225 ## ## ## ####"], CK: "+682 ## ###", CL: ["+56 ### ### ###", "+56 # #### ####", "+56 ### ### ####", "+56 ## ### ####"], CM: ["+237 # ## ## ## ##", "+237 ## ## ## ##"], CN: ["+86 ## #### ####", "+86 ### #### ####", "+86 ### ### ####", "+86 ########"], CO: ["+57 ### #######", "+57 # ### #######"], CR: ["+506 #### ####", "+506 ###-###-####"], CU: ["+53 # #######", "+53 ### #######"], CV: "+238 ### ## ##", CW: ["+599 # ### ####", "+599 ### ####"], CX: ["+61 # #### ####", "+61 ### ### ###", "+61 #### ### ###"], CY: "+357 ## ######", CZ: "+420 ### ### ###", DE: ["+49 ## ######", "+49 #### #######", "+49 ### ##########", "+49 ### # ######", "+49 ### # ####", "+49 ### #### ####", "+49 ########"], DJ: "+253 ## ## ## ##", DK: "+45 ## ## ## ##", DM: "+1 ###-###-####", DO: "+1 ###-###-####", DZ: ["+213 ## ## ## ##", "+213 ### ## ## ##", "+213 ## ### ## ##"], EC: ["+593 #-###-####", "+593 ## ### ####", "+593 #### ### ####"], EE: ["+372 ### ####", "+372 #### ####", "+372 ## ## ####"], EG: ["+20 # ########", "+20 ## ########", "+20 ### ### ####"], EH: ["+212 # ## ## ## ##", "+212 ##-#######"], ER: "+291 # ### ###", ES: ["+34 ### ## ## ##", "+34 ### ### ###"], ET: "+251 ## ### ####", FI: ["+358 ## #######", "+358 ### ######"], FJ: ["+679 ### ####", "+679 #### ### ####"], FK: "+500 #####", FM: "+691 ### ####", FO: "+298 ######", FR: ["+33 # ## ## ## ##", "+33 ### ## ## ##"], GA: "+241 ## ## ## ##", GB: ["+44 ### ### ####", "+44 #### ######", "+44 ## #### ####"], GD: "+1 ###-###-####", GE: ["+995 ## ### ## ##", "+995 ### ## ## ##", "+995 ### ### ###"], GF: "+594 ### ## ## ##", GG: ["+44 #### ######", "+44 ### ### ####", "+44 ## #### ####"], GH: ["+233 ## ### ####", "+233 ### #####"], GI: ["+350 ### #####", "+350 ########"], GL: "+299 ## ## ##", GM: "+220 ### ####", GN: ["+224 ## ## ## ##", "+224 ### ## ## ##"], GP: "+590 ### ## ## ##", GQ: ["+240 ### ### ###", "+240 ### ######"], GR: ["+30 ## #### ####", "+30 ### ### ####"], GT: ["+502 #### ####", "+502 #### ### ####"], GU: "+1 ###-###-####", GW: ["+245 ### ### ###", "+245 ### ####"], GY: "+592 ### ####", HK: ["+852 #### ####", "+852 ### ### ###", "+852 ### ## ### ###"], HN: ["+504 ####-####", "+504 ###########"], HR: ["+385 # #### ###", "+385 ## ### ####", "+385 ### ### ###", "+385 ## ## ###", "+385 ## ### ###"], HT: "+509 ## ## ####", HU: ["+36 # ### ####", "+36 ## ### ####", "+36 ## ### ###"], ID: ["+62 ## #######", "+62 ###-###-###", "+62 ### #######", "+62 ### # ### ###", "+62 ### ### ####"], IE: ["+353 ## #####", "+353 ## ### ####", "+353 #### ### ###", "+353 ### ### ###"], IL: ["+972 #-###-####", "+972 ##-###-####", "+972 #-###-###-###"], IM: ["+44 #### ######", "+44 ### ### ####", "+44 ## #### ####"], IN: ["+91 ##### #####", "+91 #### ## ####", "+91 #### ### ### ###", "+91 #### ### ####"], IO: "+246 ### ####", IQ: ["+964 # ### ####", "+964 ### ### ####"], IR: ["+98 ## #### ####", "+98 ### ### ####"], IS: "+354 ### ####", IT: ["+39 ## #### ####", "+39 ### ### ####", "+39 ### ### ###"], JE: ["+44 #### ######", "+44 ### ### ####", "+44 ## #### ####"], JM: "+1 ###-###-####", JO: ["+962 # ### ####", "+962 # #### ####", "+962 ### #####", "+962 ## #######"], JP: ["+81 #-####-####", "+81 ##-####-####", "+81 ###-###-###", "+81 ##-###-####"], KE: ["+254 ## #######", "+254 ### ######", "+254 ### ### ###"], KG: ["+996 ### ### ###", "+996 ### ### # ##"], KH: ["+855 ## ### ###", "+855 #### ### ###"], KI: ["+686 #####", "+686 ########"], KM: "+269 ### ## ##", KN: "+1 ###-###-####", KP: ["+850 # ### ####", "+850 ### ### ####"], KR: ["+82 #-###-####", "+82 ##-####-####", "+82 ##-###-####"], KW: ["+965 #### ####", "+965 ### #####", "+965 #### ###"], KY: "+1 ###-###-####", KZ: ["+7 ##### # ## ##", "+7 ### ### ####", "+7 ### ###-##-##"], LA: ["+856 ## ### ###", "+856 ## ## ### ###"], LB: ["+961 # ### ###", "+961 ## ### ###"], LC: "+1 ###-###-####", LI: ["+423 ### ## ##", "+423 ### ### ###"], LK: ["+94 ### ### ###", "+94 ## ### ####"], LR: ["+231 ## ### ###", "+231 ## ### ####"], LS: "+266 #### ####", LT: ["+370 ### #####", "+370 ### ## ###"], LU: ["+352 ## ## ## ##", "+352 ### ### ###", "+352 ### ## ###"], LV: "+371 ## ### ###", LY: "+218 ##-#######", MA: ["+212 # ## ## ## ##", "+212 ##-#######"], MC: ["+377 ## ## ## ##", "+377 # ## ## ## ##"], MD: ["+373 ## ### ###", "+373 ### ## ###", "+373 ### #####"], ME: "+382 ## ### ###", MF: "+590 ### ## ## ##", MG: "+261 ## ## ### ##", MH: "+692 ###-####", MK: ["+389 # ### ####", "+389 ## ### ###", "+389 ### # ## ##"], ML: "+223 ## ## ## ##", MM: ["+95 # ### ###", "+95 # ### ####", "+95 ### ### ####"], MN: "+976 #### ####", MO: ["+853 #### ####", "+853 #### ###"], MP: "+1 ###-###-####", MQ: "+596 ### ## ## ##", MR: "+222 ## ## ## ##", MS: "+1 ###-###-####", MT: "+356 #### ####", MU: ["+230 #### ####", "+230 ### ####"], MV: ["+960 ###-####", "+960 ### ### ####"], MW: ["+265 # ### ###", "+265 ### ## ## ##"], MX: "+52 ### ### ####", MY: ["+60 #-#### ####", "+60 ##-### ####", "+60 #-###-##-####", "+60 ###-### ####"], MZ: ["+258 ## ### ###", "+258 ## ### ####", "+258 ### ### ###"], NA: ["+264 ## ### ###", "+264 ## ### ####", "+264 ### ### ###"], NC: "+687 ##.##.##", NE: ["+227 ## ## ## ##", "+227 ## ### ###"], NF: ["+672 ## ####", "+672 # #####"], NG: ["+234 #### ## ####", "+234 ### ### ####", "+234 ### #### ####"], NI: "+505 #### ####", NL: ["+31 ## ### ####", "+31 # ########", "+31 ### ####", "+31 ## #######"], NO: ["+47 ## ## ## ##", "+47 ### ## ###"], NP: ["+977 #-#######", "+977 ###-#######", "+977 ###########"], NR: "+674 ### ####", NU: ["+683 ####", "+683 ### ####"], NZ: ["+64 # ### ####", "+64 ## ### ####", "+64 ### ### ###"], OM: ["+968 ## ######", "+968 #### ####", "+968 ### #####"], PA: ["+507 ###-####", "+507 ####-####"], PE: ["+51 # #######", "+51 ### ### ###", "+51 ### #####"], PF: ["+689 ## ## ## ##", "+689 ### ## ## ##"], PG: ["+675 ### ####", "+675 #### ####"], PH: ["+63 # #### ####", "+63 ### ### ####", "+63 #### # ### ####"], PK: ["+92 ## ########", "+92 ### #######", "+92 ### ### ##", "+92 #### #####"], PL: ["+48 ## ### ## ##", "+48 ### ### ###"], PM: ["+508 ## ## ##", "+508 ### ## ## ##"], PR: "+1 ###-###-####", PS: ["+970 # ### ####", "+970 ### ### ###", "+970 #### ### ###"], PT: ["+351 ## ### ####", "+351 ### ### ###"], PW: "+680 ### ####", PY: ["+595 ## ### ####", "+595 ### ######", "+595 #### ### ####"], QA: ["+974 #### ####", "+974 ### ####"], RE: "+262 ### ## ## ##", RO: ["+40 ## ### ####", "+40 ### ### ###"], RS: ["+381 ## ######", "+381 ## #######", "+381 ### #####"], RU: "+7 ### ###-##-##", RW: "+250 ### ### ###", SA: ["+966 ## ### ####", "+966 ### ### ####", "+966 #### #####"], SB: ["+677 #####", "+677 ## #####"], SC: ["+248 # ### ###", "+248 #######"], SD: "+249 ## ### ####", SE: ["+46 # ## ## ##", "+46 ## ### ## ##", "+46 ## ## ## ##", "+46 ### ## ## ###"], SG: ["+65 #### ####", "+65 #### ### ####"], SH: "+290 #####", SI: ["+386 # ### ## ##", "+386 ## ### ###", "+386 ## ######", "+386 ### #####"], SJ: ["+47 ## ## ## ##", "+47 ### ## ###"], SK: ["+421 #/### ### ##", "+421 ### ### ###", "+421 #######"], SL: "+232 ## ######", SM: ["+378 #### ######", "+378 ## ## ## ##"], SN: ["+221 ## ### ## ##", "+221 ### ## ## ##"], SO: ["+252 # ######", "+252 # #######"], SR: ["+597 ###-###", "+597 ###-####", "+597 ##-##-##"], SS: "+211 ### ### ###", ST: "+239 ### ####", SV: ["+503 #### ####", "+503 ### ####"], SX: "+1 ###-###-####", SY: ["+963 ## ### ####", "+963 ### ### ###"], SZ: ["+268 #### ####", "+268 ##### ####"], TA: "+290 ####", TC: "+1 ###-###-####", TD: "+235 ## ## ## ##", TG: "+228 ## ## ## ##", TH: ["+66 # ### ####", "+66 ## ### ####", "+66 #### ### ###"], TJ: ["+992 ### ## ####", "+992 ## ### ####"], TK: "+690 ####", TL: ["+670 ### ####", "+670 #### ####"], TM: ["+993 ## ##-##-##", "+993 ## ######"], TN: "+216 ## ### ###", TO: ["+676 ##-###", "+676 ### ####", "+676 #### ###"], TR: ["+90 ### ### ## ##", "+90 ### ### ####"], TT: "+1 ###-###-####", TV: ["+688 ## ###", "+688 ## ####"], TW: ["+886 # #### ####", "+886 ### ### ###", "+886 ## ### ####", "+886 ## #### ####"], TZ: ["+255 ## ### ####", "+255 ### ### ###", "+255 ### ## ####"], UA: ["+380 #### #####", "+380 ## ### ####", "+380 ### ### ###"], UG: ["+256 ## #######", "+256 ### ######"], US: "+1 ###-###-####", UY: ["+598 #### ####", "+598 ## ### ###", "+598 ### ####"], UZ: "+998 ## ### ## ##", VA: ["+39 ## #### ####", "+39 ### ### ####", "+39 ### ### ###"], VC: "+1 ###-###-####", VE: "+58 ###-#######", VG: "+1 ###-###-####", VI: "+1 ###-###-####", VN: ["+84 ### #### ###", "+84 ### ### ###", "+84 #### ######", "+84 ## ### ## ##"], VU: ["+678 #####", "+678 ### ####"], WF: ["+681 ## ## ##", "+681 ### ## ## ##"], WS: ["+685 #####", "+685 ## #####", "+685 ### ###"], XK: ["+383 ## ### ###", "+383 ### #####"], YE: ["+967 # ### ###", "+967 ### ### ###"], YT: "+262 ### ## ## ##", ZA: ["+27 ## ### ####", "+27 ### ### ###"], ZM: ["+260 ### ### ###", "+260 ## #######", "+260 #########"], ZW: ["+263 ## #####", "+263 ## ### ####", "+263 ### ####", "+263 #### ######"] };
+const t$1 = /^[a-z]{2}$/i, countryCodeEmoji = (o2) => {
+  if (!t$1.test(o2)) {
+    const t2 = typeof o2;
+    throw new TypeError(`cc argument must be an ISO 3166-1 alpha-2 string, but got '${"string" === t2 ? o2 : t2}' instead.`);
+  }
+  const e2 = [...o2.toUpperCase()].map((t2) => (t2.codePointAt(0) ?? 0) + 127397);
+  return String.fromCodePoint(...e2);
+};
+const o$1 = "en", n = /* @__PURE__ */ new Map(), getDisplayNames = (e2) => {
+  const t2 = e2.toLowerCase(), s2 = n.get(t2);
+  if (s2) return s2;
+  const r = new Intl.DisplayNames([e2], { type: "region" });
+  if (n.size >= 10) {
+    for (const e3 of n.keys()) if (e3 !== o$1) {
+      n.delete(e3);
+      break;
+    }
+  }
+  return n.set(t2, r), r;
+}, s$1 = Object.entries(M), divideMask = (e2) => e2.split(/ (.*)/s);
+function getCodeAndMask(e2) {
+  let t2 = "", o2 = "";
+  if (Array.isArray(e2)) {
+    const n2 = [];
+    for (const o3 of e2) {
+      const [e3, s2] = divideMask(o3);
+      t2 || (t2 = e3), n2.push(s2);
+    }
+    o2 = n2;
+  } else {
+    const [n2, s2] = divideMask(e2);
+    t2 = n2, o2 = s2;
+  }
+  return [t2, o2];
+}
+s$1.map(([e2, t2]) => ({ id: e2, mask: t2 }));
+s$1.reduce((e2, [t2, o2]) => {
+  const [n2, s2] = getCodeAndMask(o2);
+  return e2[t2] = { code: n2, mask: s2 }, e2;
+}, {});
+s$1.map(([e2, t2]) => {
+  const [o2, n2] = getCodeAndMask(t2);
+  return { id: e2, code: o2, mask: n2 };
+});
+s$1.reduce((e2, [o2, n2]) => {
+  const [s2, r] = getCodeAndMask(n2);
+  return e2[o2] = { code: s2, mask: r, flag: countryCodeEmoji(o2) }, e2;
+}, {});
+s$1.map(([e2, o2]) => {
+  const [n2, s2] = getCodeAndMask(o2);
+  return { id: e2, code: n2, mask: s2, flag: countryCodeEmoji(e2) };
+});
+const MasksFullMap = (e2) => {
+  const o2 = getDisplayNames(e2);
+  return s$1.reduce((e3, [n2, s2]) => {
+    const [r, a] = getCodeAndMask(s2), d = o2.of(n2) ?? "";
+    return e3[n2] = { code: r, mask: a, name: d, flag: countryCodeEmoji(n2) }, e3;
+  }, {});
+}, MasksFull = (e2) => {
+  const o2 = getDisplayNames(e2);
+  return s$1.map(([e3, n2]) => {
+    const [s2, r] = getCodeAndMask(n2);
+    return { id: e3, code: s2, mask: r, name: o2.of(e3) ?? "", flag: countryCodeEmoji(e3) };
+  });
+}, f = MasksFullMap(o$1);
+MasksFull(o$1);
+const k = countryCodeEmoji;
+function getNavigatorLang() {
+  return "undefined" != typeof navigator && navigator.language || "en";
+}
+function detectCountryFromLocale() {
+  try {
+    const t2 = getNavigatorLang();
+    try {
+      const e3 = new Intl.Locale(t2);
+      if (e3.region) return e3.region.toUpperCase();
+    } catch {
+    }
+    const e2 = t2.split(/[-_]/);
+    if (e2.length > 1) return e2[1]?.toUpperCase() || null;
+  } catch {
+  }
+  return null;
+}
+function hasCountry(t2) {
+  const r = f;
+  return t2.toUpperCase() in r;
+}
+function getCountry(e2, r) {
+  const n2 = MasksFullMap(r), o2 = e2.toUpperCase();
+  return o2 in n2 ? { id: o2, ...n2[o2] } : { id: "US", ...n2.US };
+}
+function parseCountryCode(t2, e2) {
+  return t2 && hasCountry(t2) ? t2.toUpperCase() : e2 || "";
+}
+function toArray(t2) {
+  return Array.isArray(t2) ? t2 : [t2];
+}
+function countPlaceholders(t2) {
+  return (t2.match(/#/g) || []).length;
+}
+function removeCountryCodePrefix(t2) {
+  return t2.replace(/^\+\d+\s?/, "");
+}
+function pickMaskVariant(t2, e2) {
+  if (1 === t2.length) return t2[0];
+  const r = t2.map((t3) => ({ mask: t3, count: countPlaceholders(t3) })), n2 = r.filter((t3) => t3.count >= e2).sort((t3, e3) => t3.count - e3.count);
+  if (n2.length > 0) return n2[0].mask;
+  const o2 = r.sort((t3, e3) => e3.count - t3.count)[0];
+  return o2 ? o2.mask : t2[0];
+}
+function formatDigitsWithMap(t2, e2) {
+  let r = "";
+  const n2 = [];
+  let o2 = 0;
+  const a = e2.length, s2 = t2.length;
+  for (let c = 0; c < s2; c++) {
+    const s3 = t2[c];
+    if ("#" === s3) {
+      if (!(o2 < a)) break;
+      r += e2[o2], n2.push(o2), o2++;
+    } else {
+      const e3 = -1 !== t2.indexOf("#", c + 1) && o2 < a;
+      (r.length > 0 || e3) && (r += s3, n2.push(-1));
+    }
+  }
+  return { display: r, map: n2 };
+}
+function filterCountries(t2, e2) {
+  const r = e2.trim().toUpperCase();
+  if (!r) return t2;
+  const n2 = r.replace(/\D/g, ""), o2 = n2.length > 0;
+  return t2.map((t3) => {
+    const e3 = t3.name.toUpperCase(), a = t3.id.toUpperCase(), s2 = t3.code.toUpperCase(), c = t3.code.replace(/\D/g, "");
+    let i2 = 0;
+    return e3.startsWith(r) ? i2 = 1e3 : e3.includes(r) && (i2 = 500), s2.startsWith(r) ? i2 += 100 : s2.includes(r) && (i2 += 50), a === r ? i2 += 200 : a.startsWith(r) && (i2 += 150), o2 && c.startsWith(n2) ? i2 += 80 : o2 && c.includes(n2) && (i2 += 40), { country: t3, score: i2 };
+  }).filter((t3) => t3.score > 0).sort((t3, e3) => e3.score !== t3.score ? e3.score - t3.score : t3.country.name.localeCompare(e3.country.name)).map((t3) => t3.country);
+}
+const t = [" ", "-", "(", ")"], e$1 = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End", "Tab"], i = /[^\d\s\-()]/;
+function extractDigits(t2, e2) {
+  const i2 = t2.replace(/\D/g, "");
+  return e2 ? i2.slice(0, e2) : i2;
+}
+function getSelection(t2) {
+  return t2 ? [t2.selectionStart ?? 0, t2.selectionEnd ?? 0] : [0, 0];
+}
+function setCaret(t2, e2) {
+  if (t2) try {
+    t2.setSelectionRange(e2, e2);
+  } catch {
+  }
+}
+function processBeforeInput(t2) {
+  if (!t2.target) return;
+  const e2 = t2.target, n2 = t2.data;
+  "insertText" === t2.inputType && n2 && (i.test(n2) || " " === n2 && e2.value.endsWith(" ")) && t2.preventDefault();
+}
+function processInput(t2, e2) {
+  if (!t2.target) return;
+  const i2 = t2.target, { formatter: n2 } = e2, r = n2.getMaxDigits(), s2 = extractDigits(i2.value, r);
+  return { newDigits: s2, caretDigitIndex: s2.length };
+}
+function processKeydown(i2, n2) {
+  if (!i2.target) return;
+  const r = i2.target, { digits: s2, formatter: c } = n2;
+  if (i2.ctrlKey || i2.metaKey || i2.altKey || e$1.includes(i2.key)) return;
+  const [g, a] = getSelection(r);
+  if ("Backspace" !== i2.key) if ("Delete" !== i2.key) /^[0-9]$/.test(i2.key) ? s2.length >= c.getMaxDigits() && i2.preventDefault() : 1 === i2.key.length && i2.preventDefault();
+  else {
+    if (i2.preventDefault(), g !== a) {
+      const t2 = c.getDigitRange(s2, g, a);
+      if (t2) {
+        const [e2, i3] = t2;
+        return { newDigits: s2.slice(0, e2) + s2.slice(i3), caretDigitIndex: e2 };
+      }
+    }
+    if (g < r.value.length) {
+      const t2 = c.getDigitRange(s2, g, r.value.length);
+      if (t2) {
+        const [e2] = t2;
+        return { newDigits: s2.slice(0, e2) + s2.slice(e2 + 1), caretDigitIndex: e2 };
+      }
+    }
+  }
+  else {
+    if (i2.preventDefault(), g !== a) {
+      const t2 = c.getDigitRange(s2, g, a);
+      if (t2) {
+        const [e2, i3] = t2;
+        return { newDigits: s2.slice(0, e2) + s2.slice(i3), caretDigitIndex: e2 };
+      }
+    }
+    if (g > 0) {
+      const e2 = r.value;
+      let i3 = g - 1;
+      for (; i3 >= 0 && t.includes(e2[i3]); ) i3--;
+      if (i3 >= 0) {
+        const t2 = c.getDigitRange(s2, i3, i3 + 1);
+        if (t2) {
+          const [e3] = t2;
+          return { newDigits: s2.slice(0, e3) + s2.slice(e3 + 1), caretDigitIndex: e3 };
+        }
+      }
+    }
+  }
+}
+function processPaste(t2, e2) {
+  if (!t2.target) return;
+  t2.preventDefault();
+  const i2 = t2.target, { digits: n2, formatter: r } = e2, s2 = t2.clipboardData?.getData("text") || "", c = r.getMaxDigits(), g = extractDigits(s2, c);
+  if (0 === g.length) return;
+  const [a, o2] = getSelection(i2);
+  if (a !== o2) {
+    const t3 = r.getDigitRange(n2, a, o2);
+    if (t3) {
+      const [e3, i3] = t3;
+      return { newDigits: extractDigits(n2.slice(0, e3) + g + n2.slice(i3), c), caretDigitIndex: e3 + g.length };
+    }
+  }
+  const l = r.getDigitRange(n2, 0, a), f2 = l ? l[1] : 0;
+  return { newDigits: extractDigits(n2.slice(0, f2) + g + n2.slice(f2), c), caretDigitIndex: f2 + g.length };
+}
+function createPhoneFormatter(o2) {
+  const a = toArray(o2.mask), i2 = a.map((n2) => countPlaceholders(removeCountryCodePrefix(n2))), g = Math.max(...i2), getMask = (t2) => {
+    const n2 = pickMaskVariant(a, t2);
+    return removeCountryCodePrefix(n2);
+  };
+  return { formatDisplay: (t2) => {
+    const e2 = getMask(t2.length);
+    return formatDigitsWithMap(e2, t2).display;
+  }, getMaxDigits: () => g, getPlaceholder: () => getMask(0), getCaretPosition: (t2) => {
+    const e2 = getMask(t2), { display: r, map: l } = formatDigitsWithMap(e2, "0".repeat(t2));
+    for (let e3 = 0; e3 < l.length; e3++) if (l[e3] === t2) return e3;
+    if (t2 >= l.length) return r.length;
+    for (let e3 = 0; e3 < l.length; e3++) if (l[e3] > t2) return e3;
+    return r.length;
+  }, getDigitRange: (t2, e2, r) => {
+    const l = getMask(t2.length), { map: o3 } = formatDigitsWithMap(l, t2);
+    let a2 = 1 / 0, i3 = -1 / 0;
+    for (let t3 = e2; t3 < r && t3 < o3.length; t3++) {
+      const e3 = o3[t3];
+      void 0 !== e3 && e3 >= 0 && (a2 = Math.min(a2, e3), i3 = Math.max(i3, e3));
+    }
+    return a2 === 1 / 0 ? null : [a2, i3 + 1];
+  }, isComplete: (t2) => i2.includes(t2.length) };
+}
+const o = "https://ipapi.co/json/", e = 1500, p = "@desource/phone-mask:geo", s = 864e5;
+async function detectCountryFromGeoIP(t2 = o, r = e) {
+  const n2 = new AbortController(), c = setTimeout(() => n2.abort(), r);
+  try {
+    const o2 = await fetch(t2, { signal: n2.signal, headers: { Accept: "application/json" } });
+    if (clearTimeout(c), !o2.ok) return null;
+    const e2 = await o2.json();
+    return (e2.country || e2.country_code || e2.countryCode || e2.country_code2 || "").toString().toUpperCase() || null;
+  } catch {
+    return clearTimeout(c), null;
+  }
+}
+async function detectByGeoIp() {
+  try {
+    const o3 = localStorage.getItem(p);
+    if (o3) {
+      const e3 = JSON.parse(o3), c = Date.now() - e3.ts > s, a = parseCountryCode(e3.country_code);
+      if (a && !c) return a;
+      localStorage.removeItem(p);
+    }
+  } catch {
+  }
+  const o2 = await detectCountryFromGeoIP(), e2 = parseCountryCode(o2);
+  if (e2) {
+    try {
+      const t2 = JSON.stringify({ country_code: e2, ts: Date.now() });
+      localStorage.setItem(p, t2);
+    } catch {
+    }
+    return e2;
+  }
+  return null;
+}
+function useCountry({
+  country: countryOption,
+  locale: localeOption,
+  detect,
+  onCountryChange
+} = {}) {
+  let countryCode = $.state($.proxy(parseCountryCode(countryOption?.(), "US")));
+  const locale = $.derived(() => localeOption?.() || getNavigatorLang());
+  const country = $.derived(() => getCountry($.get(countryCode), $.get(locale)));
+  const setCountry = (code) => {
+    const parsed = parseCountryCode(code);
+    if (parsed) {
+      $.set(countryCode, parsed, true);
+      return true;
+    }
+    return false;
+  };
+  const detectCountry = async () => {
+    const geoCountry = await detectByGeoIp();
+    if (setCountry(geoCountry)) return;
+    const localeCountry = detectCountryFromLocale();
+    setCountry(localeCountry);
+  };
+  $.user_effect(() => {
+    const newCountry = countryOption?.();
+    if (newCountry && newCountry !== $.get(countryCode)) {
+      setCountry(newCountry);
+    }
+  });
+  $.user_effect(() => {
+    if (detect?.() && !countryOption?.()) {
+      detectCountry();
+    }
+  });
+  $.user_effect(() => {
+    onCountryChange?.($.get(country));
+  });
+  return {
+    get country() {
+      return $.get(country);
+    },
+    get locale() {
+      return $.get(locale);
+    },
+    setCountry
+  };
+}
+function useFormatter({ country, value, onChange, onPhoneChange, onValidationChange }) {
+  const formatter = $.derived(() => createPhoneFormatter(country()));
+  const maxDigits = $.derived(() => $.get(formatter).getMaxDigits());
+  const digits = $.derived(() => extractDigits(value(), $.get(maxDigits)));
+  const displayPlaceholder = $.derived(() => $.get(formatter).getPlaceholder());
+  const displayValue = $.derived(() => $.get(formatter).formatDisplay($.get(digits)));
+  const full = $.derived(() => $.get(digits) ? `${country().code}${$.get(digits)}` : "");
+  const fullFormatted = $.derived(() => $.get(displayValue) ? `${country().code} ${$.get(displayValue)}` : "");
+  const isComplete = $.derived(() => $.get(formatter).isComplete($.get(digits)));
+  const isEmpty = $.derived(() => $.get(digits).length === 0);
+  const shouldShowWarn = $.derived(() => !$.get(isEmpty) && !$.get(isComplete));
+  const phoneData = $.derived(() => ({
+    full: $.get(full),
+    fullFormatted: $.get(fullFormatted),
+    digits: $.get(digits)
+  }));
+  $.user_pre_effect(() => {
+    const raw = value();
+    const clamped = $.get(digits);
+    if (raw !== clamped) {
+      onChange(clamped);
+    }
+  });
+  $.user_effect(() => {
+    onPhoneChange?.($.get(phoneData));
+  });
+  $.user_effect(() => {
+    onValidationChange?.($.get(isComplete));
+  });
+  return {
+    get digits() {
+      return $.get(digits);
+    },
+    get formatter() {
+      return $.get(formatter);
+    },
+    get displayPlaceholder() {
+      return $.get(displayPlaceholder);
+    },
+    get displayValue() {
+      return $.get(displayValue);
+    },
+    get full() {
+      return $.get(full);
+    },
+    get fullFormatted() {
+      return $.get(fullFormatted);
+    },
+    get isComplete() {
+      return $.get(isComplete);
+    },
+    get isEmpty() {
+      return $.get(isEmpty);
+    },
+    get shouldShowWarn() {
+      return $.get(shouldShowWarn);
+    }
+  };
+}
+function useTimer() {
+  let timerRef = null;
+  const clear = () => {
+    if (timerRef) {
+      clearTimeout(timerRef);
+      timerRef = null;
+    }
+  };
+  const set = (callback, delay) => {
+    clear();
+    timerRef = setTimeout(callback, delay);
+  };
+  onDestroy(clear);
+  return { set, clear };
+}
+function useValidationHint() {
+  let showValidationHint = $.state(false);
+  const validationTimer = useTimer();
+  const clearValidationHint = (hideHint = true) => {
+    if (hideHint) $.set(showValidationHint, false);
+    validationTimer.clear();
+  };
+  const scheduleValidationHint = (delay) => {
+    $.set(showValidationHint, false);
+    validationTimer.set(
+      () => {
+        $.set(showValidationHint, true);
+      },
+      delay
+    );
+  };
+  return {
+    get showValidationHint() {
+      return $.get(showValidationHint);
+    },
+    clearValidationHint,
+    scheduleValidationHint
+  };
+}
+const HINT_DELAY_INPUT = 500;
+const HINT_DELAY_ACTION = 300;
+function useInputHandlers(options) {
+  const {
+    formatter,
+    digits,
+    inactive,
+    onChange,
+    scheduleValidationHint
+  } = options;
+  const scheduleCaretUpdate = (el, digitIndex) => {
+    tick().then(() => {
+      if (!el) return;
+      const pos = formatter().getCaretPosition(digitIndex);
+      setCaret(el, pos);
+    });
+  };
+  const handleBeforeInput = (e2) => {
+    processBeforeInput(e2);
+  };
+  const handleInput = (e2) => {
+    if (inactive?.()) return;
+    const result = processInput(e2, { formatter: formatter() });
+    if (!result) return;
+    onChange?.(result.newDigits);
+    scheduleCaretUpdate(e2.target, result.caretDigitIndex);
+    scheduleValidationHint?.(HINT_DELAY_INPUT);
+  };
+  const handleKeydown = (e2) => {
+    if (inactive?.()) return;
+    const result = processKeydown(e2, { digits: digits(), formatter: formatter() });
+    if (!result) return;
+    onChange?.(result.newDigits);
+    scheduleCaretUpdate(e2.target, result.caretDigitIndex);
+    scheduleValidationHint?.(HINT_DELAY_ACTION);
+  };
+  const handlePaste = (e2) => {
+    if (inactive?.()) return;
+    const result = processPaste(e2, { digits: digits(), formatter: formatter() });
+    if (!result) return;
+    onChange?.(result.newDigits);
+    scheduleCaretUpdate(e2.target, result.caretDigitIndex);
+    scheduleValidationHint?.(HINT_DELAY_ACTION);
+  };
+  return { handleBeforeInput, handleInput, handleKeydown, handlePaste };
+}
+function useCountrySelector({
+  rootRef,
+  dropdownRef,
+  searchRef,
+  selectorRef,
+  locale,
+  countryOption,
+  inactive,
+  onSelectCountry,
+  onAfterSelect
+}) {
+  let search = $.state("");
+  let dropdownOpen = $.state(false);
+  let isClosing = $.state(false);
+  let dropdownStyle = $.state($.proxy({}));
+  let focusedIndex = $.state(0);
+  const countries = $.derived(() => MasksFull(locale()));
+  const filteredCountries = $.derived(() => filterCountries($.get(countries), $.get(search)));
+  const hasDropdown = $.derived(() => !countryOption?.() && $.get(countries).length > 1);
+  const setFocusedIndex = (index) => {
+    $.set(focusedIndex, index, true);
+  };
+  const focusSearch = () => {
+    tick().then(() => searchRef()?.focus({ preventScroll: true }));
+  };
+  const closeDropdown = () => {
+    if (!$.get(dropdownOpen)) return;
+    $.set(isClosing, true);
+  };
+  const openDropdown = () => {
+    $.set(isClosing, false);
+    $.set(dropdownOpen, true);
+    setFocusedIndex(0);
+    focusSearch();
+  };
+  const handleDropdownAnimationEnd = () => {
+    if (!$.get(isClosing)) return;
+    $.set(dropdownOpen, false);
+    $.set(isClosing, false);
+  };
+  const toggleDropdown = () => {
+    if (inactive?.() || !$.get(hasDropdown)) return;
+    if ($.get(dropdownOpen)) {
+      closeDropdown();
+    } else {
+      openDropdown();
+    }
+  };
+  const selectCountry = (code) => {
+    onSelectCountry(code);
+    closeDropdown();
+    $.set(search, "");
+    setFocusedIndex(0);
+    onAfterSelect?.();
+  };
+  const handleSearchChange = (e2) => {
+    $.set(search, e2.target.value, true);
+    setFocusedIndex(0);
+  };
+  const onDocClick = (ev) => {
+    const target = ev.target;
+    const dropdownEl = dropdownRef();
+    const selectorEl = selectorRef();
+    if (!target) return;
+    if (dropdownEl?.contains(target)) return;
+    if (selectorEl?.contains(target)) return;
+    closeDropdown();
+  };
+  const positionDropdown = (e2) => {
+    if (e2?.type === "scroll" && e2.target && dropdownRef()?.contains(e2.target)) return;
+    const root2 = rootRef();
+    if (!root2) return;
+    const rect = root2.getBoundingClientRect();
+    $.set(
+      dropdownStyle,
+      {
+        top: `${rect.bottom + window.scrollY + 8}px`,
+        left: `${rect.left + window.scrollX}px`,
+        width: `${rect.width}px`
+      },
+      true
+    );
+  };
+  const scrollFocusedIntoView = () => {
+    tick().then(() => {
+      const list = dropdownRef()?.lastElementChild;
+      const option = list?.children[$.get(focusedIndex)];
+      if (!list || !option) return;
+      const listRect = list.getBoundingClientRect();
+      const optionRect = option.getBoundingClientRect();
+      let scrollAmount = 0;
+      if (optionRect.top < listRect.top) {
+        scrollAmount = list.scrollTop - (listRect.top - optionRect.top);
+      } else if (optionRect.bottom > listRect.bottom) {
+        scrollAmount = list.scrollTop + (optionRect.bottom - listRect.bottom);
+      } else {
+        return;
+      }
+      list.scrollTo({ top: scrollAmount, behavior: "smooth" });
+    });
+  };
+  const handleSearchKeydown = (e2) => {
+    if (e2.key === "ArrowDown") {
+      e2.preventDefault();
+      setFocusedIndex(Math.min($.get(focusedIndex) + 1, $.get(filteredCountries).length - 1));
+      scrollFocusedIntoView();
+    } else if (e2.key === "ArrowUp") {
+      e2.preventDefault();
+      setFocusedIndex(Math.max($.get(focusedIndex) - 1, 0));
+      scrollFocusedIntoView();
+    } else if (e2.key === "Enter" && $.get(filteredCountries)[$.get(focusedIndex)]) {
+      e2.preventDefault();
+      selectCountry($.get(filteredCountries)[$.get(focusedIndex)].id);
+    } else if (e2.key === "Escape") {
+      closeDropdown();
+    }
+  };
+  const removeListeners = () => {
+    window.removeEventListener("resize", positionDropdown);
+    window.removeEventListener("scroll", positionDropdown, true);
+    window.removeEventListener("click", onDocClick, true);
+  };
+  $.user_effect(() => {
+    if (!$.get(hasDropdown) && $.get(dropdownOpen)) {
+      closeDropdown();
+    }
+  });
+  $.user_effect(() => {
+    if (!$.get(dropdownOpen)) {
+      removeListeners();
+      return;
+    }
+    positionDropdown();
+    window.addEventListener("resize", positionDropdown);
+    window.addEventListener("scroll", positionDropdown, true);
+    window.addEventListener("click", onDocClick, true);
+  });
+  onDestroy(removeListeners);
+  return {
+    get dropdownOpen() {
+      return $.get(dropdownOpen);
+    },
+    get isClosing() {
+      return $.get(isClosing);
+    },
+    get search() {
+      return $.get(search);
+    },
+    get focusedIndex() {
+      return $.get(focusedIndex);
+    },
+    get dropdownStyle() {
+      return $.get(dropdownStyle);
+    },
+    get filteredCountries() {
+      return $.get(filteredCountries);
+    },
+    get hasDropdown() {
+      return $.get(hasDropdown);
+    },
+    openDropdown,
+    closeDropdown,
+    toggleDropdown,
+    selectCountry,
+    setFocusedIndex,
+    handleSearchChange,
+    handleSearchKeydown,
+    handleDropdownAnimationEnd
+  };
+}
+function useClipboard(delay = 1800) {
+  let copied = $.state(false);
+  let isCopying = $.state(false);
+  const copyTimer = useTimer();
+  const copy = async (text) => {
+    if ($.get(isCopying)) return false;
+    const trimmedText = text.trim();
+    if (!trimmedText) return false;
+    $.set(isCopying, true);
+    try {
+      await navigator.clipboard.writeText(trimmedText);
+      $.set(copied, true);
+      copyTimer.set(
+        () => {
+          $.set(copied, false);
+        },
+        delay
+      );
+      return true;
+    } catch (err) {
+      console.warn("Copy failed", err);
+      return false;
+    } finally {
+      $.set(isCopying, false);
+    }
+  };
+  return {
+    get copied() {
+      return $.get(copied);
+    },
+    get isCopying() {
+      return $.get(isCopying);
+    },
+    copy
+  };
+}
+const DELAY = 1800;
+function useCopyAction({ liveRef, fullFormatted, onCopy }) {
+  const liveTimer = useTimer();
+  const clipboard = useClipboard(DELAY);
+  const copyAriaLabel = $.derived(() => clipboard.copied ? "Copied" : `Copy ${fullFormatted()}`);
+  const copyButtonTitle = $.derived(() => clipboard.copied ? "Copied" : "Copy phone number");
+  const announceToScreenReader = (message) => {
+    const el = liveRef?.();
+    if (!el) return;
+    el.textContent = message;
+    liveTimer.set(
+      () => {
+        const el2 = liveRef?.();
+        if (el2) el2.textContent = "";
+      },
+      DELAY
+    );
+  };
+  const onCopyClick = async () => {
+    const valueToCopy = fullFormatted().trim();
+    const success = await clipboard.copy(valueToCopy);
+    if (success) {
+      onCopy?.(valueToCopy);
+      announceToScreenReader("Phone number copied to clipboard");
+    }
+  };
+  return {
+    get copied() {
+      return clipboard.copied;
+    },
+    get copyAriaLabel() {
+      return $.get(copyAriaLabel);
+    },
+    get copyButtonTitle() {
+      return $.get(copyButtonTitle);
+    },
+    onCopyClick
+  };
+}
+function useTheme({ theme }) {
+  let systemDark = $.state(false);
+  const themeClass = $.derived(() => theme() !== "auto" ? `theme-${theme()}` : $.get(systemDark) ? "theme-dark" : "theme-light");
+  $.user_effect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia?.("(prefers-color-scheme: dark)") ?? null;
+    if (!mq) return;
+    $.set(systemDark, mq.matches, true);
+    const handler = (e2) => {
+      $.set(systemDark, e2.matches, true);
+    };
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  });
+  return {
+    get themeClass() {
+      return $.get(themeClass);
+    }
+  };
+}
+var root_3 = $.from_svg(`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2.5 4.5L6 8L9.5 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
+var root_7 = $.from_svg(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M6.5 11.5L3 8L4.06 6.94L6.5 9.38L11.94 3.94L13 5L6.5 11.5Z" fill="currentColor"></path></svg>`);
+var root_8 = $.from_svg(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M13.5 5.5V13.5H5.5V5.5H13.5ZM13.5 4H5.5C4.67 4 4 4.67 4 5.5V13.5C4 14.33 4.67 15 5.5 15H13.5C14.33 15 15 14.33 15 13.5V5.5C15 4.67 14.33 4 13.5 4ZM10.5 1H2.5V11H4V2.5H10.5V1Z" fill="currentColor"></path></svg>`);
+var root_5 = $.from_html(`<button type="button"><!></button>`);
+var root_11 = $.from_svg(`<svg width="11" height="11" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="currentColor"></path></svg>`);
+var root_9 = $.from_html(`<button type="button" class="pi-btn pi-btn-clear"><!></button>`);
+var root_13 = $.from_html(`<li role="option"><span class="pi-flag" role="img"><!></span> <span class="pi-opt-name"> </span> <span class="pi-opt-code"> </span></li>`);
+var root_16 = $.from_html(`<li class="pi-empty"> </li>`);
+var root_12 = $.from_html(`<div role="dialog" aria-modal="false" aria-label="Select country"><div class="pi-search-wrap"><input type="search" class="pi-search" aria-label="Search countries"/></div> <ul class="pi-options" role="listbox" tabindex="-1"></ul></div>`);
+var root = $.from_html(`<div><div class="pi-selector"><button type="button"><span class="pi-flag" role="img"><!></span> <span class="pi-code"> </span> <!></button></div> <div class="pi-input-wrap"><input type="tel" inputmode="tel" autocomplete="tel-national" autocorrect="off" autocapitalize="off" spellcheck="false" class="pi-input"/> <div class="pi-actions" role="toolbar" aria-label="Phone input actions"><!> <!> <!></div></div></div> <!> <div class="sr-only" role="status" aria-live="polite" aria-atomic="true"></div>`, 1);
+function PhoneInput$1($$anchor, $$props) {
+  $.push($$props, true);
+  let value = $.prop($$props, "value", 15, ""), detect = $.prop($$props, "detect", 3, true), size = $.prop($$props, "size", 3, "normal"), theme = $.prop($$props, "theme", 3, "auto"), disabled = $.prop($$props, "disabled", 3, false), readonly = $.prop($$props, "readonly", 3, false), showCopy = $.prop($$props, "showCopy", 3, true), showClear = $.prop($$props, "showClear", 3, false), withValidity = $.prop($$props, "withValidity", 3, true), searchPlaceholder = $.prop($$props, "searchPlaceholder", 3, "Search country or code..."), noResultsText = $.prop($$props, "noResultsText", 3, "No countries found"), clearButtonLabel = $.prop($$props, "clearButtonLabel", 3, "Clear phone number"), dropdownClass = $.prop($$props, "dropdownClass", 3, ""), disableDefaultStyles = $.prop($$props, "disableDefaultStyles", 3, false), restProps = $.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "value",
+    "country",
+    "detect",
+    "locale",
+    "size",
+    "theme",
+    "disabled",
+    "readonly",
+    "showCopy",
+    "showClear",
+    "withValidity",
+    "searchPlaceholder",
+    "noResultsText",
+    "clearButtonLabel",
+    "dropdownClass",
+    "disableDefaultStyles",
+    "onchange",
+    "oncountrychange",
+    "onvalidationchange",
+    "onfocus",
+    "onblur",
+    "oncopy",
+    "onclear",
+    "flag",
+    "copysvg",
+    "clearsvg",
+    "actionsbefore",
+    "class"
+  ]);
+  let rootEl = $.state(null);
+  let telEl = $.state(null);
+  let liveEl = $.state(null);
+  let dropdownEl = $.state(null);
+  let searchEl = $.state(null);
+  let selectorEl = $.state(null);
+  const countryData = useCountry({
+    country: () => $$props.country,
+    locale: () => $$props.locale,
+    detect: () => detect(),
+    onCountryChange: (...args) => $$props.oncountrychange?.(...args)
+  });
+  const formatterData = useFormatter({
+    country: () => countryData.country,
+    value: () => value(),
+    onChange: (v) => value(v),
+    onPhoneChange: (...args) => $$props.onchange?.(...args),
+    onValidationChange: (...args) => $$props.onvalidationchange?.(...args)
+  });
+  const validationHint = useValidationHint();
+  const inactive = $.derived(() => disabled() || readonly());
+  const incomplete = $.derived(() => validationHint.showValidationHint && formatterData.shouldShowWarn);
+  const showCopyButton = $.derived(() => showCopy() && !formatterData.isEmpty && !disabled());
+  const showClearButton = $.derived(() => showClear() && !formatterData.isEmpty && !$.get(inactive));
+  const copyData = useCopyAction({
+    liveRef: () => $.get(liveEl),
+    fullFormatted: () => formatterData.fullFormatted,
+    onCopy: (...args) => $$props.oncopy?.(...args)
+  });
+  const focusInput = () => tick().then(() => $.get(telEl)?.focus());
+  const selectorData = useCountrySelector({
+    rootRef: () => $.get(rootEl),
+    dropdownRef: () => $.get(dropdownEl),
+    searchRef: () => $.get(searchEl),
+    selectorRef: () => $.get(selectorEl),
+    locale: () => countryData.locale,
+    countryOption: () => $$props.country,
+    inactive: () => $.get(inactive),
+    onSelectCountry: countryData.setCountry,
+    onAfterSelect: focusInput
+  });
+  const inputHandlers = useInputHandlers({
+    formatter: () => formatterData.formatter,
+    digits: () => formatterData.digits,
+    inactive: () => $.get(inactive),
+    onChange: (v) => value(v),
+    scheduleValidationHint: validationHint.scheduleValidationHint
+  });
+  const handleFocus = (e2) => {
+    validationHint.clearValidationHint(false);
+    selectorData.closeDropdown();
+    $$props.onfocus?.(e2);
+  };
+  const handleBlur = (e2) => $$props.onblur?.(e2);
+  function focus() {
+    focusInput();
+  }
+  function blur() {
+    $.get(telEl)?.blur();
+  }
+  function clear() {
+    value("");
+    validationHint.clearValidationHint();
+    $$props.onclear?.();
+  }
+  function selectCountry(code) {
+    countryData.setCountry(code);
+  }
+  function getFullNumber() {
+    return formatterData.full;
+  }
+  function getFullFormattedNumber() {
+    return formatterData.fullFormatted;
+  }
+  function getDigits() {
+    return formatterData.digits;
+  }
+  function isValid() {
+    return formatterData.isComplete;
+  }
+  function isComplete() {
+    return formatterData.isComplete;
+  }
+  const handleClearClick = () => {
+    clear();
+    focusInput();
+  };
+  const themeData = useTheme({ theme: () => theme() });
+  const rootClasses = $.derived(() => [
+    "phone-input",
+    `size-${size()}`,
+    themeData.themeClass,
+    disabled() && "is-disabled",
+    readonly() && "is-readonly",
+    disableDefaultStyles() && "is-unstyled",
+    withValidity() && $.get(incomplete) && "is-incomplete",
+    withValidity() && formatterData.isComplete && "is-complete",
+    $$props.class
+  ].filter(Boolean).join(" "));
+  const actionsCount = $.derived(() => +$.get(showCopyButton) + +$.get(showClearButton) + ($$props.actionsbefore ? 1 : 0));
+  function portal(node) {
+    document.body.appendChild(node);
+    return { destroy: () => node.remove() };
+  }
+  var $$exports = {
+    focus,
+    blur,
+    clear,
+    selectCountry,
+    getFullNumber,
+    getFullFormattedNumber,
+    getDigits,
+    isValid,
+    isComplete
+  };
+  var fragment = root();
+  var div = $.first_child(fragment);
+  $.attribute_effect(div, () => ({
+    class: $.get(rootClasses),
+    ...restProps,
+    role: "group",
+    "aria-label": "Phone input with country selector",
+    [$.STYLE]: { "--pi-actions-count": $.get(actionsCount) }
+  }));
+  var div_1 = $.child(div);
+  var button = $.child(div_1);
+  let classes;
+  var span = $.child(button);
+  var node_1 = $.child(span);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment_1 = $.comment();
+      var node_2 = $.first_child(fragment_1);
+      $.snippet(node_2, () => $$props.flag, () => countryData.country);
+      $.append($$anchor2, fragment_1);
+    };
+    var alternate = ($$anchor2) => {
+      var text = $.text();
+      $.template_effect(() => $.set_text(text, countryData.country.flag));
+      $.append($$anchor2, text);
+    };
+    $.if(node_1, ($$render) => {
+      if ($$props.flag) $$render(consequent);
+      else $$render(alternate, -1);
+    });
+  }
+  $.reset(span);
+  var span_1 = $.sibling(span, 2);
+  var text_1 = $.child(span_1, true);
+  $.reset(span_1);
+  var node_3 = $.sibling(span_1, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var svg = root_3();
+      let classes_1;
+      $.template_effect(() => classes_1 = $.set_class(svg, 0, "pi-chevron", null, classes_1, { "is-open": selectorData.dropdownOpen }));
+      $.append($$anchor2, svg);
+    };
+    $.if(node_3, ($$render) => {
+      if (!$.get(inactive) && selectorData.hasDropdown) $$render(consequent_1);
+    });
+  }
+  $.reset(button);
+  $.reset(div_1);
+  $.bind_this(div_1, ($$value) => $.set(selectorEl, $$value), () => $.get(selectorEl));
+  var div_2 = $.sibling(div_1, 2);
+  var input = $.child(div_2);
+  $.remove_input_defaults(input);
+  $.bind_this(input, ($$value) => $.set(telEl, $$value), () => $.get(telEl));
+  var div_3 = $.sibling(input, 2);
+  var node_4 = $.child(div_3);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var fragment_3 = $.comment();
+      var node_5 = $.first_child(fragment_3);
+      $.snippet(node_5, () => $$props.actionsbefore);
+      $.append($$anchor2, fragment_3);
+    };
+    $.if(node_4, ($$render) => {
+      if ($$props.actionsbefore) $$render(consequent_2);
+    });
+  }
+  var node_6 = $.sibling(node_4, 2);
+  {
+    var consequent_5 = ($$anchor2) => {
+      var button_1 = root_5();
+      let classes_2;
+      var node_7 = $.child(button_1);
+      {
+        var consequent_3 = ($$anchor3) => {
+          var fragment_4 = $.comment();
+          var node_8 = $.first_child(fragment_4);
+          $.snippet(node_8, () => $$props.copysvg, () => copyData.copied);
+          $.append($$anchor3, fragment_4);
+        };
+        var consequent_4 = ($$anchor3) => {
+          var svg_1 = root_7();
+          $.append($$anchor3, svg_1);
+        };
+        var alternate_1 = ($$anchor3) => {
+          var svg_2 = root_8();
+          $.append($$anchor3, svg_2);
+        };
+        $.if(node_7, ($$render) => {
+          if ($$props.copysvg) $$render(consequent_3);
+          else if (copyData.copied) $$render(consequent_4, 1);
+          else $$render(alternate_1, -1);
+        });
+      }
+      $.reset(button_1);
+      $.template_effect(() => {
+        classes_2 = $.set_class(button_1, 1, "pi-btn pi-btn-copy", null, classes_2, { "is-copied": copyData.copied });
+        $.set_attribute(button_1, "aria-label", copyData.copyAriaLabel);
+        $.set_attribute(button_1, "title", copyData.copyButtonTitle);
+      });
+      $.delegated("click", button_1, function(...$$args) {
+        copyData.onCopyClick?.apply(this, $$args);
+      });
+      $.append($$anchor2, button_1);
+    };
+    $.if(node_6, ($$render) => {
+      if ($.get(showCopyButton)) $$render(consequent_5);
+    });
+  }
+  var node_9 = $.sibling(node_6, 2);
+  {
+    var consequent_7 = ($$anchor2) => {
+      var button_2 = root_9();
+      var node_10 = $.child(button_2);
+      {
+        var consequent_6 = ($$anchor3) => {
+          var fragment_5 = $.comment();
+          var node_11 = $.first_child(fragment_5);
+          $.snippet(node_11, () => $$props.clearsvg);
+          $.append($$anchor3, fragment_5);
+        };
+        var alternate_2 = ($$anchor3) => {
+          var svg_3 = root_11();
+          $.append($$anchor3, svg_3);
+        };
+        $.if(node_10, ($$render) => {
+          if ($$props.clearsvg) $$render(consequent_6);
+          else $$render(alternate_2, -1);
+        });
+      }
+      $.reset(button_2);
+      $.template_effect(() => {
+        $.set_attribute(button_2, "aria-label", clearButtonLabel());
+        $.set_attribute(button_2, "title", clearButtonLabel());
+      });
+      $.delegated("click", button_2, handleClearClick);
+      $.append($$anchor2, button_2);
+    };
+    $.if(node_9, ($$render) => {
+      if ($.get(showClearButton)) $$render(consequent_7);
+    });
+  }
+  $.reset(div_3);
+  $.reset(div_2);
+  $.reset(div);
+  $.bind_this(div, ($$value) => $.set(rootEl, $$value), () => $.get(rootEl));
+  var node_12 = $.sibling(div, 2);
+  {
+    var consequent_9 = ($$anchor2) => {
+      var div_4 = root_12();
+      let classes_3;
+      let styles;
+      var div_5 = $.child(div_4);
+      var input_1 = $.child(div_5);
+      $.remove_input_defaults(input_1);
+      $.bind_this(input_1, ($$value) => $.set(searchEl, $$value), () => $.get(searchEl));
+      $.reset(div_5);
+      var ul = $.sibling(div_5, 2);
+      $.each(
+        ul,
+        23,
+        () => selectorData.filteredCountries,
+        (c) => c.id,
+        ($$anchor3, c, idx) => {
+          var li = root_13();
+          let classes_4;
+          var span_2 = $.child(li);
+          var node_13 = $.child(span_2);
+          {
+            var consequent_8 = ($$anchor4) => {
+              var fragment_6 = $.comment();
+              var node_14 = $.first_child(fragment_6);
+              $.snippet(node_14, () => $$props.flag, () => $.get(c));
+              $.append($$anchor4, fragment_6);
+            };
+            var alternate_3 = ($$anchor4) => {
+              var text_2 = $.text();
+              $.template_effect(() => $.set_text(text_2, $.get(c).flag));
+              $.append($$anchor4, text_2);
+            };
+            $.if(node_13, ($$render) => {
+              if ($$props.flag) $$render(consequent_8);
+              else $$render(alternate_3, -1);
+            });
+          }
+          $.reset(span_2);
+          var span_3 = $.sibling(span_2, 2);
+          var text_3 = $.child(span_3, true);
+          $.reset(span_3);
+          var span_4 = $.sibling(span_3, 2);
+          var text_4 = $.child(span_4, true);
+          $.reset(span_4);
+          $.reset(li);
+          $.template_effect(() => {
+            $.set_attribute(li, "id", `option-${$.get(idx) ?? ""}`);
+            classes_4 = $.set_class(li, 1, "pi-option", null, classes_4, {
+              "is-focused": $.get(idx) === selectorData.focusedIndex,
+              "is-selected": $.get(c).id === countryData.country.id
+            });
+            $.set_attribute(li, "aria-selected", $.get(c).id === countryData.country.id);
+            $.set_attribute(li, "title", $.get(c).name);
+            $.set_attribute(span_2, "aria-label", `${$.get(c).name ?? ""} flag`);
+            $.set_text(text_3, $.get(c).name);
+            $.set_text(text_4, $.get(c).code);
+          });
+          $.delegated("click", li, () => selectorData.selectCountry($.get(c).id));
+          $.delegated("keydown", li, (e2) => {
+            if (e2.key === "Enter" || e2.key === " ") {
+              e2.preventDefault();
+              selectorData.selectCountry($.get(c).id);
+            }
+          });
+          $.event("mouseenter", li, () => selectorData.setFocusedIndex($.get(idx)));
+          $.append($$anchor3, li);
+        },
+        ($$anchor3) => {
+          var li_1 = root_16();
+          var text_5 = $.child(li_1, true);
+          $.reset(li_1);
+          $.template_effect(() => $.set_text(text_5, noResultsText()));
+          $.append($$anchor3, li_1);
+        }
+      );
+      $.reset(ul);
+      $.reset(div_4);
+      $.action(div_4, ($$node) => portal?.($$node));
+      $.bind_this(div_4, ($$value) => $.set(dropdownEl, $$value), () => $.get(dropdownEl));
+      $.template_effect(() => {
+        classes_3 = $.set_class(div_4, 1, `phone-dropdown ${dropdownClass() ?? ""} ${themeData.themeClass ?? ""}`, null, classes_3, { "is-closing": selectorData.isClosing });
+        styles = $.set_style(div_4, "", styles, {
+          position: "absolute",
+          top: selectorData.dropdownStyle.top,
+          left: selectorData.dropdownStyle.left,
+          width: selectorData.dropdownStyle.width
+        });
+        $.set_attribute(input_1, "placeholder", searchPlaceholder());
+        $.set_value(input_1, selectorData.search);
+        $.set_attribute(ul, "aria-activedescendant", `option-${selectorData.focusedIndex ?? ""}`);
+      });
+      $.event("animationend", div_4, function(...$$args) {
+        selectorData.handleDropdownAnimationEnd?.apply(this, $$args);
+      });
+      $.delegated("keydown", input_1, function(...$$args) {
+        selectorData.handleSearchKeydown?.apply(this, $$args);
+      });
+      $.delegated("input", input_1, function(...$$args) {
+        selectorData.handleSearchChange?.apply(this, $$args);
+      });
+      $.append($$anchor2, div_4);
+    };
+    $.if(node_12, ($$render) => {
+      if (selectorData.dropdownOpen) $$render(consequent_9);
+    });
+  }
+  var div_6 = $.sibling(node_12, 2);
+  $.bind_this(div_6, ($$value) => $.set(liveEl, $$value), () => $.get(liveEl));
+  $.template_effect(() => {
+    classes = $.set_class(button, 1, "pi-selector-btn", null, classes, { "no-dropdown": !selectorData.hasDropdown || readonly() });
+    button.disabled = disabled();
+    $.set_attribute(button, "tabindex", $.get(inactive) || !selectorData.hasDropdown ? -1 : void 0);
+    $.set_attribute(button, "aria-label", `Selected country: ${countryData.country.name ?? ""}`);
+    $.set_attribute(button, "aria-expanded", selectorData.dropdownOpen);
+    $.set_attribute(button, "aria-haspopup", selectorData.hasDropdown ? "listbox" : void 0);
+    $.set_attribute(span, "aria-label", `${countryData.country.name ?? ""} flag`);
+    $.set_text(text_1, countryData.country.code);
+    $.set_attribute(input, "placeholder", formatterData.displayPlaceholder);
+    $.set_value(input, formatterData.displayValue);
+    input.disabled = disabled();
+    input.readOnly = readonly();
+    $.set_attribute(input, "aria-invalid", $.get(incomplete));
+  });
+  $.delegated("click", button, function(...$$args) {
+    selectorData.toggleDropdown?.apply(this, $$args);
+  });
+  $.delegated("beforeinput", input, function(...$$args) {
+    inputHandlers.handleBeforeInput?.apply(this, $$args);
+  });
+  $.delegated("input", input, function(...$$args) {
+    inputHandlers.handleInput?.apply(this, $$args);
+  });
+  $.delegated("keydown", input, function(...$$args) {
+    inputHandlers.handleKeydown?.apply(this, $$args);
+  });
+  $.event("paste", input, function(...$$args) {
+    inputHandlers.handlePaste?.apply(this, $$args);
+  });
+  $.event("focus", input, handleFocus);
+  $.event("blur", input, handleBlur);
+  $.append($$anchor, fragment);
+  return $.pop($$exports);
+}
+$.delegate(["click", "beforeinput", "input", "keydown"]);
+function usePhoneMask(options) {
+  let inputRef = $.state(null);
+  const countryData = useCountry({
+    country: options.country,
+    locale: options.locale,
+    detect: options.detect,
+    onCountryChange: options.onCountryChange
+  });
+  const formatterData = useFormatter({
+    country: () => countryData.country,
+    value: options.value,
+    onChange: options.onChange,
+    onPhoneChange: options.onPhoneChange
+  });
+  const { handleBeforeInput, handleInput, handleKeydown, handlePaste } = useInputHandlers({
+    formatter: () => formatterData.formatter,
+    digits: () => formatterData.digits,
+    onChange: options.onChange
+  });
+  $.user_effect(() => {
+    const el = $.get(inputRef);
+    if (!el) return;
+    el.setAttribute("type", "tel");
+    el.setAttribute("inputmode", "tel");
+    el.addEventListener("beforeinput", handleBeforeInput);
+    el.addEventListener("input", handleInput);
+    el.addEventListener("keydown", handleKeydown);
+    el.addEventListener("paste", handlePaste);
+    return () => {
+      el.removeEventListener("beforeinput", handleBeforeInput);
+      el.removeEventListener("input", handleInput);
+      el.removeEventListener("keydown", handleKeydown);
+      el.removeEventListener("paste", handlePaste);
+    };
+  });
+  $.user_effect(() => {
+    const el = $.get(inputRef);
+    if (!el) return;
+    el.value = formatterData.displayValue;
+    el.setAttribute("placeholder", formatterData.displayPlaceholder);
+  });
+  const clear = () => {
+    options.onChange("");
+  };
+  return {
+    get inputRef() {
+      return $.get(inputRef);
+    },
+    set inputRef(el) {
+      $.set(inputRef, el, true);
+    },
+    get digits() {
+      return formatterData.digits;
+    },
+    get full() {
+      return formatterData.full;
+    },
+    get fullFormatted() {
+      return formatterData.fullFormatted;
+    },
+    get isComplete() {
+      return formatterData.isComplete;
+    },
+    get isEmpty() {
+      return formatterData.isEmpty;
+    },
+    get shouldShowWarn() {
+      return formatterData.shouldShowWarn;
+    },
+    get country() {
+      return countryData.country;
+    },
+    get locale() {
+      return countryData.locale;
+    },
+    setCountry: countryData.setCountry,
+    clear
+  };
+}
+const PhoneInput = PhoneInput$1;
+const PMaskHelpers = {
+  getFlagEmoji: k,
+  countPlaceholders,
+  formatDigitsWithMap,
+  pickMaskVariant,
+  removeCountryCodePrefix,
+  toArray
+};
+export {
+  PMaskHelpers,
+  PhoneInput,
+  usePhoneMask
+};