@alikhalilll/ui 1.0.0 → 1.1.1

package/dist/chunks/ATellInput.vue_vue_type_script_setup_true_lang-Clc-B8SW.mjs

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