@alikhalilll/ui 1.1.1 → 1.2.0

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

@@ -0,0 +1,1485 @@
+import { ref as B, onMounted as ye, defineComponent as be, computed as C, watch as le, openBlock as M, createElementBlock as K, normalizeClass as G, unref as w, toDisplayString as D, renderSlot as h, createElementVNode as _, useModel as me, createBlock as Te, withCtx as U, createVNode as R, createCommentVNode as Z, withDirectives as He, vModelText as Ze, Fragment as pe, renderList as Se, mergeModels as De, useId as je, Transition as ke, 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 $e, 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 z } 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 rt } from "class-variance-authority";
+import { _ as lt, b as nt, a as ot } from "./AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-BYEb5UBL.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: l } of st)
+    for (let e = 0; e <= 9; e++) t.set(l + e, String(e));
+  return t;
+})();
+function ce(t) {
+  const l = String(t ?? "");
+  let e = "";
+  for (const o of l) {
+    const p = o.codePointAt(0);
+    e += p != null && it.get(p) || o;
+  }
+  return e;
+}
+const xe = "ali_ui_phone_countries_v1", ut = "https://restcountries.com/v3.1/all?fields=name,cca2,idd,flags", ct = at, Ee = () => typeof window < "u";
+function Q(t) {
+  return ce(String(t ?? "")).replace(/\D/g, "");
+}
+function dt(t, l) {
+  if (!l) return t;
+  try {
+    const e = new Intl.NumberFormat(l, { useGrouping: !1 });
+    return t.replace(/[0-9]/g, (o) => e.format(Number(o)));
+  } catch {
+    return t;
+  }
+}
+function he(t) {
+  const l = Q(t);
+  return l ? `+${l}` : "";
+}
+function ue(t) {
+  return String(t ?? "").trim().toUpperCase();
+}
+function Ue(t) {
+  return String(t ?? "").replace(/^0+/, "");
+}
+function re(t, l) {
+  const e = he(t), o = Ue(Q(l));
+  return e && o ? `${e}${o}` : null;
+}
+function ft(t) {
+  const l = Q(t);
+  if (!l) return { min: null, max: null };
+  const e = l.length;
+  return { min: Math.max(4, e - 2), max: e + 2 };
+}
+function gt(t) {
+  const l = t?.root?.trim();
+  if (!l || !l.startsWith("+")) return null;
+  const e = t?.suffixes?.[0]?.trim() ?? "", o = `${l}${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, l) {
+  if (!l) return t;
+  let e;
+  try {
+    e = new Intl.DisplayNames([l], { 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, l, e) {
+  const o = Q(e);
+  return {
+    label: `${l} (+${o})`,
+    value: t,
+    search_key: fe(`${l} +${o} ${t}`),
+    raw_data: {
+      iso2: t,
+      dial_code: `+${o}`,
+      dial_digits: o,
+      name: l,
+      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 = B([]), l = B(!1), e = B(/* @__PURE__ */ new Map()), o = B(/* @__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 O(v) {
+    const y = [];
+    for (const a of v) {
+      const c = a?.name?.common?.trim(), f = ue(a?.cca2), $ = gt(a?.idd), I = 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: I,
+          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 && Ee())
+      try {
+        const g = localStorage.getItem(xe);
+        if (g) {
+          const a = JSON.parse(g);
+          if (Array.isArray(a) && a.length)
+            return u(a), t.value;
+        }
+      } catch {
+      }
+    l.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 = O(a);
+      if (u(c.length ? c : Le), Ee())
+        try {
+          localStorage.setItem(xe, JSON.stringify(t.value));
+        } catch {
+        }
+      return t.value;
+    } catch {
+      return u(Le), t.value;
+    } finally {
+      l.value = !1;
+    }
+  }
+  function F(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 L(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), I = v.dial_code ? he(v.dial_code) : f ? `+${a?.countryCallingCode}` : "", E = Q(c);
+      return {
+        iso2: g,
+        dial_code: I,
+        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: he(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: re(a.dial_code, f),
+        required: a
+      };
+    const $ = Ue(f), { min: I, max: E } = a.national_number_length;
+    if (I !== null && $.length < I)
+      return {
+        ok: !1,
+        reason: "too_short",
+        country: { iso2: a.iso2, dial_code: a.dial_code },
+        phone: { raw: c, digits: f },
+        full_phone: re(a.dial_code, f),
+        required: a,
+        details: { min: I, 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: re(a.dial_code, f),
+        required: a,
+        details: { max: E, actual: $.length }
+      };
+    const P = re(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 V = de(P, g);
+      return {
+        ok: !0,
+        reason: null,
+        country: { iso2: a.iso2, dial_code: a.dial_code },
+        phone: { raw: c, digits: f },
+        full_phone: V?.number ?? P,
+        required: a
+      };
+    } catch (N) {
+      return {
+        ok: !1,
+        reason: "parse_failed",
+        country: { iso2: a.iso2, dial_code: a.dial_code },
+        phone: { raw: c, digits: f },
+        full_phone: re(a.dial_code, f),
+        required: a,
+        details: { error: N?.message ?? String(N) }
+      };
+    }
+  }
+  return {
+    countries: t,
+    isCountriesLoading: l,
+    getCountries: j,
+    searchCountries: F,
+    getCountryByValue: Y,
+    getCountriesByDial: L,
+    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 l = (navigator.language ?? "").match(/^[a-z]{2,3}-([A-Z]{2})/);
+    return l ? l[1] : null;
+  } catch {
+    return null;
+  }
+}
+async function yt(t, l) {
+  if (!ne() || typeof fetch != "function") return null;
+  const e = new AbortController(), o = setTimeout(() => e.abort(), l);
+  try {
+    const p = await fetch(t, { signal: e.signal, credentials: "omit" });
+    if (!p.ok) return null;
+    const u = await p.json(), O = (u.country_code ?? u.country ?? "").toString().toUpperCase();
+    return /^[A-Z]{2}$/.test(O) ? O : 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 Ie(t) {
+  if (ne())
+    try {
+      sessionStorage.setItem(ze, t);
+    } catch {
+    }
+}
+async function Oe(t = {}) {
+  const {
+    strategy: l = "auto",
+    ipEndpoint: e = "https://ipapi.co/json/",
+    defaultCountry: o = "US",
+    timeoutMs: p = 2e3,
+    cache: u = !0
+  } = t;
+  if (u) {
+    const F = bt();
+    if (F) return F;
+  }
+  if (l === "none")
+    return o.toUpperCase();
+  if (l === "auto") {
+    const F = await yt(e, p);
+    if (F)
+      return u && Ie(F), F;
+  }
+  const j = (mt() ?? ht() ?? o).toUpperCase();
+  return u && Ie(j), j;
+}
+function da(t = {}) {
+  const l = B(null), e = B(!1);
+  async function o() {
+    e.value = !0;
+    try {
+      l.value = await Oe(t);
+    } finally {
+      e.value = !1;
+    }
+    return l.value;
+  }
+  return ye(() => {
+    o();
+  }), { country: l, isLoading: e, refresh: o };
+}
+const _t = 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: `${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."
+}, Be = {
+  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 ? {
+    ...Be,
+    ...t,
+    errorMessages: { ...Fe, ...t.errorMessages }
+  } : Be;
+}
+function Ct(t, l = 40) {
+  return `https://flagcdn.com/w${l}/${t.toLowerCase()}.png`;
+}
+const At = ["src", "alt"], St = ["aria-label"], ve = /* @__PURE__ */ be({
+  __name: "ACountryFlag",
+  props: {
+    iso2: {},
+    width: { default: 40 },
+    src: {},
+    flagUrl: {},
+    alt: {},
+    class: { type: [Boolean, null, String, Object, Array] }
+  },
+  setup(t) {
+    const l = t, e = C(() => l.src ? l.src : l.iso2 ? (l.flagUrl ?? Ct)(l.iso2, l.width) : null), o = B(!1);
+    le(e, () => {
+      o.value = !1;
+    });
+    const p = C(() => (l.iso2 ?? "").slice(0, 2).toUpperCase());
+    return (u, O) => e.value && !o.value ? (M(), K("img", {
+      key: 0,
+      src: e.value,
+      alt: l.alt ?? `${l.iso2} flag`,
+      loading: "lazy",
+      "data-slot": "country-flag",
+      class: G(w(z)("ring-border/40 inline-block h-4 w-6 rounded-sm object-cover ring-1", l.class)),
+      onError: O[0] || (O[0] = (j) => o.value = !0)
+    }, null, 42, At)) : p.value ? (M(), K("span", {
+      key: 1,
+      "data-slot": "country-flag-fallback",
+      "aria-label": l.alt ?? `${l.iso2} flag`,
+      class: G(
+        w(z)(
+          "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",
+          l.class
+        )
+      )
+    }, D(p.value), 11, St)) : h(u.$slots, "empty", { key: 2 }, () => [
+      _("span", {
+        "data-slot": "country-flag-empty",
+        class: G(w(z)("bg-muted inline-block h-4 w-6 rounded-sm", l.class))
+      }, null, 2)
+    ]);
+  }
+}), kt = ["disabled", "data-state", "aria-label"], $t = { class: "border-b p-1.5" }, xt = { class: "bg-muted/40 ring-border focus-within:ring-ring relative flex items-center rounded-md ring-1 transition-shadow focus-within:ring-2" }, Et = ["placeholder"], Lt = {
+  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"
+}, It = {
+  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" }, Gt = ["aria-label"], Vt = ["aria-selected", "aria-disabled"], Ht = ["disabled", "data-selected", "onClick"], Zt = { class: "flex-1 truncate" }, jt = { class: "text-muted-foreground tabular-nums" }, Ne = "ali_ui_country_recents_v1", Jt = /* @__PURE__ */ be({
+  __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: l }) {
+    const e = t, o = C(
+      () => `${Me[e.size]} ${W[e.size]}`
+    ), p = me(t, "selected"), {
+      countries: u,
+      isCountriesLoading: O,
+      getCountries: j,
+      searchCountries: F,
+      getCountryByValue: Y
+    } = Re(), L = B(!1), k = B("");
+    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 = B([]);
+    function a() {
+      if (!(typeof window > "u"))
+        try {
+          const s = localStorage.getItem(Ne);
+          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(Ne, JSON.stringify(m));
+      } catch {
+      }
+    }
+    ye(a);
+    const f = C(() => k.value.trim().length > 0);
+    function $(s, m) {
+      return m.search_key.includes(s.toLowerCase());
+    }
+    const I = C(() => {
+      if (!f.value) return [];
+      if (!e.countries && !e.searcher && !e.locale)
+        return F(k.value, e.maxResults);
+      const s = k.value.trim(), m = e.searcher ?? $, n = [];
+      for (const H of x.value)
+        if (m(s, H) && (n.push(H), n.length >= e.maxResults))
+          break;
+      return n;
+    }), E = C(() => {
+      if (f.value) return [];
+      const s = /* @__PURE__ */ new Set(), m = [], n = (T) => {
+        if (!T || s.has(T)) return;
+        const se = y(T);
+        se && (s.add(T), m.push(se));
+      };
+      n(p.value);
+      const H = e.allowedDialCodes;
+      if (Array.isArray(H) && H.length > 0) {
+        for (const T of x.value)
+          H.includes(T.raw_data.dial_digits) && n(T.value);
+        return m;
+      }
+      for (const T of g.value)
+        if (n(T), m.length >= e.suggestedLimit) break;
+      return m.slice(0, e.suggestedLimit);
+    }), P = C(() => f.value ? [] : x.value), N = C(() => y(p.value));
+    function V(s) {
+      const m = e.allowedDialCodes;
+      return !m || m.length === 0 ? !0 : m.includes(s.raw_data.dial_digits);
+    }
+    function S(s) {
+      V(s) && (p.value = s.value, c(s.value), L.value = !1);
+    }
+    return le(L, (s) => {
+      s || (k.value = "");
+    }), l({
+      open: L,
+      setOpen: (s) => L.value = s,
+      search: k,
+      setSearch: (s) => k.value = s,
+      selectedCountry: N,
+      selectCountry: S,
+      countries: x,
+      recents: g
+    }), (s, m) => (M(), Te(w(lt), {
+      open: L.value,
+      "onUpdate:open": m[1] || (m[1] = (n) => L.value = n)
+    }, {
+      default: U(() => [
+        R(w(nt), { "as-child": "" }, {
+          default: U(() => [
+            h(s.$slots, "trigger", {
+              selectedCountry: N.value,
+              open: L.value,
+              sizeClasses: o.value
+            }, () => [
+              _("button", {
+                type: "button",
+                disabled: e.disabled,
+                "data-slot": "country-select-trigger",
+                "data-state": L.value ? "open" : "closed",
+                class: G(
+                  w(z)(
+                    "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": N.value ? `${e.countryLabel}: ${N.value.raw_data.name}` : e.selectCountryLabel
+              }, [
+                N.value ? h(s.$slots, "flag", {
+                  key: 0,
+                  country: N.value,
+                  context: "trigger"
+                }, () => [
+                  R(ve, {
+                    iso2: N.value.raw_data.iso2,
+                    src: N.value.raw_data.flag,
+                    "flag-url": e.flagUrl
+                  }, null, 8, ["iso2", "src", "flag-url"])
+                ]) : Z("", !0),
+                h(s.$slots, "chevron", { open: L.value }, () => [
+                  R(w(qe), {
+                    class: G(["text-muted-foreground size-3.5 shrink-0 transition-transform duration-200", L.value && "rotate-180"])
+                  }, null, 8, ["class"])
+                ])
+              ], 10, kt)
+            ])
+          ]),
+          _: 3
+        }),
+        R(w(ot), {
+          align: "end",
+          "side-offset": 6,
+          class: G(w(z)("flex flex-col overflow-hidden p-0", e.contentClass)),
+          "popover-class": w(z)(
+            "w-[min(20rem,calc(100vw-2rem))] max-h-[min(22rem,var(--reka-popover-content-available-height))]",
+            e.popoverClass
+          ),
+          "drawer-class": w(z)("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", {}, () => [
+                    R(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-8 w-full bg-transparent pe-14 ps-8 text-sm outline-none"
+                  }, null, 8, Et), [
+                    [Ze, k.value]
+                  ]),
+                  !f.value && e.kbdOpen ? (M(), K("kbd", Lt, D(e.kbdOpen), 1)) : f.value && e.kbdClose ? (M(), K("kbd", It, D(e.kbdClose), 1)) : Z("", !0)
+                ])
+              ])
+            ]),
+            _("div", Bt, [
+              w(O) && x.value.length === 0 ? h(s.$slots, "loading", { key: 0 }, () => [
+                _("div", Nt, D(e.loadingText), 1)
+              ]) : f.value && I.value.length === 0 ? h(s.$slots, "empty", {
+                key: 1,
+                query: k.value
+              }, () => [
+                _("div", Tt, D(e.emptyText), 1)
+              ]) : (M(), K(pe, { key: 2 }, [
+                E.value.length > 0 ? (M(), K("section", Dt, [
+                  h(s.$slots, "group-header", {
+                    label: e.suggestedLabel,
+                    group: "suggested"
+                  }, () => [
+                    _("header", Mt, D(e.suggestedLabel), 1)
+                  ]),
+                  _("ul", {
+                    role: "listbox",
+                    "aria-label": e.suggestedLabel,
+                    class: "pb-1"
+                  }, [
+                    (M(!0), K(pe, null, Se(E.value, (n) => (M(), K("li", {
+                      key: `s-${n.value}`,
+                      role: "option",
+                      "aria-selected": n.value === p.value,
+                      "aria-disabled": !V(n)
+                    }, [
+                      h(s.$slots, "item", {
+                        country: n,
+                        selected: n.value === p.value,
+                        disabled: !V(n),
+                        select: () => S(n)
+                      }, () => [
+                        _("button", {
+                          type: "button",
+                          disabled: !V(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: (H) => S(n)
+                        }, [
+                          h(s.$slots, "flag", {
+                            country: n,
+                            context: "item"
+                          }, () => [
+                            R(ve, {
+                              iso2: n.raw_data.iso2,
+                              src: n.raw_data.flag,
+                              "flag-url": e.flagUrl
+                            }, null, 8, ["iso2", "src", "flag-url"])
+                          ]),
+                          _("span", zt, D(n.raw_data.name), 1),
+                          _("span", Ot, D(n.raw_data.dial_code), 1),
+                          n.value === p.value ? h(s.$slots, "item-check", {
+                            key: 0,
+                            country: n
+                          }, () => [
+                            R(w($e), { class: "text-foreground size-3.5 shrink-0" })
+                          ]) : Z("", !0)
+                        ], 8, Rt)
+                      ])
+                    ], 8, Ut))), 128))
+                  ], 8, Pt)
+                ])) : Z("", !0),
+                _("section", Ft, [
+                  !f.value && P.value.length > 0 ? h(s.$slots, "group-header", {
+                    key: 0,
+                    label: e.allCountriesLabel,
+                    group: "all"
+                  }, () => [
+                    _("header", Kt, D(e.allCountriesLabel), 1)
+                  ]) : Z("", !0),
+                  _("ul", {
+                    role: "listbox",
+                    "aria-label": f.value ? e.searchPlaceholder : e.allCountriesLabel,
+                    class: "pb-1"
+                  }, [
+                    (M(!0), K(pe, null, Se(f.value ? I.value : P.value, (n) => (M(), K("li", {
+                      key: n.value,
+                      role: "option",
+                      "aria-selected": n.value === p.value,
+                      "aria-disabled": !V(n)
+                    }, [
+                      h(s.$slots, "item", {
+                        country: n,
+                        selected: n.value === p.value,
+                        disabled: !V(n),
+                        select: () => S(n)
+                      }, () => [
+                        _("button", {
+                          type: "button",
+                          disabled: !V(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: (H) => S(n)
+                        }, [
+                          h(s.$slots, "flag", {
+                            country: n,
+                            context: "item"
+                          }, () => [
+                            R(ve, {
+                              iso2: n.raw_data.iso2,
+                              src: n.raw_data.flag,
+                              "flag-url": e.flagUrl
+                            }, null, 8, ["iso2", "src", "flag-url"])
+                          ]),
+                          _("span", Zt, D(n.raw_data.name), 1),
+                          _("span", jt, D(n.raw_data.dial_code), 1),
+                          n.value === p.value ? h(s.$slots, "item-check", {
+                            key: 0,
+                            country: n
+                          }, () => [
+                            R(w($e), { class: "text-foreground size-3.5 shrink-0" })
+                          ]) : Z("", !0)
+                        ], 8, Ht)
+                      ])
+                    ], 8, Vt))), 128))
+                  ], 8, Gt)
+                ])
+              ], 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__ */ be({
+  __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 },
+    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: l }) {
+    const e = t, o = me(t, "phone"), p = me(t, "country"), u = B(""), { getCountries: O, validate: j, getRequiredInfo: F, getCountryByValue: Y, getCountriesByDial: L } = Re();
+    O();
+    const k = B(!1), x = B(!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(r) {
+      const d = String(r ?? "").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 = L(i)[0];
+      return b ? b.value : v[i] ?? "";
+    }
+    const g = B(y(e.defaultCountry));
+    function a() {
+      if (typeof window > "u") return [];
+      try {
+        const r = localStorage.getItem(ea);
+        if (!r) return [];
+        const d = JSON.parse(r);
+        return Array.isArray(d) ? d.filter((i) => typeof i == "string") : [];
+      } catch {
+        return [];
+      }
+    }
+    function c(r) {
+      if (!r) return null;
+      try {
+        const i = de(`+${r}`);
+        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 && r.length >= 4)
+        try {
+          const i = de(r, 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, r.length); i >= 1; i--) {
+        const b = r.slice(0, i), q = L(b);
+        if (!q.length) continue;
+        const ie = r.slice(b.length);
+        if (q.length === 1) return { country: q[0], nationalNumber: ie };
+        const Ce = u.value ? q.find((te) => te.value === u.value.toUpperCase()) : null;
+        if (Ce) return { country: Ce, nationalNumber: ie };
+        const Ae = a().map((te) => q.find((Ve) => Ve.value === te)).find((te) => !!te);
+        return Ae ? { country: Ae, nationalNumber: ie } : { country: q[0], nationalNumber: ie };
+      }
+      return null;
+    }
+    ye(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 r = {
+        strategy: e.detectCountry,
+        ipEndpoint: e.ipEndpoint,
+        defaultCountry: ""
+      };
+      let d;
+      if (e.detector)
+        try {
+          d = await e.detector(r);
+        } catch {
+          d = null;
+        }
+      d || (d = await Oe(r));
+      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(r) {
+      if (!r) return null;
+      const i = Y(r)?.raw_data?.dial_digits ?? Object.entries(v).find(([, q]) => q === r)?.[0];
+      if (!i) return null;
+      const b = Number(i);
+      return Number.isFinite(b) ? b : null;
+    }
+    le(
+      p,
+      (r) => {
+        if (r == null) {
+          u.value && (u.value = "");
+          return;
+        }
+        if (f(u.value) === r) return;
+        const d = y(String(r));
+        d && (u.value = d);
+      },
+      { immediate: !0 }
+    ), le(
+      u,
+      (r, d) => {
+        const i = x.value;
+        x.value = !1;
+        const b = f(r);
+        p.value !== b && (p.value = b), !i && e.detectFromInput && r && d !== r && (k.value = !0);
+      },
+      { flush: "sync" }
+    );
+    const $ = Ye(
+      () => {
+        if (!e.detectFromInput || k.value || u.value) return;
+        const r = o.value;
+        if (!r) return;
+        const d = c(r);
+        d && (x.value = !0, u.value = d.country.value, o.value = d.nationalNumber);
+      },
+      C(() => Math.max(0, e.detectDebounceMs))
+    ), I = B(String(o.value ?? ""));
+    let E = !1;
+    function P(r) {
+      E = !0, o.value = r;
+    }
+    function N(r) {
+      const d = r.target;
+      I.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 V(r) {
+      const d = r.target;
+      I.value = ce(d.value).replace(/\D/g, "");
+    }
+    le(
+      () => o.value,
+      (r) => {
+        const d = ce(String(r ?? "")).replace(/\D/g, "");
+        if (d !== r) {
+          o.value = d;
+          return;
+        }
+        if (E) {
+          E = !1;
+          return;
+        }
+        I.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 ? F({ iso2: u.value }, e.locale) : null
+    ), n = C(
+      () => j({
+        country: u.value ? { iso2: u.value } : null,
+        phone: o.value ?? "",
+        locale: e.locale
+      })
+    ), H = C(
+      () => e.placeholder || m.value?.format_hint || S.value.phoneInputLabel
+    ), oe = C(() => {
+      const r = n.value;
+      return r.ok || !r.reason || !o.value ? null : e.errorMessages?.[r.reason] ?? S.value.errorMessages[r.reason];
+    }), T = 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"), _e = je(), ge = C(() => !!(e.showValidation && oe.value)), we = C(() => !ge.value && !o.value && !!m.value?.format_hint), Ge = C(() => ge.value || we.value ? _e : void 0);
+    return l({ validation: n, required: m, selectedDialCode: T, validationState: J }), (r, d) => (M(), K("div", {
+      class: G(w(z)("flex w-full flex-col gap-1.5", r.$attrs.class)),
+      "data-slot": "tell-input",
+      dir: s.value
+    }, [
+      _("div", qt, [
+        _("div", {
+          class: G(
+            w(z)(
+              w(_t)({ size: e.size }),
+              "focus-within:ring-2 focus-within:ring-offset-0",
+              J.value === "idle" && "focus-within:ring-ring/40",
+              J.value === "valid" && "border-emerald-500/60 ring-1 ring-emerald-500/20 focus-within:ring-emerald-500/40",
+              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(r.$slots, "prefix"),
+          T.value ? (M(), K("span", {
+            key: 0,
+            "data-slot": "tell-input-dial",
+            dir: "ltr",
+            "aria-hidden": "true",
+            class: G(w(z)("text-muted-foreground shrink-0 tabular-nums select-none", Ke.value))
+          }, D(T.value), 3)) : Z("", !0),
+          _("input", {
+            value: I.value,
+            type: "tel",
+            inputmode: "numeric",
+            autocomplete: "tel",
+            dir: "ltr",
+            "data-slot": "tell-input-field",
+            disabled: e.disabled || e.loading,
+            placeholder: H.value,
+            "aria-label": S.value.phoneInputLabel,
+            "aria-invalid": J.value === "error" || void 0,
+            "aria-describedby": Ge.value,
+            class: G(
+              w(z)(
+                "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,
+                T.value && "ps-1",
+                e.inputClass
+              )
+            ),
+            onInput: N,
+            onChange: V
+          }, null, 42, Qt),
+          R(ke, {
+            "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 ? (M(), Te(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 }, [
+                r.$slots.trigger ? {
+                  name: "trigger",
+                  fn: U((i) => [
+                    h(r.$slots, "trigger", X(ee(i)))
+                  ]),
+                  key: "0"
+                } : void 0,
+                r.$slots.chevron ? {
+                  name: "chevron",
+                  fn: U((i) => [
+                    h(r.$slots, "chevron", X(ee(i)))
+                  ]),
+                  key: "1"
+                } : void 0,
+                r.$slots.flag ? {
+                  name: "flag",
+                  fn: U((i) => [
+                    h(r.$slots, "flag", X(ee(i)))
+                  ]),
+                  key: "2"
+                } : void 0,
+                r.$slots.item ? {
+                  name: "item",
+                  fn: U((i) => [
+                    h(r.$slots, "item", X(ee(i)))
+                  ]),
+                  key: "3"
+                } : void 0,
+                r.$slots["group-header"] ? {
+                  name: "group-header",
+                  fn: U((i) => [
+                    h(r.$slots, "group-header", X(ee(i)))
+                  ]),
+                  key: "4"
+                } : void 0,
+                r.$slots.search ? {
+                  name: "search",
+                  fn: U((i) => [
+                    h(r.$slots, "search", X(ee(i)))
+                  ]),
+                  key: "5"
+                } : void 0,
+                r.$slots.loading ? {
+                  name: "loading",
+                  fn: U(() => [
+                    h(r.$slots, "loading")
+                  ]),
+                  key: "6"
+                } : void 0,
+                r.$slots.empty ? {
+                  name: "empty",
+                  fn: U((i) => [
+                    h(r.$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"])) : Z("", !0)
+            ]),
+            _: 3
+          }),
+          h(r.$slots, "suffix", {
+            validationState: J.value,
+            validation: n.value
+          })
+        ], 10, Wt),
+        R(ke, {
+          "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(r.$slots, "valid-icon", { key: 0 }, () => [
+              R(w(Qe), {
+                class: "size-5 shrink-0 text-emerald-500",
+                "aria-hidden": "true"
+              })
+            ]) : J.value === "error" ? h(r.$slots, "error-icon", {
+              key: 1,
+              reason: n.value.reason ?? ""
+            }, () => [
+              R(w(Xe), {
+                class: "text-destructive size-5 shrink-0",
+                "aria-hidden": "true"
+              })
+            ]) : Z("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _("div", {
+        id: w(_e),
+        "aria-live": "polite"
+      }, [
+        ge.value ? h(r.$slots, "error", {
+          key: 0,
+          message: oe.value,
+          reason: n.value.reason ?? "",
+          validation: n.value
+        }, () => [
+          _("p", {
+            "data-slot": "tell-input-error",
+            class: G(w(z)("text-destructive text-xs", e.errorClass)),
+            role: "alert"
+          }, D(oe.value), 3)
+        ]) : we.value ? h(r.$slots, "hint", {
+          key: 1,
+          country: u.value,
+          formatHint: m.value.format_hint,
+          example: m.value.example_e164
+        }, () => [
+          _("p", {
+            "data-slot": "tell-input-hint",
+            class: G(w(z)("text-muted-foreground text-xs tabular-nums", e.hintClass))
+          }, D(m.value.format_hint), 3)
+        ]) : Z("", !0)
+      ], 8, Xt)
+    ], 10, Yt));
+  }
+});
+export {
+  Fe as D,
+  st as L,
+  ve as _,
+  Jt as a,
+  fa as b,
+  Be 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-Bv_lLV_l.mjs.map