@alikhalilll/ui 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -1,1519 +1,37 @@
-import { clsx as De } from "clsx";
-import { twMerge as ze } from "tailwind-merge";
-import { defineComponent as T, useSlots as Te, computed as y, openBlock as h, createElementBlock as D, normalizeClass as E, unref as i, renderSlot as p, createCommentVNode as N, withDirectives as te, createElementVNode as v, isRef as he, vModelText as ae, createBlock as I, mergeProps as Y, withCtx as b, normalizeProps as G, guardReactiveProps as Z, createVNode as P, useModel as oe, resolveDynamicComponent as Se, mergeModels as ue, ref as H, onMounted as de, watch as $e, toDisplayString as M, Fragment as le, renderList as ye, createSlots as Re, Transition as Ue } from "vue";
-import { ChevronDown as Me, Search as Ie, Check as be, CheckCircle2 as Le, AlertCircle as Ne } from "lucide-vue-next";
-import { isValidPhoneNumber as Ve, parsePhoneNumberFromString as _e, getExampleNumber as Fe } from "libphonenumber-js";
-import Ke from "libphonenumber-js/examples.mobile.json";
-import { useVModel as je, reactiveOmit as ce, useMediaQuery as pe } from "@vueuse/core";
-import { useForwardPropsEmits as se, PopoverRoot as He, useForwardProps as fe, PopoverTrigger as Ge, PopoverPortal as Ze, PopoverContent as Je } from "reka-ui";
-import { DrawerRoot as qe, DrawerTrigger as Ye, DrawerOverlay as We, DrawerPortal as Xe, DrawerContent as Qe } from "vaul-vue";
-import { cva as et } from "class-variance-authority";
-function x(...a) {
-  return ze(De(a));
-}
-const da = ["xs", "sm", "md", "lg", "xl"], ge = "md", W = {
-  xs: "h-7",
-  sm: "h-9",
-  md: "h-[43px]",
-  lg: "h-[52px]",
-  xl: "h-[60px]"
-}, me = {
-  xs: "px-2",
-  sm: "px-2.5",
-  md: "px-3",
-  lg: "px-3.5",
-  xl: "px-4"
-}, J = {
-  xs: "text-xs",
-  sm: "text-sm",
-  md: "text-sm",
-  lg: "text-base",
-  xl: "text-base"
-}, ca = {
-  xs: 28,
-  sm: 36,
-  md: 43,
-  lg: 52,
-  xl: 60
-}, tt = ["data-size"], at = ["data-size"], pa = /* @__PURE__ */ T({
-  __name: "AInput",
-  props: {
-    defaultValue: {},
-    modelValue: {},
-    class: { type: [Boolean, null, String, Object, Array] },
-    inputClass: { type: [Boolean, null, String, Object, Array] },
-    prefixClass: { type: [Boolean, null, String, Object, Array] },
-    suffixClass: { type: [Boolean, null, String, Object, Array] },
-    size: { default: ge }
-  },
-  emits: ["update:modelValue"],
-  setup(a, { emit: o }) {
-    const e = a, l = o, r = Te(), g = y(() => !!r.prefix), _ = y(() => !!r.suffix), B = y(() => g.value || _.value), k = je(e, "modelValue", l, {
-      passive: !0,
-      defaultValue: e.defaultValue
-    }), R = y(() => W[e.size]), w = y(() => me[e.size]), S = y(() => J[e.size]);
-    return (U, f) => B.value ? (h(), D("div", {
-      key: 0,
-      "data-size": e.size,
-      class: E(
-        i(x)(
-          "border-input bg-background ring-offset-background focus-within:ring-ring inline-flex w-full items-center rounded-md border shadow-sm transition-colors focus-within:ring-1",
-          R.value,
-          w.value,
-          S.value,
-          e.class
-        )
-      )
-    }, [
-      g.value ? (h(), D("span", {
-        key: 0,
-        class: E(i(x)("text-muted-foreground flex shrink-0 items-center pr-2", e.prefixClass))
-      }, [
-        p(U.$slots, "prefix")
-      ], 2)) : N("", !0),
-      te(v("input", {
-        "onUpdate:modelValue": f[0] || (f[0] = (m) => he(k) ? k.value = m : null),
-        "data-slot": "input",
-        class: E(
-          i(x)(
-            "placeholder:text-muted-foreground h-full min-w-0 flex-1 bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50",
-            e.inputClass
-          )
-        )
-      }, null, 2), [
-        [ae, i(k)]
-      ]),
-      _.value ? (h(), D("span", {
-        key: 1,
-        class: E(i(x)("text-muted-foreground flex shrink-0 items-center pl-2", e.suffixClass))
-      }, [
-        p(U.$slots, "suffix")
-      ], 2)) : N("", !0)
-    ], 10, tt)) : te((h(), D("input", {
-      key: 1,
-      "onUpdate:modelValue": f[1] || (f[1] = (m) => he(k) ? k.value = m : null),
-      "data-slot": "input",
-      "data-size": e.size,
-      class: E(
-        i(x)(
-          "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-          R.value,
-          w.value,
-          S.value,
-          e.class
-        )
-      )
-    }, null, 10, at)), [
-      [ae, i(k)]
-    ]);
-  }
-}), ot = /* @__PURE__ */ T({
-  __name: "APopover",
-  props: {
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    modal: { type: Boolean, default: !0 }
-  },
-  emits: ["update:open"],
-  setup(a, { emit: o }) {
-    const r = se(a, o);
-    return (g, _) => (h(), I(i(He), Y({ "data-slot": "popover" }, i(r)), {
-      default: b((B) => [
-        p(g.$slots, "default", G(Z(B)))
-      ]),
-      _: 3
-    }, 16));
-  }
-}), st = /* @__PURE__ */ T({
-  __name: "APopoverTrigger",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(a) {
-    const e = fe(a);
-    return (l, r) => (h(), I(i(Ge), Y({ "data-slot": "popover-trigger" }, i(e)), {
-      default: b(() => [
-        p(l.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), lt = /* @__PURE__ */ T({
-  inheritAttrs: !1,
-  __name: "APopoverContent",
-  props: {
-    forceMount: { type: Boolean },
-    side: {},
-    sideOffset: { default: 4 },
-    sideFlip: { type: Boolean },
-    align: { default: "center" },
-    alignOffset: {},
-    alignFlip: { type: Boolean },
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    hideShiftedArrow: { type: Boolean },
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
-    asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean },
-    class: { type: [Boolean, null, String, Object, Array] },
-    overlay: { type: Boolean, default: !1 },
-    overlayClass: { type: [Boolean, null, String, Object, Array] }
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(a, { emit: o }) {
-    const e = a, l = o, r = ce(e, "class", "overlay", "overlayClass"), g = se(r, l);
-    return (_, B) => (h(), I(i(Ze), null, {
-      default: b(() => [
-        e.overlay ? (h(), D("div", {
-          key: 0,
-          "data-slot": "popover-overlay",
-          class: E(
-            i(x)(
-              "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm pointer-events-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-              e.overlayClass
-            )
-          )
-        }, null, 2)) : N("", !0),
-        P(i(Je), Y({ "data-slot": "popover-content" }, { ..._.$attrs, ...i(g) }, {
-          class: i(x)(
-            "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
-            e.class
-          )
-        }), {
-          default: b(() => [
-            p(_.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]),
-      _: 3
-    }));
-  }
-}), nt = /* @__PURE__ */ T({
-  __name: "ADrawer",
-  props: {
-    activeSnapPoint: {},
-    closeThreshold: {},
-    shouldScaleBackground: { type: Boolean, default: !0 },
-    setBackgroundColorOnScale: { type: Boolean },
-    scrollLockTimeout: {},
-    fixed: { type: Boolean },
-    dismissible: { type: Boolean },
-    modal: { type: Boolean },
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    nested: { type: Boolean },
-    direction: {},
-    noBodyStyles: { type: Boolean },
-    handleOnly: { type: Boolean },
-    preventScrollRestoration: { type: Boolean },
-    snapPoints: {},
-    fadeFromIndex: {}
-  },
-  emits: ["drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"],
-  setup(a, { emit: o }) {
-    const r = se(a, o);
-    return (g, _) => (h(), I(i(qe), Y({ "data-slot": "drawer" }, i(r)), {
-      default: b(() => [
-        p(g.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), rt = /* @__PURE__ */ T({
-  __name: "ADrawerTrigger",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(a) {
-    const e = fe(a);
-    return (l, r) => (h(), I(i(Ye), Y({ "data-slot": "drawer-trigger" }, i(e)), {
-      default: b(() => [
-        p(l.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), it = /* @__PURE__ */ T({
-  __name: "ADrawerOverlay",
-  props: {
-    forceMount: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(a) {
-    const o = a, e = ce(o, "class"), l = fe(e);
-    return (r, g) => (h(), I(i(We), Y({ "data-slot": "drawer-overlay" }, i(l), {
-      class: i(x)(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-40 bg-black/60 backdrop-blur-sm",
-        o.class
-      )
-    }), null, 16, ["class"]));
-  }
-}), ut = /* @__PURE__ */ T({
-  inheritAttrs: !1,
-  __name: "ADrawerContent",
-  props: {
-    forceMount: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(a, { emit: o }) {
-    const e = a, l = o, r = ce(e, "class"), g = se(r, l);
-    return (_, B) => (h(), I(i(Xe), null, {
-      default: b(() => [
-        P(it),
-        P(i(Qe), Y({ "data-slot": "drawer-content" }, { ..._.$attrs, ...i(g) }, {
-          class: i(x)(
-            "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border outline-none",
-            e.class
-          )
-        }), {
-          default: b(() => [
-            B[0] || (B[0] = v("div", { class: "bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full" }, null, -1)),
-            p(_.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]),
-      _: 3
-    }));
-  }
-}), dt = /* @__PURE__ */ T({
-  __name: "AResponsivePopover",
-  props: /* @__PURE__ */ ue({
-    breakpoint: { default: "(min-width: 768px)" },
-    modal: { type: Boolean, default: !0 }
-  }, {
-    open: { type: Boolean },
-    openModifiers: {}
-  }),
-  emits: ["update:open"],
-  setup(a) {
-    const o = a, e = oe(a, "open"), l = pe(() => o.breakpoint), r = y(() => l.value ? ot : nt);
-    return (g, _) => (h(), I(Se(r.value), {
-      open: e.value,
-      "onUpdate:open": _[0] || (_[0] = (B) => e.value = B),
-      modal: o.modal,
-      "data-slot": "responsive-popover"
-    }, {
-      default: b(() => [
-        p(g.$slots, "default", { isDesktop: i(l) })
-      ]),
-      _: 3
-    }, 40, ["open", "modal"]));
-  }
-}), ct = /* @__PURE__ */ T({
-  __name: "AResponsivePopoverTrigger",
-  props: {
-    breakpoint: { default: "(min-width: 768px)" },
-    asChild: { type: Boolean }
-  },
-  setup(a) {
-    const o = a, e = pe(() => o.breakpoint), l = y(() => e.value ? st : rt);
-    return (r, g) => (h(), I(Se(l.value), {
-      "as-child": o.asChild,
-      "data-slot": "responsive-popover-trigger"
-    }, {
-      default: b(() => [
-        p(r.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["as-child"]));
-  }
-}), pt = /* @__PURE__ */ T({
-  __name: "AResponsivePopoverContent",
-  props: {
-    breakpoint: { default: "(min-width: 768px)" },
-    class: { type: [Boolean, null, String, Object, Array] },
-    popoverClass: { type: [Boolean, null, String, Object, Array] },
-    drawerClass: { type: [Boolean, null, String, Object, Array] },
-    overlay: { type: Boolean, default: !1 },
-    align: { default: "start" },
-    sideOffset: { default: 4 }
-  },
-  setup(a) {
-    const o = a, e = pe(() => o.breakpoint), l = y(() => [
-      o.class,
-      e.value ? o.popoverClass : o.drawerClass
-    ]);
-    return (r, g) => i(e) ? (h(), I(i(lt), {
-      key: 0,
-      overlay: o.overlay,
-      align: o.align,
-      "side-offset": o.sideOffset,
-      class: E(l.value),
-      "data-slot": "responsive-popover-content"
-    }, {
-      default: b(() => [
-        p(r.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["overlay", "align", "side-offset", "class"])) : (h(), I(i(ut), {
-      key: 1,
-      class: E(l.value),
-      "data-slot": "responsive-popover-content"
-    }, {
-      default: b(() => [
-        p(r.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), we = "ali_ui_phone_countries_v1", ft = "https://restcountries.com/v3.1/all?fields=name,cca2,idd,flags", gt = Ke, Ce = () => typeof window < "u";
-function q(a) {
-  return String(a ?? "").replace(/\D/g, "");
-}
-function re(a) {
-  const o = q(a);
-  return o ? `+${o}` : "";
-}
-function ee(a) {
-  return String(a ?? "").trim().toUpperCase();
-}
-function Be(a) {
-  return String(a ?? "").replace(/^0+/, "");
-}
-function X(a, o) {
-  const e = re(a), l = Be(q(o));
-  return e && l ? `${e}${l}` : null;
-}
-function mt(a) {
-  const o = q(a);
-  if (!o) return { min: null, max: null };
-  const e = o.length;
-  return { min: Math.max(4, e - 2), max: e + 2 };
-}
-function vt(a) {
-  const o = a?.root?.trim();
-  if (!o || !o.startsWith("+")) return null;
-  const e = a?.suffixes?.[0]?.trim() ?? "", l = `${o}${e}`;
-  return l.startsWith("+") ? l : null;
-}
-function ie(a) {
-  return String(a ?? "").toLowerCase().replace(/\s+/g, " ").trim().replace(/[^\da-z+ ]/g, "");
-}
-function A(a, o, e) {
-  const l = q(e);
-  return {
-    label: `${o} (+${l})`,
-    value: a,
-    search_key: ie(`${o} +${l} ${a}`),
-    raw_data: {
-      iso2: a,
-      dial_code: `+${l}`,
-      dial_digits: l,
-      name: o,
-      flag: `https://flagcdn.com/w40/${a.toLowerCase()}.png`,
-      source: "fallback",
-      original: {}
-    }
-  };
-}
-const Ae = [
-  A("SA", "Saudi Arabia", "+966"),
-  A("EG", "Egypt", "+20"),
-  A("AE", "United Arab Emirates", "+971"),
-  A("US", "United States", "+1"),
-  A("GB", "United Kingdom", "+44"),
-  A("DE", "Germany", "+49"),
-  A("FR", "France", "+33"),
-  A("ES", "Spain", "+34"),
-  A("IT", "Italy", "+39"),
-  A("TR", "Turkey", "+90"),
-  A("RU", "Russia", "+7"),
-  A("CN", "China", "+86"),
-  A("IN", "India", "+91"),
-  A("JP", "Japan", "+81"),
-  A("KR", "South Korea", "+82"),
-  A("BR", "Brazil", "+55"),
-  A("MX", "Mexico", "+52"),
-  A("CA", "Canada", "+1"),
-  A("AU", "Australia", "+61"),
-  A("NG", "Nigeria", "+234"),
-  A("PK", "Pakistan", "+92"),
-  A("ID", "Indonesia", "+62")
-];
-function Ee() {
-  const a = H([]), o = H(!1), e = H(/* @__PURE__ */ new Map()), l = H(/* @__PURE__ */ new Map());
-  function r(f) {
-    const m = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
-    for (const t of f) {
-      m.set(t.value, t);
-      const n = t.raw_data.dial_digits;
-      if (n) {
-        const s = c.get(n) ?? [];
-        s.push(t), c.set(n, s);
-      }
-    }
-    e.value = m, l.value = c;
-  }
-  function g(f) {
-    a.value = f, r(f);
-  }
-  function _(f) {
-    const m = [];
-    for (const t of f) {
-      const n = t?.name?.common?.trim(), s = ee(t?.cca2), $ = vt(t?.idd), O = t?.flags?.png?.trim() || t?.flags?.svg?.trim() || null;
-      if (!n || !s || !$) continue;
-      const F = q($), K = ie(`${n} ${$} ${s} ${F}`);
-      m.push({
-        label: `${n} (${$})`,
-        value: s,
-        search_key: K,
-        raw_data: {
-          iso2: s,
-          dial_code: $,
-          dial_digits: F,
-          name: n,
-          flag: O,
-          source: "restcountries",
-          original: t
-        }
-      });
-    }
-    const c = /* @__PURE__ */ new Map();
-    for (const t of m) {
-      const n = c.get(t.value);
-      if (!n) {
-        c.set(t.value, t);
-        continue;
-      }
-      const s = (n.raw_data.flag ? 1 : 0) + (n.raw_data.dial_code ? 1 : 0);
-      (t.raw_data.flag ? 1 : 0) + (t.raw_data.dial_code ? 1 : 0) > s && c.set(t.value, t);
-    }
-    return Array.from(c.values()).sort((t, n) => t.raw_data.name.localeCompare(n.raw_data.name));
-  }
-  async function B(f) {
-    const m = !!f?.force;
-    if (!m && a.value.length) return a.value;
-    if (!m && Ce())
-      try {
-        const c = localStorage.getItem(we);
-        if (c) {
-          const t = JSON.parse(c);
-          if (Array.isArray(t) && t.length)
-            return g(t), a.value;
-        }
-      } catch {
-      }
-    o.value = !0;
-    try {
-      const c = await fetch(ft);
-      if (!c.ok) throw new Error(`Failed to fetch countries: ${c.status}`);
-      const t = await c.json(), n = _(t);
-      if (g(n.length ? n : Ae), Ce())
-        try {
-          localStorage.setItem(we, JSON.stringify(a.value));
-        } catch {
-        }
-      return a.value;
-    } catch {
-      return g(Ae), a.value;
-    } finally {
-      o.value = !1;
-    }
-  }
-  function k(f, m = 50) {
-    const c = ie(f);
-    if (!c) return a.value.slice(0, m);
-    const t = [];
-    for (const n of a.value)
-      if (n.search_key.includes(c) && (t.push(n), t.length >= m))
-        break;
-    return t;
-  }
-  function R(f) {
-    return e.value.get(ee(f)) ?? null;
-  }
-  function w(f) {
-    return l.value.get(q(f)) ?? [];
-  }
-  function S(f) {
-    const m = ee(f.iso2);
-    if (!m) return null;
-    try {
-      const c = Fe(m, gt), t = c?.formatNational?.() ?? "", n = c?.format?.("E.164") ?? "", s = mt(t), $ = f.dial_code ? re(f.dial_code) : n ? `+${c?.countryCallingCode}` : "", O = q(t);
-      return {
-        iso2: m,
-        dial_code: $,
-        placeholder: "",
-        example_national: t,
-        example_e164: n,
-        national_number_length: s,
-        format_hint: O ? `e.g. ${O}` : ""
-      };
-    } catch {
-      return null;
-    }
-  }
-  function U(f) {
-    const m = f.country ?? null;
-    if (!m?.iso2)
-      return {
-        ok: !1,
-        reason: "missing_country",
-        country: null,
-        phone: { raw: ("phone" in f ? f.phone : null) ?? null, digits: "" },
-        full_phone: null,
-        required: null
-      };
-    const c = ee(m.iso2), t = S({ iso2: c, dial_code: m.dial_code });
-    if (!t)
-      return {
-        ok: !1,
-        reason: "country_not_supported",
-        country: { iso2: c, dial_code: re(m.dial_code) },
-        phone: { raw: ("phone" in f ? f.phone : null) ?? null, digits: "" },
-        full_phone: null,
-        required: null
-      };
-    if (!("phone" in f))
-      return {
-        ok: !0,
-        reason: null,
-        country: { iso2: t.iso2, dial_code: t.dial_code },
-        phone: { raw: null, digits: "" },
-        full_phone: null,
-        required: t
-      };
-    const n = f.phone, s = q(n);
-    if (!n || !String(n).trim())
-      return {
-        ok: !0,
-        reason: null,
-        country: { iso2: t.iso2, dial_code: t.dial_code },
-        phone: { raw: n ?? null, digits: "" },
-        full_phone: null,
-        required: t
-      };
-    if (String(n).replace(/\s+/g, "").match(/[^\d+]/))
-      return {
-        ok: !1,
-        reason: "phone_has_non_digits",
-        country: { iso2: t.iso2, dial_code: t.dial_code },
-        phone: { raw: n, digits: s },
-        full_phone: X(t.dial_code, s),
-        required: t
-      };
-    const $ = Be(s), { min: O, max: F } = t.national_number_length;
-    if (O !== null && $.length < O)
-      return {
-        ok: !1,
-        reason: "too_short",
-        country: { iso2: t.iso2, dial_code: t.dial_code },
-        phone: { raw: n, digits: s },
-        full_phone: X(t.dial_code, s),
-        required: t,
-        details: { min: O, actual: $.length }
-      };
-    if (F !== null && $.length > F)
-      return {
-        ok: !1,
-        reason: "too_long",
-        country: { iso2: t.iso2, dial_code: t.dial_code },
-        phone: { raw: n, digits: s },
-        full_phone: X(t.dial_code, s),
-        required: t,
-        details: { max: F, actual: $.length }
-      };
-    const K = X(t.dial_code, s) ?? String(n);
-    try {
-      if (!Ve(K, c)) {
-        const V = _e(K, c);
-        return {
-          ok: !1,
-          reason: "invalid_phone",
-          country: { iso2: t.iso2, dial_code: t.dial_code },
-          phone: { raw: n, digits: s },
-          full_phone: V?.number ?? null,
-          required: t,
-          details: {
-            type: V?.getType?.() ?? null,
-            possible: V?.isPossible?.() ?? null,
-            country: V?.country ?? null
-          }
-        };
-      }
-      const j = _e(K, c);
-      return {
-        ok: !0,
-        reason: null,
-        country: { iso2: t.iso2, dial_code: t.dial_code },
-        phone: { raw: n, digits: s },
-        full_phone: j?.number ?? K,
-        required: t
-      };
-    } catch (z) {
-      return {
-        ok: !1,
-        reason: "parse_failed",
-        country: { iso2: t.iso2, dial_code: t.dial_code },
-        phone: { raw: n, digits: s },
-        full_phone: X(t.dial_code, s),
-        required: t,
-        details: { error: z?.message ?? String(z) }
-      };
-    }
-  }
-  return {
-    countries: a,
-    isCountriesLoading: o,
-    getCountries: B,
-    searchCountries: k,
-    getCountryByValue: R,
-    getCountriesByDial: w,
-    getRequiredInfo: S,
-    validate: U
-  };
-}
-const Pe = "ali_ui_country_detected", Q = () => typeof window < "u" && typeof document < "u", ht = {
-  // Africa
-  "Africa/Cairo": "EG",
-  "Africa/Johannesburg": "ZA",
-  "Africa/Lagos": "NG",
-  "Africa/Casablanca": "MA",
-  "Africa/Algiers": "DZ",
-  "Africa/Nairobi": "KE",
-  "Africa/Accra": "GH",
-  "Africa/Tunis": "TN",
-  // Americas
-  "America/Argentina/Buenos_Aires": "AR",
-  "America/Bogota": "CO",
-  "America/Caracas": "VE",
-  "America/Chicago": "US",
-  "America/Denver": "US",
-  "America/Halifax": "CA",
-  "America/Lima": "PE",
-  "America/Los_Angeles": "US",
-  "America/Mexico_City": "MX",
-  "America/New_York": "US",
-  "America/Phoenix": "US",
-  "America/Sao_Paulo": "BR",
-  "America/Santiago": "CL",
-  "America/Toronto": "CA",
-  "America/Vancouver": "CA",
-  // Asia
-  "Asia/Baghdad": "IQ",
-  "Asia/Bahrain": "BH",
-  "Asia/Bangkok": "TH",
-  "Asia/Beirut": "LB",
-  "Asia/Damascus": "SY",
-  "Asia/Dhaka": "BD",
-  "Asia/Dubai": "AE",
-  "Asia/Hong_Kong": "HK",
-  "Asia/Jakarta": "ID",
-  "Asia/Jerusalem": "IL",
-  "Asia/Karachi": "PK",
-  "Asia/Kolkata": "IN",
-  "Asia/Kuala_Lumpur": "MY",
-  "Asia/Kuwait": "KW",
-  "Asia/Manila": "PH",
-  "Asia/Muscat": "OM",
-  "Asia/Qatar": "QA",
-  "Asia/Riyadh": "SA",
-  "Asia/Seoul": "KR",
-  "Asia/Shanghai": "CN",
-  "Asia/Singapore": "SG",
-  "Asia/Taipei": "TW",
-  "Asia/Tehran": "IR",
-  "Asia/Tokyo": "JP",
-  "Asia/Yangon": "MM",
-  // Europe
-  "Europe/Amsterdam": "NL",
-  "Europe/Athens": "GR",
-  "Europe/Belgrade": "RS",
-  "Europe/Berlin": "DE",
-  "Europe/Brussels": "BE",
-  "Europe/Bucharest": "RO",
-  "Europe/Budapest": "HU",
-  "Europe/Copenhagen": "DK",
-  "Europe/Dublin": "IE",
-  "Europe/Helsinki": "FI",
-  "Europe/Istanbul": "TR",
-  "Europe/Kyiv": "UA",
-  "Europe/Lisbon": "PT",
-  "Europe/London": "GB",
-  "Europe/Madrid": "ES",
-  "Europe/Moscow": "RU",
-  "Europe/Oslo": "NO",
-  "Europe/Paris": "FR",
-  "Europe/Prague": "CZ",
-  "Europe/Rome": "IT",
-  "Europe/Sofia": "BG",
-  "Europe/Stockholm": "SE",
-  "Europe/Vienna": "AT",
-  "Europe/Warsaw": "PL",
-  "Europe/Zurich": "CH",
-  // Oceania
-  "Australia/Brisbane": "AU",
-  "Australia/Melbourne": "AU",
-  "Australia/Perth": "AU",
-  "Australia/Sydney": "AU",
-  "Pacific/Auckland": "NZ",
-  "Pacific/Honolulu": "US"
-};
-function yt() {
-  if (!Q()) return null;
-  try {
-    const a = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    return ht[a] ?? null;
-  } catch {
-    return null;
-  }
-}
-function bt() {
-  if (!Q()) return null;
-  try {
-    const o = (navigator.language ?? "").match(/^[a-z]{2,3}-([A-Z]{2})/);
-    return o ? o[1] : null;
-  } catch {
-    return null;
-  }
-}
-async function _t(a, o) {
-  if (!Q() || typeof fetch != "function") return null;
-  const e = new AbortController(), l = setTimeout(() => e.abort(), o);
-  try {
-    const r = await fetch(a, { signal: e.signal, credentials: "omit" });
-    if (!r.ok) return null;
-    const g = await r.json(), _ = (g.country_code ?? g.country ?? "").toString().toUpperCase();
-    return /^[A-Z]{2}$/.test(_) ? _ : null;
-  } catch {
-    return null;
-  } finally {
-    clearTimeout(l);
-  }
-}
-function wt() {
-  if (!Q()) return null;
-  try {
-    const a = sessionStorage.getItem(Pe);
-    return a && /^[A-Z]{2}$/.test(a) ? a : null;
-  } catch {
-    return null;
-  }
-}
-function xe(a) {
-  if (Q())
-    try {
-      sessionStorage.setItem(Pe, a);
-    } catch {
-    }
-}
-async function Oe(a = {}) {
-  const {
-    strategy: o = "auto",
-    ipEndpoint: e = "https://ipapi.co/json/",
-    defaultCountry: l = "US",
-    timeoutMs: r = 2e3,
-    cache: g = !0
-  } = a;
-  if (g) {
-    const k = wt();
-    if (k) return k;
-  }
-  if (o === "none")
-    return l.toUpperCase();
-  if (o === "auto") {
-    const k = await _t(e, r);
-    if (k)
-      return g && xe(k), k;
-  }
-  const B = (yt() ?? bt() ?? l).toUpperCase();
-  return g && xe(B), B;
-}
-function fa(a = {}) {
-  const o = H(null), e = H(!1);
-  async function l() {
-    e.value = !0;
-    try {
-      o.value = await Oe(a);
-    } finally {
-      e.value = !1;
-    }
-    return o.value;
-  }
-  return de(() => {
-    l();
-  }), { country: o, isLoading: e, refresh: l };
-}
-const Ct = et(
-  // 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: `${W.xs} ${J.xs}`,
-        sm: `${W.sm} ${J.sm}`,
-        md: `${W.md} ${J.md}`,
-        lg: `${W.lg} ${J.lg}`,
-        xl: `${W.xl} ${J.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 xt(a, o = 40) {
-  return `https://flagcdn.com/w${o}/${a.toLowerCase()}.png`;
-}
-const kt = ["src", "alt"], ne = /* @__PURE__ */ T({
-  __name: "ACountryFlag",
-  props: {
-    iso2: {},
-    width: { default: 40 },
-    src: {},
-    flagUrl: {},
-    alt: {},
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(a) {
-    const o = a, e = y(() => o.src ? o.src : o.iso2 ? (o.flagUrl ?? xt)(o.iso2, o.width) : null);
-    return (l, r) => e.value ? (h(), D("img", {
-      key: 0,
-      src: e.value,
-      alt: o.alt ?? `${o.iso2} flag`,
-      loading: "lazy",
-      "data-slot": "country-flag",
-      class: E(i(x)("ring-border/40 inline-block h-4 w-6 rounded-sm object-cover ring-1", o.class))
-    }, null, 10, kt)) : p(l.$slots, "empty", { key: 1 }, () => [
-      v("span", {
-        "data-slot": "country-flag-empty",
-        class: E(i(x)("bg-muted inline-block h-4 w-6 rounded-sm", o.class))
-      }, null, 2)
-    ]);
-  }
-}), St = ["disabled", "data-state", "aria-label"], $t = { class: "text-foreground font-medium tabular-nums" }, Bt = { class: "border-b p-1.5" }, Et = { class: "bg-muted/40 ring-border focus-within:ring-ring relative flex items-center rounded-md ring-1 transition-shadow focus-within:ring-2" }, Pt = ["placeholder"], Ot = {
-  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"
-}, Dt = {
-  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"
-}, zt = { class: "flex-1 overflow-y-auto" }, Tt = { class: "text-muted-foreground p-4 text-center text-sm" }, Rt = { class: "text-muted-foreground p-4 text-center text-sm" }, Ut = {
-  key: 0,
-  "data-slot": "country-select-group",
-  "data-group": "suggested"
-}, Mt = { class: "text-muted-foreground bg-popover sticky top-0 z-10 px-3 py-1.5 text-[10px] font-medium tracking-wider uppercase" }, It = ["aria-label"], Lt = ["aria-selected", "aria-disabled"], Nt = ["disabled", "data-selected", "onClick"], Vt = { class: "flex-1 truncate" }, Ft = { class: "text-muted-foreground tabular-nums" }, Kt = {
-  "data-slot": "country-select-group",
-  "data-group": "all"
-}, jt = { class: "text-muted-foreground bg-popover sticky top-0 z-10 px-3 py-1.5 text-[10px] font-medium tracking-wider uppercase" }, Ht = ["aria-label"], Gt = ["aria-selected", "aria-disabled"], Zt = ["disabled", "data-selected", "onClick"], Jt = { class: "flex-1 truncate" }, qt = { class: "text-muted-foreground tabular-nums" }, ke = "ali_ui_country_recents_v1", Yt = /* @__PURE__ */ T({
-  __name: "ACountrySelect",
-  props: /* @__PURE__ */ ue({
-    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: ge },
-    suggestedLimit: { default: 4 },
-    maxResults: { default: 80 },
-    flagUrl: {},
-    searcher: {},
-    countries: {},
-    kbdOpen: { default: "⌘K" },
-    kbdClose: { default: "Esc" }
-  }, {
-    selected: { default: "" },
-    selectedModifiers: {}
-  }),
-  emits: ["update:selected"],
-  setup(a, { expose: o }) {
-    const e = a, l = y(
-      () => `${me[e.size]} ${J[e.size]}`
-    ), r = oe(a, "selected"), {
-      countries: g,
-      isCountriesLoading: _,
-      getCountries: B,
-      searchCountries: k,
-      getCountryByValue: R
-    } = Ee(), w = H(!1), S = H("");
-    B();
-    const U = y(
-      () => e.countries && e.countries.length ? e.countries : g.value
-    ), f = y(() => !e.countries || !e.countries.length ? /* @__PURE__ */ new Map() : new Map(e.countries.map((d) => [d.value, d])));
-    function m(d) {
-      return d ? f.value.get(d) ?? R(d) : null;
-    }
-    const c = H([]);
-    function t() {
-      if (!(typeof window > "u"))
-        try {
-          const d = localStorage.getItem(ke);
-          if (!d) return;
-          const C = JSON.parse(d);
-          if (!Array.isArray(C)) return;
-          c.value = C.filter((u) => typeof u == "string").slice(0, 8);
-        } catch {
-        }
-    }
-    function n(d) {
-      if (typeof window > "u" || !d) return;
-      const C = [d, ...c.value.filter((u) => u !== d)].slice(0, 8);
-      c.value = C;
-      try {
-        localStorage.setItem(ke, JSON.stringify(C));
-      } catch {
-      }
-    }
-    de(t);
-    const s = y(() => S.value.trim().length > 0);
-    function $(d, C) {
-      return C.search_key.includes(d.toLowerCase());
-    }
-    const O = y(() => {
-      if (!s.value) return [];
-      if (!e.countries && !e.searcher)
-        return k(S.value, e.maxResults);
-      const d = S.value.trim(), C = e.searcher ?? $, u = [];
-      for (const L of U.value)
-        if (C(d, L) && (u.push(L), u.length >= e.maxResults))
-          break;
-      return u;
-    }), F = y(() => {
-      if (s.value) return [];
-      const d = /* @__PURE__ */ new Set(), C = [], u = (L) => {
-        if (!L || d.has(L)) return;
-        const ve = m(L);
-        ve && (d.add(L), C.push(ve));
-      };
-      u(r.value);
-      for (const L of c.value)
-        if (u(L), C.length >= e.suggestedLimit) break;
-      return C.slice(0, e.suggestedLimit);
-    }), K = y(() => s.value ? [] : U.value), z = y(() => m(r.value));
-    function j(d) {
-      const C = e.allowedDialCodes;
-      return !C || C.length === 0 ? !0 : C.includes(d.raw_data.dial_digits);
-    }
-    function V(d) {
-      j(d) && (r.value = d.value, n(d.value), w.value = !1);
-    }
-    return $e(w, (d) => {
-      d || (S.value = "");
-    }), o({
-      open: w,
-      setOpen: (d) => w.value = d,
-      search: S,
-      setSearch: (d) => S.value = d,
-      selectedCountry: z,
-      selectCountry: V,
-      countries: U,
-      recents: c
-    }), (d, C) => (h(), I(i(dt), {
-      open: w.value,
-      "onUpdate:open": C[1] || (C[1] = (u) => w.value = u)
-    }, {
-      default: b(() => [
-        P(i(ct), { "as-child": "" }, {
-          default: b(() => [
-            p(d.$slots, "trigger", {
-              selectedCountry: z.value,
-              open: w.value,
-              sizeClasses: l.value
-            }, () => [
-              v("button", {
-                type: "button",
-                disabled: e.disabled,
-                "data-slot": "country-select-trigger",
-                "data-state": w.value ? "open" : "closed",
-                class: E(
-                  i(x)(
-                    "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",
-                    l.value,
-                    e.triggerClass
-                  )
-                ),
-                "aria-label": z.value ? `Country: ${z.value.raw_data.name}` : "Select country"
-              }, [
-                z.value ? p(d.$slots, "flag", {
-                  key: 0,
-                  country: z.value,
-                  context: "trigger"
-                }, () => [
-                  P(ne, {
-                    iso2: z.value.raw_data.iso2,
-                    src: z.value.raw_data.flag,
-                    "flag-url": e.flagUrl
-                  }, null, 8, ["iso2", "src", "flag-url"])
-                ]) : N("", !0),
-                v("span", $t, M(z.value ? z.value.raw_data.dial_code : "+?"), 1),
-                p(d.$slots, "chevron", { open: w.value }, () => [
-                  P(i(Me), {
-                    class: E(["text-muted-foreground size-3.5 shrink-0 transition-transform duration-200", w.value && "rotate-180"])
-                  }, null, 8, ["class"])
-                ])
-              ], 10, St)
-            ])
-          ]),
-          _: 3
-        }),
-        P(i(pt), {
-          align: "start",
-          "side-offset": 6,
-          class: E(i(x)("flex flex-col overflow-hidden p-0", e.contentClass)),
-          "popover-class": i(x)(
-            "w-[min(20rem,calc(100vw-2rem))] max-h-[min(22rem,var(--reka-popover-content-available-height))]",
-            e.popoverClass
-          ),
-          "drawer-class": i(x)("max-h-[80vh] pb-4", e.drawerClass)
-        }, {
-          default: b(() => [
-            p(d.$slots, "search", {
-              value: S.value,
-              setValue: (u) => S.value = u,
-              isSearching: s.value
-            }, () => [
-              v("div", Bt, [
-                v("div", Et, [
-                  p(d.$slots, "search-icon", {}, () => [
-                    P(i(Ie), { class: "text-muted-foreground absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2" })
-                  ]),
-                  te(v("input", {
-                    "onUpdate:modelValue": C[0] || (C[0] = (u) => S.value = u),
-                    type: "text",
-                    "data-slot": "country-select-search",
-                    placeholder: e.searchPlaceholder,
-                    class: "placeholder:text-muted-foreground h-8 w-full bg-transparent pr-14 pl-8 text-sm outline-none"
-                  }, null, 8, Pt), [
-                    [ae, S.value]
-                  ]),
-                  !s.value && e.kbdOpen ? (h(), D("kbd", Ot, M(e.kbdOpen), 1)) : s.value && e.kbdClose ? (h(), D("kbd", Dt, M(e.kbdClose), 1)) : N("", !0)
-                ])
-              ])
-            ]),
-            v("div", zt, [
-              i(_) && U.value.length === 0 ? p(d.$slots, "loading", { key: 0 }, () => [
-                v("div", Tt, M(e.loadingText), 1)
-              ]) : s.value && O.value.length === 0 ? p(d.$slots, "empty", {
-                key: 1,
-                query: S.value
-              }, () => [
-                v("div", Rt, M(e.emptyText), 1)
-              ]) : (h(), D(le, { key: 2 }, [
-                F.value.length > 0 ? (h(), D("section", Ut, [
-                  p(d.$slots, "group-header", {
-                    label: e.suggestedLabel,
-                    group: "suggested"
-                  }, () => [
-                    v("header", Mt, M(e.suggestedLabel), 1)
-                  ]),
-                  v("ul", {
-                    role: "listbox",
-                    "aria-label": e.suggestedLabel,
-                    class: "pb-1"
-                  }, [
-                    (h(!0), D(le, null, ye(F.value, (u) => (h(), D("li", {
-                      key: `s-${u.value}`,
-                      role: "option",
-                      "aria-selected": u.value === r.value,
-                      "aria-disabled": !j(u)
-                    }, [
-                      p(d.$slots, "item", {
-                        country: u,
-                        selected: u.value === r.value,
-                        disabled: !j(u),
-                        select: () => V(u)
-                      }, () => [
-                        v("button", {
-                          type: "button",
-                          disabled: !j(u),
-                          "data-slot": "country-select-item",
-                          "data-selected": u.value === r.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: (L) => V(u)
-                        }, [
-                          p(d.$slots, "flag", {
-                            country: u,
-                            context: "item"
-                          }, () => [
-                            P(ne, {
-                              iso2: u.raw_data.iso2,
-                              src: u.raw_data.flag,
-                              "flag-url": e.flagUrl
-                            }, null, 8, ["iso2", "src", "flag-url"])
-                          ]),
-                          v("span", Vt, M(u.raw_data.name), 1),
-                          v("span", Ft, M(u.raw_data.dial_code), 1),
-                          u.value === r.value ? p(d.$slots, "item-check", {
-                            key: 0,
-                            country: u
-                          }, () => [
-                            P(i(be), { class: "text-foreground size-3.5 shrink-0" })
-                          ]) : N("", !0)
-                        ], 8, Nt)
-                      ])
-                    ], 8, Lt))), 128))
-                  ], 8, It)
-                ])) : N("", !0),
-                v("section", Kt, [
-                  !s.value && K.value.length > 0 ? p(d.$slots, "group-header", {
-                    key: 0,
-                    label: e.allCountriesLabel,
-                    group: "all"
-                  }, () => [
-                    v("header", jt, M(e.allCountriesLabel), 1)
-                  ]) : N("", !0),
-                  v("ul", {
-                    role: "listbox",
-                    "aria-label": s.value ? e.searchPlaceholder : e.allCountriesLabel,
-                    class: "pb-1"
-                  }, [
-                    (h(!0), D(le, null, ye(s.value ? O.value : K.value, (u) => (h(), D("li", {
-                      key: u.value,
-                      role: "option",
-                      "aria-selected": u.value === r.value,
-                      "aria-disabled": !j(u)
-                    }, [
-                      p(d.$slots, "item", {
-                        country: u,
-                        selected: u.value === r.value,
-                        disabled: !j(u),
-                        select: () => V(u)
-                      }, () => [
-                        v("button", {
-                          type: "button",
-                          disabled: !j(u),
-                          "data-slot": "country-select-item",
-                          "data-selected": u.value === r.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: (L) => V(u)
-                        }, [
-                          p(d.$slots, "flag", {
-                            country: u,
-                            context: "item"
-                          }, () => [
-                            P(ne, {
-                              iso2: u.raw_data.iso2,
-                              src: u.raw_data.flag,
-                              "flag-url": e.flagUrl
-                            }, null, 8, ["iso2", "src", "flag-url"])
-                          ]),
-                          v("span", Jt, M(u.raw_data.name), 1),
-                          v("span", qt, M(u.raw_data.dial_code), 1),
-                          u.value === r.value ? p(d.$slots, "item-check", {
-                            key: 0,
-                            country: u
-                          }, () => [
-                            P(i(be), { class: "text-foreground size-3.5 shrink-0" })
-                          ]) : N("", !0)
-                        ], 8, Zt)
-                      ])
-                    ], 8, Gt))), 128))
-                  ], 8, Ht)
-                ])
-              ], 64))
-            ])
-          ]),
-          _: 3
-        }, 8, ["class", "popover-class", "drawer-class"])
-      ]),
-      _: 3
-    }, 8, ["open"]));
-  }
-}), Wt = { class: "flex items-center gap-2" }, Xt = ["data-state"], Qt = ["disabled", "placeholder", "aria-invalid"], ga = /* @__PURE__ */ T({
-  __name: "ATellInput",
-  props: /* @__PURE__ */ ue({
-    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: ge },
-    allowedDialCodes: {},
-    showValidation: { type: Boolean },
-    detectCountry: { default: "auto" },
-    defaultCountry: { default: "US" },
-    ipEndpoint: { default: "https://ipapi.co/json/" },
-    searchPlaceholder: {},
-    emptyText: {},
-    loadingText: {},
-    errorMessages: {}
-  }, {
-    phone: { default: "" },
-    phoneModifiers: {},
-    country: { default: "" },
-    countryModifiers: {}
-  }),
-  emits: ["update:phone", "update:country"],
-  setup(a, { expose: o }) {
-    const e = a, l = oe(a, "phone"), r = oe(a, "country"), { getCountries: g, validate: _, getRequiredInfo: B, getCountryByValue: k } = Ee();
-    g(), de(async () => {
-      if (r.value) return;
-      const t = {
-        strategy: e.detectCountry,
-        ipEndpoint: e.ipEndpoint,
-        defaultCountry: e.defaultCountry
-      };
-      let n;
-      if (e.detector)
-        try {
-          n = await e.detector(t);
-        } catch {
-          n = null;
-        }
-      n || (n = await Oe(t)), !r.value && n && (r.value = n.toUpperCase());
-    }), $e(
-      () => l.value,
-      (t, n) => {
-        const s = String(t ?? "").replace(/\D/g, "");
-        s !== t && s !== n && (l.value = s);
-      },
-      { flush: "post" }
-    );
-    const R = y(() => r.value ? B({ iso2: r.value }) : null), w = y(
-      () => _({
-        country: r.value ? { iso2: r.value } : null,
-        phone: l.value ?? ""
-      })
-    ), S = y(
-      () => e.placeholder || R.value?.format_hint || "Phone number"
-    ), U = y(() => {
-      const t = w.value;
-      return t.ok || !t.reason || !l.value ? null : e.errorMessages?.[t.reason] ?? At[t.reason];
-    }), f = y(() => r.value ? k(r.value)?.raw_data.dial_code ?? null : null), m = y(
-      () => `${me[e.size]} ${J[e.size]}`
-    ), c = y(() => l.value ? w.value.ok ? "valid" : "error" : "idle");
-    return o({ validation: w, required: R, selectedDialCode: f, validationState: c }), (t, n) => (h(), D("div", {
-      class: E(i(x)("flex w-full flex-col gap-1.5", t.$attrs.class)),
-      "data-slot": "tell-input"
-    }, [
-      v("div", Wt, [
-        v("div", {
-          class: E(
-            i(x)(
-              i(Ct)({ size: e.size }),
-              "focus-within:ring-2 focus-within:ring-offset-0",
-              c.value === "idle" && "focus-within:ring-ring/40",
-              c.value === "valid" && "border-emerald-500/60 ring-1 ring-emerald-500/20 focus-within:ring-emerald-500/40",
-              c.value === "error" && "border-destructive/80 ring-1 ring-destructive/20 focus-within:ring-destructive/40",
-              e.class,
-              e.fieldClass
-            )
-          ),
-          "data-state": c.value,
-          dir: "ltr"
-        }, [
-          p(t.$slots, "prefix"),
-          P(Yt, {
-            selected: r.value,
-            "onUpdate:selected": n[0] || (n[0] = (s) => r.value = s),
-            "allowed-dial-codes": e.allowedDialCodes,
-            disabled: e.disabled || e.loading,
-            size: e.size,
-            "search-placeholder": e.searchPlaceholder,
-            "empty-text": e.emptyText,
-            "loading-text": e.loadingText,
-            "flag-url": e.flagUrl,
-            searcher: e.searcher,
-            countries: e.countries,
-            "content-class": e.contentClass,
-            "popover-class": e.popoverClass,
-            "drawer-class": e.drawerClass
-          }, Re({ _: 2 }, [
-            t.$slots.trigger ? {
-              name: "trigger",
-              fn: b((s) => [
-                p(t.$slots, "trigger", G(Z(s)))
-              ]),
-              key: "0"
-            } : void 0,
-            t.$slots.chevron ? {
-              name: "chevron",
-              fn: b((s) => [
-                p(t.$slots, "chevron", G(Z(s)))
-              ]),
-              key: "1"
-            } : void 0,
-            t.$slots.flag ? {
-              name: "flag",
-              fn: b((s) => [
-                p(t.$slots, "flag", G(Z(s)))
-              ]),
-              key: "2"
-            } : void 0,
-            t.$slots.item ? {
-              name: "item",
-              fn: b((s) => [
-                p(t.$slots, "item", G(Z(s)))
-              ]),
-              key: "3"
-            } : void 0,
-            t.$slots["group-header"] ? {
-              name: "group-header",
-              fn: b((s) => [
-                p(t.$slots, "group-header", G(Z(s)))
-              ]),
-              key: "4"
-            } : void 0,
-            t.$slots.search ? {
-              name: "search",
-              fn: b((s) => [
-                p(t.$slots, "search", G(Z(s)))
-              ]),
-              key: "5"
-            } : void 0,
-            t.$slots.loading ? {
-              name: "loading",
-              fn: b(() => [
-                p(t.$slots, "loading")
-              ]),
-              key: "6"
-            } : void 0,
-            t.$slots.empty ? {
-              name: "empty",
-              fn: b((s) => [
-                p(t.$slots, "empty", G(Z(s)))
-              ]),
-              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"]),
-          te(v("input", {
-            "onUpdate:modelValue": n[1] || (n[1] = (s) => l.value = s),
-            type: "tel",
-            inputmode: "numeric",
-            autocomplete: "tel",
-            "data-slot": "tell-input-field",
-            disabled: e.disabled || e.loading,
-            placeholder: S.value,
-            "aria-invalid": c.value === "error" || void 0,
-            class: E(
-              i(x)(
-                "placeholder:text-muted-foreground h-full w-full min-w-0 flex-1 bg-transparent tabular-nums outline-none disabled:cursor-not-allowed",
-                m.value,
-                e.inputClass
-              )
-            ),
-            onInput: n[2] || (n[2] = (s) => {
-              const $ = s.target, O = $.value.replace(/\D/g, "");
-              O !== $.value && ($.value = O), l.value = O;
-            })
-          }, null, 42, Qt), [
-            [ae, l.value]
-          ]),
-          p(t.$slots, "suffix", {
-            validationState: c.value,
-            validation: w.value
-          })
-        ], 10, Xt),
-        P(Ue, {
-          "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: b(() => [
-            c.value === "valid" ? p(t.$slots, "valid-icon", { key: 0 }, () => [
-              P(i(Le), {
-                class: "size-5 shrink-0 text-emerald-500",
-                "aria-hidden": "true"
-              })
-            ]) : c.value === "error" ? p(t.$slots, "error-icon", {
-              key: 1,
-              reason: w.value.reason ?? ""
-            }, () => [
-              P(i(Ne), {
-                class: "text-destructive size-5 shrink-0",
-                "aria-hidden": "true"
-              })
-            ]) : N("", !0)
-          ]),
-          _: 3
-        })
-      ]),
-      e.showValidation && U.value ? p(t.$slots, "error", {
-        key: 0,
-        message: U.value,
-        reason: w.value.reason ?? "",
-        validation: w.value
-      }, () => [
-        v("p", {
-          "data-slot": "tell-input-error",
-          class: E(i(x)("text-destructive text-xs", e.errorClass)),
-          role: "alert"
-        }, M(U.value), 3)
-      ]) : !l.value && R.value?.format_hint ? p(t.$slots, "hint", {
-        key: 1,
-        country: r.value,
-        formatHint: R.value.format_hint,
-        example: R.value.example_e164
-      }, () => [
-        v("p", {
-          "data-slot": "tell-input-hint",
-          class: E(i(x)("text-muted-foreground text-xs tabular-nums", e.hintClass))
-        }, M(R.value.format_hint), 3)
-      ]) : N("", !0)
-    ], 2));
-  }
-});
+import { _ as a } from "./chunks/AInput.vue_vue_type_script_setup_true_lang-BJUP7ePq.mjs";
+import { _ as s, a as t, b as n } from "./chunks/APopoverContent.vue_vue_type_script_setup_true_lang-BRqULKIg.mjs";
+import { _ as A, a as l, b as i, c } from "./chunks/ADrawerContent.vue_vue_type_script_setup_true_lang-BivIZvV1.mjs";
+import { _ as u, a as v, b as f } from "./chunks/AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-CCGyy9Lp.mjs";
+import { _ as D, a as P, b as S, D as T, c as _, d, e as m, u as C, f as E } from "./chunks/ATellInput.vue_vue_type_script_setup_true_lang-B4lyNu_f.mjs";
+import { c as b } from "./chunks/cn-B6yFEsav.mjs";
+import { D as I, S as w, c as F, a as h, b as U, d as H } from "./chunks/sizes-B_9MfLkz.mjs";
 export {
-  ne as ACountryFlag,
-  Yt as ACountrySelect,
-  nt as ADrawer,
-  ut as ADrawerContent,
-  it as ADrawerOverlay,
-  rt as ADrawerTrigger,
-  pa as AInput,
-  ot as APopover,
-  lt as APopoverContent,
-  st as APopoverTrigger,
-  dt as AResponsivePopover,
-  pt as AResponsivePopoverContent,
-  ct as AResponsivePopoverTrigger,
-  ga as ATellInput,
-  At as DEFAULT_ERROR_MESSAGES,
-  ge as DEFAULT_SIZE,
-  da as SIZES,
-  Ct as aTellInputVariants,
-  x as cn,
-  W as controlHeight,
-  ca as controlHeightPx,
-  me as controlPaddingX,
-  J as controlTextSize,
-  xt as defaultFlagUrl,
-  Oe as detectCountry,
-  fa as useCountryDetection,
-  Ee as usePhoneValidation
+  D as ACountryFlag,
+  P as ACountrySelect,
+  A as ADrawer,
+  l as ADrawerContent,
+  i as ADrawerOverlay,
+  c as ADrawerTrigger,
+  a as AInput,
+  s as APopover,
+  t as APopoverContent,
+  n as APopoverTrigger,
+  u as AResponsivePopover,
+  v as AResponsivePopoverContent,
+  f as AResponsivePopoverTrigger,
+  S as ATellInput,
+  T as DEFAULT_ERROR_MESSAGES,
+  I as DEFAULT_SIZE,
+  w as SIZES,
+  _ as aTellInputVariants,
+  b as cn,
+  F as controlHeight,
+  h as controlHeightPx,
+  U as controlPaddingX,
+  H as controlTextSize,
+  d as defaultFlagUrl,
+  m as detectCountry,
+  C as useCountryDetection,
+  E as usePhoneValidation
 };
 //# sourceMappingURL=index.mjs.map