@alikhalilll/ui 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1519 @@
+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));
+  }
+});
+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
+};
+//# sourceMappingURL=index.mjs.map