@alikhalilll/ui 1.1.0 → 1.2.0

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

@@ -1,1353 +0,0 @@
-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-CCGyy9Lp.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-B4lyNu_f.mjs.map