@alikhalilll/ui 1.2.0 → 1.2.2

package/dist/chunks/ATellInput.vue_vue_type_script_setup_true_lang-D4odgAna.mjs

@@ -0,0 +1,1606 @@
+import { ref as L, onMounted as me, readonly as ce, computed as k, defineComponent as ve, watch as re, openBlock as M, createElementBlock as O, normalizeClass as Z, unref as o, toDisplayString as z, renderSlot as y, createElementVNode as A, useModel as pe, createBlock as Te, withCtx as R, createVNode as N, createCommentVNode as j, withDirectives as Ge, vModelText as He, Fragment as de, renderList as Ce, mergeModels as De, useId as Ze, Transition as fe, createSlots as je, normalizeProps as Q, guardReactiveProps as X } from "vue";
+import { ChevronDown as Je, Search as Ye, Check as Ae, Loader2 as qe, CheckCircle2 as We, AlertCircle as Qe } from "lucide-vue-next";
+import { c as V } from "./cn-B6yFEsav.mjs";
+import { c as te, d as q, b as Be, D as Me } from "./sizes-B_9MfLkz.mjs";
+import { isValidPhoneNumber as Xe, parsePhoneNumberFromString as ie, getExampleNumber as et } from "libphonenumber-js";
+import tt from "libphonenumber-js/examples.mobile.json";
+import { useDebounceFn as at } from "@vueuse/core";
+import { cva as rt } from "class-variance-authority";
+import { _ as nt, b as lt, a as ot } from "./AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-BrBsDiHc.mjs";
+const st = [
+  { name: "arabic-indic", base: 1632 },
+  // ٠١٢٣٤٥٦٧٨٩
+  { name: "extended-arabic", base: 1776 },
+  // ۰۱۲۳۴۵۶۷۸۹ — Persian / Urdu
+  { name: "devanagari", base: 2406 },
+  // ०१२३४५६७८९
+  { name: "bengali", base: 2534 }
+  // ০১২৩৪৫৬৭৮৯
+], it = (() => {
+  const a = /* @__PURE__ */ new Map();
+  for (const { base: t } of st)
+    for (let e = 0; e <= 9; e++) a.set(t + e, String(e));
+  return a;
+})();
+function se(a) {
+  const t = String(a ?? "");
+  let e = "";
+  for (const n of t) {
+    const g = n.codePointAt(0);
+    e += g != null && it.get(g) || n;
+  }
+  return e;
+}
+const ke = "ali_ui_phone_countries_v1", ut = "https://restcountries.com/v3.1/all?fields=name,cca2,idd,flags", ct = tt, Se = () => typeof window < "u";
+function W(a) {
+  return se(String(a ?? "")).replace(/\D/g, "");
+}
+function dt(a, t) {
+  if (!t) return a;
+  try {
+    const e = new Intl.NumberFormat(t, { useGrouping: !1 });
+    return a.replace(/[0-9]/g, (n) => e.format(Number(n)));
+  } catch {
+    return a;
+  }
+}
+function he(a) {
+  const t = W(a);
+  return t ? `+${t}` : "";
+}
+function oe(a) {
+  return String(a ?? "").trim().toUpperCase();
+}
+function Ne(a) {
+  return String(a ?? "").replace(/^0+/, "");
+}
+function ae(a, t) {
+  const e = he(a), n = Ne(W(t));
+  return e && n ? `${e}${n}` : null;
+}
+function ft(a) {
+  const t = W(a);
+  if (!t) return { min: null, max: null };
+  const e = t.length;
+  return { min: Math.max(4, e - 2), max: e + 2 };
+}
+function gt(a) {
+  const t = a?.root?.trim();
+  if (!t || !t.startsWith("+")) return null;
+  const e = a?.suffixes?.[0]?.trim() ?? "", n = `${t}${e}`;
+  return n.startsWith("+") ? n : null;
+}
+function ue(a) {
+  return String(a ?? "").toLowerCase().replace(/\s+/g, " ").trim().replace(/[^\p{L}\p{N}+ ]/gu, "");
+}
+function pt(a, t) {
+  if (!t) return a;
+  let e;
+  try {
+    e = new Intl.DisplayNames([t], { type: "region" });
+  } catch {
+    return a;
+  }
+  return a.map((n) => {
+    let g = n.raw_data.name;
+    try {
+      g = e.of(n.raw_data.iso2) || n.raw_data.name;
+    } catch {
+    }
+    if (g === n.raw_data.name) return n;
+    const c = n.raw_data.dial_code;
+    return {
+      ...n,
+      label: `${g} (${c})`,
+      search_key: ue(
+        `${g} ${n.raw_data.name} ${c} ${n.raw_data.iso2} ${n.raw_data.dial_digits}`
+      ),
+      raw_data: { ...n.raw_data, name: g }
+    };
+  });
+}
+function x(a, t, e) {
+  const n = W(e);
+  return {
+    label: `${t} (+${n})`,
+    value: a,
+    search_key: ue(`${t} +${n} ${a}`),
+    raw_data: {
+      iso2: a,
+      dial_code: `+${n}`,
+      dial_digits: n,
+      name: t,
+      flag: `https://flagcdn.com/w40/${a.toLowerCase()}.png`,
+      source: "fallback",
+      original: {}
+    }
+  };
+}
+const $e = [
+  x("SA", "Saudi Arabia", "+966"),
+  x("EG", "Egypt", "+20"),
+  x("AE", "United Arab Emirates", "+971"),
+  x("US", "United States", "+1"),
+  x("GB", "United Kingdom", "+44"),
+  x("DE", "Germany", "+49"),
+  x("FR", "France", "+33"),
+  x("ES", "Spain", "+34"),
+  x("IT", "Italy", "+39"),
+  x("TR", "Turkey", "+90"),
+  x("RU", "Russia", "+7"),
+  x("CN", "China", "+86"),
+  x("IN", "India", "+91"),
+  x("JP", "Japan", "+81"),
+  x("KR", "South Korea", "+82"),
+  x("BR", "Brazil", "+55"),
+  x("MX", "Mexico", "+52"),
+  x("CA", "Canada", "+1"),
+  x("AU", "Australia", "+61"),
+  x("NG", "Nigeria", "+234"),
+  x("PK", "Pakistan", "+92"),
+  x("ID", "Indonesia", "+62")
+];
+function Pe() {
+  const a = L([]), t = L(!1), e = L(/* @__PURE__ */ new Map()), n = L(/* @__PURE__ */ new Map());
+  function g(p) {
+    const _ = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
+    for (const r of p) {
+      _.set(r.value, r);
+      const u = r.raw_data.dial_digits;
+      if (u) {
+        const f = d.get(u) ?? [];
+        f.push(r), d.set(u, f);
+      }
+    }
+    e.value = _, n.value = d;
+  }
+  function c(p) {
+    a.value = p, g(p);
+  }
+  function b(p) {
+    const _ = [];
+    for (const r of p) {
+      const u = r?.name?.common?.trim(), f = oe(r?.cca2), I = gt(r?.idd), F = r?.flags?.png?.trim() || r?.flags?.svg?.trim() || null;
+      if (!u || !f || !I) continue;
+      const D = W(I), P = ue(`${u} ${I} ${f} ${D}`);
+      _.push({
+        label: `${u} (${I})`,
+        value: f,
+        search_key: P,
+        raw_data: {
+          iso2: f,
+          dial_code: I,
+          dial_digits: D,
+          name: u,
+          flag: F,
+          source: "restcountries",
+          original: r
+        }
+      });
+    }
+    const d = /* @__PURE__ */ new Map();
+    for (const r of _) {
+      const u = d.get(r.value);
+      if (!u) {
+        d.set(r.value, r);
+        continue;
+      }
+      const f = (u.raw_data.flag ? 1 : 0) + (u.raw_data.dial_code ? 1 : 0);
+      (r.raw_data.flag ? 1 : 0) + (r.raw_data.dial_code ? 1 : 0) > f && d.set(r.value, r);
+    }
+    return Array.from(d.values()).sort((r, u) => r.raw_data.name.localeCompare(u.raw_data.name));
+  }
+  async function $(p) {
+    const _ = !!p?.force;
+    if (!_ && a.value.length) return a.value;
+    if (!_ && Se())
+      try {
+        const d = localStorage.getItem(ke);
+        if (d) {
+          const r = JSON.parse(d);
+          if (Array.isArray(r) && r.length)
+            return c(r), a.value;
+        }
+      } catch {
+      }
+    t.value = !0;
+    try {
+      const d = await fetch(ut);
+      if (!d.ok) throw new Error(`Failed to fetch countries: ${d.status}`);
+      const r = await d.json(), u = b(r);
+      if (c(u.length ? u : $e), Se())
+        try {
+          localStorage.setItem(ke, JSON.stringify(a.value));
+        } catch {
+        }
+      return a.value;
+    } catch {
+      return c($e), a.value;
+    } finally {
+      t.value = !1;
+    }
+  }
+  function C(p, _ = 50) {
+    const d = ue(p);
+    if (!d) return a.value.slice(0, _);
+    const r = [];
+    for (const u of a.value)
+      if (u.search_key.includes(d) && (r.push(u), r.length >= _))
+        break;
+    return r;
+  }
+  function T(p) {
+    return e.value.get(oe(p)) ?? null;
+  }
+  function v(p) {
+    return n.value.get(W(p)) ?? [];
+  }
+  function m(p, _) {
+    const d = oe(p.iso2);
+    if (!d) return null;
+    try {
+      const r = et(d, ct), u = r?.formatNational?.() ?? "", f = r?.format?.("E.164") ?? "", I = ft(u), F = p.dial_code ? he(p.dial_code) : f ? `+${r?.countryCallingCode}` : "", D = W(u);
+      return {
+        iso2: d,
+        dial_code: F,
+        placeholder: "",
+        example_national: u,
+        example_e164: f,
+        national_number_length: I,
+        format_hint: D ? `e.g. ${dt(D, _)}` : ""
+      };
+    } catch {
+      return null;
+    }
+  }
+  function E(p) {
+    const _ = p.country ?? null;
+    if (!_?.iso2)
+      return {
+        ok: !1,
+        reason: "missing_country",
+        country: null,
+        phone: { raw: ("phone" in p ? p.phone : null) ?? null, digits: "" },
+        full_phone: null,
+        required: null
+      };
+    const d = oe(_.iso2), r = m({ iso2: d, dial_code: _.dial_code }, p.locale);
+    if (!r)
+      return {
+        ok: !1,
+        reason: "country_not_supported",
+        country: { iso2: d, dial_code: he(_.dial_code) },
+        phone: { raw: ("phone" in p ? p.phone : null) ?? null, digits: "" },
+        full_phone: null,
+        required: null
+      };
+    if (!("phone" in p))
+      return {
+        ok: !0,
+        reason: null,
+        country: { iso2: r.iso2, dial_code: r.dial_code },
+        phone: { raw: null, digits: "" },
+        full_phone: null,
+        required: r
+      };
+    const u = p.phone, f = W(u);
+    if (!u || !String(u).trim())
+      return {
+        ok: !0,
+        reason: null,
+        country: { iso2: r.iso2, dial_code: r.dial_code },
+        phone: { raw: u ?? null, digits: "" },
+        full_phone: null,
+        required: r
+      };
+    if (String(u).replace(/\s+/g, "").match(/[^\d+]/))
+      return {
+        ok: !1,
+        reason: "phone_has_non_digits",
+        country: { iso2: r.iso2, dial_code: r.dial_code },
+        phone: { raw: u, digits: f },
+        full_phone: ae(r.dial_code, f),
+        required: r
+      };
+    const I = Ne(f), { min: F, max: D } = r.national_number_length;
+    if (F !== null && I.length < F)
+      return {
+        ok: !1,
+        reason: "too_short",
+        country: { iso2: r.iso2, dial_code: r.dial_code },
+        phone: { raw: u, digits: f },
+        full_phone: ae(r.dial_code, f),
+        required: r,
+        details: { min: F, actual: I.length }
+      };
+    if (D !== null && I.length > D)
+      return {
+        ok: !1,
+        reason: "too_long",
+        country: { iso2: r.iso2, dial_code: r.dial_code },
+        phone: { raw: u, digits: f },
+        full_phone: ae(r.dial_code, f),
+        required: r,
+        details: { max: D, actual: I.length }
+      };
+    const P = ae(r.dial_code, f) ?? String(u);
+    try {
+      if (!Xe(P, d)) {
+        const G = ie(P, d);
+        return {
+          ok: !1,
+          reason: "invalid_phone",
+          country: { iso2: r.iso2, dial_code: r.dial_code },
+          phone: { raw: u, digits: f },
+          full_phone: G?.number ?? null,
+          required: r,
+          details: {
+            type: G?.getType?.() ?? null,
+            possible: G?.isPossible?.() ?? null,
+            country: G?.country ?? null
+          }
+        };
+      }
+      const K = ie(P, d);
+      return {
+        ok: !0,
+        reason: null,
+        country: { iso2: r.iso2, dial_code: r.dial_code },
+        phone: { raw: u, digits: f },
+        full_phone: K?.number ?? P,
+        required: r
+      };
+    } catch (B) {
+      return {
+        ok: !1,
+        reason: "parse_failed",
+        country: { iso2: r.iso2, dial_code: r.dial_code },
+        phone: { raw: u, digits: f },
+        full_phone: ae(r.dial_code, f),
+        required: r,
+        details: { error: B?.message ?? String(B) }
+      };
+    }
+  }
+  return {
+    countries: a,
+    isCountriesLoading: t,
+    getCountries: $,
+    searchCountries: C,
+    getCountryByValue: T,
+    getCountriesByDial: v,
+    getRequiredInfo: m,
+    validate: E
+  };
+}
+const Ue = "ali_ui_country_detected", ne = () => typeof window < "u" && typeof document < "u", ht = {
+  // Africa
+  "Africa/Cairo": "EG",
+  "Africa/Johannesburg": "ZA",
+  "Africa/Lagos": "NG",
+  "Africa/Casablanca": "MA",
+  "Africa/Algiers": "DZ",
+  "Africa/Nairobi": "KE",
+  "Africa/Accra": "GH",
+  "Africa/Tunis": "TN",
+  // Americas
+  "America/Argentina/Buenos_Aires": "AR",
+  "America/Bogota": "CO",
+  "America/Caracas": "VE",
+  "America/Chicago": "US",
+  "America/Denver": "US",
+  "America/Halifax": "CA",
+  "America/Lima": "PE",
+  "America/Los_Angeles": "US",
+  "America/Mexico_City": "MX",
+  "America/New_York": "US",
+  "America/Phoenix": "US",
+  "America/Sao_Paulo": "BR",
+  "America/Santiago": "CL",
+  "America/Toronto": "CA",
+  "America/Vancouver": "CA",
+  // Asia
+  "Asia/Baghdad": "IQ",
+  "Asia/Bahrain": "BH",
+  "Asia/Bangkok": "TH",
+  "Asia/Beirut": "LB",
+  "Asia/Damascus": "SY",
+  "Asia/Dhaka": "BD",
+  "Asia/Dubai": "AE",
+  "Asia/Hong_Kong": "HK",
+  "Asia/Jakarta": "ID",
+  "Asia/Jerusalem": "IL",
+  "Asia/Karachi": "PK",
+  "Asia/Kolkata": "IN",
+  "Asia/Kuala_Lumpur": "MY",
+  "Asia/Kuwait": "KW",
+  "Asia/Manila": "PH",
+  "Asia/Muscat": "OM",
+  "Asia/Qatar": "QA",
+  "Asia/Riyadh": "SA",
+  "Asia/Seoul": "KR",
+  "Asia/Shanghai": "CN",
+  "Asia/Singapore": "SG",
+  "Asia/Taipei": "TW",
+  "Asia/Tehran": "IR",
+  "Asia/Tokyo": "JP",
+  "Asia/Yangon": "MM",
+  // Europe
+  "Europe/Amsterdam": "NL",
+  "Europe/Athens": "GR",
+  "Europe/Belgrade": "RS",
+  "Europe/Berlin": "DE",
+  "Europe/Brussels": "BE",
+  "Europe/Bucharest": "RO",
+  "Europe/Budapest": "HU",
+  "Europe/Copenhagen": "DK",
+  "Europe/Dublin": "IE",
+  "Europe/Helsinki": "FI",
+  "Europe/Istanbul": "TR",
+  "Europe/Kyiv": "UA",
+  "Europe/Lisbon": "PT",
+  "Europe/London": "GB",
+  "Europe/Madrid": "ES",
+  "Europe/Moscow": "RU",
+  "Europe/Oslo": "NO",
+  "Europe/Paris": "FR",
+  "Europe/Prague": "CZ",
+  "Europe/Rome": "IT",
+  "Europe/Sofia": "BG",
+  "Europe/Stockholm": "SE",
+  "Europe/Vienna": "AT",
+  "Europe/Warsaw": "PL",
+  "Europe/Zurich": "CH",
+  // Oceania
+  "Australia/Brisbane": "AU",
+  "Australia/Melbourne": "AU",
+  "Australia/Perth": "AU",
+  "Australia/Sydney": "AU",
+  "Pacific/Auckland": "NZ",
+  "Pacific/Honolulu": "US"
+};
+function mt() {
+  if (!ne()) return null;
+  try {
+    const a = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    return ht[a] ?? null;
+  } catch {
+    return null;
+  }
+}
+function vt() {
+  if (!ne()) return null;
+  try {
+    const t = (navigator.language ?? "").match(/^[a-z]{2,3}-([A-Z]{2})/);
+    return t ? t[1] : null;
+  } catch {
+    return null;
+  }
+}
+async function yt(a, t) {
+  if (!ne() || typeof fetch != "function") return null;
+  const e = new AbortController(), n = setTimeout(() => e.abort(), t);
+  try {
+    const g = await fetch(a, { signal: e.signal, credentials: "omit" });
+    if (!g.ok) return null;
+    const c = await g.json(), b = (c.country_code ?? c.country ?? "").toString().toUpperCase();
+    return /^[A-Z]{2}$/.test(b) ? b : null;
+  } catch {
+    return null;
+  } finally {
+    clearTimeout(n);
+  }
+}
+function bt() {
+  if (!ne()) return null;
+  try {
+    const a = sessionStorage.getItem(Ue);
+    return a && /^[A-Z]{2}$/.test(a) ? a : null;
+  } catch {
+    return null;
+  }
+}
+function xe(a) {
+  if (ne())
+    try {
+      sessionStorage.setItem(Ue, a);
+    } catch {
+    }
+}
+async function Re(a = {}) {
+  const {
+    strategy: t = "auto",
+    ipEndpoint: e = "https://ipapi.co/json/",
+    defaultCountry: n = "US",
+    timeoutMs: g = 2e3,
+    cache: c = !0
+  } = a;
+  if (c) {
+    const C = bt();
+    if (C) return C;
+  }
+  if (t === "none")
+    return n.toUpperCase();
+  if (t === "auto") {
+    const C = await yt(e, g);
+    if (C)
+      return c && xe(C), C;
+  }
+  const $ = (mt() ?? vt() ?? n).toUpperCase();
+  return c && xe($), $;
+}
+function ma(a = {}) {
+  const t = L(null), e = L(!1);
+  async function n() {
+    e.value = !0;
+    try {
+      t.value = await Re(a);
+    } finally {
+      e.value = !1;
+    }
+    return t.value;
+  }
+  return me(() => {
+    n();
+  }), { country: t, isLoading: e, refresh: n };
+}
+const Ee = {
+  1: "US",
+  7: "RU",
+  20: "EG",
+  27: "ZA",
+  30: "GR",
+  31: "NL",
+  32: "BE",
+  33: "FR",
+  34: "ES",
+  39: "IT",
+  44: "GB",
+  46: "SE",
+  47: "NO",
+  48: "PL",
+  49: "DE",
+  52: "MX",
+  54: "AR",
+  55: "BR",
+  60: "MY",
+  61: "AU",
+  62: "ID",
+  63: "PH",
+  64: "NZ",
+  65: "SG",
+  66: "TH",
+  81: "JP",
+  82: "KR",
+  84: "VN",
+  86: "CN",
+  90: "TR",
+  91: "IN",
+  92: "PK",
+  95: "MM",
+  212: "MA",
+  213: "DZ",
+  216: "TN",
+  218: "LY",
+  234: "NG",
+  254: "KE",
+  352: "LU",
+  353: "IE",
+  358: "FI",
+  359: "BG",
+  380: "UA",
+  420: "CZ",
+  421: "SK",
+  961: "LB",
+  962: "JO",
+  963: "SY",
+  964: "IQ",
+  965: "KW",
+  966: "SA",
+  967: "YE",
+  968: "OM",
+  970: "PS",
+  971: "AE",
+  972: "IL",
+  973: "BH",
+  974: "QA"
+}, _t = "ali_ui_country_recents_v1";
+function wt() {
+  if (typeof window > "u") return [];
+  try {
+    const a = localStorage.getItem(_t);
+    if (!a) return [];
+    const t = JSON.parse(a);
+    return Array.isArray(t) ? t.filter((e) => typeof e == "string") : [];
+  } catch {
+    return [];
+  }
+}
+function Ct(a) {
+  const { getCountryByValue: t, getCountriesByDial: e } = a;
+  function n(b) {
+    const $ = String(b ?? "").trim();
+    if (!$) return "";
+    if (/^[A-Za-z]{2}$/.test($)) return $.toUpperCase();
+    const C = $.replace(/^\+/, "");
+    if (!/^\d+$/.test(C)) return "";
+    const T = e(C)[0];
+    return T ? T.value : Ee[C] ?? "";
+  }
+  function g(b) {
+    if (!b) return null;
+    const C = t(b)?.raw_data?.dial_digits ?? Object.entries(Ee).find(([, v]) => v === b)?.[0];
+    if (!C) return null;
+    const T = Number(C);
+    return Number.isFinite(T) ? T : null;
+  }
+  function c(b, $ = {}) {
+    if (!b) return null;
+    const { hintCountry: C, currentIso2: T } = $;
+    try {
+      const v = ie(`+${b}`);
+      if (v?.country && v.countryCallingCode) {
+        const m = t(v.country);
+        if (m)
+          return { country: m, nationalNumber: String(v.nationalNumber ?? "") };
+      }
+    } catch {
+    }
+    if (C && b.length >= 4)
+      try {
+        const v = ie(b, C);
+        if (v?.isValid()) {
+          const m = t(v.country || C);
+          if (m)
+            return { country: m, nationalNumber: String(v.nationalNumber ?? "") };
+        }
+      } catch {
+      }
+    for (let v = Math.min(3, b.length); v >= 1; v--) {
+      const m = b.slice(0, v), E = e(m);
+      if (!E.length) continue;
+      const p = b.slice(m.length);
+      if (E.length === 1) return { country: E[0], nationalNumber: p };
+      const _ = T ? E.find((u) => u.value === T.toUpperCase()) : null;
+      if (_) return { country: _, nationalNumber: p };
+      const r = wt().map((u) => E.find((f) => f.value === u)).find((u) => !!u);
+      return r ? { country: r, nationalNumber: p } : { country: E[0], nationalNumber: p };
+    }
+    return null;
+  }
+  return {
+    resolveCountryIdentifier: n,
+    dialNumberFor: g,
+    matchLeadingDialCode: c
+  };
+}
+function At(a) {
+  const t = L(!1), e = L(!0), n = L(!1), g = at(() => {
+    t.value = !1, e.value = !0, a.onSettle?.();
+  }, a.debounceMs);
+  function c() {
+    t.value = !0, e.value = !1, g();
+  }
+  function b() {
+    n.value = !0;
+  }
+  function $() {
+    t.value = !1, e.value = !0, n.value = !1;
+  }
+  return {
+    isDetecting: ce(t),
+    hasFinishedTyping: ce(e),
+    detectionAttempted: ce(n),
+    markTyping: c,
+    markDetectionAttempt: b,
+    reset: $
+  };
+}
+function kt(a, t, e) {
+  const n = k(
+    () => t.selectedIso2.value ? a.getRequiredInfo({ iso2: t.selectedIso2.value }, e.locale()) : null
+  ), g = k(
+    () => a.validate({
+      country: t.selectedIso2.value ? { iso2: t.selectedIso2.value } : null,
+      phone: t.phone.value ?? "",
+      locale: e.locale()
+    })
+  ), c = k(() => t.phone.value ? g.value.ok ? "valid" : "error" : "idle"), b = k(
+    () => t.hasFinishedTyping.value ? c.value : "idle"
+  ), $ = k(() => {
+    const m = g.value;
+    return m.ok || !m.reason || !t.phone.value ? null : e.errorMessages()?.[m.reason] ?? t.messages.value.errorMessages[m.reason];
+  }), C = k(
+    () => !!(e.showValidation() && t.hasFinishedTyping.value && $.value)
+  ), T = k(
+    () => !C.value && !t.phone.value && !!n.value?.format_hint
+  ), v = k(() => t.selectedIso2.value ? a.getCountryByValue(t.selectedIso2.value)?.raw_data.dial_code ?? null : null);
+  return {
+    validation: g,
+    required: n,
+    validationState: c,
+    visibleValidationState: b,
+    errorMessage: $,
+    showError: C,
+    showHint: T,
+    selectedDialCode: v
+  };
+}
+const St = rt(
+  // items-center (not items-stretch) so #prefix/#suffix icons centre vertically without distortion.
+  // The country trigger button and the input element both carry `h-full`, so they still fill the
+  // field height regardless of this setting.
+  "border-input bg-background ring-offset-background focus-within:ring-ring flex w-full items-center overflow-hidden rounded-md border shadow-sm transition-colors focus-within:ring-1 has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50",
+  {
+    variants: {
+      size: {
+        xs: `${te.xs} ${q.xs}`,
+        sm: `${te.sm} ${q.sm}`,
+        md: `${te.md} ${q.md}`,
+        lg: `${te.lg} ${q.lg}`,
+        xl: `${te.xl} ${q.xl}`
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), ze = {
+  missing_country: "Please select a country.",
+  country_not_supported: "This country is not supported.",
+  phone_has_non_digits: "Phone number can only contain digits.",
+  too_short: "Phone number is too short.",
+  too_long: "Phone number is too long.",
+  invalid_phone: "Phone number is invalid.",
+  parse_failed: "Could not parse phone number."
+}, Ie = {
+  searchPlaceholder: "Search country or +code…",
+  emptyText: "No countries found.",
+  loadingText: "Loading countries…",
+  suggestedLabel: "Suggested",
+  allCountriesLabel: "All countries",
+  errorMessages: ze,
+  countryLabel: "Country",
+  selectCountryLabel: "Select country",
+  phoneInputLabel: "Phone number"
+};
+function $t(a) {
+  return a ? {
+    ...Ie,
+    ...a,
+    errorMessages: { ...ze, ...a.errorMessages }
+  } : Ie;
+}
+function xt(a, t = 40) {
+  return `https://flagcdn.com/w${t}/${a.toLowerCase()}.png`;
+}
+const Et = ["src", "alt"], It = ["aria-label"], ge = /* @__PURE__ */ ve({
+  __name: "ACountryFlag",
+  props: {
+    iso2: {},
+    width: { default: 40 },
+    src: {},
+    flagUrl: {},
+    alt: {},
+    class: { type: [Boolean, null, String, Object, Array] }
+  },
+  setup(a) {
+    const t = a, e = k(() => t.src ? t.src : t.iso2 ? (t.flagUrl ?? xt)(t.iso2, t.width) : null), n = L(!1);
+    re(e, () => {
+      n.value = !1;
+    });
+    const g = k(() => (t.iso2 ?? "").slice(0, 2).toUpperCase());
+    return (c, b) => e.value && !n.value ? (M(), O("img", {
+      key: 0,
+      src: e.value,
+      alt: t.alt ?? `${t.iso2} flag`,
+      loading: "lazy",
+      "data-slot": "country-flag",
+      class: Z(o(V)("ring-border/40 inline-block h-4 w-6 rounded-sm object-cover ring-1", t.class)),
+      onError: b[0] || (b[0] = ($) => n.value = !0)
+    }, null, 42, Et)) : g.value ? (M(), O("span", {
+      key: 1,
+      "data-slot": "country-flag-fallback",
+      "aria-label": t.alt ?? `${t.iso2} flag`,
+      class: Z(
+        o(V)(
+          "ring-border/40 bg-muted text-muted-foreground inline-flex h-4 w-6 items-center justify-center rounded-sm text-[8px] font-semibold leading-none tracking-tight ring-1",
+          t.class
+        )
+      )
+    }, z(g.value), 11, It)) : y(c.$slots, "empty", { key: 2 }, () => [
+      A("span", {
+        "data-slot": "country-flag-empty",
+        class: Z(o(V)("bg-muted inline-block h-4 w-6 rounded-sm", t.class))
+      }, null, 2)
+    ]);
+  }
+}), Lt = ["disabled", "data-state", "aria-label"], Tt = { class: "border-border/70 border-b p-1.5" }, Dt = { class: "bg-muted/40 ring-border/70 focus-within:ring-ring/50 relative flex items-center rounded-md ring-1 transition-shadow" }, Bt = ["placeholder"], Mt = {
+  key: 0,
+  class: "bg-background text-muted-foreground border-border absolute top-1/2 end-2 hidden -translate-y-1/2 items-center gap-0.5 rounded border px-1.5 py-0.5 font-mono text-[10px] tracking-tight md:inline-flex"
+}, Nt = {
+  key: 1,
+  class: "bg-background text-muted-foreground border-border absolute top-1/2 end-2 hidden -translate-y-1/2 rounded border px-1.5 py-0.5 font-mono text-[10px] tracking-tight md:inline-block"
+}, Pt = { class: "flex-1 overflow-y-auto" }, Ut = { class: "text-muted-foreground p-4 text-center text-sm" }, Rt = { class: "text-muted-foreground p-4 text-center text-sm" }, zt = {
+  key: 0,
+  "data-slot": "country-select-group",
+  "data-group": "suggested"
+}, Ot = { class: "text-muted-foreground bg-popover sticky top-0 z-10 px-3 py-1.5 text-[10px] font-medium tracking-wider uppercase" }, Ft = ["aria-label"], Vt = ["aria-selected", "aria-disabled"], Kt = ["disabled", "data-selected", "onClick"], Gt = { class: "flex-1 truncate" }, Ht = { class: "text-muted-foreground tabular-nums" }, Zt = {
+  "data-slot": "country-select-group",
+  "data-group": "all"
+}, jt = { class: "text-muted-foreground bg-popover sticky top-0 z-10 px-3 py-1.5 text-[10px] font-medium tracking-wider uppercase" }, Jt = ["aria-label"], Yt = ["aria-selected", "aria-disabled"], qt = ["disabled", "data-selected", "onClick"], Wt = { class: "flex-1 truncate" }, Qt = { class: "text-muted-foreground tabular-nums" }, Le = "ali_ui_country_recents_v1", Xt = /* @__PURE__ */ ve({
+  __name: "ACountrySelect",
+  props: /* @__PURE__ */ De({
+    class: { type: [Boolean, null, String, Object, Array] },
+    triggerClass: { type: [Boolean, null, String, Object, Array] },
+    contentClass: { type: [Boolean, null, String, Object, Array] },
+    popoverClass: { type: [Boolean, null, String, Object, Array] },
+    drawerClass: { type: [Boolean, null, String, Object, Array] },
+    searchPlaceholder: { default: "Search country or +code…" },
+    emptyText: { default: "No countries found." },
+    loadingText: { default: "Loading countries…" },
+    suggestedLabel: { default: "Suggested" },
+    allCountriesLabel: { default: "All countries" },
+    allowedDialCodes: {},
+    disabled: { type: Boolean },
+    size: { default: Me },
+    suggestedLimit: { default: 4 },
+    maxResults: { default: 80 },
+    flagUrl: {},
+    searcher: {},
+    countries: {},
+    kbdOpen: { default: "⌘K" },
+    kbdClose: { default: "Esc" },
+    locale: {},
+    countryLabel: { default: "Country" },
+    selectCountryLabel: { default: "Select country" },
+    scrollLock: {}
+  }, {
+    selected: { default: "" },
+    selectedModifiers: {}
+  }),
+  emits: ["update:selected"],
+  setup(a, { expose: t }) {
+    const e = a, n = k(
+      () => `${Be[e.size]} ${q[e.size]}`
+    ), g = pe(a, "selected"), {
+      countries: c,
+      isCountriesLoading: b,
+      getCountries: $,
+      searchCountries: C,
+      getCountryByValue: T
+    } = Pe(), v = L(!1), m = L("");
+    $();
+    const E = k(
+      () => e.countries && e.countries.length ? e.countries : pt(c.value, e.locale)
+    ), p = k(
+      () => new Map(E.value.map((s) => [s.value, s]))
+    );
+    function _(s) {
+      return s ? p.value.get(s) ?? T(s) : null;
+    }
+    const d = L([]);
+    function r() {
+      if (!(typeof window > "u"))
+        try {
+          const s = localStorage.getItem(Le);
+          if (!s) return;
+          const h = JSON.parse(s);
+          if (!Array.isArray(h)) return;
+          d.value = h.filter((l) => typeof l == "string").slice(0, 8);
+        } catch {
+        }
+    }
+    function u(s) {
+      if (typeof window > "u" || !s) return;
+      const h = [s, ...d.value.filter((l) => l !== s)].slice(0, 8);
+      d.value = h;
+      try {
+        localStorage.setItem(Le, JSON.stringify(h));
+      } catch {
+      }
+    }
+    me(r);
+    const f = k(() => m.value.trim().length > 0);
+    function I(s, h) {
+      return h.search_key.includes(s.toLowerCase());
+    }
+    const F = k(() => {
+      if (!f.value) return [];
+      if (!e.countries && !e.searcher && !e.locale)
+        return C(m.value, e.maxResults);
+      const s = m.value.trim(), h = e.searcher ?? I, l = [];
+      for (const U of E.value)
+        if (h(s, U) && (l.push(U), l.length >= e.maxResults))
+          break;
+      return l;
+    }), D = k(() => {
+      if (f.value) return [];
+      const s = /* @__PURE__ */ new Set(), h = [], l = (H) => {
+        if (!H || s.has(H)) return;
+        const J = _(H);
+        J && (s.add(H), h.push(J));
+      };
+      l(g.value);
+      const U = e.allowedDialCodes;
+      if (Array.isArray(U) && U.length > 0) {
+        for (const H of E.value)
+          U.includes(H.raw_data.dial_digits) && l(H.value);
+        return h;
+      }
+      for (const H of d.value)
+        if (l(H), h.length >= e.suggestedLimit) break;
+      return h.slice(0, e.suggestedLimit);
+    }), P = k(() => f.value ? [] : E.value), B = k(() => _(g.value));
+    function K(s) {
+      const h = e.allowedDialCodes;
+      return !h || h.length === 0 ? !0 : h.includes(s.raw_data.dial_digits);
+    }
+    function G(s) {
+      K(s) && (g.value = s.value, u(s.value), v.value = !1);
+    }
+    return re(v, (s) => {
+      s || (m.value = "");
+    }), t({
+      open: v,
+      setOpen: (s) => v.value = s,
+      search: m,
+      setSearch: (s) => m.value = s,
+      selectedCountry: B,
+      selectCountry: G,
+      countries: E,
+      recents: d
+    }), (s, h) => (M(), Te(o(nt), {
+      open: v.value,
+      "onUpdate:open": h[1] || (h[1] = (l) => v.value = l),
+      "scroll-lock": e.scrollLock
+    }, {
+      default: R(() => [
+        N(o(lt), { "as-child": "" }, {
+          default: R(() => [
+            y(s.$slots, "trigger", {
+              selectedCountry: B.value,
+              open: v.value,
+              sizeClasses: n.value
+            }, () => [
+              A("button", {
+                type: "button",
+                disabled: e.disabled,
+                "data-slot": "country-select-trigger",
+                "data-state": v.value ? "open" : "closed",
+                class: Z(
+                  o(V)(
+                    "bg-transparent hover:bg-muted focus-visible:bg-muted data-[state=open]:bg-muted focus-visible:ring-ring inline-flex h-full shrink-0 items-center gap-1.5 transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                    n.value,
+                    e.triggerClass
+                  )
+                ),
+                "aria-label": B.value ? `${e.countryLabel}: ${B.value.raw_data.name}` : e.selectCountryLabel
+              }, [
+                B.value ? y(s.$slots, "flag", {
+                  key: 0,
+                  country: B.value,
+                  context: "trigger"
+                }, () => [
+                  N(ge, {
+                    iso2: B.value.raw_data.iso2,
+                    src: B.value.raw_data.flag,
+                    "flag-url": e.flagUrl
+                  }, null, 8, ["iso2", "src", "flag-url"])
+                ]) : j("", !0),
+                y(s.$slots, "chevron", { open: v.value }, () => [
+                  N(o(Je), {
+                    class: Z(["text-muted-foreground size-3.5 shrink-0 transition-transform duration-200", v.value && "rotate-180"])
+                  }, null, 8, ["class"])
+                ])
+              ], 10, Lt)
+            ])
+          ]),
+          _: 3
+        }),
+        N(o(ot), {
+          align: "end",
+          "side-offset": 6,
+          class: Z(o(V)("flex flex-col overflow-hidden p-0", e.contentClass)),
+          "popover-class": o(V)(
+            "w-[min(20rem,calc(100vw-2rem))] max-h-[min(22rem,var(--reka-popover-content-available-height))]",
+            e.popoverClass
+          ),
+          "drawer-class": o(V)("max-h-[80vh] pb-4", e.drawerClass)
+        }, {
+          default: R(() => [
+            y(s.$slots, "search", {
+              value: m.value,
+              setValue: (l) => m.value = l,
+              isSearching: f.value
+            }, () => [
+              A("div", Tt, [
+                A("div", Dt, [
+                  y(s.$slots, "search-icon", {}, () => [
+                    N(o(Ye), { class: "text-muted-foreground absolute top-1/2 start-2.5 size-3.5 -translate-y-1/2" })
+                  ]),
+                  Ge(A("input", {
+                    "onUpdate:modelValue": h[0] || (h[0] = (l) => m.value = l),
+                    type: "text",
+                    "data-slot": "country-select-search",
+                    placeholder: e.searchPlaceholder,
+                    class: "placeholder:text-muted-foreground h-10 w-full bg-transparent pe-14 ps-8 text-sm outline-none"
+                  }, null, 8, Bt), [
+                    [He, m.value]
+                  ]),
+                  !f.value && e.kbdOpen ? (M(), O("kbd", Mt, z(e.kbdOpen), 1)) : f.value && e.kbdClose ? (M(), O("kbd", Nt, z(e.kbdClose), 1)) : j("", !0)
+                ])
+              ])
+            ]),
+            A("div", Pt, [
+              o(b) && E.value.length === 0 ? y(s.$slots, "loading", { key: 0 }, () => [
+                A("div", Ut, z(e.loadingText), 1)
+              ]) : f.value && F.value.length === 0 ? y(s.$slots, "empty", {
+                key: 1,
+                query: m.value
+              }, () => [
+                A("div", Rt, z(e.emptyText), 1)
+              ]) : (M(), O(de, { key: 2 }, [
+                D.value.length > 0 ? (M(), O("section", zt, [
+                  y(s.$slots, "group-header", {
+                    label: e.suggestedLabel,
+                    group: "suggested"
+                  }, () => [
+                    A("header", Ot, z(e.suggestedLabel), 1)
+                  ]),
+                  A("ul", {
+                    role: "listbox",
+                    "aria-label": e.suggestedLabel,
+                    class: "pb-1"
+                  }, [
+                    (M(!0), O(de, null, Ce(D.value, (l) => (M(), O("li", {
+                      key: `s-${l.value}`,
+                      role: "option",
+                      "aria-selected": l.value === g.value,
+                      "aria-disabled": !K(l)
+                    }, [
+                      y(s.$slots, "item", {
+                        country: l,
+                        selected: l.value === g.value,
+                        disabled: !K(l),
+                        select: () => G(l)
+                      }, () => [
+                        A("button", {
+                          type: "button",
+                          disabled: !K(l),
+                          "data-slot": "country-select-item",
+                          "data-selected": l.value === g.value ? "" : void 0,
+                          class: "hover:bg-muted/60 focus-visible:bg-muted/60 data-[selected]:bg-muted flex w-full items-center gap-3 px-3 py-2 text-left text-sm transition-colors focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent",
+                          onClick: (U) => G(l)
+                        }, [
+                          y(s.$slots, "flag", {
+                            country: l,
+                            context: "item"
+                          }, () => [
+                            N(ge, {
+                              iso2: l.raw_data.iso2,
+                              src: l.raw_data.flag,
+                              "flag-url": e.flagUrl
+                            }, null, 8, ["iso2", "src", "flag-url"])
+                          ]),
+                          A("span", Gt, z(l.raw_data.name), 1),
+                          A("span", Ht, z(l.raw_data.dial_code), 1),
+                          l.value === g.value ? y(s.$slots, "item-check", {
+                            key: 0,
+                            country: l
+                          }, () => [
+                            N(o(Ae), { class: "text-foreground size-3.5 shrink-0" })
+                          ]) : j("", !0)
+                        ], 8, Kt)
+                      ])
+                    ], 8, Vt))), 128))
+                  ], 8, Ft)
+                ])) : j("", !0),
+                A("section", Zt, [
+                  !f.value && P.value.length > 0 ? y(s.$slots, "group-header", {
+                    key: 0,
+                    label: e.allCountriesLabel,
+                    group: "all"
+                  }, () => [
+                    A("header", jt, z(e.allCountriesLabel), 1)
+                  ]) : j("", !0),
+                  A("ul", {
+                    role: "listbox",
+                    "aria-label": f.value ? e.searchPlaceholder : e.allCountriesLabel,
+                    class: "pb-1"
+                  }, [
+                    (M(!0), O(de, null, Ce(f.value ? F.value : P.value, (l) => (M(), O("li", {
+                      key: l.value,
+                      role: "option",
+                      "aria-selected": l.value === g.value,
+                      "aria-disabled": !K(l)
+                    }, [
+                      y(s.$slots, "item", {
+                        country: l,
+                        selected: l.value === g.value,
+                        disabled: !K(l),
+                        select: () => G(l)
+                      }, () => [
+                        A("button", {
+                          type: "button",
+                          disabled: !K(l),
+                          "data-slot": "country-select-item",
+                          "data-selected": l.value === g.value ? "" : void 0,
+                          class: "hover:bg-muted/60 focus-visible:bg-muted/60 data-[selected]:bg-muted flex w-full items-center gap-3 px-3 py-2 text-left text-sm transition-colors focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent",
+                          onClick: (U) => G(l)
+                        }, [
+                          y(s.$slots, "flag", {
+                            country: l,
+                            context: "item"
+                          }, () => [
+                            N(ge, {
+                              iso2: l.raw_data.iso2,
+                              src: l.raw_data.flag,
+                              "flag-url": e.flagUrl
+                            }, null, 8, ["iso2", "src", "flag-url"])
+                          ]),
+                          A("span", Wt, z(l.raw_data.name), 1),
+                          A("span", Qt, z(l.raw_data.dial_code), 1),
+                          l.value === g.value ? y(s.$slots, "item-check", {
+                            key: 0,
+                            country: l
+                          }, () => [
+                            N(o(Ae), { class: "text-foreground size-3.5 shrink-0" })
+                          ]) : j("", !0)
+                        ], 8, qt)
+                      ])
+                    ], 8, Yt))), 128))
+                  ], 8, Jt)
+                ])
+              ], 64))
+            ])
+          ]),
+          _: 3
+        }, 8, ["class", "popover-class", "drawer-class"])
+      ]),
+      _: 3
+    }, 8, ["open", "scroll-lock"]));
+  }
+}), ea = ["dir"], ta = {
+  class: "flex items-center gap-2",
+  dir: "ltr"
+}, aa = ["data-state"], ra = ["value", "disabled", "placeholder", "aria-label", "aria-invalid", "aria-describedby"], na = {
+  key: 0,
+  class: "text-muted-foreground inline-flex h-full shrink-0 items-center px-2",
+  "aria-hidden": "true",
+  "data-slot": "tell-input-detecting"
+}, la = {
+  key: 0,
+  class: "inline-flex h-full shrink-0 items-center",
+  "data-slot": "tell-input-country-wrapper"
+}, oa = ["id"], va = /* @__PURE__ */ ve({
+  __name: "ATellInput",
+  props: /* @__PURE__ */ De({
+    flagUrl: {},
+    searcher: {},
+    countries: {},
+    detector: {},
+    contentClass: {},
+    popoverClass: {},
+    drawerClass: {},
+    inputClass: {},
+    fieldClass: {},
+    hintClass: {},
+    errorClass: {},
+    scrollLock: {},
+    class: { type: [Boolean, null, String, Object, Array] },
+    placeholder: { default: "Phone number" },
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    size: { default: Me },
+    dir: {},
+    locale: {},
+    messages: {},
+    allowedDialCodes: {},
+    showValidation: { type: Boolean },
+    showValidationIcon: { type: Boolean, default: !1 },
+    detectCountry: { default: "auto" },
+    defaultCountry: { default: "" },
+    ipEndpoint: { default: "https://ipapi.co/json/" },
+    searchPlaceholder: {},
+    emptyText: {},
+    loadingText: {},
+    errorMessages: {},
+    detectFromInput: { type: Boolean, default: !0 },
+    detectDebounceMs: { default: 800 }
+  }, {
+    phone: { default: "" },
+    phoneModifiers: {},
+    country: { default: null },
+    countryModifiers: {}
+  }),
+  emits: ["update:phone", "update:country"],
+  setup(a, { expose: t }) {
+    const e = a, n = pe(a, "phone"), g = pe(a, "country"), c = L(""), { getCountries: b, validate: $, getRequiredInfo: C, getCountryByValue: T, getCountriesByDial: v } = Pe(), { resolveCountryIdentifier: m, dialNumberFor: E, matchLeadingDialCode: p } = Ct({
+      getCountryByValue: T,
+      getCountriesByDial: v
+    });
+    b();
+    const _ = L(!1), d = L(!1), r = L(m(e.defaultCountry));
+    function u(i) {
+      return p(i, {
+        hintCountry: r.value,
+        currentIso2: c.value
+      });
+    }
+    const f = At({
+      debounceMs: k(() => Math.max(0, e.detectDebounceMs)),
+      onSettle: () => {
+        if (!e.detectFromInput || _.value || c.value) return;
+        const i = n.value;
+        if (!i) return;
+        f.markDetectionAttempt();
+        const w = u(i);
+        w && (d.value = !0, c.value = w.country.value, n.value = w.nationalNumber);
+      }
+    }), { isDetecting: I, hasFinishedTyping: F, detectionAttempted: D } = f;
+    me(async () => {
+      if (c.value) return;
+      if (e.defaultCountry) {
+        const Y = m(e.defaultCountry);
+        if (Y) {
+          r.value = Y, d.value = !0, c.value = Y;
+          return;
+        }
+      }
+      const i = {
+        strategy: e.detectCountry,
+        ipEndpoint: e.ipEndpoint,
+        defaultCountry: ""
+      };
+      let w;
+      if (e.detector)
+        try {
+          w = await e.detector(i);
+        } catch {
+          w = null;
+        }
+      w || (w = await Re(i));
+      const S = w ? w.toUpperCase() : "";
+      if (e.detectFromInput) {
+        if (r.value = S, n.value && !_.value && !c.value) {
+          const Y = u(n.value);
+          Y && (d.value = !0, c.value = Y.country.value, n.value = Y.nationalNumber);
+        }
+        return;
+      }
+      !c.value && S && (d.value = !0, c.value = S);
+    }), re(
+      g,
+      (i) => {
+        if (i == null) {
+          c.value && (c.value = "");
+          return;
+        }
+        if (E(c.value) === i) return;
+        const w = m(String(i));
+        w && (c.value = w);
+      },
+      { immediate: !0 }
+    ), re(
+      c,
+      (i, w) => {
+        const S = d.value;
+        d.value = !1;
+        const Y = E(i);
+        g.value !== Y && (g.value = Y), !S && e.detectFromInput && i && w !== i && (_.value = !0);
+      },
+      { flush: "sync" }
+    );
+    const P = L(String(n.value ?? ""));
+    let B = !1;
+    function K(i) {
+      B = !0, n.value = i;
+    }
+    function G(i) {
+      const w = i.target;
+      P.value = w.value;
+      const S = se(w.value).replace(/\D/g, "");
+      if (!S) {
+        f.reset(), e.detectFromInput && (d.value = !0, c.value = "", _.value = !1), K("");
+        return;
+      }
+      f.markTyping(), K(S);
+    }
+    function s(i) {
+      const w = i.target;
+      P.value = se(w.value).replace(/\D/g, "");
+    }
+    re(
+      () => n.value,
+      (i) => {
+        const w = se(String(i ?? "")).replace(/\D/g, "");
+        if (w !== i) {
+          n.value = w;
+          return;
+        }
+        if (B) {
+          B = !1;
+          return;
+        }
+        P.value = w;
+      },
+      { flush: "post" }
+    );
+    const h = k(() => $t(e.messages)), l = k(
+      () => e.dir === "ltr" || e.dir === "rtl" ? e.dir : void 0
+    ), {
+      validation: U,
+      required: ee,
+      validationState: H,
+      visibleValidationState: J,
+      errorMessage: ye,
+      showError: be,
+      showHint: _e,
+      selectedDialCode: le
+    } = kt(
+      { validate: $, getRequiredInfo: C, getCountryByValue: T },
+      { phone: n, selectedIso2: c, hasFinishedTyping: F, messages: h },
+      {
+        locale: () => e.locale,
+        showValidation: () => e.showValidation,
+        errorMessages: () => e.errorMessages
+      }
+    ), Oe = k(
+      () => e.placeholder || ee.value?.format_hint || h.value.phoneInputLabel
+    ), Fe = k(
+      () => `${Be[e.size]} ${q[e.size]}`
+    ), Ve = k(() => `px-2 ${q[e.size]}`), we = Ze(), Ke = k(() => be.value || _e.value ? we : void 0);
+    return t({
+      validation: U,
+      required: ee,
+      selectedDialCode: le,
+      validationState: H,
+      visibleValidationState: J,
+      isDetecting: I,
+      hasFinishedTyping: F,
+      detectionAttempted: D
+    }), (i, w) => (M(), O("div", {
+      class: Z(o(V)("flex w-full flex-col gap-1.5", i.$attrs.class)),
+      "data-slot": "tell-input",
+      dir: l.value
+    }, [
+      A("div", ta, [
+        A("div", {
+          class: Z(
+            o(V)(
+              o(St)({ size: e.size }),
+              "focus-within:ring-2 focus-within:ring-offset-0",
+              // Validation field colors are an opt-in via `showValidation` — by default the
+              // field stays neutral and the consumer drives error rendering from `validation`.
+              (!e.showValidation || o(J) === "idle") && "focus-within:ring-ring/40",
+              e.showValidation && o(J) === "valid" && "border-emerald-500/60 ring-1 ring-emerald-500/20 focus-within:ring-emerald-500/40",
+              e.showValidation && o(J) === "error" && "border-destructive/80 ring-1 ring-destructive/20 focus-within:ring-destructive/40",
+              e.class,
+              e.fieldClass
+            )
+          ),
+          "data-state": o(J)
+        }, [
+          y(i.$slots, "prefix"),
+          o(le) ? (M(), O("span", {
+            key: 0,
+            "data-slot": "tell-input-dial",
+            dir: "ltr",
+            "aria-hidden": "true",
+            class: Z(o(V)("text-muted-foreground shrink-0 tabular-nums select-none", Ve.value))
+          }, z(o(le)), 3)) : j("", !0),
+          A("input", {
+            value: P.value,
+            type: "tel",
+            inputmode: "numeric",
+            autocomplete: "tel",
+            dir: "ltr",
+            "data-slot": "tell-input-field",
+            disabled: e.disabled || e.loading,
+            placeholder: Oe.value,
+            "aria-label": h.value.phoneInputLabel,
+            "aria-invalid": o(J) === "error" || void 0,
+            "aria-describedby": Ke.value,
+            class: Z(
+              o(V)(
+                "placeholder:text-muted-foreground h-full w-full min-w-0 flex-1 bg-transparent tabular-nums outline-none disabled:cursor-not-allowed",
+                Fe.value,
+                o(le) && "ps-1",
+                e.inputClass
+              )
+            ),
+            onInput: G,
+            onChange: s
+          }, null, 42, ra),
+          N(fe, {
+            "enter-active-class": "transition-all duration-200 ease-out overflow-hidden",
+            "leave-active-class": "transition-all duration-150 ease-in overflow-hidden",
+            "enter-from-class": "opacity-0 max-w-0",
+            "leave-to-class": "opacity-0 max-w-0",
+            "enter-to-class": "max-w-[2.5rem]",
+            "leave-from-class": "max-w-[2.5rem]"
+          }, {
+            default: R(() => [
+              o(I) && !c.value && !o(D) ? (M(), O("div", na, [
+                y(i.$slots, "detecting", {}, () => [
+                  N(o(qe), { class: "size-4 animate-spin" })
+                ])
+              ])) : j("", !0)
+            ]),
+            _: 3
+          }),
+          N(fe, {
+            "enter-active-class": "transition-all duration-200 ease-out overflow-hidden",
+            "leave-active-class": "transition-all duration-150 ease-in overflow-hidden",
+            "enter-from-class": "opacity-0 max-w-0",
+            "leave-to-class": "opacity-0 max-w-0",
+            "enter-to-class": "max-w-[12rem]",
+            "leave-from-class": "max-w-[12rem]"
+          }, {
+            default: R(() => [
+              !e.detectFromInput || c.value || o(D) ? (M(), O("div", la, [
+                N(Xt, {
+                  selected: c.value,
+                  "onUpdate:selected": w[0] || (w[0] = (S) => c.value = S),
+                  "allowed-dial-codes": e.allowedDialCodes,
+                  disabled: e.disabled || e.loading,
+                  size: e.size,
+                  locale: e.locale,
+                  "search-placeholder": e.searchPlaceholder ?? h.value.searchPlaceholder,
+                  "empty-text": e.emptyText ?? h.value.emptyText,
+                  "loading-text": e.loadingText ?? h.value.loadingText,
+                  "suggested-label": h.value.suggestedLabel,
+                  "all-countries-label": h.value.allCountriesLabel,
+                  "country-label": h.value.countryLabel,
+                  "select-country-label": h.value.selectCountryLabel,
+                  "flag-url": e.flagUrl,
+                  searcher: e.searcher,
+                  countries: e.countries,
+                  "content-class": e.contentClass,
+                  "popover-class": e.popoverClass,
+                  "drawer-class": e.drawerClass,
+                  "scroll-lock": e.scrollLock
+                }, je({ _: 2 }, [
+                  i.$slots.trigger ? {
+                    name: "trigger",
+                    fn: R((S) => [
+                      y(i.$slots, "trigger", Q(X(S)))
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  i.$slots.chevron ? {
+                    name: "chevron",
+                    fn: R((S) => [
+                      y(i.$slots, "chevron", Q(X(S)))
+                    ]),
+                    key: "1"
+                  } : void 0,
+                  i.$slots.flag ? {
+                    name: "flag",
+                    fn: R((S) => [
+                      y(i.$slots, "flag", Q(X(S)))
+                    ]),
+                    key: "2"
+                  } : void 0,
+                  i.$slots.item ? {
+                    name: "item",
+                    fn: R((S) => [
+                      y(i.$slots, "item", Q(X(S)))
+                    ]),
+                    key: "3"
+                  } : void 0,
+                  i.$slots["group-header"] ? {
+                    name: "group-header",
+                    fn: R((S) => [
+                      y(i.$slots, "group-header", Q(X(S)))
+                    ]),
+                    key: "4"
+                  } : void 0,
+                  i.$slots.search ? {
+                    name: "search",
+                    fn: R((S) => [
+                      y(i.$slots, "search", Q(X(S)))
+                    ]),
+                    key: "5"
+                  } : void 0,
+                  i.$slots.loading ? {
+                    name: "loading",
+                    fn: R(() => [
+                      y(i.$slots, "loading")
+                    ]),
+                    key: "6"
+                  } : void 0,
+                  i.$slots.empty ? {
+                    name: "empty",
+                    fn: R((S) => [
+                      y(i.$slots, "empty", Q(X(S)))
+                    ]),
+                    key: "7"
+                  } : void 0
+                ]), 1032, ["selected", "allowed-dial-codes", "disabled", "size", "locale", "search-placeholder", "empty-text", "loading-text", "suggested-label", "all-countries-label", "country-label", "select-country-label", "flag-url", "searcher", "countries", "content-class", "popover-class", "drawer-class", "scroll-lock"])
+              ])) : j("", !0)
+            ]),
+            _: 3
+          }),
+          y(i.$slots, "suffix", {
+            validationState: o(H),
+            validation: o(U)
+          })
+        ], 10, aa),
+        e.showValidationIcon ? (M(), Te(fe, {
+          key: 0,
+          "enter-active-class": "transition duration-150 ease-out",
+          "leave-active-class": "transition duration-100 ease-in",
+          "enter-from-class": "opacity-0 scale-90",
+          "leave-to-class": "opacity-0 scale-90"
+        }, {
+          default: R(() => [
+            o(J) === "valid" ? y(i.$slots, "valid-icon", { key: 0 }, () => [
+              N(o(We), {
+                class: "size-5 shrink-0 text-emerald-500",
+                "aria-hidden": "true"
+              })
+            ]) : o(J) === "error" ? y(i.$slots, "error-icon", {
+              key: 1,
+              reason: o(U).reason ?? ""
+            }, () => [
+              N(o(Qe), {
+                class: "text-destructive size-5 shrink-0",
+                "aria-hidden": "true"
+              })
+            ]) : j("", !0)
+          ]),
+          _: 3
+        })) : j("", !0)
+      ]),
+      A("div", {
+        id: o(we),
+        "aria-live": "polite"
+      }, [
+        o(be) ? y(i.$slots, "error", {
+          key: 0,
+          message: o(ye),
+          reason: o(U).reason ?? "",
+          validation: o(U)
+        }, () => [
+          A("p", {
+            "data-slot": "tell-input-error",
+            class: Z(o(V)("text-destructive text-xs", e.errorClass)),
+            role: "alert"
+          }, z(o(ye)), 3)
+        ]) : o(_e) ? y(i.$slots, "hint", {
+          key: 1,
+          country: c.value,
+          formatHint: o(ee).format_hint,
+          example: o(ee).example_e164
+        }, () => [
+          A("p", {
+            "data-slot": "tell-input-hint",
+            class: Z(o(V)("text-muted-foreground text-xs tabular-nums", e.hintClass))
+          }, z(o(ee).format_hint), 3)
+        ]) : j("", !0)
+      ], 8, oa)
+    ], 10, ea));
+  }
+});
+export {
+  _t as C,
+  ze as D,
+  st as L,
+  ge as _,
+  Xt as a,
+  va as b,
+  Ie as c,
+  Ee as d,
+  St as e,
+  xt as f,
+  Re as g,
+  Ct as h,
+  Pe as i,
+  kt as j,
+  At as k,
+  pt as l,
+  se as n,
+  $t as r,
+  ma as u
+};
+//# sourceMappingURL=ATellInput.vue_vue_type_script_setup_true_lang-D4odgAna.mjs.map