@alikhalilll/ui 1.2.1 → 1.2.2

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

@@ -1,1489 +0,0 @@
-import { ref as N, onMounted as be, defineComponent as _e, computed as C, watch as re, openBlock as B, createElementBlock as K, normalizeClass as V, unref as w, toDisplayString as M, renderSlot as h, createElementVNode as _, useModel as me, createBlock as he, withCtx as U, createVNode as F, createCommentVNode as H, withDirectives as He, vModelText as Ze, Fragment as pe, renderList as ke, mergeModels as De, useId as je, Transition as $e, createSlots as Je, normalizeProps as X, guardReactiveProps as ee } from "vue";
-import { useDebounceFn as Ye } from "@vueuse/core";
-import { ChevronDown as qe, Search as We, Check as xe, CheckCircle2 as Qe, AlertCircle as Xe } from "lucide-vue-next";
-import { isValidPhoneNumber as et, parsePhoneNumberFromString as de, getExampleNumber as tt } from "libphonenumber-js";
-import { c as R } from "./cn-B6yFEsav.mjs";
-import { c as ae, d as W, b as Me, D as Pe } from "./sizes-B_9MfLkz.mjs";
-import at from "libphonenumber-js/examples.mobile.json";
-import { cva as lt } from "class-variance-authority";
-import { _ as rt, b as nt, a as ot } from "./AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-5YbO6FdM.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 t = /* @__PURE__ */ new Map();
-  for (const { base: r } of st)
-    for (let e = 0; e <= 9; e++) t.set(r + e, String(e));
-  return t;
-})();
-function ce(t) {
-  const r = String(t ?? "");
-  let e = "";
-  for (const o of r) {
-    const p = o.codePointAt(0);
-    e += p != null && it.get(p) || o;
-  }
-  return e;
-}
-const Ee = "ali_ui_phone_countries_v1", ut = "https://restcountries.com/v3.1/all?fields=name,cca2,idd,flags", ct = at, Ie = () => typeof window < "u";
-function Q(t) {
-  return ce(String(t ?? "")).replace(/\D/g, "");
-}
-function dt(t, r) {
-  if (!r) return t;
-  try {
-    const e = new Intl.NumberFormat(r, { useGrouping: !1 });
-    return t.replace(/[0-9]/g, (o) => e.format(Number(o)));
-  } catch {
-    return t;
-  }
-}
-function ye(t) {
-  const r = Q(t);
-  return r ? `+${r}` : "";
-}
-function ue(t) {
-  return String(t ?? "").trim().toUpperCase();
-}
-function Ue(t) {
-  return String(t ?? "").replace(/^0+/, "");
-}
-function le(t, r) {
-  const e = ye(t), o = Ue(Q(r));
-  return e && o ? `${e}${o}` : null;
-}
-function ft(t) {
-  const r = Q(t);
-  if (!r) return { min: null, max: null };
-  const e = r.length;
-  return { min: Math.max(4, e - 2), max: e + 2 };
-}
-function gt(t) {
-  const r = t?.root?.trim();
-  if (!r || !r.startsWith("+")) return null;
-  const e = t?.suffixes?.[0]?.trim() ?? "", o = `${r}${e}`;
-  return o.startsWith("+") ? o : null;
-}
-function fe(t) {
-  return String(t ?? "").toLowerCase().replace(/\s+/g, " ").trim().replace(/[^\p{L}\p{N}+ ]/gu, "");
-}
-function pt(t, r) {
-  if (!r) return t;
-  let e;
-  try {
-    e = new Intl.DisplayNames([r], { type: "region" });
-  } catch {
-    return t;
-  }
-  return t.map((o) => {
-    let p = o.raw_data.name;
-    try {
-      p = e.of(o.raw_data.iso2) || o.raw_data.name;
-    } catch {
-    }
-    if (p === o.raw_data.name) return o;
-    const u = o.raw_data.dial_code;
-    return {
-      ...o,
-      label: `${p} (${u})`,
-      search_key: fe(
-        `${p} ${o.raw_data.name} ${u} ${o.raw_data.iso2} ${o.raw_data.dial_digits}`
-      ),
-      raw_data: { ...o.raw_data, name: p }
-    };
-  });
-}
-function A(t, r, e) {
-  const o = Q(e);
-  return {
-    label: `${r} (+${o})`,
-    value: t,
-    search_key: fe(`${r} +${o} ${t}`),
-    raw_data: {
-      iso2: t,
-      dial_code: `+${o}`,
-      dial_digits: o,
-      name: r,
-      flag: `https://flagcdn.com/w40/${t.toLowerCase()}.png`,
-      source: "fallback",
-      original: {}
-    }
-  };
-}
-const Le = [
-  A("SA", "Saudi Arabia", "+966"),
-  A("EG", "Egypt", "+20"),
-  A("AE", "United Arab Emirates", "+971"),
-  A("US", "United States", "+1"),
-  A("GB", "United Kingdom", "+44"),
-  A("DE", "Germany", "+49"),
-  A("FR", "France", "+33"),
-  A("ES", "Spain", "+34"),
-  A("IT", "Italy", "+39"),
-  A("TR", "Turkey", "+90"),
-  A("RU", "Russia", "+7"),
-  A("CN", "China", "+86"),
-  A("IN", "India", "+91"),
-  A("JP", "Japan", "+81"),
-  A("KR", "South Korea", "+82"),
-  A("BR", "Brazil", "+55"),
-  A("MX", "Mexico", "+52"),
-  A("CA", "Canada", "+1"),
-  A("AU", "Australia", "+61"),
-  A("NG", "Nigeria", "+234"),
-  A("PK", "Pakistan", "+92"),
-  A("ID", "Indonesia", "+62")
-];
-function Re() {
-  const t = N([]), r = N(!1), e = N(/* @__PURE__ */ new Map()), o = N(/* @__PURE__ */ new Map());
-  function p(v) {
-    const y = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-    for (const a of v) {
-      y.set(a.value, a);
-      const c = a.raw_data.dial_digits;
-      if (c) {
-        const f = g.get(c) ?? [];
-        f.push(a), g.set(c, f);
-      }
-    }
-    e.value = y, o.value = g;
-  }
-  function u(v) {
-    t.value = v, p(v);
-  }
-  function z(v) {
-    const y = [];
-    for (const a of v) {
-      const c = a?.name?.common?.trim(), f = ue(a?.cca2), $ = gt(a?.idd), L = a?.flags?.png?.trim() || a?.flags?.svg?.trim() || null;
-      if (!c || !f || !$) continue;
-      const E = Q($), P = fe(`${c} ${$} ${f} ${E}`);
-      y.push({
-        label: `${c} (${$})`,
-        value: f,
-        search_key: P,
-        raw_data: {
-          iso2: f,
-          dial_code: $,
-          dial_digits: E,
-          name: c,
-          flag: L,
-          source: "restcountries",
-          original: a
-        }
-      });
-    }
-    const g = /* @__PURE__ */ new Map();
-    for (const a of y) {
-      const c = g.get(a.value);
-      if (!c) {
-        g.set(a.value, a);
-        continue;
-      }
-      const f = (c.raw_data.flag ? 1 : 0) + (c.raw_data.dial_code ? 1 : 0);
-      (a.raw_data.flag ? 1 : 0) + (a.raw_data.dial_code ? 1 : 0) > f && g.set(a.value, a);
-    }
-    return Array.from(g.values()).sort((a, c) => a.raw_data.name.localeCompare(c.raw_data.name));
-  }
-  async function j(v) {
-    const y = !!v?.force;
-    if (!y && t.value.length) return t.value;
-    if (!y && Ie())
-      try {
-        const g = localStorage.getItem(Ee);
-        if (g) {
-          const a = JSON.parse(g);
-          if (Array.isArray(a) && a.length)
-            return u(a), t.value;
-        }
-      } catch {
-      }
-    r.value = !0;
-    try {
-      const g = await fetch(ut);
-      if (!g.ok) throw new Error(`Failed to fetch countries: ${g.status}`);
-      const a = await g.json(), c = z(a);
-      if (u(c.length ? c : Le), Ie())
-        try {
-          localStorage.setItem(Ee, JSON.stringify(t.value));
-        } catch {
-        }
-      return t.value;
-    } catch {
-      return u(Le), t.value;
-    } finally {
-      r.value = !1;
-    }
-  }
-  function O(v, y = 50) {
-    const g = fe(v);
-    if (!g) return t.value.slice(0, y);
-    const a = [];
-    for (const c of t.value)
-      if (c.search_key.includes(g) && (a.push(c), a.length >= y))
-        break;
-    return a;
-  }
-  function Y(v) {
-    return e.value.get(ue(v)) ?? null;
-  }
-  function I(v) {
-    return o.value.get(Q(v)) ?? [];
-  }
-  function k(v, y) {
-    const g = ue(v.iso2);
-    if (!g) return null;
-    try {
-      const a = tt(g, ct), c = a?.formatNational?.() ?? "", f = a?.format?.("E.164") ?? "", $ = ft(c), L = v.dial_code ? ye(v.dial_code) : f ? `+${a?.countryCallingCode}` : "", E = Q(c);
-      return {
-        iso2: g,
-        dial_code: L,
-        placeholder: "",
-        example_national: c,
-        example_e164: f,
-        national_number_length: $,
-        format_hint: E ? `e.g. ${dt(E, y)}` : ""
-      };
-    } catch {
-      return null;
-    }
-  }
-  function x(v) {
-    const y = v.country ?? null;
-    if (!y?.iso2)
-      return {
-        ok: !1,
-        reason: "missing_country",
-        country: null,
-        phone: { raw: ("phone" in v ? v.phone : null) ?? null, digits: "" },
-        full_phone: null,
-        required: null
-      };
-    const g = ue(y.iso2), a = k({ iso2: g, dial_code: y.dial_code }, v.locale);
-    if (!a)
-      return {
-        ok: !1,
-        reason: "country_not_supported",
-        country: { iso2: g, dial_code: ye(y.dial_code) },
-        phone: { raw: ("phone" in v ? v.phone : null) ?? null, digits: "" },
-        full_phone: null,
-        required: null
-      };
-    if (!("phone" in v))
-      return {
-        ok: !0,
-        reason: null,
-        country: { iso2: a.iso2, dial_code: a.dial_code },
-        phone: { raw: null, digits: "" },
-        full_phone: null,
-        required: a
-      };
-    const c = v.phone, f = Q(c);
-    if (!c || !String(c).trim())
-      return {
-        ok: !0,
-        reason: null,
-        country: { iso2: a.iso2, dial_code: a.dial_code },
-        phone: { raw: c ?? null, digits: "" },
-        full_phone: null,
-        required: a
-      };
-    if (String(c).replace(/\s+/g, "").match(/[^\d+]/))
-      return {
-        ok: !1,
-        reason: "phone_has_non_digits",
-        country: { iso2: a.iso2, dial_code: a.dial_code },
-        phone: { raw: c, digits: f },
-        full_phone: le(a.dial_code, f),
-        required: a
-      };
-    const $ = Ue(f), { min: L, max: E } = a.national_number_length;
-    if (L !== null && $.length < L)
-      return {
-        ok: !1,
-        reason: "too_short",
-        country: { iso2: a.iso2, dial_code: a.dial_code },
-        phone: { raw: c, digits: f },
-        full_phone: le(a.dial_code, f),
-        required: a,
-        details: { min: L, actual: $.length }
-      };
-    if (E !== null && $.length > E)
-      return {
-        ok: !1,
-        reason: "too_long",
-        country: { iso2: a.iso2, dial_code: a.dial_code },
-        phone: { raw: c, digits: f },
-        full_phone: le(a.dial_code, f),
-        required: a,
-        details: { max: E, actual: $.length }
-      };
-    const P = le(a.dial_code, f) ?? String(c);
-    try {
-      if (!et(P, g)) {
-        const S = de(P, g);
-        return {
-          ok: !1,
-          reason: "invalid_phone",
-          country: { iso2: a.iso2, dial_code: a.dial_code },
-          phone: { raw: c, digits: f },
-          full_phone: S?.number ?? null,
-          required: a,
-          details: {
-            type: S?.getType?.() ?? null,
-            possible: S?.isPossible?.() ?? null,
-            country: S?.country ?? null
-          }
-        };
-      }
-      const G = de(P, g);
-      return {
-        ok: !0,
-        reason: null,
-        country: { iso2: a.iso2, dial_code: a.dial_code },
-        phone: { raw: c, digits: f },
-        full_phone: G?.number ?? P,
-        required: a
-      };
-    } catch (T) {
-      return {
-        ok: !1,
-        reason: "parse_failed",
-        country: { iso2: a.iso2, dial_code: a.dial_code },
-        phone: { raw: c, digits: f },
-        full_phone: le(a.dial_code, f),
-        required: a,
-        details: { error: T?.message ?? String(T) }
-      };
-    }
-  }
-  return {
-    countries: t,
-    isCountriesLoading: r,
-    getCountries: j,
-    searchCountries: O,
-    getCountryByValue: Y,
-    getCountriesByDial: I,
-    getRequiredInfo: k,
-    validate: x
-  };
-}
-const ze = "ali_ui_country_detected", ne = () => typeof window < "u" && typeof document < "u", vt = {
-  // 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 t = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    return vt[t] ?? null;
-  } catch {
-    return null;
-  }
-}
-function ht() {
-  if (!ne()) return null;
-  try {
-    const r = (navigator.language ?? "").match(/^[a-z]{2,3}-([A-Z]{2})/);
-    return r ? r[1] : null;
-  } catch {
-    return null;
-  }
-}
-async function yt(t, r) {
-  if (!ne() || typeof fetch != "function") return null;
-  const e = new AbortController(), o = setTimeout(() => e.abort(), r);
-  try {
-    const p = await fetch(t, { signal: e.signal, credentials: "omit" });
-    if (!p.ok) return null;
-    const u = await p.json(), z = (u.country_code ?? u.country ?? "").toString().toUpperCase();
-    return /^[A-Z]{2}$/.test(z) ? z : null;
-  } catch {
-    return null;
-  } finally {
-    clearTimeout(o);
-  }
-}
-function bt() {
-  if (!ne()) return null;
-  try {
-    const t = sessionStorage.getItem(ze);
-    return t && /^[A-Z]{2}$/.test(t) ? t : null;
-  } catch {
-    return null;
-  }
-}
-function Be(t) {
-  if (ne())
-    try {
-      sessionStorage.setItem(ze, t);
-    } catch {
-    }
-}
-async function Oe(t = {}) {
-  const {
-    strategy: r = "auto",
-    ipEndpoint: e = "https://ipapi.co/json/",
-    defaultCountry: o = "US",
-    timeoutMs: p = 2e3,
-    cache: u = !0
-  } = t;
-  if (u) {
-    const O = bt();
-    if (O) return O;
-  }
-  if (r === "none")
-    return o.toUpperCase();
-  if (r === "auto") {
-    const O = await yt(e, p);
-    if (O)
-      return u && Be(O), O;
-  }
-  const j = (mt() ?? ht() ?? o).toUpperCase();
-  return u && Be(j), j;
-}
-function da(t = {}) {
-  const r = N(null), e = N(!1);
-  async function o() {
-    e.value = !0;
-    try {
-      r.value = await Oe(t);
-    } finally {
-      e.value = !1;
-    }
-    return r.value;
-  }
-  return be(() => {
-    o();
-  }), { country: r, isLoading: e, refresh: o };
-}
-const _t = lt(
-  // 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: `${ae.xs} ${W.xs}`,
-        sm: `${ae.sm} ${W.sm}`,
-        md: `${ae.md} ${W.md}`,
-        lg: `${ae.lg} ${W.lg}`,
-        xl: `${ae.xl} ${W.xl}`
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), Fe = {
-  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."
-}, Ne = {
-  searchPlaceholder: "Search country or +code…",
-  emptyText: "No countries found.",
-  loadingText: "Loading countries…",
-  suggestedLabel: "Suggested",
-  allCountriesLabel: "All countries",
-  errorMessages: Fe,
-  countryLabel: "Country",
-  selectCountryLabel: "Select country",
-  phoneInputLabel: "Phone number"
-};
-function wt(t) {
-  return t ? {
-    ...Ne,
-    ...t,
-    errorMessages: { ...Fe, ...t.errorMessages }
-  } : Ne;
-}
-function Ct(t, r = 40) {
-  return `https://flagcdn.com/w${r}/${t.toLowerCase()}.png`;
-}
-const At = ["src", "alt"], St = ["aria-label"], ve = /* @__PURE__ */ _e({
-  __name: "ACountryFlag",
-  props: {
-    iso2: {},
-    width: { default: 40 },
-    src: {},
-    flagUrl: {},
-    alt: {},
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(t) {
-    const r = t, e = C(() => r.src ? r.src : r.iso2 ? (r.flagUrl ?? Ct)(r.iso2, r.width) : null), o = N(!1);
-    re(e, () => {
-      o.value = !1;
-    });
-    const p = C(() => (r.iso2 ?? "").slice(0, 2).toUpperCase());
-    return (u, z) => e.value && !o.value ? (B(), K("img", {
-      key: 0,
-      src: e.value,
-      alt: r.alt ?? `${r.iso2} flag`,
-      loading: "lazy",
-      "data-slot": "country-flag",
-      class: V(w(R)("ring-border/40 inline-block h-4 w-6 rounded-sm object-cover ring-1", r.class)),
-      onError: z[0] || (z[0] = (j) => o.value = !0)
-    }, null, 42, At)) : p.value ? (B(), K("span", {
-      key: 1,
-      "data-slot": "country-flag-fallback",
-      "aria-label": r.alt ?? `${r.iso2} flag`,
-      class: V(
-        w(R)(
-          "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",
-          r.class
-        )
-      )
-    }, M(p.value), 11, St)) : h(u.$slots, "empty", { key: 2 }, () => [
-      _("span", {
-        "data-slot": "country-flag-empty",
-        class: V(w(R)("bg-muted inline-block h-4 w-6 rounded-sm", r.class))
-      }, null, 2)
-    ]);
-  }
-}), kt = ["disabled", "data-state", "aria-label"], $t = { class: "border-border/70 border-b p-1.5" }, xt = { class: "bg-muted/40 ring-border/70 focus-within:ring-ring/50 relative flex items-center rounded-md ring-1 transition-shadow" }, Et = ["placeholder"], It = {
-  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"
-}, Lt = {
-  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"
-}, Bt = { class: "flex-1 overflow-y-auto" }, Nt = { class: "text-muted-foreground p-4 text-center text-sm" }, Tt = { class: "text-muted-foreground p-4 text-center text-sm" }, Dt = {
-  key: 0,
-  "data-slot": "country-select-group",
-  "data-group": "suggested"
-}, Mt = { class: "text-muted-foreground bg-popover sticky top-0 z-10 px-3 py-1.5 text-[10px] font-medium tracking-wider uppercase" }, Pt = ["aria-label"], Ut = ["aria-selected", "aria-disabled"], Rt = ["disabled", "data-selected", "onClick"], zt = { class: "flex-1 truncate" }, Ot = { class: "text-muted-foreground tabular-nums" }, Ft = {
-  "data-slot": "country-select-group",
-  "data-group": "all"
-}, Kt = { class: "text-muted-foreground bg-popover sticky top-0 z-10 px-3 py-1.5 text-[10px] font-medium tracking-wider uppercase" }, Vt = ["aria-label"], Gt = ["aria-selected", "aria-disabled"], Ht = ["disabled", "data-selected", "onClick"], Zt = { class: "flex-1 truncate" }, jt = { class: "text-muted-foreground tabular-nums" }, Te = "ali_ui_country_recents_v1", Jt = /* @__PURE__ */ _e({
-  __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: Pe },
-    suggestedLimit: { default: 4 },
-    maxResults: { default: 80 },
-    flagUrl: {},
-    searcher: {},
-    countries: {},
-    kbdOpen: { default: "⌘K" },
-    kbdClose: { default: "Esc" },
-    locale: {},
-    countryLabel: { default: "Country" },
-    selectCountryLabel: { default: "Select country" }
-  }, {
-    selected: { default: "" },
-    selectedModifiers: {}
-  }),
-  emits: ["update:selected"],
-  setup(t, { expose: r }) {
-    const e = t, o = C(
-      () => `${Me[e.size]} ${W[e.size]}`
-    ), p = me(t, "selected"), {
-      countries: u,
-      isCountriesLoading: z,
-      getCountries: j,
-      searchCountries: O,
-      getCountryByValue: Y
-    } = Re(), I = N(!1), k = N("");
-    j();
-    const x = C(
-      () => e.countries && e.countries.length ? e.countries : pt(u.value, e.locale)
-    ), v = C(
-      () => new Map(x.value.map((s) => [s.value, s]))
-    );
-    function y(s) {
-      return s ? v.value.get(s) ?? Y(s) : null;
-    }
-    const g = N([]);
-    function a() {
-      if (!(typeof window > "u"))
-        try {
-          const s = localStorage.getItem(Te);
-          if (!s) return;
-          const m = JSON.parse(s);
-          if (!Array.isArray(m)) return;
-          g.value = m.filter((n) => typeof n == "string").slice(0, 8);
-        } catch {
-        }
-    }
-    function c(s) {
-      if (typeof window > "u" || !s) return;
-      const m = [s, ...g.value.filter((n) => n !== s)].slice(0, 8);
-      g.value = m;
-      try {
-        localStorage.setItem(Te, JSON.stringify(m));
-      } catch {
-      }
-    }
-    be(a);
-    const f = C(() => k.value.trim().length > 0);
-    function $(s, m) {
-      return m.search_key.includes(s.toLowerCase());
-    }
-    const L = C(() => {
-      if (!f.value) return [];
-      if (!e.countries && !e.searcher && !e.locale)
-        return O(k.value, e.maxResults);
-      const s = k.value.trim(), m = e.searcher ?? $, n = [];
-      for (const Z of x.value)
-        if (m(s, Z) && (n.push(Z), n.length >= e.maxResults))
-          break;
-      return n;
-    }), E = C(() => {
-      if (f.value) return [];
-      const s = /* @__PURE__ */ new Set(), m = [], n = (D) => {
-        if (!D || s.has(D)) return;
-        const se = y(D);
-        se && (s.add(D), m.push(se));
-      };
-      n(p.value);
-      const Z = e.allowedDialCodes;
-      if (Array.isArray(Z) && Z.length > 0) {
-        for (const D of x.value)
-          Z.includes(D.raw_data.dial_digits) && n(D.value);
-        return m;
-      }
-      for (const D of g.value)
-        if (n(D), m.length >= e.suggestedLimit) break;
-      return m.slice(0, e.suggestedLimit);
-    }), P = C(() => f.value ? [] : x.value), T = C(() => y(p.value));
-    function G(s) {
-      const m = e.allowedDialCodes;
-      return !m || m.length === 0 ? !0 : m.includes(s.raw_data.dial_digits);
-    }
-    function S(s) {
-      G(s) && (p.value = s.value, c(s.value), I.value = !1);
-    }
-    return re(I, (s) => {
-      s || (k.value = "");
-    }), r({
-      open: I,
-      setOpen: (s) => I.value = s,
-      search: k,
-      setSearch: (s) => k.value = s,
-      selectedCountry: T,
-      selectCountry: S,
-      countries: x,
-      recents: g
-    }), (s, m) => (B(), he(w(rt), {
-      open: I.value,
-      "onUpdate:open": m[1] || (m[1] = (n) => I.value = n)
-    }, {
-      default: U(() => [
-        F(w(nt), { "as-child": "" }, {
-          default: U(() => [
-            h(s.$slots, "trigger", {
-              selectedCountry: T.value,
-              open: I.value,
-              sizeClasses: o.value
-            }, () => [
-              _("button", {
-                type: "button",
-                disabled: e.disabled,
-                "data-slot": "country-select-trigger",
-                "data-state": I.value ? "open" : "closed",
-                class: V(
-                  w(R)(
-                    "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",
-                    o.value,
-                    e.triggerClass
-                  )
-                ),
-                "aria-label": T.value ? `${e.countryLabel}: ${T.value.raw_data.name}` : e.selectCountryLabel
-              }, [
-                T.value ? h(s.$slots, "flag", {
-                  key: 0,
-                  country: T.value,
-                  context: "trigger"
-                }, () => [
-                  F(ve, {
-                    iso2: T.value.raw_data.iso2,
-                    src: T.value.raw_data.flag,
-                    "flag-url": e.flagUrl
-                  }, null, 8, ["iso2", "src", "flag-url"])
-                ]) : H("", !0),
-                h(s.$slots, "chevron", { open: I.value }, () => [
-                  F(w(qe), {
-                    class: V(["text-muted-foreground size-3.5 shrink-0 transition-transform duration-200", I.value && "rotate-180"])
-                  }, null, 8, ["class"])
-                ])
-              ], 10, kt)
-            ])
-          ]),
-          _: 3
-        }),
-        F(w(ot), {
-          align: "end",
-          "side-offset": 6,
-          class: V(w(R)("flex flex-col overflow-hidden p-0", e.contentClass)),
-          "popover-class": w(R)(
-            "w-[min(20rem,calc(100vw-2rem))] max-h-[min(22rem,var(--reka-popover-content-available-height))]",
-            e.popoverClass
-          ),
-          "drawer-class": w(R)("max-h-[80vh] pb-4", e.drawerClass)
-        }, {
-          default: U(() => [
-            h(s.$slots, "search", {
-              value: k.value,
-              setValue: (n) => k.value = n,
-              isSearching: f.value
-            }, () => [
-              _("div", $t, [
-                _("div", xt, [
-                  h(s.$slots, "search-icon", {}, () => [
-                    F(w(We), { class: "text-muted-foreground absolute top-1/2 start-2.5 size-3.5 -translate-y-1/2" })
-                  ]),
-                  He(_("input", {
-                    "onUpdate:modelValue": m[0] || (m[0] = (n) => k.value = n),
-                    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, Et), [
-                    [Ze, k.value]
-                  ]),
-                  !f.value && e.kbdOpen ? (B(), K("kbd", It, M(e.kbdOpen), 1)) : f.value && e.kbdClose ? (B(), K("kbd", Lt, M(e.kbdClose), 1)) : H("", !0)
-                ])
-              ])
-            ]),
-            _("div", Bt, [
-              w(z) && x.value.length === 0 ? h(s.$slots, "loading", { key: 0 }, () => [
-                _("div", Nt, M(e.loadingText), 1)
-              ]) : f.value && L.value.length === 0 ? h(s.$slots, "empty", {
-                key: 1,
-                query: k.value
-              }, () => [
-                _("div", Tt, M(e.emptyText), 1)
-              ]) : (B(), K(pe, { key: 2 }, [
-                E.value.length > 0 ? (B(), K("section", Dt, [
-                  h(s.$slots, "group-header", {
-                    label: e.suggestedLabel,
-                    group: "suggested"
-                  }, () => [
-                    _("header", Mt, M(e.suggestedLabel), 1)
-                  ]),
-                  _("ul", {
-                    role: "listbox",
-                    "aria-label": e.suggestedLabel,
-                    class: "pb-1"
-                  }, [
-                    (B(!0), K(pe, null, ke(E.value, (n) => (B(), K("li", {
-                      key: `s-${n.value}`,
-                      role: "option",
-                      "aria-selected": n.value === p.value,
-                      "aria-disabled": !G(n)
-                    }, [
-                      h(s.$slots, "item", {
-                        country: n,
-                        selected: n.value === p.value,
-                        disabled: !G(n),
-                        select: () => S(n)
-                      }, () => [
-                        _("button", {
-                          type: "button",
-                          disabled: !G(n),
-                          "data-slot": "country-select-item",
-                          "data-selected": n.value === p.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: (Z) => S(n)
-                        }, [
-                          h(s.$slots, "flag", {
-                            country: n,
-                            context: "item"
-                          }, () => [
-                            F(ve, {
-                              iso2: n.raw_data.iso2,
-                              src: n.raw_data.flag,
-                              "flag-url": e.flagUrl
-                            }, null, 8, ["iso2", "src", "flag-url"])
-                          ]),
-                          _("span", zt, M(n.raw_data.name), 1),
-                          _("span", Ot, M(n.raw_data.dial_code), 1),
-                          n.value === p.value ? h(s.$slots, "item-check", {
-                            key: 0,
-                            country: n
-                          }, () => [
-                            F(w(xe), { class: "text-foreground size-3.5 shrink-0" })
-                          ]) : H("", !0)
-                        ], 8, Rt)
-                      ])
-                    ], 8, Ut))), 128))
-                  ], 8, Pt)
-                ])) : H("", !0),
-                _("section", Ft, [
-                  !f.value && P.value.length > 0 ? h(s.$slots, "group-header", {
-                    key: 0,
-                    label: e.allCountriesLabel,
-                    group: "all"
-                  }, () => [
-                    _("header", Kt, M(e.allCountriesLabel), 1)
-                  ]) : H("", !0),
-                  _("ul", {
-                    role: "listbox",
-                    "aria-label": f.value ? e.searchPlaceholder : e.allCountriesLabel,
-                    class: "pb-1"
-                  }, [
-                    (B(!0), K(pe, null, ke(f.value ? L.value : P.value, (n) => (B(), K("li", {
-                      key: n.value,
-                      role: "option",
-                      "aria-selected": n.value === p.value,
-                      "aria-disabled": !G(n)
-                    }, [
-                      h(s.$slots, "item", {
-                        country: n,
-                        selected: n.value === p.value,
-                        disabled: !G(n),
-                        select: () => S(n)
-                      }, () => [
-                        _("button", {
-                          type: "button",
-                          disabled: !G(n),
-                          "data-slot": "country-select-item",
-                          "data-selected": n.value === p.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: (Z) => S(n)
-                        }, [
-                          h(s.$slots, "flag", {
-                            country: n,
-                            context: "item"
-                          }, () => [
-                            F(ve, {
-                              iso2: n.raw_data.iso2,
-                              src: n.raw_data.flag,
-                              "flag-url": e.flagUrl
-                            }, null, 8, ["iso2", "src", "flag-url"])
-                          ]),
-                          _("span", Zt, M(n.raw_data.name), 1),
-                          _("span", jt, M(n.raw_data.dial_code), 1),
-                          n.value === p.value ? h(s.$slots, "item-check", {
-                            key: 0,
-                            country: n
-                          }, () => [
-                            F(w(xe), { class: "text-foreground size-3.5 shrink-0" })
-                          ]) : H("", !0)
-                        ], 8, Ht)
-                      ])
-                    ], 8, Gt))), 128))
-                  ], 8, Vt)
-                ])
-              ], 64))
-            ])
-          ]),
-          _: 3
-        }, 8, ["class", "popover-class", "drawer-class"])
-      ]),
-      _: 3
-    }, 8, ["open"]));
-  }
-}), Yt = ["dir"], qt = {
-  class: "flex items-center gap-2",
-  dir: "ltr"
-}, Wt = ["data-state"], Qt = ["value", "disabled", "placeholder", "aria-label", "aria-invalid", "aria-describedby"], Xt = ["id"], ea = "ali_ui_country_recents_v1", fa = /* @__PURE__ */ _e({
-  __name: "ATellInput",
-  props: /* @__PURE__ */ De({
-    flagUrl: {},
-    searcher: {},
-    countries: {},
-    detector: {},
-    contentClass: {},
-    popoverClass: {},
-    drawerClass: {},
-    inputClass: {},
-    fieldClass: {},
-    hintClass: {},
-    errorClass: {},
-    class: { type: [Boolean, null, String, Object, Array] },
-    placeholder: { default: "Phone number" },
-    disabled: { type: Boolean },
-    loading: { type: Boolean },
-    size: { default: Pe },
-    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: 150 }
-  }, {
-    phone: { default: "" },
-    phoneModifiers: {},
-    country: { default: null },
-    countryModifiers: {}
-  }),
-  emits: ["update:phone", "update:country"],
-  setup(t, { expose: r }) {
-    const e = t, o = me(t, "phone"), p = me(t, "country"), u = N(""), { getCountries: z, validate: j, getRequiredInfo: O, getCountryByValue: Y, getCountriesByDial: I } = Re();
-    z();
-    const k = N(!1), x = N(!1), v = {
-      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"
-    };
-    function y(l) {
-      const d = String(l ?? "").trim();
-      if (!d) return "";
-      if (/^[A-Za-z]{2}$/.test(d)) return d.toUpperCase();
-      const i = d.replace(/^\+/, "");
-      if (!/^\d+$/.test(i)) return "";
-      const b = I(i)[0];
-      return b ? b.value : v[i] ?? "";
-    }
-    const g = N(y(e.defaultCountry));
-    function a() {
-      if (typeof window > "u") return [];
-      try {
-        const l = localStorage.getItem(ea);
-        if (!l) return [];
-        const d = JSON.parse(l);
-        return Array.isArray(d) ? d.filter((i) => typeof i == "string") : [];
-      } catch {
-        return [];
-      }
-    }
-    function c(l) {
-      if (!l) return null;
-      try {
-        const i = de(`+${l}`);
-        if (i?.country && i.countryCallingCode) {
-          const b = Y(i.country);
-          if (b)
-            return { country: b, nationalNumber: String(i.nationalNumber ?? "") };
-        }
-      } catch {
-      }
-      const d = g.value;
-      if (d && l.length >= 4)
-        try {
-          const i = de(l, d);
-          if (i?.isValid()) {
-            const b = Y(i.country || d);
-            if (b)
-              return { country: b, nationalNumber: String(i.nationalNumber ?? "") };
-          }
-        } catch {
-        }
-      for (let i = Math.min(3, l.length); i >= 1; i--) {
-        const b = l.slice(0, i), q = I(b);
-        if (!q.length) continue;
-        const ie = l.slice(b.length);
-        if (q.length === 1) return { country: q[0], nationalNumber: ie };
-        const Ae = u.value ? q.find((te) => te.value === u.value.toUpperCase()) : null;
-        if (Ae) return { country: Ae, nationalNumber: ie };
-        const Se = a().map((te) => q.find((Ge) => Ge.value === te)).find((te) => !!te);
-        return Se ? { country: Se, nationalNumber: ie } : { country: q[0], nationalNumber: ie };
-      }
-      return null;
-    }
-    be(async () => {
-      if (u.value) return;
-      if (e.defaultCountry) {
-        const b = y(e.defaultCountry);
-        if (b) {
-          g.value = b, x.value = !0, u.value = b;
-          return;
-        }
-      }
-      const l = {
-        strategy: e.detectCountry,
-        ipEndpoint: e.ipEndpoint,
-        defaultCountry: ""
-      };
-      let d;
-      if (e.detector)
-        try {
-          d = await e.detector(l);
-        } catch {
-          d = null;
-        }
-      d || (d = await Oe(l));
-      const i = d ? d.toUpperCase() : "";
-      if (e.detectFromInput) {
-        if (g.value = i, o.value && !k.value && !u.value) {
-          const b = c(o.value);
-          b && (x.value = !0, u.value = b.country.value, o.value = b.nationalNumber);
-        }
-        return;
-      }
-      !u.value && i && (x.value = !0, u.value = i);
-    });
-    function f(l) {
-      if (!l) return null;
-      const i = Y(l)?.raw_data?.dial_digits ?? Object.entries(v).find(([, q]) => q === l)?.[0];
-      if (!i) return null;
-      const b = Number(i);
-      return Number.isFinite(b) ? b : null;
-    }
-    re(
-      p,
-      (l) => {
-        if (l == null) {
-          u.value && (u.value = "");
-          return;
-        }
-        if (f(u.value) === l) return;
-        const d = y(String(l));
-        d && (u.value = d);
-      },
-      { immediate: !0 }
-    ), re(
-      u,
-      (l, d) => {
-        const i = x.value;
-        x.value = !1;
-        const b = f(l);
-        p.value !== b && (p.value = b), !i && e.detectFromInput && l && d !== l && (k.value = !0);
-      },
-      { flush: "sync" }
-    );
-    const $ = Ye(
-      () => {
-        if (!e.detectFromInput || k.value || u.value) return;
-        const l = o.value;
-        if (!l) return;
-        const d = c(l);
-        d && (x.value = !0, u.value = d.country.value, o.value = d.nationalNumber);
-      },
-      C(() => Math.max(0, e.detectDebounceMs))
-    ), L = N(String(o.value ?? ""));
-    let E = !1;
-    function P(l) {
-      E = !0, o.value = l;
-    }
-    function T(l) {
-      const d = l.target;
-      L.value = d.value;
-      const i = ce(d.value).replace(/\D/g, "");
-      if (e.detectFromInput) {
-        if (!i) {
-          x.value = !0, u.value = "", P(""), k.value = !1;
-          return;
-        }
-        P(i), !k.value && !u.value && $();
-        return;
-      }
-      P(i);
-    }
-    function G(l) {
-      const d = l.target;
-      L.value = ce(d.value).replace(/\D/g, "");
-    }
-    re(
-      () => o.value,
-      (l) => {
-        const d = ce(String(l ?? "")).replace(/\D/g, "");
-        if (d !== l) {
-          o.value = d;
-          return;
-        }
-        if (E) {
-          E = !1;
-          return;
-        }
-        L.value = d;
-      },
-      { flush: "post" }
-    );
-    const S = C(() => wt(e.messages)), s = C(
-      () => e.dir === "ltr" || e.dir === "rtl" ? e.dir : void 0
-    ), m = C(
-      () => u.value ? O({ iso2: u.value }, e.locale) : null
-    ), n = C(
-      () => j({
-        country: u.value ? { iso2: u.value } : null,
-        phone: o.value ?? "",
-        locale: e.locale
-      })
-    ), Z = C(
-      () => e.placeholder || m.value?.format_hint || S.value.phoneInputLabel
-    ), oe = C(() => {
-      const l = n.value;
-      return l.ok || !l.reason || !o.value ? null : e.errorMessages?.[l.reason] ?? S.value.errorMessages[l.reason];
-    }), D = C(() => u.value ? Y(u.value)?.raw_data.dial_code ?? null : null), se = C(
-      () => `${Me[e.size]} ${W[e.size]}`
-    ), Ke = C(() => `px-2 ${W[e.size]}`), J = C(() => o.value ? n.value.ok ? "valid" : "error" : "idle"), we = je(), ge = C(() => !!(e.showValidation && oe.value)), Ce = C(() => !ge.value && !o.value && !!m.value?.format_hint), Ve = C(() => ge.value || Ce.value ? we : void 0);
-    return r({ validation: n, required: m, selectedDialCode: D, validationState: J }), (l, d) => (B(), K("div", {
-      class: V(w(R)("flex w-full flex-col gap-1.5", l.$attrs.class)),
-      "data-slot": "tell-input",
-      dir: s.value
-    }, [
-      _("div", qt, [
-        _("div", {
-          class: V(
-            w(R)(
-              w(_t)({ 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 || J.value === "idle") && "focus-within:ring-ring/40",
-              e.showValidation && J.value === "valid" && "border-emerald-500/60 ring-1 ring-emerald-500/20 focus-within:ring-emerald-500/40",
-              e.showValidation && J.value === "error" && "border-destructive/80 ring-1 ring-destructive/20 focus-within:ring-destructive/40",
-              e.class,
-              e.fieldClass
-            )
-          ),
-          "data-state": J.value
-        }, [
-          h(l.$slots, "prefix"),
-          D.value ? (B(), K("span", {
-            key: 0,
-            "data-slot": "tell-input-dial",
-            dir: "ltr",
-            "aria-hidden": "true",
-            class: V(w(R)("text-muted-foreground shrink-0 tabular-nums select-none", Ke.value))
-          }, M(D.value), 3)) : H("", !0),
-          _("input", {
-            value: L.value,
-            type: "tel",
-            inputmode: "numeric",
-            autocomplete: "tel",
-            dir: "ltr",
-            "data-slot": "tell-input-field",
-            disabled: e.disabled || e.loading,
-            placeholder: Z.value,
-            "aria-label": S.value.phoneInputLabel,
-            "aria-invalid": J.value === "error" || void 0,
-            "aria-describedby": Ve.value,
-            class: V(
-              w(R)(
-                "placeholder:text-muted-foreground h-full w-full min-w-0 flex-1 bg-transparent tabular-nums outline-none disabled:cursor-not-allowed",
-                se.value,
-                D.value && "ps-1",
-                e.inputClass
-              )
-            ),
-            onInput: T,
-            onChange: G
-          }, null, 42, Qt),
-          F($e, {
-            "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: U(() => [
-              !e.detectFromInput || u.value ? (B(), he(Jt, {
-                key: 0,
-                selected: u.value,
-                "onUpdate:selected": d[0] || (d[0] = (i) => u.value = i),
-                "allowed-dial-codes": e.allowedDialCodes,
-                disabled: e.disabled || e.loading,
-                size: e.size,
-                locale: e.locale,
-                "search-placeholder": e.searchPlaceholder ?? S.value.searchPlaceholder,
-                "empty-text": e.emptyText ?? S.value.emptyText,
-                "loading-text": e.loadingText ?? S.value.loadingText,
-                "suggested-label": S.value.suggestedLabel,
-                "all-countries-label": S.value.allCountriesLabel,
-                "country-label": S.value.countryLabel,
-                "select-country-label": S.value.selectCountryLabel,
-                "flag-url": e.flagUrl,
-                searcher: e.searcher,
-                countries: e.countries,
-                "content-class": e.contentClass,
-                "popover-class": e.popoverClass,
-                "drawer-class": e.drawerClass
-              }, Je({ _: 2 }, [
-                l.$slots.trigger ? {
-                  name: "trigger",
-                  fn: U((i) => [
-                    h(l.$slots, "trigger", X(ee(i)))
-                  ]),
-                  key: "0"
-                } : void 0,
-                l.$slots.chevron ? {
-                  name: "chevron",
-                  fn: U((i) => [
-                    h(l.$slots, "chevron", X(ee(i)))
-                  ]),
-                  key: "1"
-                } : void 0,
-                l.$slots.flag ? {
-                  name: "flag",
-                  fn: U((i) => [
-                    h(l.$slots, "flag", X(ee(i)))
-                  ]),
-                  key: "2"
-                } : void 0,
-                l.$slots.item ? {
-                  name: "item",
-                  fn: U((i) => [
-                    h(l.$slots, "item", X(ee(i)))
-                  ]),
-                  key: "3"
-                } : void 0,
-                l.$slots["group-header"] ? {
-                  name: "group-header",
-                  fn: U((i) => [
-                    h(l.$slots, "group-header", X(ee(i)))
-                  ]),
-                  key: "4"
-                } : void 0,
-                l.$slots.search ? {
-                  name: "search",
-                  fn: U((i) => [
-                    h(l.$slots, "search", X(ee(i)))
-                  ]),
-                  key: "5"
-                } : void 0,
-                l.$slots.loading ? {
-                  name: "loading",
-                  fn: U(() => [
-                    h(l.$slots, "loading")
-                  ]),
-                  key: "6"
-                } : void 0,
-                l.$slots.empty ? {
-                  name: "empty",
-                  fn: U((i) => [
-                    h(l.$slots, "empty", X(ee(i)))
-                  ]),
-                  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"])) : H("", !0)
-            ]),
-            _: 3
-          }),
-          h(l.$slots, "suffix", {
-            validationState: J.value,
-            validation: n.value
-          })
-        ], 10, Wt),
-        e.showValidationIcon ? (B(), he($e, {
-          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: U(() => [
-            J.value === "valid" ? h(l.$slots, "valid-icon", { key: 0 }, () => [
-              F(w(Qe), {
-                class: "size-5 shrink-0 text-emerald-500",
-                "aria-hidden": "true"
-              })
-            ]) : J.value === "error" ? h(l.$slots, "error-icon", {
-              key: 1,
-              reason: n.value.reason ?? ""
-            }, () => [
-              F(w(Xe), {
-                class: "text-destructive size-5 shrink-0",
-                "aria-hidden": "true"
-              })
-            ]) : H("", !0)
-          ]),
-          _: 3
-        })) : H("", !0)
-      ]),
-      _("div", {
-        id: w(we),
-        "aria-live": "polite"
-      }, [
-        ge.value ? h(l.$slots, "error", {
-          key: 0,
-          message: oe.value,
-          reason: n.value.reason ?? "",
-          validation: n.value
-        }, () => [
-          _("p", {
-            "data-slot": "tell-input-error",
-            class: V(w(R)("text-destructive text-xs", e.errorClass)),
-            role: "alert"
-          }, M(oe.value), 3)
-        ]) : Ce.value ? h(l.$slots, "hint", {
-          key: 1,
-          country: u.value,
-          formatHint: m.value.format_hint,
-          example: m.value.example_e164
-        }, () => [
-          _("p", {
-            "data-slot": "tell-input-hint",
-            class: V(w(R)("text-muted-foreground text-xs tabular-nums", e.hintClass))
-          }, M(m.value.format_hint), 3)
-        ]) : H("", !0)
-      ], 8, Xt)
-    ], 10, Yt));
-  }
-});
-export {
-  Fe as D,
-  st as L,
-  ve as _,
-  Jt as a,
-  fa as b,
-  Ne as c,
-  _t as d,
-  Ct as e,
-  Oe as f,
-  Re as g,
-  pt as l,
-  ce as n,
-  wt as r,
-  da as u
-};
-//# sourceMappingURL=ATellInput.vue_vue_type_script_setup_true_lang-D7hPj1g1.mjs.map