@xlui/xux-ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,4819 @@
+import { defineComponent as V, h as Ce, ref as $, computed as X, createElementBlock as v, openBlock as u, normalizeClass as B, createCommentVNode as A, createElementVNode as y, Fragment as z, renderList as D, normalizeStyle as G, createVNode as R, unref as W, renderSlot as Q, onMounted as se, toDisplayString as T, withModifiers as H, withCtx as Z, createBlock as re, nextTick as _, onUnmounted as Ve, readonly as Se, withKeys as O, createTextVNode as ze, Transition as pe, withDirectives as Qe, vModelText as Ze, watch as J, Teleport as Je } from "vue";
+const Fe = /^[a-z0-9]+(-[a-z0-9]+)*$/, ce = (e, o, a, n = "") => {
+  const t = e.split(":");
+  if (e.slice(0, 1) === "@") {
+    if (t.length < 2 || t.length > 3)
+      return null;
+    n = t.shift().slice(1);
+  }
+  if (t.length > 3 || !t.length)
+    return null;
+  if (t.length > 1) {
+    const g = t.pop(), h = t.pop(), c = {
+      // Allow provider without '@': "provider:prefix:name"
+      provider: t.length > 0 ? t[0] : n,
+      prefix: h,
+      name: g
+    };
+    return o && !te(c) ? null : c;
+  }
+  const l = t[0], s = l.split("-");
+  if (s.length > 1) {
+    const g = {
+      provider: n,
+      prefix: s.shift(),
+      name: s.join("-")
+    };
+    return o && !te(g) ? null : g;
+  }
+  if (a && n === "") {
+    const g = {
+      provider: n,
+      prefix: "",
+      name: l
+    };
+    return o && !te(g, a) ? null : g;
+  }
+  return null;
+}, te = (e, o) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+// Check name: cannot be empty
+((o && e.prefix === "" || e.prefix) && e.name) : !1, Oe = Object.freeze(
+  {
+    left: 0,
+    top: 0,
+    width: 16,
+    height: 16
+  }
+), le = Object.freeze({
+  rotate: 0,
+  vFlip: !1,
+  hFlip: !1
+}), ge = Object.freeze({
+  ...Oe,
+  ...le
+}), he = Object.freeze({
+  ...ge,
+  body: "",
+  hidden: !1
+});
+function en(e, o) {
+  const a = {};
+  !e.hFlip != !o.hFlip && (a.hFlip = !0), !e.vFlip != !o.vFlip && (a.vFlip = !0);
+  const n = ((e.rotate || 0) + (o.rotate || 0)) % 4;
+  return n && (a.rotate = n), a;
+}
+function xe(e, o) {
+  const a = en(e, o);
+  for (const n in he)
+    n in le ? n in e && !(n in a) && (a[n] = le[n]) : n in o ? a[n] = o[n] : n in e && (a[n] = e[n]);
+  return a;
+}
+function nn(e, o) {
+  const a = e.icons, n = e.aliases || /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
+  function l(s) {
+    if (a[s])
+      return t[s] = [];
+    if (!(s in t)) {
+      t[s] = null;
+      const g = n[s] && n[s].parent, h = g && l(g);
+      h && (t[s] = [g].concat(h));
+    }
+    return t[s];
+  }
+  return Object.keys(a).concat(Object.keys(n)).forEach(l), t;
+}
+function tn(e, o, a) {
+  const n = e.icons, t = e.aliases || /* @__PURE__ */ Object.create(null);
+  let l = {};
+  function s(g) {
+    l = xe(
+      n[g] || t[g],
+      l
+    );
+  }
+  return s(o), a.forEach(s), xe(e, l);
+}
+function Re(e, o) {
+  const a = [];
+  if (typeof e != "object" || typeof e.icons != "object")
+    return a;
+  e.not_found instanceof Array && e.not_found.forEach((t) => {
+    o(t, null), a.push(t);
+  });
+  const n = nn(e);
+  for (const t in n) {
+    const l = n[t];
+    l && (o(t, tn(e, t, l)), a.push(t));
+  }
+  return a;
+}
+const on = {
+  provider: "",
+  aliases: {},
+  not_found: {},
+  ...Oe
+};
+function de(e, o) {
+  for (const a in o)
+    if (a in e && typeof e[a] != typeof o[a])
+      return !1;
+  return !0;
+}
+function De(e) {
+  if (typeof e != "object" || e === null)
+    return null;
+  const o = e;
+  if (typeof o.prefix != "string" || !e.icons || typeof e.icons != "object" || !de(e, on))
+    return null;
+  const a = o.icons;
+  for (const t in a) {
+    const l = a[t];
+    if (
+      // Name cannot be empty
+      !t || // Must have body
+      typeof l.body != "string" || // Check other props
+      !de(
+        l,
+        he
+      )
+    )
+      return null;
+  }
+  const n = o.aliases || /* @__PURE__ */ Object.create(null);
+  for (const t in n) {
+    const l = n[t], s = l.parent;
+    if (
+      // Name cannot be empty
+      !t || // Parent must be set and point to existing icon
+      typeof s != "string" || !a[s] && !n[s] || // Check other props
+      !de(
+        l,
+        he
+      )
+    )
+      return null;
+  }
+  return o;
+}
+const Ee = /* @__PURE__ */ Object.create(null);
+function an(e, o) {
+  return {
+    provider: e,
+    prefix: o,
+    icons: /* @__PURE__ */ Object.create(null),
+    missing: /* @__PURE__ */ new Set()
+  };
+}
+function q(e, o) {
+  const a = Ee[e] || (Ee[e] = /* @__PURE__ */ Object.create(null));
+  return a[o] || (a[o] = an(e, o));
+}
+function _e(e, o) {
+  return De(o) ? Re(o, (a, n) => {
+    n ? e.icons[a] = n : e.missing.add(a);
+  }) : [];
+}
+function ln(e, o, a) {
+  try {
+    if (typeof a.body == "string")
+      return e.icons[o] = { ...a }, !0;
+  } catch {
+  }
+  return !1;
+}
+let ee = !1;
+function Ne(e) {
+  return typeof e == "boolean" && (ee = e), ee;
+}
+function sn(e) {
+  const o = typeof e == "string" ? ce(e, !0, ee) : e;
+  if (o) {
+    const a = q(o.provider, o.prefix), n = o.name;
+    return a.icons[n] || (a.missing.has(n) ? null : void 0);
+  }
+}
+function cn(e, o) {
+  const a = ce(e, !0, ee);
+  if (!a)
+    return !1;
+  const n = q(a.provider, a.prefix);
+  return o ? ln(n, a.name, o) : (n.missing.add(a.name), !0);
+}
+function gn(e, o) {
+  if (typeof e != "object")
+    return !1;
+  if (typeof o != "string" && (o = e.provider || ""), ee && !o && !e.prefix) {
+    let t = !1;
+    return De(e) && (e.prefix = "", Re(e, (l, s) => {
+      cn(l, s) && (t = !0);
+    })), t;
+  }
+  const a = e.prefix;
+  if (!te({
+    prefix: a,
+    name: "a"
+  }))
+    return !1;
+  const n = q(o, a);
+  return !!_e(n, e);
+}
+const Ge = Object.freeze({
+  width: null,
+  height: null
+}), We = Object.freeze({
+  // Dimensions
+  ...Ge,
+  // Transformations
+  ...le
+}), dn = /(-?[0-9.]*[0-9]+[0-9.]*)/g, fn = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function Pe(e, o, a) {
+  if (o === 1)
+    return e;
+  if (a = a || 100, typeof e == "number")
+    return Math.ceil(e * o * a) / a;
+  if (typeof e != "string")
+    return e;
+  const n = e.split(dn);
+  if (n === null || !n.length)
+    return e;
+  const t = [];
+  let l = n.shift(), s = fn.test(l);
+  for (; ; ) {
+    if (s) {
+      const g = parseFloat(l);
+      isNaN(g) ? t.push(l) : t.push(Math.ceil(g * o * a) / a);
+    } else
+      t.push(l);
+    if (l = n.shift(), l === void 0)
+      return t.join("");
+    s = !s;
+  }
+}
+function rn(e, o = "defs") {
+  let a = "";
+  const n = e.indexOf("<" + o);
+  for (; n >= 0; ) {
+    const t = e.indexOf(">", n), l = e.indexOf("</" + o);
+    if (t === -1 || l === -1)
+      break;
+    const s = e.indexOf(">", l);
+    if (s === -1)
+      break;
+    a += e.slice(t + 1, l).trim(), e = e.slice(0, n).trim() + e.slice(s + 1);
+  }
+  return {
+    defs: a,
+    content: e
+  };
+}
+function pn(e, o) {
+  return e ? "<defs>" + e + "</defs>" + o : o;
+}
+function hn(e, o, a) {
+  const n = rn(e);
+  return pn(n.defs, o + n.content + a);
+}
+const mn = (e) => e === "unset" || e === "undefined" || e === "none";
+function un(e, o) {
+  const a = {
+    ...ge,
+    ...e
+  }, n = {
+    ...We,
+    ...o
+  }, t = {
+    left: a.left,
+    top: a.top,
+    width: a.width,
+    height: a.height
+  };
+  let l = a.body;
+  [a, n].forEach((r) => {
+    const f = [], S = r.hFlip, P = r.vFlip;
+    let C = r.rotate;
+    S ? P ? C += 2 : (f.push(
+      "translate(" + (t.width + t.left).toString() + " " + (0 - t.top).toString() + ")"
+    ), f.push("scale(-1 1)"), t.top = t.left = 0) : P && (f.push(
+      "translate(" + (0 - t.left).toString() + " " + (t.height + t.top).toString() + ")"
+    ), f.push("scale(1 -1)"), t.top = t.left = 0);
+    let w;
+    switch (C < 0 && (C -= Math.floor(C / 4) * 4), C = C % 4, C) {
+      case 1:
+        w = t.height / 2 + t.top, f.unshift(
+          "rotate(90 " + w.toString() + " " + w.toString() + ")"
+        );
+        break;
+      case 2:
+        f.unshift(
+          "rotate(180 " + (t.width / 2 + t.left).toString() + " " + (t.height / 2 + t.top).toString() + ")"
+        );
+        break;
+      case 3:
+        w = t.width / 2 + t.left, f.unshift(
+          "rotate(-90 " + w.toString() + " " + w.toString() + ")"
+        );
+        break;
+    }
+    C % 2 === 1 && (t.left !== t.top && (w = t.left, t.left = t.top, t.top = w), t.width !== t.height && (w = t.width, t.width = t.height, t.height = w)), f.length && (l = hn(
+      l,
+      '<g transform="' + f.join(" ") + '">',
+      "</g>"
+    ));
+  });
+  const s = n.width, g = n.height, h = t.width, c = t.height;
+  let i, p;
+  s === null ? (p = g === null ? "1em" : g === "auto" ? c : g, i = Pe(p, h / c)) : (i = s === "auto" ? h : s, p = g === null ? Pe(i, c / h) : g === "auto" ? c : g);
+  const b = {}, d = (r, f) => {
+    mn(f) || (b[r] = f.toString());
+  };
+  d("width", i), d("height", p);
+  const j = [t.left, t.top, h, c];
+  return b.viewBox = j.join(" "), {
+    attributes: b,
+    viewBox: j,
+    body: l
+  };
+}
+const vn = /\sid="(\S+)"/g, bn = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let wn = 0;
+function yn(e, o = bn) {
+  const a = [];
+  let n;
+  for (; n = vn.exec(e); )
+    a.push(n[1]);
+  if (!a.length)
+    return e;
+  const t = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
+  return a.forEach((l) => {
+    const s = typeof o == "function" ? o(l) : o + (wn++).toString(), g = l.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    e = e.replace(
+      // Allowed characters before id: [#;"]
+      // Allowed characters after id: [)"], .[a-z]
+      new RegExp('([#;"])(' + g + ')([")]|\\.[a-z])', "g"),
+      "$1" + s + t + "$3"
+    );
+  }), e = e.replace(new RegExp(t, "g"), ""), e;
+}
+const me = /* @__PURE__ */ Object.create(null);
+function Cn(e, o) {
+  me[e] = o;
+}
+function ue(e) {
+  return me[e] || me[""];
+}
+function be(e) {
+  let o;
+  if (typeof e.resources == "string")
+    o = [e.resources];
+  else if (o = e.resources, !(o instanceof Array) || !o.length)
+    return null;
+  return {
+    // API hosts
+    resources: o,
+    // Root path
+    path: e.path || "/",
+    // URL length limit
+    maxURL: e.maxURL || 500,
+    // Timeout before next host is used.
+    rotate: e.rotate || 750,
+    // Timeout before failing query.
+    timeout: e.timeout || 5e3,
+    // Randomise default API end point.
+    random: e.random === !0,
+    // Start index
+    index: e.index || 0,
+    // Receive data after time out (used if time out kicks in first, then API module sends data anyway).
+    dataAfterTimeout: e.dataAfterTimeout !== !1
+  };
+}
+const we = /* @__PURE__ */ Object.create(null), U = [
+  "https://api.simplesvg.com",
+  "https://api.unisvg.com"
+], oe = [];
+for (; U.length > 0; )
+  U.length === 1 || Math.random() > 0.5 ? oe.push(U.shift()) : oe.push(U.pop());
+we[""] = be({
+  resources: ["https://api.iconify.design"].concat(oe)
+});
+function Sn(e, o) {
+  const a = be(o);
+  return a === null ? !1 : (we[e] = a, !0);
+}
+function ye(e) {
+  return we[e];
+}
+const xn = () => {
+  let e;
+  try {
+    if (e = fetch, typeof e == "function")
+      return e;
+  } catch {
+  }
+};
+let je = xn();
+function En(e, o) {
+  const a = ye(e);
+  if (!a)
+    return 0;
+  let n;
+  if (!a.maxURL)
+    n = 0;
+  else {
+    let t = 0;
+    a.resources.forEach((s) => {
+      t = Math.max(t, s.length);
+    });
+    const l = o + ".json?icons=";
+    n = a.maxURL - t - a.path.length - l.length;
+  }
+  return n;
+}
+function Pn(e) {
+  return e === 404;
+}
+const jn = (e, o, a) => {
+  const n = [], t = En(e, o), l = "icons";
+  let s = {
+    type: l,
+    provider: e,
+    prefix: o,
+    icons: []
+  }, g = 0;
+  return a.forEach((h, c) => {
+    g += h.length + 1, g >= t && c > 0 && (n.push(s), s = {
+      type: l,
+      provider: e,
+      prefix: o,
+      icons: []
+    }, g = h.length), s.icons.push(h);
+  }), n.push(s), n;
+};
+function kn(e) {
+  if (typeof e == "string") {
+    const o = ye(e);
+    if (o)
+      return o.path;
+  }
+  return "/";
+}
+const Mn = (e, o, a) => {
+  if (!je) {
+    a("abort", 424);
+    return;
+  }
+  let n = kn(o.provider);
+  switch (o.type) {
+    case "icons": {
+      const l = o.prefix, g = o.icons.join(","), h = new URLSearchParams({
+        icons: g
+      });
+      n += l + ".json?" + h.toString();
+      break;
+    }
+    case "custom": {
+      const l = o.uri;
+      n += l.slice(0, 1) === "/" ? l.slice(1) : l;
+      break;
+    }
+    default:
+      a("abort", 400);
+      return;
+  }
+  let t = 503;
+  je(e + n).then((l) => {
+    const s = l.status;
+    if (s !== 200) {
+      setTimeout(() => {
+        a(Pn(s) ? "abort" : "next", s);
+      });
+      return;
+    }
+    return t = 501, l.json();
+  }).then((l) => {
+    if (typeof l != "object" || l === null) {
+      setTimeout(() => {
+        l === 404 ? a("abort", l) : a("next", t);
+      });
+      return;
+    }
+    setTimeout(() => {
+      a("success", l);
+    });
+  }).catch(() => {
+    a("next", t);
+  });
+}, An = {
+  prepare: jn,
+  send: Mn
+};
+function In(e) {
+  const o = {
+    loaded: [],
+    missing: [],
+    pending: []
+  }, a = /* @__PURE__ */ Object.create(null);
+  e.sort((t, l) => t.provider !== l.provider ? t.provider.localeCompare(l.provider) : t.prefix !== l.prefix ? t.prefix.localeCompare(l.prefix) : t.name.localeCompare(l.name));
+  let n = {
+    provider: "",
+    prefix: "",
+    name: ""
+  };
+  return e.forEach((t) => {
+    if (n.name === t.name && n.prefix === t.prefix && n.provider === t.provider)
+      return;
+    n = t;
+    const l = t.provider, s = t.prefix, g = t.name, h = a[l] || (a[l] = /* @__PURE__ */ Object.create(null)), c = h[s] || (h[s] = q(l, s));
+    let i;
+    g in c.icons ? i = o.loaded : s === "" || c.missing.has(g) ? i = o.missing : i = o.pending;
+    const p = {
+      provider: l,
+      prefix: s,
+      name: g
+    };
+    i.push(p);
+  }), o;
+}
+function Ke(e, o) {
+  e.forEach((a) => {
+    const n = a.loaderCallbacks;
+    n && (a.loaderCallbacks = n.filter((t) => t.id !== o));
+  });
+}
+function $n(e) {
+  e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
+    e.pendingCallbacksFlag = !1;
+    const o = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
+    if (!o.length)
+      return;
+    let a = !1;
+    const n = e.provider, t = e.prefix;
+    o.forEach((l) => {
+      const s = l.icons, g = s.pending.length;
+      s.pending = s.pending.filter((h) => {
+        if (h.prefix !== t)
+          return !0;
+        const c = h.name;
+        if (e.icons[c])
+          s.loaded.push({
+            provider: n,
+            prefix: t,
+            name: c
+          });
+        else if (e.missing.has(c))
+          s.missing.push({
+            provider: n,
+            prefix: t,
+            name: c
+          });
+        else
+          return a = !0, !0;
+        return !1;
+      }), s.pending.length !== g && (a || Ke([e], l.id), l.callback(
+        s.loaded.slice(0),
+        s.missing.slice(0),
+        s.pending.slice(0),
+        l.abort
+      ));
+    });
+  }));
+}
+let Tn = 0;
+function Bn(e, o, a) {
+  const n = Tn++, t = Ke.bind(null, a, n);
+  if (!o.pending.length)
+    return t;
+  const l = {
+    id: n,
+    icons: o,
+    callback: e,
+    abort: t
+  };
+  return a.forEach((s) => {
+    (s.loaderCallbacks || (s.loaderCallbacks = [])).push(l);
+  }), t;
+}
+function Xn(e, o = !0, a = !1) {
+  const n = [];
+  return e.forEach((t) => {
+    const l = typeof t == "string" ? ce(t, o, a) : t;
+    l && n.push(l);
+  }), n;
+}
+var Ln = {
+  resources: [],
+  index: 0,
+  timeout: 2e3,
+  rotate: 750,
+  random: !1,
+  dataAfterTimeout: !1
+};
+function Vn(e, o, a, n) {
+  const t = e.resources.length, l = e.random ? Math.floor(Math.random() * t) : e.index;
+  let s;
+  if (e.random) {
+    let k = e.resources.slice(0);
+    for (s = []; k.length > 1; ) {
+      const L = Math.floor(Math.random() * k.length);
+      s.push(k[L]), k = k.slice(0, L).concat(k.slice(L + 1));
+    }
+    s = s.concat(k);
+  } else
+    s = e.resources.slice(l).concat(e.resources.slice(0, l));
+  const g = Date.now();
+  let h = "pending", c = 0, i, p = null, b = [], d = [];
+  typeof n == "function" && d.push(n);
+  function j() {
+    p && (clearTimeout(p), p = null);
+  }
+  function r() {
+    h === "pending" && (h = "aborted"), j(), b.forEach((k) => {
+      k.status === "pending" && (k.status = "aborted");
+    }), b = [];
+  }
+  function f(k, L) {
+    L && (d = []), typeof k == "function" && d.push(k);
+  }
+  function S() {
+    return {
+      startTime: g,
+      payload: o,
+      status: h,
+      queriesSent: c,
+      queriesPending: b.length,
+      subscribe: f,
+      abort: r
+    };
+  }
+  function P() {
+    h = "failed", d.forEach((k) => {
+      k(void 0, i);
+    });
+  }
+  function C() {
+    b.forEach((k) => {
+      k.status === "pending" && (k.status = "aborted");
+    }), b = [];
+  }
+  function w(k, L, m) {
+    const E = L !== "success";
+    switch (b = b.filter((x) => x !== k), h) {
+      case "pending":
+        break;
+      case "failed":
+        if (E || !e.dataAfterTimeout)
+          return;
+        break;
+      default:
+        return;
+    }
+    if (L === "abort") {
+      i = m, P();
+      return;
+    }
+    if (E) {
+      i = m, b.length || (s.length ? I() : P());
+      return;
+    }
+    if (j(), C(), !e.random) {
+      const x = e.resources.indexOf(k.resource);
+      x !== -1 && x !== e.index && (e.index = x);
+    }
+    h = "completed", d.forEach((x) => {
+      x(m);
+    });
+  }
+  function I() {
+    if (h !== "pending")
+      return;
+    j();
+    const k = s.shift();
+    if (k === void 0) {
+      if (b.length) {
+        p = setTimeout(() => {
+          j(), h === "pending" && (C(), P());
+        }, e.timeout);
+        return;
+      }
+      P();
+      return;
+    }
+    const L = {
+      status: "pending",
+      resource: k,
+      callback: (m, E) => {
+        w(L, m, E);
+      }
+    };
+    b.push(L), c++, p = setTimeout(I, e.rotate), a(k, o, L.callback);
+  }
+  return setTimeout(I), S;
+}
+function He(e) {
+  const o = {
+    ...Ln,
+    ...e
+  };
+  let a = [];
+  function n() {
+    a = a.filter((g) => g().status === "pending");
+  }
+  function t(g, h, c) {
+    const i = Vn(
+      o,
+      g,
+      h,
+      (p, b) => {
+        n(), c && c(p, b);
+      }
+    );
+    return a.push(i), i;
+  }
+  function l(g) {
+    return a.find((h) => g(h)) || null;
+  }
+  return {
+    query: t,
+    find: l,
+    setIndex: (g) => {
+      o.index = g;
+    },
+    getIndex: () => o.index,
+    cleanup: n
+  };
+}
+function ke() {
+}
+const fe = /* @__PURE__ */ Object.create(null);
+function zn(e) {
+  if (!fe[e]) {
+    const o = ye(e);
+    if (!o)
+      return;
+    const a = He(o), n = {
+      config: o,
+      redundancy: a
+    };
+    fe[e] = n;
+  }
+  return fe[e];
+}
+function Fn(e, o, a) {
+  let n, t;
+  if (typeof e == "string") {
+    const l = ue(e);
+    if (!l)
+      return a(void 0, 424), ke;
+    t = l.send;
+    const s = zn(e);
+    s && (n = s.redundancy);
+  } else {
+    const l = be(e);
+    if (l) {
+      n = He(l);
+      const s = e.resources ? e.resources[0] : "", g = ue(s);
+      g && (t = g.send);
+    }
+  }
+  return !n || !t ? (a(void 0, 424), ke) : n.query(o, t, a)().abort;
+}
+function Me() {
+}
+function On(e) {
+  e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
+    e.iconsLoaderFlag = !1, $n(e);
+  }));
+}
+function Rn(e) {
+  const o = [], a = [];
+  return e.forEach((n) => {
+    (n.match(Fe) ? o : a).push(n);
+  }), {
+    valid: o,
+    invalid: a
+  };
+}
+function Y(e, o, a) {
+  function n() {
+    const t = e.pendingIcons;
+    o.forEach((l) => {
+      t && t.delete(l), e.icons[l] || e.missing.add(l);
+    });
+  }
+  if (a && typeof a == "object")
+    try {
+      if (!_e(e, a).length) {
+        n();
+        return;
+      }
+    } catch (t) {
+      console.error(t);
+    }
+  n(), On(e);
+}
+function Ae(e, o) {
+  e instanceof Promise ? e.then((a) => {
+    o(a);
+  }).catch(() => {
+    o(null);
+  }) : o(e);
+}
+function Dn(e, o) {
+  e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(o).sort() : e.iconsToLoad = o, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
+    e.iconsQueueFlag = !1;
+    const { provider: a, prefix: n } = e, t = e.iconsToLoad;
+    if (delete e.iconsToLoad, !t || !t.length)
+      return;
+    const l = e.loadIcon;
+    if (e.loadIcons && (t.length > 1 || !l)) {
+      Ae(
+        e.loadIcons(t, n, a),
+        (i) => {
+          Y(e, t, i);
+        }
+      );
+      return;
+    }
+    if (l) {
+      t.forEach((i) => {
+        const p = l(i, n, a);
+        Ae(p, (b) => {
+          const d = b ? {
+            prefix: n,
+            icons: {
+              [i]: b
+            }
+          } : null;
+          Y(e, [i], d);
+        });
+      });
+      return;
+    }
+    const { valid: s, invalid: g } = Rn(t);
+    if (g.length && Y(e, g, null), !s.length)
+      return;
+    const h = n.match(Fe) ? ue(a) : null;
+    if (!h) {
+      Y(e, s, null);
+      return;
+    }
+    h.prepare(a, n, s).forEach((i) => {
+      Fn(a, i, (p) => {
+        Y(e, i.icons, p);
+      });
+    });
+  }));
+}
+const _n = (e, o) => {
+  const a = Xn(e, !0, Ne()), n = In(a);
+  if (!n.pending.length) {
+    let h = !0;
+    return o && setTimeout(() => {
+      h && o(
+        n.loaded,
+        n.missing,
+        n.pending,
+        Me
+      );
+    }), () => {
+      h = !1;
+    };
+  }
+  const t = /* @__PURE__ */ Object.create(null), l = [];
+  let s, g;
+  return n.pending.forEach((h) => {
+    const { provider: c, prefix: i } = h;
+    if (i === g && c === s)
+      return;
+    s = c, g = i, l.push(q(c, i));
+    const p = t[c] || (t[c] = /* @__PURE__ */ Object.create(null));
+    p[i] || (p[i] = []);
+  }), n.pending.forEach((h) => {
+    const { provider: c, prefix: i, name: p } = h, b = q(c, i), d = b.pendingIcons || (b.pendingIcons = /* @__PURE__ */ new Set());
+    d.has(p) || (d.add(p), t[c][i].push(p));
+  }), l.forEach((h) => {
+    const c = t[h.provider][h.prefix];
+    c.length && Dn(h, c);
+  }), o ? Bn(o, n, l) : Me;
+};
+function Nn(e, o) {
+  const a = {
+    ...e
+  };
+  for (const n in o) {
+    const t = o[n], l = typeof t;
+    n in Ge ? (t === null || t && (l === "string" || l === "number")) && (a[n] = t) : l === typeof a[n] && (a[n] = n === "rotate" ? t % 4 : t);
+  }
+  return a;
+}
+const Gn = /[\s,]+/;
+function Wn(e, o) {
+  o.split(Gn).forEach((a) => {
+    switch (a.trim()) {
+      case "horizontal":
+        e.hFlip = !0;
+        break;
+      case "vertical":
+        e.vFlip = !0;
+        break;
+    }
+  });
+}
+function Kn(e, o = 0) {
+  const a = e.replace(/^-?[0-9.]*/, "");
+  function n(t) {
+    for (; t < 0; )
+      t += 4;
+    return t % 4;
+  }
+  if (a === "") {
+    const t = parseInt(e);
+    return isNaN(t) ? 0 : n(t);
+  } else if (a !== e) {
+    let t = 0;
+    switch (a) {
+      case "%":
+        t = 25;
+        break;
+      case "deg":
+        t = 90;
+    }
+    if (t) {
+      let l = parseFloat(e.slice(0, e.length - a.length));
+      return isNaN(l) ? 0 : (l = l / t, l % 1 === 0 ? n(l) : 0);
+    }
+  }
+  return o;
+}
+function Hn(e, o) {
+  let a = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
+  for (const n in o)
+    a += " " + n + '="' + o[n] + '"';
+  return '<svg xmlns="http://www.w3.org/2000/svg"' + a + ">" + e + "</svg>";
+}
+function qn(e) {
+  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+}
+function Un(e) {
+  return "data:image/svg+xml," + qn(e);
+}
+function Yn(e) {
+  return 'url("' + Un(e) + '")';
+}
+const Ie = {
+  ...We,
+  inline: !1
+}, Qn = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  "aria-hidden": !0,
+  role: "img"
+}, Zn = {
+  display: "inline-block"
+}, ve = {
+  backgroundColor: "currentColor"
+}, qe = {
+  backgroundColor: "transparent"
+}, $e = {
+  Image: "var(--svg)",
+  Repeat: "no-repeat",
+  Size: "100% 100%"
+}, Te = {
+  webkitMask: ve,
+  mask: ve,
+  background: qe
+};
+for (const e in Te) {
+  const o = Te[e];
+  for (const a in $e)
+    o[e + a] = $e[a];
+}
+const ae = {};
+["horizontal", "vertical"].forEach((e) => {
+  const o = e.slice(0, 1) + "Flip";
+  ae[e + "-flip"] = o, ae[e.slice(0, 1) + "-flip"] = o, ae[e + "Flip"] = o;
+});
+function Be(e) {
+  return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
+}
+const Xe = (e, o) => {
+  const a = Nn(Ie, o), n = { ...Qn }, t = o.mode || "svg", l = {}, s = o.style, g = typeof s == "object" && !(s instanceof Array) ? s : {};
+  for (let r in o) {
+    const f = o[r];
+    if (f !== void 0)
+      switch (r) {
+        case "icon":
+        case "style":
+        case "onLoad":
+        case "mode":
+        case "ssr":
+          break;
+        case "inline":
+        case "hFlip":
+        case "vFlip":
+          a[r] = f === !0 || f === "true" || f === 1;
+          break;
+        case "flip":
+          typeof f == "string" && Wn(a, f);
+          break;
+        case "color":
+          l.color = f;
+          break;
+        case "rotate":
+          typeof f == "string" ? a[r] = Kn(f) : typeof f == "number" && (a[r] = f);
+          break;
+        case "ariaHidden":
+        case "aria-hidden":
+          f !== !0 && f !== "true" && delete n["aria-hidden"];
+          break;
+        default: {
+          const S = ae[r];
+          S ? (f === !0 || f === "true" || f === 1) && (a[S] = !0) : Ie[r] === void 0 && (n[r] = f);
+        }
+      }
+  }
+  const h = un(e, a), c = h.attributes;
+  if (a.inline && (l.verticalAlign = "-0.125em"), t === "svg") {
+    n.style = {
+      ...l,
+      ...g
+    }, Object.assign(n, c);
+    let r = 0, f = o.id;
+    return typeof f == "string" && (f = f.replace(/-/g, "_")), n.innerHTML = yn(h.body, f ? () => f + "ID" + r++ : "iconifyVue"), Ce("svg", n);
+  }
+  const { body: i, width: p, height: b } = e, d = t === "mask" || (t === "bg" ? !1 : i.indexOf("currentColor") !== -1), j = Hn(i, {
+    ...c,
+    width: p + "",
+    height: b + ""
+  });
+  return n.style = {
+    ...l,
+    "--svg": Yn(j),
+    width: Be(c.width),
+    height: Be(c.height),
+    ...Zn,
+    ...d ? ve : qe,
+    ...g
+  }, Ce("span", n);
+};
+Ne(!0);
+Cn("", An);
+if (typeof document < "u" && typeof window < "u") {
+  const e = window;
+  if (e.IconifyPreload !== void 0) {
+    const o = e.IconifyPreload, a = "Invalid IconifyPreload syntax.";
+    typeof o == "object" && o !== null && (o instanceof Array ? o : [o]).forEach((n) => {
+      try {
+        // Check if item is an object and not null/array
+        (typeof n != "object" || n === null || n instanceof Array || // Check for 'icons' and 'prefix'
+        typeof n.icons != "object" || typeof n.prefix != "string" || // Add icon set
+        !gn(n)) && console.error(a);
+      } catch {
+        console.error(a);
+      }
+    });
+  }
+  if (e.IconifyProviders !== void 0) {
+    const o = e.IconifyProviders;
+    if (typeof o == "object" && o !== null)
+      for (let a in o) {
+        const n = "IconifyProviders[" + a + "] is invalid.";
+        try {
+          const t = o[a];
+          if (typeof t != "object" || !t || t.resources === void 0)
+            continue;
+          Sn(a, t) || console.error(n);
+        } catch {
+          console.error(n);
+        }
+      }
+  }
+}
+const Jn = {
+  ...ge,
+  body: ""
+}, K = V({
+  // Do not inherit other attributes: it is handled by render()
+  inheritAttrs: !1,
+  // Set initial data
+  data() {
+    return {
+      // Current icon name
+      _name: "",
+      // Loading
+      _loadingIcon: null,
+      // Mounted status
+      iconMounted: !1,
+      // Callback counter to trigger re-render
+      counter: 0
+    };
+  },
+  mounted() {
+    this.iconMounted = !0;
+  },
+  unmounted() {
+    this.abortLoading();
+  },
+  methods: {
+    abortLoading() {
+      this._loadingIcon && (this._loadingIcon.abort(), this._loadingIcon = null);
+    },
+    // Get data for icon to render or null
+    getIcon(e, o, a) {
+      if (typeof e == "object" && e !== null && typeof e.body == "string")
+        return this._name = "", this.abortLoading(), {
+          data: e
+        };
+      let n;
+      if (typeof e != "string" || (n = ce(e, !1, !0)) === null)
+        return this.abortLoading(), null;
+      let t = sn(n);
+      if (!t)
+        return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", t !== null && (this._loadingIcon = {
+          name: e,
+          abort: _n([n], () => {
+            this.counter++;
+          })
+        })), null;
+      if (this.abortLoading(), this._name !== e && (this._name = e, o && o(e)), a) {
+        t = Object.assign({}, t);
+        const s = a(t.body, n.name, n.prefix, n.provider);
+        typeof s == "string" && (t.body = s);
+      }
+      const l = ["iconify"];
+      return n.prefix !== "" && l.push("iconify--" + n.prefix), n.provider !== "" && l.push("iconify--" + n.provider), { data: t, classes: l };
+    }
+  },
+  // Render icon
+  render() {
+    this.counter;
+    const e = this.$attrs, o = this.iconMounted || e.ssr ? this.getIcon(e.icon, e.onLoad, e.customise) : null;
+    if (!o)
+      return Xe(Jn, e);
+    let a = e;
+    return o.classes && (a = {
+      ...e,
+      class: (typeof e.class == "string" ? e.class + " " : "") + o.classes.join(" ")
+    }), Xe({
+      ...ge,
+      ...o.data
+    }, a);
+  }
+}), et = ["disabled"], nt = {
+  key: 0,
+  class: "x-btn-icon"
+}, tt = {
+  key: 1,
+  class: "x-btn-loading"
+}, ot = { class: "x-btn-content" }, at = {
+  key: 2,
+  class: "x-btn-icon"
+}, lt = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    type: { default: "default" },
+    size: { default: "medium" },
+    icon: {},
+    iconRight: {},
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    plain: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: o }) {
+    const a = e, n = o, t = $(), l = $([]);
+    let s = 0;
+    const g = X(() => [
+      "x-btn",
+      `x-btn-${a.type}`,
+      `x-btn-${a.size}`,
+      {
+        "x-btn-disabled": a.disabled,
+        "x-btn-loading": a.loading,
+        "x-btn-block": a.block,
+        "x-btn-round": a.round,
+        "x-btn-plain": a.plain
+      }
+    ]);
+    function h(i) {
+      !a.disabled && !a.loading && n("click", i);
+    }
+    function c(i) {
+      if (a.disabled || a.loading) return;
+      const p = t.value;
+      if (!p) return;
+      const b = p.getBoundingClientRect(), d = {
+        id: s++,
+        style: {
+          left: `${i.clientX - b.left}px`,
+          top: `${i.clientY - b.top}px`
+        }
+      };
+      l.value.push(d), setTimeout(() => {
+        const j = l.value.findIndex((r) => r.id === d.id);
+        j > -1 && l.value.splice(j, 1);
+      }, 600);
+    }
+    return (i, p) => (u(), v("button", {
+      class: B(g.value),
+      disabled: e.disabled || e.loading,
+      onClick: h,
+      onMousedown: c,
+      ref_key: "buttonRef",
+      ref: t
+    }, [
+      (u(!0), v(z, null, D(l.value, (b) => (u(), v("span", {
+        key: b.id,
+        class: "x-btn-ripple",
+        style: G(b.style)
+      }, null, 4))), 128)),
+      e.icon && !e.loading ? (u(), v("span", nt, [
+        R(W(K), { icon: e.icon }, null, 8, ["icon"])
+      ])) : A("", !0),
+      e.loading ? (u(), v("span", tt, [
+        R(W(K), { icon: "eos-icons:loading" })
+      ])) : A("", !0),
+      y("span", ot, [
+        Q(i.$slots, "default", {}, void 0, !0)
+      ]),
+      e.iconRight && !e.loading ? (u(), v("span", at, [
+        R(W(K), { icon: e.iconRight }, null, 8, ["icon"])
+      ])) : A("", !0)
+    ], 42, et));
+  }
+}), F = (e, o) => {
+  const a = e.__vccOpts || e;
+  for (const [n, t] of o)
+    a[n] = t;
+  return a;
+}, Le = /* @__PURE__ */ F(lt, [["__scopeId", "data-v-e1b43d39"]]), st = { class: "x-card-container" }, ct = ["onClick"], gt = { class: "relative p-2" }, it = ["src", "alt"], dt = {
+  key: 0,
+  class: "absolute top-3 left-3"
+}, ft = { class: "label-badge" }, rt = { class: "product-info p-5 ml-5" }, pt = { class: "text-sm lg:text-base text-gray-700 leading-relaxed line-clamp-2 mb-3" }, ht = { class: "flex items-center justify-between gap-2" }, mt = { class: "text-base lg:text-lg font-bold text-[var(--x-color-primary)]" }, ut = {
+  key: 0,
+  class: "bi bi-heart text-gray-500"
+}, vt = {
+  key: 1,
+  class: "bi bi-heart-fill text-[#FE374F]"
+}, bt = ["onClick"], wt = { class: "relative flex-shrink-0 p-2" }, yt = { class: "aspect-square bg-gray-100 rounded-lg overflow-hidden" }, Ct = ["src", "alt"], St = {
+  key: 0,
+  class: "absolute top-3 left-3"
+}, xt = { class: "label-badge" }, Et = { class: "flex-1 flex flex-col justify-between product-info p-5 ml-5" }, Pt = { class: "text-sm lg:text-base text-gray-700 font-medium line-clamp-2 leading-relaxed mb-3" }, jt = { class: "flex items-center justify-between gap-2 mt-auto" }, kt = { class: "text-base lg:text-lg font-bold text-[var(--x-color-primary)]" }, Mt = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    layout: { default: "grid" },
+    products: { default: () => [] },
+    useMockData: { type: Boolean, default: !0 },
+    columns: { default: 4 }
+  },
+  emits: ["productClick", "like"],
+  setup(e, { emit: o }) {
+    const a = e, n = o, t = [
+      {
+        id: "1",
+        name: "北欧风简约陶瓷花瓶",
+        image: "https://images.unsplash.com/photo-1578500494198-246f612d3b3d?w=400",
+        price: "¥299",
+        label: "热卖",
+        isWish: !1
+      },
+      {
+        id: "2",
+        name: "手工编织棉麻抱枕套",
+        image: "https://images.unsplash.com/photo-1584100936595-c0654b55a2e2?w=400",
+        price: "¥89",
+        label: "新品",
+        isWish: !0
+      },
+      {
+        id: "3",
+        name: "实木原木置物架收纳架",
+        image: "https://images.unsplash.com/photo-1595428774223-ef52624120d2?w=400",
+        price: "¥459",
+        label: "",
+        isWish: !1
+      },
+      {
+        id: "4",
+        name: "ins风格桌面装饰摆件",
+        image: "https://images.unsplash.com/photo-1513506003901-1e6a229e2d15?w=400",
+        price: "¥129",
+        label: "特价",
+        isWish: !1
+      },
+      {
+        id: "5",
+        name: "现代简约台灯护眼学习灯",
+        image: "https://images.unsplash.com/photo-1507473885765-e6ed057f782c?w=400",
+        price: "¥399",
+        label: "",
+        isWish: !0
+      },
+      {
+        id: "6",
+        name: "北欧风格装饰画挂画",
+        image: "https://images.unsplash.com/photo-1561214115-f2f134cc4912?w=400",
+        price: "¥199",
+        label: "热卖",
+        isWish: !1
+      },
+      {
+        id: "7",
+        name: "多功能收纳盒桌面整理",
+        image: "https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=400",
+        price: "¥68",
+        label: "",
+        isWish: !1
+      },
+      {
+        id: "8",
+        name: "创意陶瓷马克杯咖啡杯",
+        image: "https://images.unsplash.com/photo-1514228742587-6b1558fcca3d?w=400",
+        price: "¥59",
+        label: "新品",
+        isWish: !1
+      },
+      {
+        id: "9",
+        name: "手工玻璃花瓶透明花器",
+        image: "https://images.unsplash.com/photo-1523293182086-7651a899d37f?w=400",
+        price: "¥179",
+        label: "",
+        isWish: !0
+      },
+      {
+        id: "10",
+        name: "日式和风招财猫摆件",
+        image: "https://images.unsplash.com/photo-1615529182904-14819c35db37?w=400",
+        price: "¥149",
+        label: "热卖",
+        isWish: !1
+      },
+      {
+        id: "11",
+        name: "北欧风木质挂钟客厅",
+        image: "https://images.unsplash.com/photo-1563861826100-9cb868fdbe1c?w=400",
+        price: "¥259",
+        label: "",
+        isWish: !1
+      },
+      {
+        id: "12",
+        name: "现代简约落地花架",
+        image: "https://images.unsplash.com/photo-1545127398-14699f92334b?w=400",
+        price: "¥329",
+        label: "特价",
+        isWish: !1
+      }
+    ], l = $([]), s = X(() => a.products && a.products.length > 0 ? a.products : l.value), g = X(() => {
+      const p = Math.min(Math.max(a.columns || 4, 1), 4), b = {
+        1: "grid-cols-1",
+        2: "grid-cols-1 md:grid-cols-2",
+        3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+        4: "grid-cols-2 md:grid-cols-3 lg:grid-cols-4"
+      };
+      return b[p] || b[4];
+    }), h = X(() => {
+      const p = Math.min(Math.max(a.columns || 4, 1), 4), b = {
+        1: "columns-1",
+        2: "columns-1 md:columns-2",
+        3: "columns-2 md:columns-2 lg:columns-3",
+        4: "columns-2 sm:columns-2 md:columns-3 lg:columns-4"
+      };
+      return b[p] || b[4];
+    });
+    se(() => {
+      a.useMockData && (!a.products || a.products.length === 0) && (l.value = t);
+    });
+    const c = (p) => {
+      n("productClick", p);
+    }, i = (p) => {
+      p.isWish = !p.isWish, n("like", p);
+    };
+    return (p, b) => (u(), v("div", st, [
+      e.layout === "masonry" ? (u(), v("div", {
+        key: 0,
+        class: B(["masonry-layout", h.value, "gap-4 sm:gap-6"])
+      }, [
+        (u(!0), v(z, null, D(s.value, (d) => (u(), v("div", {
+          key: d.id + "-masonry",
+          class: "mb-4 sm:mb-6 break-inside-avoid group cursor-pointer product-card",
+          onClick: (j) => c(d.id)
+        }, [
+          y("div", gt, [
+            y("img", {
+              src: d.image,
+              alt: d.name,
+              loading: "lazy",
+              class: "w-full h-auto rounded-lg bg-gray-100 object-cover transition-transform duration-300 group-hover:scale-[1.01]"
+            }, null, 8, it),
+            d.label ? (u(), v("div", dt, [
+              y("span", ft, T(d.label), 1)
+            ])) : A("", !0)
+          ]),
+          y("div", rt, [
+            y("h3", pt, T(d.name), 1),
+            y("div", ht, [
+              y("span", mt, T(d.price), 1),
+              R(Le, {
+                onClick: H((j) => i(d), ["stop"]),
+                type: "text",
+                size: "small",
+                class: "like-button !min-w-0 !p-1"
+              }, {
+                default: Z(() => [
+                  d.isWish ? (u(), v("i", vt)) : (u(), v("i", ut))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ])
+          ])
+        ], 8, ct))), 128))
+      ], 2)) : (u(), v("div", {
+        key: 1,
+        class: B(["grid", g.value, "gap-4 lg:gap-6"])
+      }, [
+        (u(!0), v(z, null, D(s.value, (d) => (u(), v("div", {
+          key: d.id + "-grid",
+          class: "h-full"
+        }, [
+          y("div", {
+            class: "group cursor-pointer product-card h-full flex flex-col",
+            onClick: (j) => c(d.id)
+          }, [
+            y("div", wt, [
+              y("div", yt, [
+                y("img", {
+                  src: d.image,
+                  alt: d.name,
+                  class: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
+                  loading: "lazy"
+                }, null, 8, Ct)
+              ]),
+              d.label ? (u(), v("div", St, [
+                y("span", xt, T(d.label), 1)
+              ])) : A("", !0)
+            ]),
+            y("div", Et, [
+              y("h3", Pt, T(d.name), 1),
+              y("div", jt, [
+                y("span", kt, T(d.price), 1),
+                R(Le, {
+                  onClick: H((j) => i(d), ["stop"]),
+                  type: "text",
+                  size: "small",
+                  class: "like-button !min-w-0 !p-1"
+                }, {
+                  default: Z(() => [
+                    d.isWish ? (u(), re(W(K), {
+                      key: 1,
+                      icon: "bi:heart-fill",
+                      class: "bi bi-heart-fill text-[#FE374F]"
+                    })) : (u(), re(W(K), {
+                      key: 0,
+                      icon: "bi:heart",
+                      class: "bi bi-heart text-gray-500"
+                    }))
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ])
+            ])
+          ], 8, bt)
+        ]))), 128))
+      ], 2))
+    ]));
+  }
+}), Bo = /* @__PURE__ */ F(Mt, [["__scopeId", "data-v-aec5fd31"]]), At = [
+  {
+    name: "Afghanistan",
+    code: "AF",
+    flagEmoji: "🇦🇫",
+    flagSvg: "https://flagcdn.com/af.svg",
+    flagPng: "https://flagcdn.com/w40/af.png",
+    phoneCode: "+93",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Åland Islands",
+    code: "AX",
+    flagEmoji: "🇦🇽",
+    flagSvg: "https://flagcdn.com/ax.svg",
+    flagPng: "https://flagcdn.com/w40/ax.png",
+    phoneCode: "+358",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Albania",
+    code: "AL",
+    flagEmoji: "🇦🇱",
+    flagSvg: "https://flagcdn.com/al.svg",
+    flagPng: "https://flagcdn.com/w40/al.png",
+    phoneCode: "+355",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Algeria",
+    code: "DZ",
+    flagEmoji: "🇩🇿",
+    flagSvg: "https://flagcdn.com/dz.svg",
+    flagPng: "https://flagcdn.com/w40/dz.png",
+    phoneCode: "+213",
+    phonelengthMAX: 10
+  },
+  {
+    name: "American Samoa",
+    code: "AS",
+    flagEmoji: "🇦🇸",
+    flagSvg: "https://flagcdn.com/as.svg",
+    flagPng: "https://flagcdn.com/w40/as.png",
+    phoneCode: "+1684",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Andorra",
+    code: "AD",
+    flagEmoji: "🇦🇩",
+    flagSvg: "https://flagcdn.com/ad.svg",
+    flagPng: "https://flagcdn.com/w40/ad.png",
+    phoneCode: "+376",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Angola",
+    code: "AO",
+    flagEmoji: "🇦🇴",
+    flagSvg: "https://flagcdn.com/ao.svg",
+    flagPng: "https://flagcdn.com/w40/ao.png",
+    phoneCode: "+244",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Anguilla",
+    code: "AI",
+    flagEmoji: "🇦🇮",
+    flagSvg: "https://flagcdn.com/ai.svg",
+    flagPng: "https://flagcdn.com/w40/ai.png",
+    phoneCode: "+1264",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Antarctica",
+    code: "AQ",
+    flagEmoji: "🇦🇶",
+    flagSvg: "https://flagcdn.com/aq.svg",
+    flagPng: "https://flagcdn.com/w40/aq.png",
+    phoneCode: "+672",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Antigua and Barbuda",
+    code: "AG",
+    flagEmoji: "🇦🇬",
+    flagSvg: "https://flagcdn.com/ag.svg",
+    flagPng: "https://flagcdn.com/w40/ag.png",
+    phoneCode: "+1268",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Argentina",
+    code: "AR",
+    flagEmoji: "🇦🇷",
+    flagSvg: "https://flagcdn.com/ar.svg",
+    flagPng: "https://flagcdn.com/w40/ar.png",
+    phoneCode: "+54",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Armenia",
+    code: "AM",
+    flagEmoji: "🇦🇲",
+    flagSvg: "https://flagcdn.com/am.svg",
+    flagPng: "https://flagcdn.com/w40/am.png",
+    phoneCode: "+374",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Aruba",
+    code: "AW",
+    flagEmoji: "🇦🇼",
+    flagSvg: "https://flagcdn.com/aw.svg",
+    flagPng: "https://flagcdn.com/w40/aw.png",
+    phoneCode: "+297",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Australia",
+    code: "AU",
+    flagEmoji: "🇦🇺",
+    flagSvg: "https://flagcdn.com/au.svg",
+    flagPng: "https://flagcdn.com/w40/au.png",
+    phoneCode: "+61",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Austria",
+    code: "AT",
+    flagEmoji: "🇦🇹",
+    flagSvg: "https://flagcdn.com/at.svg",
+    flagPng: "https://flagcdn.com/w40/at.png",
+    phoneCode: "+43",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Azerbaijan",
+    code: "AZ",
+    flagEmoji: "🇦🇿",
+    flagSvg: "https://flagcdn.com/az.svg",
+    flagPng: "https://flagcdn.com/w40/az.png",
+    phoneCode: "+994",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bahamas",
+    code: "BS",
+    flagEmoji: "🇧🇸",
+    flagSvg: "https://flagcdn.com/bs.svg",
+    flagPng: "https://flagcdn.com/w40/bs.png",
+    phoneCode: "+1242",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bahrain",
+    code: "BH",
+    flagEmoji: "🇧🇭",
+    flagSvg: "https://flagcdn.com/bh.svg",
+    flagPng: "https://flagcdn.com/w40/bh.png",
+    phoneCode: "+973",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bangladesh",
+    code: "BD",
+    flagEmoji: "🇧🇩",
+    flagSvg: "https://flagcdn.com/bd.svg",
+    flagPng: "https://flagcdn.com/w40/bd.png",
+    phoneCode: "+880",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Barbados",
+    code: "BB",
+    flagEmoji: "🇧🇧",
+    flagSvg: "https://flagcdn.com/bb.svg",
+    flagPng: "https://flagcdn.com/w40/bb.png",
+    phoneCode: "+1246",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Belarus",
+    code: "BY",
+    flagEmoji: "🇧🇾",
+    flagSvg: "https://flagcdn.com/by.svg",
+    flagPng: "https://flagcdn.com/w40/by.png",
+    phoneCode: "+375",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Belgium",
+    code: "BE",
+    flagEmoji: "🇧🇪",
+    flagSvg: "https://flagcdn.com/be.svg",
+    flagPng: "https://flagcdn.com/w40/be.png",
+    phoneCode: "+32",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Belize",
+    code: "BZ",
+    flagEmoji: "🇧🇿",
+    flagSvg: "https://flagcdn.com/bz.svg",
+    flagPng: "https://flagcdn.com/w40/bz.png",
+    phoneCode: "+501",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Benin",
+    code: "BJ",
+    flagEmoji: "🇧🇯",
+    flagSvg: "https://flagcdn.com/bj.svg",
+    flagPng: "https://flagcdn.com/w40/bj.png",
+    phoneCode: "+229",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bermuda",
+    code: "BM",
+    flagEmoji: "🇧🇲",
+    flagSvg: "https://flagcdn.com/bm.svg",
+    flagPng: "https://flagcdn.com/w40/bm.png",
+    phoneCode: "+1441",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bhutan",
+    code: "BT",
+    flagEmoji: "🇧🇹",
+    flagSvg: "https://flagcdn.com/bt.svg",
+    flagPng: "https://flagcdn.com/w40/bt.png",
+    phoneCode: "+975",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bolivia (Plurinational State of)",
+    code: "BO",
+    flagEmoji: "🇧🇴",
+    flagSvg: "https://flagcdn.com/bo.svg",
+    flagPng: "https://flagcdn.com/w40/bo.png",
+    phoneCode: "+591",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bonaire, Sint Eustatius and Saba",
+    code: "BQ",
+    flagEmoji: "🇧🇶",
+    flagSvg: "https://flagcdn.com/bq.svg",
+    flagPng: "https://flagcdn.com/w40/bq.png",
+    phoneCode: "+5997",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bosnia and Herzegovina",
+    code: "BA",
+    flagEmoji: "🇧🇦",
+    flagSvg: "https://flagcdn.com/ba.svg",
+    flagPng: "https://flagcdn.com/w40/ba.png",
+    phoneCode: "+387",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Botswana",
+    code: "BW",
+    flagEmoji: "🇧🇼",
+    flagSvg: "https://flagcdn.com/bw.svg",
+    flagPng: "https://flagcdn.com/w40/bw.png",
+    phoneCode: "+267",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bouvet Island",
+    code: "BV",
+    flagEmoji: "🇧🇻",
+    flagSvg: "https://flagcdn.com/bv.svg",
+    flagPng: "https://flagcdn.com/w40/bv.png",
+    phoneCode: "+55",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Brazil",
+    code: "BR",
+    flagEmoji: "🇧🇷",
+    flagSvg: "https://flagcdn.com/br.svg",
+    flagPng: "https://flagcdn.com/w40/br.png",
+    phoneCode: "+55",
+    phonelengthMAX: 10
+  },
+  {
+    name: "British Indian Ocean Territory",
+    code: "IO",
+    flagEmoji: "🇮🇴",
+    flagSvg: "https://flagcdn.com/io.svg",
+    flagPng: "https://flagcdn.com/w40/io.png",
+    phoneCode: "+246",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Brunei Darussalam",
+    code: "BN",
+    flagEmoji: "🇧🇳",
+    flagSvg: "https://flagcdn.com/bn.svg",
+    flagPng: "https://flagcdn.com/w40/bn.png",
+    phoneCode: "+673",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Bulgaria",
+    code: "BG",
+    flagEmoji: "🇧🇬",
+    flagSvg: "https://flagcdn.com/bg.svg",
+    flagPng: "https://flagcdn.com/w40/bg.png",
+    phoneCode: "+359",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Burkina Faso",
+    code: "BF",
+    flagEmoji: "🇧🇫",
+    flagSvg: "https://flagcdn.com/bf.svg",
+    flagPng: "https://flagcdn.com/w40/bf.png",
+    phoneCode: "+226",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Burundi",
+    code: "BI",
+    flagEmoji: "🇧🇮",
+    flagSvg: "https://flagcdn.com/bi.svg",
+    flagPng: "https://flagcdn.com/w40/bi.png",
+    phoneCode: "+257",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Cabo Verde",
+    code: "CV",
+    flagEmoji: "🇨🇻",
+    flagSvg: "https://flagcdn.com/cv.svg",
+    flagPng: "https://flagcdn.com/w40/cv.png",
+    phoneCode: "+238",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Cambodia",
+    code: "KH",
+    flagEmoji: "🇰🇭",
+    flagSvg: "https://flagcdn.com/kh.svg",
+    flagPng: "https://flagcdn.com/w40/kh.png",
+    phoneCode: "+855",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Cameroon",
+    code: "CM",
+    flagEmoji: "🇨🇲",
+    flagSvg: "https://flagcdn.com/cm.svg",
+    flagPng: "https://flagcdn.com/w40/cm.png",
+    phoneCode: "+237",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Canada",
+    code: "CA",
+    flagEmoji: "🇨🇦",
+    flagSvg: "https://flagcdn.com/ca.svg",
+    flagPng: "https://flagcdn.com/w40/ca.png",
+    phoneCode: "+1",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Cayman Islands",
+    code: "KY",
+    flagEmoji: "🇰🇾",
+    flagSvg: "https://flagcdn.com/ky.svg",
+    flagPng: "https://flagcdn.com/w40/ky.png",
+    phoneCode: "+1345",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Central African Republic",
+    code: "CF",
+    flagEmoji: "🇨🇫",
+    flagSvg: "https://flagcdn.com/cf.svg",
+    flagPng: "https://flagcdn.com/w40/cf.png",
+    phoneCode: "+236",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Chad",
+    code: "TD",
+    flagEmoji: "🇹🇩",
+    flagSvg: "https://flagcdn.com/td.svg",
+    flagPng: "https://flagcdn.com/w40/td.png",
+    phoneCode: "+235",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Chile",
+    code: "CL",
+    flagEmoji: "🇨🇱",
+    flagSvg: "https://flagcdn.com/cl.svg",
+    flagPng: "https://flagcdn.com/w40/cl.png",
+    phoneCode: "+56",
+    phonelengthMAX: 10
+  },
+  {
+    name: "China",
+    code: "CN",
+    flagEmoji: "🇨🇳",
+    flagSvg: "https://flagcdn.com/cn.svg",
+    flagPng: "https://flagcdn.com/w40/cn.png",
+    phoneCode: "+86",
+    phonelengthMAX: 11
+  },
+  {
+    name: "Christmas Island",
+    code: "CX",
+    flagEmoji: "🇨🇽",
+    flagSvg: "https://flagcdn.com/cx.svg",
+    flagPng: "https://flagcdn.com/w40/cx.png",
+    phoneCode: "+61",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Cocos (Keeling) Islands",
+    code: "CC",
+    flagEmoji: "🇨🇨",
+    flagSvg: "https://flagcdn.com/cc.svg",
+    flagPng: "https://flagcdn.com/w40/cc.png",
+    phoneCode: "+61",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Colombia",
+    code: "CO",
+    flagEmoji: "🇨🇴",
+    flagSvg: "https://flagcdn.com/co.svg",
+    flagPng: "https://flagcdn.com/w40/co.png",
+    phoneCode: "+57",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Comoros",
+    code: "KM",
+    flagEmoji: "🇰🇲",
+    flagSvg: "https://flagcdn.com/km.svg",
+    flagPng: "https://flagcdn.com/w40/km.png",
+    phoneCode: "+269",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Congo",
+    code: "CG",
+    flagEmoji: "🇨🇬",
+    flagSvg: "https://flagcdn.com/cg.svg",
+    flagPng: "https://flagcdn.com/w40/cg.png",
+    phoneCode: "+242",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Congo, Democratic Republic of the",
+    code: "CD",
+    flagEmoji: "🇨🇩",
+    flagSvg: "https://flagcdn.com/cd.svg",
+    flagPng: "https://flagcdn.com/w40/cd.png",
+    phoneCode: "+243",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Cook Islands",
+    code: "CK",
+    flagEmoji: "🇨🇰",
+    flagSvg: "https://flagcdn.com/ck.svg",
+    flagPng: "https://flagcdn.com/w40/ck.png",
+    phoneCode: "+682",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Costa Rica",
+    code: "CR",
+    flagEmoji: "🇨🇷",
+    flagSvg: "https://flagcdn.com/cr.svg",
+    flagPng: "https://flagcdn.com/w40/cr.png",
+    phoneCode: "+506",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Croatia",
+    code: "HR",
+    flagEmoji: "🇭🇷",
+    flagSvg: "https://flagcdn.com/hr.svg",
+    flagPng: "https://flagcdn.com/w40/hr.png",
+    phoneCode: "+385",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Cuba",
+    code: "CU",
+    flagEmoji: "🇨🇺",
+    flagSvg: "https://flagcdn.com/cu.svg",
+    flagPng: "https://flagcdn.com/w40/cu.png",
+    phoneCode: "+53",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Curaçao",
+    code: "CW",
+    flagEmoji: "🇨🇼",
+    flagSvg: "https://flagcdn.com/cw.svg",
+    flagPng: "https://flagcdn.com/w40/cw.png",
+    phoneCode: "+5999",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Cyprus",
+    code: "CY",
+    flagEmoji: "🇨🇾",
+    flagSvg: "https://flagcdn.com/cy.svg",
+    flagPng: "https://flagcdn.com/w40/cy.png",
+    phoneCode: "+357",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Czechia",
+    code: "CZ",
+    flagEmoji: "🇨🇿",
+    flagSvg: "https://flagcdn.com/cz.svg",
+    flagPng: "https://flagcdn.com/w40/cz.png",
+    phoneCode: "+420",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Denmark",
+    code: "DK",
+    flagEmoji: "🇩🇰",
+    flagSvg: "https://flagcdn.com/dk.svg",
+    flagPng: "https://flagcdn.com/w40/dk.png",
+    phoneCode: "+45",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Djibouti",
+    code: "DJ",
+    flagEmoji: "🇩🇯",
+    flagSvg: "https://flagcdn.com/dj.svg",
+    flagPng: "https://flagcdn.com/w40/dj.png",
+    phoneCode: "+253",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Dominica",
+    code: "DM",
+    flagEmoji: "🇩🇲",
+    flagSvg: "https://flagcdn.com/dm.svg",
+    flagPng: "https://flagcdn.com/w40/dm.png",
+    phoneCode: "+1767",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Dominican Republic",
+    code: "DO",
+    flagEmoji: "🇩🇴",
+    flagSvg: "https://flagcdn.com/do.svg",
+    flagPng: "https://flagcdn.com/w40/do.png",
+    phoneCode: "+1809",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Ecuador",
+    code: "EC",
+    flagEmoji: "🇪🇨",
+    flagSvg: "https://flagcdn.com/ec.svg",
+    flagPng: "https://flagcdn.com/w40/ec.png",
+    phoneCode: "+593",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Egypt",
+    code: "EG",
+    flagEmoji: "🇪🇬",
+    flagSvg: "https://flagcdn.com/eg.svg",
+    flagPng: "https://flagcdn.com/w40/eg.png",
+    phoneCode: "+20",
+    phonelengthMAX: 10
+  },
+  {
+    name: "El Salvador",
+    code: "SV",
+    flagEmoji: "🇸🇻",
+    flagSvg: "https://flagcdn.com/sv.svg",
+    flagPng: "https://flagcdn.com/w40/sv.png",
+    phoneCode: "+503",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Equatorial Guinea",
+    code: "GQ",
+    flagEmoji: "🇬🇶",
+    flagSvg: "https://flagcdn.com/gq.svg",
+    flagPng: "https://flagcdn.com/w40/gq.png",
+    phoneCode: "+240",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Eritrea",
+    code: "ER",
+    flagEmoji: "🇪🇷",
+    flagSvg: "https://flagcdn.com/er.svg",
+    flagPng: "https://flagcdn.com/w40/er.png",
+    phoneCode: "+291",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Estonia",
+    code: "EE",
+    flagEmoji: "🇪🇪",
+    flagSvg: "https://flagcdn.com/ee.svg",
+    flagPng: "https://flagcdn.com/w40/ee.png",
+    phoneCode: "+372",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Eswatini",
+    code: "SZ",
+    flagEmoji: "🇸🇿",
+    flagSvg: "https://flagcdn.com/sz.svg",
+    flagPng: "https://flagcdn.com/w40/sz.png",
+    phoneCode: "+268",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Ethiopia",
+    code: "ET",
+    flagEmoji: "🇪🇹",
+    flagSvg: "https://flagcdn.com/et.svg",
+    flagPng: "https://flagcdn.com/w40/et.png",
+    phoneCode: "+251",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Falkland Islands (Malvinas)",
+    code: "FK",
+    flagEmoji: "🇫🇰",
+    flagSvg: "https://flagcdn.com/fk.svg",
+    flagPng: "https://flagcdn.com/w40/fk.png",
+    phoneCode: "+500",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Faroe Islands",
+    code: "FO",
+    flagEmoji: "🇫🇴",
+    flagSvg: "https://flagcdn.com/fo.svg",
+    flagPng: "https://flagcdn.com/w40/fo.png",
+    phoneCode: "+298",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Fiji",
+    code: "FJ",
+    flagEmoji: "🇫🇯",
+    flagSvg: "https://flagcdn.com/fj.svg",
+    flagPng: "https://flagcdn.com/w40/fj.png",
+    phoneCode: "+679",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Finland",
+    code: "FI",
+    flagEmoji: "🇫🇮",
+    flagSvg: "https://flagcdn.com/fi.svg",
+    flagPng: "https://flagcdn.com/w40/fi.png",
+    phoneCode: "+358",
+    phonelengthMAX: 10
+  },
+  {
+    name: "France",
+    code: "FR",
+    flagEmoji: "🇫🇷",
+    flagSvg: "https://flagcdn.com/fr.svg",
+    flagPng: "https://flagcdn.com/w40/fr.png",
+    phoneCode: "+33",
+    phonelengthMAX: 10
+  },
+  {
+    name: "French Guiana",
+    code: "GF",
+    flagEmoji: "🇬🇫",
+    flagSvg: "https://flagcdn.com/gf.svg",
+    flagPng: "https://flagcdn.com/w40/gf.png",
+    phoneCode: "+594",
+    phonelengthMAX: 10
+  },
+  {
+    name: "French Polynesia",
+    code: "PF",
+    flagEmoji: "🇵🇫",
+    flagSvg: "https://flagcdn.com/pf.svg",
+    flagPng: "https://flagcdn.com/w40/pf.png",
+    phoneCode: "+689",
+    phonelengthMAX: 10
+  },
+  {
+    name: "French Southern Territories",
+    code: "TF",
+    flagEmoji: "🇹🇫",
+    flagSvg: "https://flagcdn.com/tf.svg",
+    flagPng: "https://flagcdn.com/w40/tf.png",
+    phoneCode: "+262",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Gabon",
+    code: "GA",
+    flagEmoji: "🇬🇦",
+    flagSvg: "https://flagcdn.com/ga.svg",
+    flagPng: "https://flagcdn.com/w40/ga.png",
+    phoneCode: "+241",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Gambia",
+    code: "GM",
+    flagEmoji: "🇬🇲",
+    flagSvg: "https://flagcdn.com/gm.svg",
+    flagPng: "https://flagcdn.com/w40/gm.png",
+    phoneCode: "+220",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Georgia",
+    code: "GE",
+    flagEmoji: "🇬🇪",
+    flagSvg: "https://flagcdn.com/ge.svg",
+    flagPng: "https://flagcdn.com/w40/ge.png",
+    phoneCode: "+995",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Germany",
+    code: "DE",
+    flagEmoji: "🇩🇪",
+    flagSvg: "https://flagcdn.com/de.svg",
+    flagPng: "https://flagcdn.com/w40/de.png",
+    phoneCode: "+49",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Ghana",
+    code: "GH",
+    flagEmoji: "🇬🇭",
+    flagSvg: "https://flagcdn.com/gh.svg",
+    flagPng: "https://flagcdn.com/w40/gh.png",
+    phoneCode: "+233",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Gibraltar",
+    code: "GI",
+    flagEmoji: "🇬🇮",
+    flagSvg: "https://flagcdn.com/gi.svg",
+    flagPng: "https://flagcdn.com/w40/gi.png",
+    phoneCode: "+350",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Greece",
+    code: "GR",
+    flagEmoji: "🇬🇷",
+    flagSvg: "https://flagcdn.com/gr.svg",
+    flagPng: "https://flagcdn.com/w40/gr.png",
+    phoneCode: "+30",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Greenland",
+    code: "GL",
+    flagEmoji: "🇬🇱",
+    flagSvg: "https://flagcdn.com/gl.svg",
+    flagPng: "https://flagcdn.com/w40/gl.png",
+    phoneCode: "+299",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Grenada",
+    code: "GD",
+    flagEmoji: "🇬🇩",
+    flagSvg: "https://flagcdn.com/gd.svg",
+    flagPng: "https://flagcdn.com/w40/gd.png",
+    phoneCode: "+1473",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Guadeloupe",
+    code: "GP",
+    flagEmoji: "🇬🇵",
+    flagSvg: "https://flagcdn.com/gp.svg",
+    flagPng: "https://flagcdn.com/w40/gp.png",
+    phoneCode: "+590",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Guam",
+    code: "GU",
+    flagEmoji: "🇬🇺",
+    flagSvg: "https://flagcdn.com/gu.svg",
+    flagPng: "https://flagcdn.com/w40/gu.png",
+    phoneCode: "+1671",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Guatemala",
+    code: "GT",
+    flagEmoji: "🇬🇹",
+    flagSvg: "https://flagcdn.com/gt.svg",
+    flagPng: "https://flagcdn.com/w40/gt.png",
+    phoneCode: "+502",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Guernsey",
+    code: "GG",
+    flagEmoji: "🇬🇬",
+    flagSvg: "https://flagcdn.com/gg.svg",
+    flagPng: "https://flagcdn.com/w40/gg.png",
+    phoneCode: "+44",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Guinea",
+    code: "GN",
+    flagEmoji: "🇬🇳",
+    flagSvg: "https://flagcdn.com/gn.svg",
+    flagPng: "https://flagcdn.com/w40/gn.png",
+    phoneCode: "+224",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Guinea-Bissau",
+    code: "GW",
+    flagEmoji: "🇬🇼",
+    flagSvg: "https://flagcdn.com/gw.svg",
+    flagPng: "https://flagcdn.com/w40/gw.png",
+    phoneCode: "+245",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Guyana",
+    code: "GY",
+    flagEmoji: "🇬🇾",
+    flagSvg: "https://flagcdn.com/gy.svg",
+    flagPng: "https://flagcdn.com/w40/gy.png",
+    phoneCode: "+592",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Haiti",
+    code: "HT",
+    flagEmoji: "🇭🇹",
+    flagSvg: "https://flagcdn.com/ht.svg",
+    flagPng: "https://flagcdn.com/w40/ht.png",
+    phoneCode: "+509",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Heard Island and McDonald Islands",
+    code: "HM",
+    flagEmoji: "🇭🇲",
+    flagSvg: "https://flagcdn.com/hm.svg",
+    flagPng: "https://flagcdn.com/w40/hm.png",
+    phoneCode: "+672"
+  },
+  {
+    name: "Holy See",
+    code: "VA",
+    flagEmoji: "🇻🇦",
+    flagSvg: "https://flagcdn.com/va.svg",
+    flagPng: "https://flagcdn.com/w40/va.png",
+    phoneCode: "+39"
+  },
+  {
+    name: "Honduras",
+    code: "HN",
+    flagEmoji: "🇭🇳",
+    flagSvg: "https://flagcdn.com/hn.svg",
+    flagPng: "https://flagcdn.com/w40/hn.png",
+    phoneCode: "+504"
+  },
+  {
+    name: "Hong Kong",
+    code: "HK",
+    flagEmoji: "🇭🇰",
+    flagSvg: "https://flagcdn.com/hk.svg",
+    flagPng: "https://flagcdn.com/w40/hk.png",
+    phoneCode: "+852"
+  },
+  {
+    name: "Hungary",
+    code: "HU",
+    flagEmoji: "🇭🇺",
+    flagSvg: "https://flagcdn.com/hu.svg",
+    flagPng: "https://flagcdn.com/w40/hu.png",
+    phoneCode: "+36"
+  },
+  {
+    name: "Iceland",
+    code: "IS",
+    flagEmoji: "🇮🇸",
+    flagSvg: "https://flagcdn.com/is.svg",
+    flagPng: "https://flagcdn.com/w40/is.png",
+    phoneCode: "+354"
+  },
+  {
+    name: "India",
+    code: "IN",
+    flagEmoji: "🇮🇳",
+    flagSvg: "https://flagcdn.com/in.svg",
+    flagPng: "https://flagcdn.com/w40/in.png",
+    phoneCode: "+91"
+  },
+  {
+    name: "Indonesia",
+    code: "ID",
+    flagEmoji: "🇮🇩",
+    flagSvg: "https://flagcdn.com/id.svg",
+    flagPng: "https://flagcdn.com/w40/id.png",
+    phoneCode: "+62"
+  },
+  {
+    name: "Iran (Islamic Republic of)",
+    code: "IR",
+    flagEmoji: "🇮🇷",
+    flagSvg: "https://flagcdn.com/ir.svg",
+    flagPng: "https://flagcdn.com/w40/ir.png",
+    phoneCode: "+98"
+  },
+  {
+    name: "Iraq",
+    code: "IQ",
+    flagEmoji: "🇮🇶",
+    flagSvg: "https://flagcdn.com/iq.svg",
+    flagPng: "https://flagcdn.com/w40/iq.png",
+    phoneCode: "+964"
+  },
+  {
+    name: "Ireland",
+    code: "IE",
+    flagEmoji: "🇮🇪",
+    flagSvg: "https://flagcdn.com/ie.svg",
+    flagPng: "https://flagcdn.com/w40/ie.png",
+    phoneCode: "+353"
+  },
+  {
+    name: "Isle of Man",
+    code: "IM",
+    flagEmoji: "🇮🇲",
+    flagSvg: "https://flagcdn.com/im.svg",
+    flagPng: "https://flagcdn.com/w40/im.png",
+    phoneCode: "+44"
+  },
+  {
+    name: "Israel",
+    code: "IL",
+    flagEmoji: "🇮🇱",
+    flagSvg: "https://flagcdn.com/il.svg",
+    flagPng: "https://flagcdn.com/w40/il.png",
+    phoneCode: "+972"
+  },
+  {
+    name: "Italy",
+    code: "IT",
+    flagEmoji: "🇮🇹",
+    flagSvg: "https://flagcdn.com/it.svg",
+    flagPng: "https://flagcdn.com/w40/it.png",
+    phoneCode: "+39"
+  },
+  {
+    name: "Jamaica",
+    code: "JM",
+    flagEmoji: "🇯🇲",
+    flagSvg: "https://flagcdn.com/jm.svg",
+    flagPng: "https://flagcdn.com/w40/jm.png",
+    phoneCode: "+1876"
+  },
+  {
+    name: "Japan",
+    code: "JP",
+    flagEmoji: "🇯🇵",
+    flagSvg: "https://flagcdn.com/jp.svg",
+    flagPng: "https://flagcdn.com/w40/jp.png",
+    phoneCode: "+81"
+  },
+  {
+    name: "Jersey",
+    code: "JE",
+    flagEmoji: "🇯🇪",
+    flagSvg: "https://flagcdn.com/je.svg",
+    flagPng: "https://flagcdn.com/w40/je.png",
+    phoneCode: "+44"
+  },
+  {
+    name: "Jordan",
+    code: "JO",
+    flagEmoji: "🇯🇴",
+    flagSvg: "https://flagcdn.com/jo.svg",
+    flagPng: "https://flagcdn.com/w40/jo.png",
+    phoneCode: "+962"
+  },
+  {
+    name: "Kazakhstan",
+    code: "KZ",
+    flagEmoji: "🇰🇿",
+    flagSvg: "https://flagcdn.com/kz.svg",
+    flagPng: "https://flagcdn.com/w40/kz.png",
+    phoneCode: "+7"
+  },
+  {
+    name: "Kenya",
+    code: "KE",
+    flagEmoji: "🇰🇪",
+    flagSvg: "https://flagcdn.com/ke.svg",
+    flagPng: "https://flagcdn.com/w40/ke.png",
+    phoneCode: "+254"
+  },
+  {
+    name: "Kiribati",
+    code: "KI",
+    flagEmoji: "🇰🇮",
+    flagSvg: "https://flagcdn.com/ki.svg",
+    flagPng: "https://flagcdn.com/w40/ki.png",
+    phoneCode: "+686"
+  },
+  {
+    name: "Korea (Democratic People's Republic of)",
+    code: "KP",
+    flagEmoji: "🇰🇵",
+    flagSvg: "https://flagcdn.com/kp.svg",
+    flagPng: "https://flagcdn.com/w40/kp.png",
+    phoneCode: "+850"
+  },
+  {
+    name: "Korea, Republic of",
+    code: "KR",
+    flagEmoji: "🇰🇷",
+    flagSvg: "https://flagcdn.com/kr.svg",
+    flagPng: "https://flagcdn.com/w40/kr.png",
+    phoneCode: "+82"
+  },
+  {
+    name: "Kuwait",
+    code: "KW",
+    flagEmoji: "🇰🇼",
+    flagSvg: "https://flagcdn.com/kw.svg",
+    flagPng: "https://flagcdn.com/w40/kw.png",
+    phoneCode: "+965"
+  },
+  {
+    name: "Kyrgyzstan",
+    code: "KG",
+    flagEmoji: "🇰🇬",
+    flagSvg: "https://flagcdn.com/kg.svg",
+    flagPng: "https://flagcdn.com/w40/kg.png",
+    phoneCode: "+996"
+  },
+  {
+    name: "Lao People's Democratic Republic",
+    code: "LA",
+    flagEmoji: "🇱🇦",
+    flagSvg: "https://flagcdn.com/la.svg",
+    flagPng: "https://flagcdn.com/w40/la.png",
+    phoneCode: "+856"
+  },
+  {
+    name: "Latvia",
+    code: "LV",
+    flagEmoji: "🇱🇻",
+    flagSvg: "https://flagcdn.com/lv.svg",
+    flagPng: "https://flagcdn.com/w40/lv.png",
+    phoneCode: "+371"
+  },
+  {
+    name: "Lebanon",
+    code: "LB",
+    flagEmoji: "🇱🇧",
+    flagSvg: "https://flagcdn.com/lb.svg",
+    flagPng: "https://flagcdn.com/w40/lb.png",
+    phoneCode: "+961"
+  },
+  {
+    name: "Lesotho",
+    code: "LS",
+    flagEmoji: "🇱🇸",
+    flagSvg: "https://flagcdn.com/ls.svg",
+    flagPng: "https://flagcdn.com/w40/ls.png",
+    phoneCode: "+266"
+  },
+  {
+    name: "Liberia",
+    code: "LR",
+    flagEmoji: "🇱🇷",
+    flagSvg: "https://flagcdn.com/lr.svg",
+    flagPng: "https://flagcdn.com/w40/lr.png",
+    phoneCode: "+231"
+  },
+  {
+    name: "Libya",
+    code: "LY",
+    flagEmoji: "🇱🇾",
+    flagSvg: "https://flagcdn.com/ly.svg",
+    flagPng: "https://flagcdn.com/w40/ly.png",
+    phoneCode: "+218"
+  },
+  {
+    name: "Liechtenstein",
+    code: "LI",
+    flagEmoji: "🇱🇮",
+    flagSvg: "https://flagcdn.com/li.svg",
+    flagPng: "https://flagcdn.com/w40/li.png",
+    phoneCode: "+423"
+  },
+  {
+    name: "Lithuania",
+    code: "LT",
+    flagEmoji: "🇱🇹",
+    flagSvg: "https://flagcdn.com/lt.svg",
+    flagPng: "https://flagcdn.com/w40/lt.png",
+    phoneCode: "+370"
+  },
+  {
+    name: "Luxembourg",
+    code: "LU",
+    flagEmoji: "🇱🇺",
+    flagSvg: "https://flagcdn.com/lu.svg",
+    flagPng: "https://flagcdn.com/w40/lu.png",
+    phoneCode: "+352"
+  },
+  {
+    name: "Macao",
+    code: "MO",
+    flagEmoji: "🇲🇴",
+    flagSvg: "https://flagcdn.com/mo.svg",
+    flagPng: "https://flagcdn.com/w40/mo.png",
+    phoneCode: "+853"
+  },
+  {
+    name: "Madagascar",
+    code: "MG",
+    flagEmoji: "🇲🇬",
+    flagSvg: "https://flagcdn.com/mg.svg",
+    flagPng: "https://flagcdn.com/w40/mg.png",
+    phoneCode: "+261"
+  },
+  {
+    name: "Malawi",
+    code: "MW",
+    flagEmoji: "🇲🇼",
+    flagSvg: "https://flagcdn.com/mw.svg",
+    flagPng: "https://flagcdn.com/w40/mw.png",
+    phoneCode: "+265"
+  },
+  {
+    name: "Malaysia",
+    code: "MY",
+    flagEmoji: "🇲🇾",
+    flagSvg: "https://flagcdn.com/my.svg",
+    flagPng: "https://flagcdn.com/w40/my.png",
+    phoneCode: "+60"
+  },
+  {
+    name: "Maldives",
+    code: "MV",
+    flagEmoji: "🇲🇻",
+    flagSvg: "https://flagcdn.com/mv.svg",
+    flagPng: "https://flagcdn.com/w40/mv.png",
+    phoneCode: "+960"
+  },
+  {
+    name: "Mali",
+    code: "ML",
+    flagEmoji: "🇲🇱",
+    flagSvg: "https://flagcdn.com/ml.svg",
+    flagPng: "https://flagcdn.com/w40/ml.png",
+    phoneCode: "+223"
+  },
+  {
+    name: "Malta",
+    code: "MT",
+    flagEmoji: "🇲🇹",
+    flagSvg: "https://flagcdn.com/mt.svg",
+    flagPng: "https://flagcdn.com/w40/mt.png",
+    phoneCode: "+356"
+  },
+  {
+    name: "Marshall Islands",
+    code: "MH",
+    flagEmoji: "🇲🇭",
+    flagSvg: "https://flagcdn.com/mh.svg",
+    flagPng: "https://flagcdn.com/w40/mh.png",
+    phoneCode: "+692"
+  },
+  {
+    name: "Martinique",
+    code: "MQ",
+    flagEmoji: "🇲🇶",
+    flagSvg: "https://flagcdn.com/mq.svg",
+    flagPng: "https://flagcdn.com/w40/mq.png",
+    phoneCode: "+596"
+  },
+  {
+    name: "Mauritania",
+    code: "MR",
+    flagEmoji: "🇲🇷",
+    flagSvg: "https://flagcdn.com/mr.svg",
+    flagPng: "https://flagcdn.com/w40/mr.png",
+    phoneCode: "+222"
+  },
+  {
+    name: "Mauritius",
+    code: "MU",
+    flagEmoji: "🇲🇺",
+    flagSvg: "https://flagcdn.com/mu.svg",
+    flagPng: "https://flagcdn.com/w40/mu.png",
+    phoneCode: "+230"
+  },
+  {
+    name: "Mayotte",
+    code: "YT",
+    flagEmoji: "🇾🇹",
+    flagSvg: "https://flagcdn.com/yt.svg",
+    flagPng: "https://flagcdn.com/w40/yt.png",
+    phoneCode: "+262"
+  },
+  {
+    name: "Mexico",
+    code: "MX",
+    flagEmoji: "🇲🇽",
+    flagSvg: "https://flagcdn.com/mx.svg",
+    flagPng: "https://flagcdn.com/w40/mx.png",
+    phoneCode: "+52"
+  },
+  {
+    name: "Micronesia (Federated States of)",
+    code: "FM",
+    flagEmoji: "🇫🇲",
+    flagSvg: "https://flagcdn.com/fm.svg",
+    flagPng: "https://flagcdn.com/w40/fm.png",
+    phoneCode: "+691"
+  },
+  {
+    name: "Moldova, Republic of",
+    code: "MD",
+    flagEmoji: "🇲🇩",
+    flagSvg: "https://flagcdn.com/md.svg",
+    flagPng: "https://flagcdn.com/w40/md.png",
+    phoneCode: "+373"
+  },
+  {
+    name: "Monaco",
+    code: "MC",
+    flagEmoji: "🇲🇨",
+    flagSvg: "https://flagcdn.com/mc.svg",
+    flagPng: "https://flagcdn.com/w40/mc.png",
+    phoneCode: "+377",
+    phonelengthMAX: 10
+  },
+  {
+    name: "Mongolia",
+    code: "MN",
+    flagEmoji: "🇲🇳",
+    flagSvg: "https://flagcdn.com/mn.svg",
+    flagPng: "https://flagcdn.com/w40/mn.png",
+    phoneCode: "+976"
+  },
+  {
+    name: "Montenegro",
+    code: "ME",
+    flagEmoji: "🇲🇪",
+    flagSvg: "https://flagcdn.com/me.svg",
+    flagPng: "https://flagcdn.com/w40/me.png",
+    phoneCode: "+382"
+  },
+  {
+    name: "Montserrat",
+    code: "MS",
+    flagEmoji: "🇲🇸",
+    flagSvg: "https://flagcdn.com/ms.svg",
+    flagPng: "https://flagcdn.com/w40/ms.png",
+    phoneCode: "+1664"
+  },
+  {
+    name: "Morocco",
+    code: "MA",
+    flagEmoji: "🇲🇦",
+    flagSvg: "https://flagcdn.com/ma.svg",
+    flagPng: "https://flagcdn.com/w40/ma.png",
+    phoneCode: "+212"
+  },
+  {
+    name: "Mozambique",
+    code: "MZ",
+    flagEmoji: "🇲🇿",
+    flagSvg: "https://flagcdn.com/mz.svg",
+    flagPng: "https://flagcdn.com/w40/mz.png",
+    phoneCode: "+258"
+  },
+  {
+    name: "Myanmar",
+    code: "MM",
+    flagEmoji: "🇲🇲",
+    flagSvg: "https://flagcdn.com/mm.svg",
+    flagPng: "https://flagcdn.com/w40/mm.png",
+    phoneCode: "+95"
+  },
+  {
+    name: "Namibia",
+    code: "NA",
+    flagEmoji: "🇳🇦",
+    flagSvg: "https://flagcdn.com/na.svg",
+    flagPng: "https://flagcdn.com/w40/na.png",
+    phoneCode: "+264"
+  },
+  {
+    name: "Nauru",
+    code: "NR",
+    flagEmoji: "🇳🇷",
+    flagSvg: "https://flagcdn.com/nr.svg",
+    flagPng: "https://flagcdn.com/w40/nr.png",
+    phoneCode: "+674"
+  },
+  {
+    name: "Nepal",
+    code: "NP",
+    flagEmoji: "🇳🇵",
+    flagSvg: "https://flagcdn.com/np.svg",
+    flagPng: "https://flagcdn.com/w40/np.png",
+    phoneCode: "+977"
+  },
+  {
+    name: "Netherlands",
+    code: "NL",
+    flagEmoji: "🇳🇱",
+    flagSvg: "https://flagcdn.com/nl.svg",
+    flagPng: "https://flagcdn.com/w40/nl.png",
+    phoneCode: "+31"
+  },
+  {
+    name: "New Caledonia",
+    code: "NC",
+    flagEmoji: "🇳🇨",
+    flagSvg: "https://flagcdn.com/nc.svg",
+    flagPng: "https://flagcdn.com/w40/nc.png",
+    phoneCode: "+687"
+  },
+  {
+    name: "New Zealand",
+    code: "NZ",
+    flagEmoji: "🇳🇿",
+    flagSvg: "https://flagcdn.com/nz.svg",
+    flagPng: "https://flagcdn.com/w40/nz.png",
+    phoneCode: "+64"
+  },
+  {
+    name: "Nicaragua",
+    code: "NI",
+    flagEmoji: "🇳🇮",
+    flagSvg: "https://flagcdn.com/ni.svg",
+    flagPng: "https://flagcdn.com/w40/ni.png",
+    phoneCode: "+505"
+  },
+  {
+    name: "Niger",
+    code: "NE",
+    flagEmoji: "🇳🇪",
+    flagSvg: "https://flagcdn.com/ne.svg",
+    flagPng: "https://flagcdn.com/w40/ne.png",
+    phoneCode: "+227"
+  },
+  {
+    name: "Nigeria",
+    code: "NG",
+    flagEmoji: "🇳🇬",
+    flagSvg: "https://flagcdn.com/ng.svg",
+    flagPng: "https://flagcdn.com/w40/ng.png",
+    phoneCode: "+234"
+  },
+  {
+    name: "Niue",
+    code: "NU",
+    flagEmoji: "🇳🇺",
+    flagSvg: "https://flagcdn.com/nu.svg",
+    flagPng: "https://flagcdn.com/w40/nu.png",
+    phoneCode: "+683"
+  },
+  {
+    name: "Norfolk Island",
+    code: "NF",
+    flagEmoji: "🇳🇫",
+    flagSvg: "https://flagcdn.com/nf.svg",
+    flagPng: "https://flagcdn.com/w40/nf.png",
+    phoneCode: "+672"
+  },
+  {
+    name: "North Macedonia",
+    code: "MK",
+    flagEmoji: "🇲🇰",
+    flagSvg: "https://flagcdn.com/mk.svg",
+    flagPng: "https://flagcdn.com/w40/mk.png",
+    phoneCode: "+389"
+  },
+  {
+    name: "Northern Mariana Islands",
+    code: "MP",
+    flagEmoji: "🇲🇵",
+    flagSvg: "https://flagcdn.com/mp.svg",
+    flagPng: "https://flagcdn.com/w40/mp.png",
+    phoneCode: "+1670"
+  },
+  {
+    name: "Norway",
+    code: "NO",
+    flagEmoji: "🇳🇴",
+    flagSvg: "https://flagcdn.com/no.svg",
+    flagPng: "https://flagcdn.com/w40/no.png",
+    phoneCode: "+47"
+  },
+  {
+    name: "Oman",
+    code: "OM",
+    flagEmoji: "🇴🇲",
+    flagSvg: "https://flagcdn.com/om.svg",
+    flagPng: "https://flagcdn.com/w40/om.png",
+    phoneCode: "+968"
+  },
+  {
+    name: "Pakistan",
+    code: "PK",
+    flagEmoji: "🇵🇰",
+    flagSvg: "https://flagcdn.com/pk.svg",
+    flagPng: "https://flagcdn.com/w40/pk.png",
+    phoneCode: "+92"
+  },
+  {
+    name: "Palau",
+    code: "PW",
+    flagEmoji: "🇵🇼",
+    flagSvg: "https://flagcdn.com/pw.svg",
+    flagPng: "https://flagcdn.com/w40/pw.png",
+    phoneCode: "+680"
+  },
+  {
+    name: "Palestine, State of",
+    code: "PS",
+    flagEmoji: "🇵🇸",
+    flagSvg: "https://flagcdn.com/ps.svg",
+    flagPng: "https://flagcdn.com/w40/ps.png",
+    phoneCode: "+970"
+  },
+  {
+    name: "Panama",
+    code: "PA",
+    flagEmoji: "🇵🇦",
+    flagSvg: "https://flagcdn.com/pa.svg",
+    flagPng: "https://flagcdn.com/w40/pa.png",
+    phoneCode: "+507"
+  },
+  {
+    name: "Papua New Guinea",
+    code: "PG",
+    flagEmoji: "🇵🇬",
+    flagSvg: "https://flagcdn.com/pg.svg",
+    flagPng: "https://flagcdn.com/w40/pg.png",
+    phoneCode: "+675"
+  },
+  {
+    name: "Paraguay",
+    code: "PY",
+    flagEmoji: "🇵🇾",
+    flagSvg: "https://flagcdn.com/py.svg",
+    flagPng: "https://flagcdn.com/w40/py.png",
+    phoneCode: "+595"
+  },
+  {
+    name: "Peru",
+    code: "PE",
+    flagEmoji: "🇵🇪",
+    flagSvg: "https://flagcdn.com/pe.svg",
+    flagPng: "https://flagcdn.com/w40/pe.png",
+    phoneCode: "+51"
+  },
+  {
+    name: "Philippines",
+    code: "PH",
+    flagEmoji: "🇵🇭",
+    flagSvg: "https://flagcdn.com/ph.svg",
+    flagPng: "https://flagcdn.com/w40/ph.png",
+    phoneCode: "+63"
+  },
+  {
+    name: "Pitcairn",
+    code: "PN",
+    flagEmoji: "🇵🇳",
+    flagSvg: "https://flagcdn.com/pn.svg",
+    flagPng: "https://flagcdn.com/w40/pn.png",
+    phoneCode: "+64"
+  },
+  {
+    name: "Poland",
+    code: "PL",
+    flagEmoji: "🇵🇱",
+    flagSvg: "https://flagcdn.com/pl.svg",
+    flagPng: "https://flagcdn.com/w40/pl.png",
+    phoneCode: "+48"
+  },
+  {
+    name: "Portugal",
+    code: "PT",
+    flagEmoji: "🇵🇹",
+    flagSvg: "https://flagcdn.com/pt.svg",
+    flagPng: "https://flagcdn.com/w40/pt.png",
+    phoneCode: "+351"
+  },
+  {
+    name: "Puerto Rico",
+    code: "PR",
+    flagEmoji: "🇵🇷",
+    flagSvg: "https://flagcdn.com/pr.svg",
+    flagPng: "https://flagcdn.com/w40/pr.png",
+    phoneCode: "+1787"
+  },
+  {
+    name: "Qatar",
+    code: "QA",
+    flagEmoji: "🇶🇦",
+    flagSvg: "https://flagcdn.com/qa.svg",
+    flagPng: "https://flagcdn.com/w40/qa.png",
+    phoneCode: "+974"
+  },
+  {
+    name: "Réunion",
+    code: "RE",
+    flagEmoji: "🇷🇪",
+    flagSvg: "https://flagcdn.com/re.svg",
+    flagPng: "https://flagcdn.com/w40/re.png",
+    phoneCode: "+262"
+  },
+  {
+    name: "Romania",
+    code: "RO",
+    flagEmoji: "🇷🇴",
+    flagSvg: "https://flagcdn.com/ro.svg",
+    flagPng: "https://flagcdn.com/w40/ro.png",
+    phoneCode: "+40"
+  },
+  {
+    name: "Russian Federation",
+    code: "RU",
+    flagEmoji: "🇷🇺",
+    flagSvg: "https://flagcdn.com/ru.svg",
+    flagPng: "https://flagcdn.com/w40/ru.png",
+    phoneCode: "+7"
+  },
+  {
+    name: "Rwanda",
+    code: "RW",
+    flagEmoji: "🇷🇼",
+    flagSvg: "https://flagcdn.com/rw.svg",
+    flagPng: "https://flagcdn.com/w40/rw.png",
+    phoneCode: "+250"
+  },
+  {
+    name: "Saint Barthélemy",
+    code: "BL",
+    flagEmoji: "🇧🇱",
+    flagSvg: "https://flagcdn.com/bl.svg",
+    flagPng: "https://flagcdn.com/w40/bl.png",
+    phoneCode: "+590"
+  },
+  {
+    name: "Saint Helena, Ascension and Tristan da Cunha",
+    code: "SH",
+    flagEmoji: "🇸🇭",
+    flagSvg: "https://flagcdn.com/sh.svg",
+    flagPng: "https://flagcdn.com/w40/sh.png",
+    phoneCode: "+290"
+  },
+  {
+    name: "Saint Kitts and Nevis",
+    code: "KN",
+    flagEmoji: "🇰🇳",
+    flagSvg: "https://flagcdn.com/kn.svg",
+    flagPng: "https://flagcdn.com/w40/kn.png",
+    phoneCode: "+1869"
+  },
+  {
+    name: "Saint Lucia",
+    code: "LC",
+    flagEmoji: "🇱🇨",
+    flagSvg: "https://flagcdn.com/lc.svg",
+    flagPng: "https://flagcdn.com/w40/lc.png",
+    phoneCode: "+1758"
+  },
+  {
+    name: "Saint Martin (French part)",
+    code: "MF",
+    flagEmoji: "🇲🇫",
+    flagSvg: "https://flagcdn.com/mf.svg",
+    flagPng: "https://flagcdn.com/w40/mf.png",
+    phoneCode: "+590"
+  },
+  {
+    name: "Saint Pierre and Miquelon",
+    code: "PM",
+    flagEmoji: "🇵🇲",
+    flagSvg: "https://flagcdn.com/pm.svg",
+    flagPng: "https://flagcdn.com/w40/pm.png",
+    phoneCode: "+508"
+  },
+  {
+    name: "Saint Vincent and the Grenadines",
+    code: "VC",
+    flagEmoji: "🇻🇨",
+    flagSvg: "https://flagcdn.com/vc.svg",
+    flagPng: "https://flagcdn.com/w40/vc.png",
+    phoneCode: "+1784"
+  },
+  {
+    name: "Samoa",
+    code: "WS",
+    flagEmoji: "🇼🇸",
+    flagSvg: "https://flagcdn.com/ws.svg",
+    flagPng: "https://flagcdn.com/w40/ws.png",
+    phoneCode: "+685"
+  },
+  {
+    name: "San Marino",
+    code: "SM",
+    flagEmoji: "🇸🇲",
+    flagSvg: "https://flagcdn.com/sm.svg",
+    flagPng: "https://flagcdn.com/w40/sm.png",
+    phoneCode: "+378"
+  },
+  {
+    name: "Sao Tome and Principe",
+    code: "ST",
+    flagEmoji: "🇸🇹",
+    flagSvg: "https://flagcdn.com/st.svg",
+    flagPng: "https://flagcdn.com/w40/st.png",
+    phoneCode: "+239"
+  },
+  {
+    name: "Saudi Arabia",
+    code: "SA",
+    flagEmoji: "🇸🇦",
+    flagSvg: "https://flagcdn.com/sa.svg",
+    flagPng: "https://flagcdn.com/w40/sa.png",
+    phoneCode: "+966"
+  },
+  {
+    name: "Senegal",
+    code: "SN",
+    flagEmoji: "🇸🇳",
+    flagSvg: "https://flagcdn.com/sn.svg",
+    flagPng: "https://flagcdn.com/w40/sn.png",
+    phoneCode: "+221"
+  },
+  {
+    name: "Serbia",
+    code: "RS",
+    flagEmoji: "🇷🇸",
+    flagSvg: "https://flagcdn.com/rs.svg",
+    flagPng: "https://flagcdn.com/w40/rs.png",
+    phoneCode: "+381"
+  },
+  {
+    name: "Seychelles",
+    code: "SC",
+    flagEmoji: "🇸🇨",
+    flagSvg: "https://flagcdn.com/sc.svg",
+    flagPng: "https://flagcdn.com/w40/sc.png",
+    phoneCode: "+248"
+  },
+  {
+    name: "Sierra Leone",
+    code: "SL",
+    flagEmoji: "🇸🇱",
+    flagSvg: "https://flagcdn.com/sl.svg",
+    flagPng: "https://flagcdn.com/w40/sl.png",
+    phoneCode: "+232"
+  },
+  {
+    name: "Singapore",
+    code: "SG",
+    flagEmoji: "🇸🇬",
+    flagSvg: "https://flagcdn.com/sg.svg",
+    flagPng: "https://flagcdn.com/w40/sg.png",
+    phoneCode: "+65"
+  },
+  {
+    name: "Sint Maarten (Dutch part)",
+    code: "SX",
+    flagEmoji: "🇸🇽",
+    flagSvg: "https://flagcdn.com/sx.svg",
+    flagPng: "https://flagcdn.com/w40/sx.png",
+    phoneCode: "+1721"
+  },
+  {
+    name: "Slovakia",
+    code: "SK",
+    flagEmoji: "🇸🇰",
+    flagSvg: "https://flagcdn.com/sk.svg",
+    flagPng: "https://flagcdn.com/w40/sk.png",
+    phoneCode: "+421"
+  },
+  {
+    name: "Slovenia",
+    code: "SI",
+    flagEmoji: "🇸🇮",
+    flagSvg: "https://flagcdn.com/si.svg",
+    flagPng: "https://flagcdn.com/w40/si.png",
+    phoneCode: "+386"
+  },
+  {
+    name: "Solomon Islands",
+    code: "SB",
+    flagEmoji: "🇸🇧",
+    flagSvg: "https://flagcdn.com/sb.svg",
+    flagPng: "https://flagcdn.com/w40/sb.png",
+    phoneCode: "+677"
+  },
+  {
+    name: "Somalia",
+    code: "SO",
+    flagEmoji: "🇸🇴",
+    flagSvg: "https://flagcdn.com/so.svg",
+    flagPng: "https://flagcdn.com/w40/so.png",
+    phoneCode: "+252"
+  },
+  {
+    name: "South Africa",
+    code: "ZA",
+    flagEmoji: "🇿🇦",
+    flagSvg: "https://flagcdn.com/za.svg",
+    flagPng: "https://flagcdn.com/w40/za.png",
+    phoneCode: "+27"
+  },
+  {
+    name: "South Georgia and the South Sandwich Islands",
+    code: "GS",
+    flagEmoji: "🇬🇸",
+    flagSvg: "https://flagcdn.com/gs.svg",
+    flagPng: "https://flagcdn.com/w40/gs.png",
+    phoneCode: "+500"
+  },
+  {
+    name: "South Sudan",
+    code: "SS",
+    flagEmoji: "🇸🇸",
+    flagSvg: "https://flagcdn.com/ss.svg",
+    flagPng: "https://flagcdn.com/w40/ss.png",
+    phoneCode: "+211"
+  },
+  {
+    name: "Spain",
+    code: "ES",
+    flagEmoji: "🇪🇸",
+    flagSvg: "https://flagcdn.com/es.svg",
+    flagPng: "https://flagcdn.com/w40/es.png",
+    phoneCode: "+34"
+  },
+  {
+    name: "Sri Lanka",
+    code: "LK",
+    flagEmoji: "🇱🇰",
+    flagSvg: "https://flagcdn.com/lk.svg",
+    flagPng: "https://flagcdn.com/w40/lk.png",
+    phoneCode: "+94"
+  },
+  {
+    name: "Sudan",
+    code: "SD",
+    flagEmoji: "🇸🇩",
+    flagSvg: "https://flagcdn.com/sd.svg",
+    flagPng: "https://flagcdn.com/w40/sd.png",
+    phoneCode: "+249"
+  },
+  {
+    name: "Suriname",
+    code: "SR",
+    flagEmoji: "🇸🇷",
+    flagSvg: "https://flagcdn.com/sr.svg",
+    flagPng: "https://flagcdn.com/w40/sr.png",
+    phoneCode: "+597"
+  },
+  {
+    name: "Svalbard and Jan Mayen",
+    code: "SJ",
+    flagEmoji: "🇸🇯",
+    flagSvg: "https://flagcdn.com/sj.svg",
+    flagPng: "https://flagcdn.com/w40/sj.png",
+    phoneCode: "+47"
+  },
+  {
+    name: "Sweden",
+    code: "SE",
+    flagEmoji: "🇸🇪",
+    flagSvg: "https://flagcdn.com/se.svg",
+    flagPng: "https://flagcdn.com/w40/se.png",
+    phoneCode: "+46"
+  },
+  {
+    name: "Switzerland",
+    code: "CH",
+    flagEmoji: "🇨🇭",
+    flagSvg: "https://flagcdn.com/ch.svg",
+    flagPng: "https://flagcdn.com/w40/ch.png",
+    phoneCode: "+41"
+  },
+  {
+    name: "Syrian Arab Republic",
+    code: "SY",
+    flagEmoji: "🇸🇾",
+    flagSvg: "https://flagcdn.com/sy.svg",
+    flagPng: "https://flagcdn.com/w40/sy.png",
+    phoneCode: "+963"
+  },
+  {
+    name: "Taiwan, Province of China",
+    code: "TW",
+    flagEmoji: "🇹🇼",
+    flagSvg: "https://flagcdn.com/tw.svg",
+    flagPng: "https://flagcdn.com/w40/tw.png",
+    phoneCode: "+886"
+  },
+  {
+    name: "Tajikistan",
+    code: "TJ",
+    flagEmoji: "🇹🇯",
+    flagSvg: "https://flagcdn.com/tj.svg",
+    flagPng: "https://flagcdn.com/w40/tj.png",
+    phoneCode: "+992"
+  },
+  {
+    name: "Tanzania, United Republic of",
+    code: "TZ",
+    flagEmoji: "🇹🇿",
+    flagSvg: "https://flagcdn.com/tz.svg",
+    flagPng: "https://flagcdn.com/w40/tz.png",
+    phoneCode: "+255"
+  },
+  {
+    name: "Thailand",
+    code: "TH",
+    flagEmoji: "🇹🇭",
+    flagSvg: "https://flagcdn.com/th.svg",
+    flagPng: "https://flagcdn.com/w40/th.png",
+    phoneCode: "+66"
+  },
+  {
+    name: "Timor-Leste",
+    code: "TL",
+    flagEmoji: "🇹🇱",
+    flagSvg: "https://flagcdn.com/tl.svg",
+    flagPng: "https://flagcdn.com/w40/tl.png",
+    phoneCode: "+670"
+  },
+  {
+    name: "Togo",
+    code: "TG",
+    flagEmoji: "🇹🇬",
+    flagSvg: "https://flagcdn.com/tg.svg",
+    flagPng: "https://flagcdn.com/w40/tg.png",
+    phoneCode: "+228"
+  },
+  {
+    name: "Tokelau",
+    code: "TK",
+    flagEmoji: "🇹🇰",
+    flagSvg: "https://flagcdn.com/tk.svg",
+    flagPng: "https://flagcdn.com/w40/tk.png",
+    phoneCode: "+690"
+  },
+  {
+    name: "Tonga",
+    code: "TO",
+    flagEmoji: "🇹🇴",
+    flagSvg: "https://flagcdn.com/to.svg",
+    flagPng: "https://flagcdn.com/w40/to.png",
+    phoneCode: "+676"
+  },
+  {
+    name: "Trinidad and Tobago",
+    code: "TT",
+    flagEmoji: "🇹🇹",
+    flagSvg: "https://flagcdn.com/tt.svg",
+    flagPng: "https://flagcdn.com/w40/tt.png",
+    phoneCode: "+1868"
+  },
+  {
+    name: "Tunisia",
+    code: "TN",
+    flagEmoji: "🇹🇳",
+    flagSvg: "https://flagcdn.com/tn.svg",
+    flagPng: "https://flagcdn.com/w40/tn.png",
+    phoneCode: "+216"
+  },
+  {
+    name: "Turkey",
+    code: "TR",
+    flagEmoji: "🇹🇷",
+    flagSvg: "https://flagcdn.com/tr.svg",
+    flagPng: "https://flagcdn.com/w40/tr.png",
+    phoneCode: "+90"
+  },
+  {
+    name: "Turkmenistan",
+    code: "TM",
+    flagEmoji: "🇹🇲",
+    flagSvg: "https://flagcdn.com/tm.svg",
+    flagPng: "https://flagcdn.com/w40/tm.png",
+    phoneCode: "+993"
+  },
+  {
+    name: "Turks and Caicos Islands",
+    code: "TC",
+    flagEmoji: "🇹🇨",
+    flagSvg: "https://flagcdn.com/tc.svg",
+    flagPng: "https://flagcdn.com/w40/tc.png",
+    phoneCode: "+1649"
+  },
+  {
+    name: "Tuvalu",
+    code: "TV",
+    flagEmoji: "🇹🇻",
+    flagSvg: "https://flagcdn.com/tv.svg",
+    flagPng: "https://flagcdn.com/w40/tv.png",
+    phoneCode: "+688"
+  },
+  {
+    name: "Uganda",
+    code: "UG",
+    flagEmoji: "🇺🇬",
+    flagSvg: "https://flagcdn.com/ug.svg",
+    flagPng: "https://flagcdn.com/w40/ug.png",
+    phoneCode: "+256"
+  },
+  {
+    name: "Ukraine",
+    code: "UA",
+    flagEmoji: "🇺🇦",
+    flagSvg: "https://flagcdn.com/ua.svg",
+    flagPng: "https://flagcdn.com/w40/ua.png",
+    phoneCode: "+380"
+  },
+  {
+    name: "United Arab Emirates",
+    code: "AE",
+    flagEmoji: "🇦🇪",
+    flagSvg: "https://flagcdn.com/ae.svg",
+    flagPng: "https://flagcdn.com/w40/ae.png",
+    phoneCode: "+971"
+  },
+  {
+    name: "United Kingdom of Great Britain and Northern Ireland",
+    code: "GB",
+    flagEmoji: "🇬🇧",
+    flagSvg: "https://flagcdn.com/gb.svg",
+    flagPng: "https://flagcdn.com/w40/gb.png",
+    phoneCode: "+44"
+  },
+  {
+    name: "United States",
+    code: "US",
+    flagEmoji: "🇺🇸",
+    flagSvg: "https://flagcdn.com/us.svg",
+    flagPng: "https://flagcdn.com/w40/us.png",
+    phoneCode: "+1"
+  },
+  {
+    name: "United States Minor Outlying Islands",
+    code: "UM",
+    flagEmoji: "🇺🇲",
+    flagSvg: "https://flagcdn.com/um.svg",
+    flagPng: "https://flagcdn.com/w40/um.png",
+    phoneCode: "+1"
+  },
+  {
+    name: "Uruguay",
+    code: "UY",
+    flagEmoji: "🇺🇾",
+    flagSvg: "https://flagcdn.com/uy.svg",
+    flagPng: "https://flagcdn.com/w40/uy.png",
+    phoneCode: "+598"
+  },
+  {
+    name: "Uzbekistan",
+    code: "UZ",
+    flagEmoji: "🇺🇿",
+    flagSvg: "https://flagcdn.com/uz.svg",
+    flagPng: "https://flagcdn.com/w40/uz.png",
+    phoneCode: "+998"
+  },
+  {
+    name: "Vanuatu",
+    code: "VU",
+    flagEmoji: "🇻🇺",
+    flagSvg: "https://flagcdn.com/vu.svg",
+    flagPng: "https://flagcdn.com/w40/vu.png",
+    phoneCode: "+678"
+  },
+  {
+    name: "Venezuela (Bolivarian Republic of)",
+    code: "VE",
+    flagEmoji: "🇻🇪",
+    flagSvg: "https://flagcdn.com/ve.svg",
+    flagPng: "https://flagcdn.com/w40/ve.png",
+    phoneCode: "+58"
+  },
+  {
+    name: "Viet Nam",
+    code: "VN",
+    flagEmoji: "🇻🇳",
+    flagSvg: "https://flagcdn.com/vn.svg",
+    flagPng: "https://flagcdn.com/w40/vn.png",
+    phoneCode: "+84"
+  },
+  {
+    name: "Virgin Islands (British)",
+    code: "VG",
+    flagEmoji: "🇻🇬",
+    flagSvg: "https://flagcdn.com/vg.svg",
+    flagPng: "https://flagcdn.com/w40/vg.png",
+    phoneCode: "+1284"
+  },
+  {
+    name: "Virgin Islands (U.S.)",
+    code: "VI",
+    flagEmoji: "🇻🇮",
+    flagSvg: "https://flagcdn.com/vi.svg",
+    flagPng: "https://flagcdn.com/w40/vi.png",
+    phoneCode: "+1340"
+  },
+  {
+    name: "Wallis and Futuna",
+    code: "WF",
+    flagEmoji: "🇼🇫",
+    flagSvg: "https://flagcdn.com/wf.svg",
+    flagPng: "https://flagcdn.com/w40/wf.png",
+    phoneCode: "+681"
+  },
+  {
+    name: "Western Sahara",
+    code: "EH",
+    flagEmoji: "🇪🇭",
+    flagSvg: "https://flagcdn.com/eh.svg",
+    flagPng: "https://flagcdn.com/w40/eh.png",
+    phoneCode: "+212"
+  },
+  {
+    name: "Yemen",
+    code: "YE",
+    flagEmoji: "🇾🇪",
+    flagSvg: "https://flagcdn.com/ye.svg",
+    flagPng: "https://flagcdn.com/w40/ye.png",
+    phoneCode: "+967"
+  },
+  {
+    name: "Zambia",
+    code: "ZM",
+    flagEmoji: "🇿🇲",
+    flagSvg: "https://flagcdn.com/zm.svg",
+    flagPng: "https://flagcdn.com/w40/zm.png",
+    phoneCode: "+260"
+  },
+  {
+    name: "Zimbabwe",
+    code: "ZW",
+    flagEmoji: "🇿🇼",
+    flagSvg: "https://flagcdn.com/zw.svg",
+    flagPng: "https://flagcdn.com/w40/zw.png",
+    phoneCode: "+263"
+  }
+], It = ["tabindex"], $t = { class: "flex items-center gap-2" }, Tt = ["src", "alt"], Bt = {
+  key: 0,
+  class: "absolute z-[9999] w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-y-auto",
+  style: { position: "absolute" }
+}, Xt = ["onClick"], Lt = ["src", "alt", "onError"], Vt = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    customClass: { default: "" },
+    autoDetectFromIp: { type: Boolean, default: !0 },
+    returnType: { default: "name" },
+    priorityCountries: { default: () => ["US", "CA", "GB", "DE", "FR", "JP", "CN", "AU"] },
+    ipDetectUrl: { default: "https://ipinfo.io/json" },
+    ipDetectMethod: { default: "GET" },
+    ipDetectHeaders: {},
+    ipDetectResponseParser: {}
+  },
+  emits: ["update:modelValue", "change", "ip-detect-start", "ip-detect-success", "ip-detect-error"],
+  setup(e, { expose: o, emit: a }) {
+    const n = e, t = a, l = $(!1), s = $(At), g = X(() => n.modelValue ? s.value.find(
+      (r) => n.returnType === "code" ? r.code === n.modelValue : r.name === n.modelValue
+    ) : null), h = X(() => {
+      const r = s.value.filter(
+        (C) => n.priorityCountries.includes(C.code)
+      ), f = s.value.filter(
+        (C) => !n.priorityCountries.includes(C.code)
+      ), S = r.sort((C, w) => {
+        const I = n.priorityCountries.indexOf(C.code), k = n.priorityCountries.indexOf(w.code);
+        return I - k;
+      }), P = f.sort((C, w) => C.name.localeCompare(w.name));
+      return [...S, ...P];
+    }), c = () => {
+      n.disabled || (l.value = !l.value);
+    }, i = () => {
+      l.value = !1;
+    }, p = (r) => {
+      if (r) {
+        const f = n.returnType === "code" ? r.code : r.name;
+        t("update:modelValue", f), t("change", f, r);
+      } else
+        t("update:modelValue", "");
+      i();
+    }, b = (r, f) => {
+      const S = r.target;
+      f && S.src === f.flagSvg ? S.src = f.flagPng : g.value && S.src === g.value.flagSvg && (S.src = g.value.flagPng);
+    }, d = async () => {
+      if (!(!n.autoDetectFromIp || n.modelValue)) {
+        t("ip-detect-start");
+        try {
+          const r = {
+            method: n.ipDetectMethod,
+            headers: {
+              "Content-Type": "application/json",
+              ...n.ipDetectHeaders
+            }
+          }, f = await fetch(n.ipDetectUrl, r);
+          if (!f.ok)
+            throw new Error(`HTTP error! status: ${f.status}`);
+          const S = await f.json();
+          let P;
+          if (n.ipDetectResponseParser ? P = n.ipDetectResponseParser(S) : P = S.country || S.countryCode || S.country_code || "", P = P.toUpperCase(), !P)
+            throw new Error("Country code not found in response");
+          console.log("Auto-detected country from IP:", P), t("ip-detect-success", P);
+          const C = s.value.find(
+            (w) => w.code === P
+          );
+          if (C) {
+            const w = n.returnType === "code" ? C.code : C.name;
+            t("update:modelValue", w), t("change", w, C);
+          } else
+            console.warn("Detected country code not found in country list:", P);
+        } catch (r) {
+          const f = r instanceof Error ? r : new Error(String(r));
+          console.warn("Failed to detect country from IP:", f), t("ip-detect-error", f);
+        }
+      }
+    }, j = $();
+    return se(async () => {
+      await _(), n.autoDetectFromIp && !n.modelValue && await d();
+      const r = (f) => {
+        j.value && !j.value.contains(f.target) && i();
+      };
+      document.addEventListener("click", r), Ve(() => {
+        document.removeEventListener("click", r);
+      });
+    }), o({
+      detectCountryFromIp: d,
+      allCountries: Se(s),
+      sortedCountries: Se(h)
+    }), (r, f) => (u(), v("div", {
+      ref_key: "containerRef",
+      ref: j,
+      class: "country-select-container relative"
+    }, [
+      y("div", {
+        onClick: c,
+        class: B([
+          "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#1a1a1a] focus:border-[#1a1a1a] transition-colors duration-200 cursor-pointer bg-white flex items-center justify-between",
+          e.customClass,
+          { "opacity-60 cursor-not-allowed": e.disabled }
+        ]),
+        tabindex: e.disabled ? -1 : 0,
+        onKeydown: [
+          O(c, ["enter"]),
+          O(c, ["space"]),
+          O(i, ["escape"])
+        ]
+      }, [
+        y("div", $t, [
+          g.value ? (u(), v("img", {
+            key: 0,
+            src: g.value.flagSvg,
+            alt: g.value.name,
+            class: "w-5 h-4 object-cover rounded-sm",
+            onError: b
+          }, null, 40, Tt)) : A("", !0),
+          y("span", {
+            class: B({ "text-gray-500": !g.value && e.placeholder })
+          }, T(g.value ? g.value.name : e.placeholder || "选择国家"), 3)
+        ]),
+        (u(), v("svg", {
+          class: B(["w-5 h-5 text-gray-400 transition-transform duration-200", { "rotate-180": l.value }]),
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24"
+        }, [...f[0] || (f[0] = [
+          y("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M19 9l-7 7-7-7"
+          }, null, -1)
+        ])], 2))
+      ], 42, It),
+      l.value && !e.disabled ? (u(), v("div", Bt, [
+        (u(!0), v(z, null, D(h.value, (S) => {
+          var P;
+          return u(), v("div", {
+            key: S.code,
+            onClick: (C) => p(S),
+            class: B(["px-3 py-2 hover:bg-gray-50 cursor-pointer flex items-center gap-2 transition-colors", { "bg-gray-100": ((P = g.value) == null ? void 0 : P.code) === S.code }])
+          }, [
+            y("img", {
+              src: S.flagSvg,
+              alt: S.name,
+              class: "w-5 h-4 object-cover rounded-sm flex-shrink-0",
+              onError: (C) => b(C, S)
+            }, null, 40, Lt),
+            y("span", null, T(S.name), 1)
+          ], 10, Xt);
+        }), 128))
+      ])) : A("", !0),
+      l.value && !e.disabled ? (u(), v("div", {
+        key: 1,
+        class: "fixed inset-0 z-[9998]",
+        onClick: i
+      })) : A("", !0)
+    ], 512));
+  }
+}), Xo = /* @__PURE__ */ F(Vt, [["__scopeId", "data-v-08b31f1b"]]), zt = ["tabindex", "aria-expanded", "aria-labelledby"], Ft = { class: "flex items-center gap-2 min-h-0 flex-1" }, Ot = {
+  key: 0,
+  class: "text-gray-500"
+}, Rt = {
+  key: 1,
+  class: "flex flex-wrap gap-1"
+}, Dt = {
+  key: 0,
+  class: "text-gray-900"
+}, _t = ["onClick"], Nt = {
+  key: 0,
+  class: "absolute z-[9999] w-full mt-2 bg-white rounded-xl shadow-xl border border-gray-100/50 max-h-60 overflow-auto backdrop-blur-sm",
+  role: "listbox"
+}, Gt = {
+  key: 0,
+  class: "p-3 border-b border-gray-50/80"
+}, Wt = { class: "py-1" }, Kt = {
+  key: 0,
+  class: "px-4 py-3 text-sm text-gray-400 text-center"
+}, Ht = ["onClick", "onKeydown", "aria-selected"], qt = { class: "flex items-center gap-3" }, Ut = {
+  key: 0,
+  class: "flex items-center"
+}, Yt = {
+  key: 0,
+  class: "bi bi-check text-[#1a1a1a] text-xs"
+}, Qt = {
+  key: 1,
+  class: "flex items-center"
+}, Zt = {
+  key: 0,
+  class: "w-1.5 h-1.5 bg-white rounded-full"
+}, Jt = { class: "flex-1" }, eo = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: { default: "请选择..." },
+    multiple: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    labelKey: { default: "label" },
+    valueKey: { default: "value" },
+    noOptionsText: { default: "暂无选项" },
+    clearable: { type: Boolean, default: !1 },
+    borderless: { type: Boolean, default: !1 },
+    width: { default: "200px" }
+  },
+  emits: ["update:modelValue", "change", "open", "close"],
+  setup(e, { expose: o, emit: a }) {
+    const n = e, t = a, l = $(!1), s = $(""), g = $(), h = $(), c = X(() => !n.searchable || !s.value ? n.options : n.options.filter(
+      (m) => j(m).toLowerCase().includes(s.value.toLowerCase())
+    )), i = X(() => n.multiple ? null : n.options.find((m) => r(m) === n.modelValue) || null), p = X(() => n.multiple ? Array.isArray(n.modelValue) ? n.options.filter(
+      (m) => n.modelValue.includes(r(m))
+    ) : [] : []), b = X(() => n.multiple ? p.value.length > 0 : i.value !== null), d = X(() => `select-label-${Math.random().toString(36).substr(2, 9)}`), j = (m) => typeof m == "object" ? m[n.labelKey] : m, r = (m) => typeof m == "object" ? m[n.valueKey] : m, f = (m) => {
+      const E = r(m);
+      return n.multiple ? Array.isArray(n.modelValue) && n.modelValue.includes(E) : n.modelValue === E;
+    }, S = (m) => {
+      if (m.disabled) return;
+      const E = r(m);
+      if (n.multiple) {
+        const x = Array.isArray(n.modelValue) ? [...n.modelValue] : [], M = x.indexOf(E);
+        M > -1 ? x.splice(M, 1) : x.push(E), t("update:modelValue", x), t("change", x);
+      } else
+        t("update:modelValue", E), t("change", E), I();
+    }, P = (m) => {
+      if (!n.multiple) return;
+      const E = r(m), x = Array.isArray(n.modelValue) ? [...n.modelValue] : [], M = x.indexOf(E);
+      M > -1 && (x.splice(M, 1), t("update:modelValue", x), t("change", x));
+    }, C = () => {
+      n.disabled || (l.value ? I() : w());
+    }, w = () => {
+      l.value = !0, t("open"), _(() => {
+        n.searchable && h.value && h.value.focus();
+      });
+    }, I = () => {
+      l.value = !1, s.value = "", t("close");
+    }, k = (m) => {
+      g.value && !g.value.contains(m.target) && I();
+    }, L = (m) => {
+      if (!l.value) return;
+      const E = c.value, x = E.findIndex((M) => f(M));
+      switch (m.key) {
+        case "ArrowDown":
+          m.preventDefault();
+          break;
+        case "ArrowUp":
+          m.preventDefault();
+          break;
+        case "Enter":
+        case " ":
+          m.preventDefault(), x >= 0 && E[x] && S(E[x]);
+          break;
+      }
+    };
+    return se(() => {
+      document.addEventListener("click", k), document.addEventListener("keydown", L);
+    }), Ve(() => {
+      document.removeEventListener("click", k), document.removeEventListener("keydown", L);
+    }), o({
+      open: w,
+      close: I,
+      toggle: C
+    }), (m, E) => (u(), v("div", {
+      class: "relative",
+      style: G({ width: e.width }),
+      ref_key: "selectContainer",
+      ref: g
+    }, [
+      y("div", {
+        onClick: C,
+        onKeydown: [
+          O(C, ["enter"]),
+          O(C, ["space"]),
+          O(I, ["escape"])
+        ],
+        class: B([
+          "flex items-center justify-between w-full px-4 py-1.5 text-sm bg-white rounded-md cursor-pointer transition-all duration-200 border ",
+          "focus:outline-none focus:ring-2 focus:ring-[#1a1a1a]/50 focus:ring-offset-1",
+          {
+            "shadow-sm hover:shadow-md border border-gray-200/60 hover:border-gray-300/80": !e.disabled && !e.borderless,
+            "shadow-sm hover:shadow-md": !e.disabled && e.borderless,
+            "bg-gray-50/50 cursor-not-allowed border border-gray-100": e.disabled,
+            "ring-1 ring-[#1a1a1a]/50 border-[#1a1a1a]/50 shadow-md": l.value && !e.borderless,
+            "ring-1 ring-[#1a1a1a]/50 shadow-md": l.value && e.borderless
+          }
+        ]),
+        tabindex: e.disabled ? -1 : 0,
+        role: "combobox",
+        "aria-expanded": l.value,
+        "aria-haspopup": !0,
+        "aria-labelledby": d.value
+      }, [
+        y("div", Ft, [
+          e.placeholder && !b.value ? (u(), v("span", Ot, T(e.placeholder), 1)) : (u(), v("div", Rt, [
+            e.multiple ? (u(!0), v(z, { key: 1 }, D(p.value, (x) => (u(), v("span", {
+              key: r(x),
+              class: "inline-flex items-center gap-1.5 px-2.5 py-1 text-xs bg-[#FFF] text-[#1a1a1a] rounded-full border border-[#1a1a1a]/50"
+            }, [
+              ze(T(j(x)) + " ", 1),
+              y("button", {
+                onClick: H((M) => P(x), ["stop"]),
+                class: "rounded-full p-0.5 transition-colors duration-150",
+                type: "button"
+              }, [...E[1] || (E[1] = [
+                y("i", { class: "bi bi-x text-xs text-[#1a1a1a]" }, null, -1)
+              ])], 8, _t)
+            ]))), 128)) : (u(), v(z, { key: 0 }, [
+              i.value ? (u(), v("span", Dt, T(j(i.value)), 1)) : A("", !0)
+            ], 64))
+          ]))
+        ]),
+        y("i", {
+          class: B([
+            "bi text-gray-400 transition-transform duration-200 text-lg",
+            {
+              "bi-chevron-down": !l.value,
+              "bi-chevron-up": l.value
+            }
+          ])
+        }, null, 2)
+      ], 42, zt),
+      R(pe, {
+        "enter-active-class": "transition ease-out duration-200",
+        "enter-from-class": "opacity-0 scale-95",
+        "enter-to-class": "opacity-100 scale-100",
+        "leave-active-class": "transition ease-in duration-150",
+        "leave-from-class": "opacity-100 scale-100",
+        "leave-to-class": "opacity-0 scale-95"
+      }, {
+        default: Z(() => [
+          l.value ? (u(), v("div", Nt, [
+            e.searchable ? (u(), v("div", Gt, [
+              Qe(y("input", {
+                ref_key: "searchInput",
+                ref: h,
+                "onUpdate:modelValue": E[0] || (E[0] = (x) => s.value = x),
+                type: "text",
+                class: "w-full px-3 py-2 text-sm bg-gray-50/50 border border-gray-200/60 rounded-lg focus:outline-none focus:ring-1 focus:ring-[#1a1a1a]/50 focus:border-[#1a1a1a]/50 transition-all duration-200",
+                placeholder: "搜索...",
+                onKeydown: O(I, ["escape"])
+              }, null, 544), [
+                [Ze, s.value]
+              ])
+            ])) : A("", !0),
+            y("div", Wt, [
+              c.value.length === 0 ? (u(), v("div", Kt, T(e.noOptionsText), 1)) : A("", !0),
+              (u(!0), v(z, null, D(c.value, (x) => (u(), v("div", {
+                key: r(x),
+                onClick: (M) => S(x),
+                onKeydown: [
+                  O((M) => S(x), ["enter"]),
+                  O((M) => S(x), ["space"])
+                ],
+                class: B([
+                  "px-4 py-3 text-sm cursor-pointer transition-all duration-150",
+                  {
+                    "bg-[#f2f2f2] text-[#1a1a1a] font-medium": f(x),
+                    "hover:bg-[#f2f2f2] text-gray-700": !f(x)
+                  }
+                ]),
+                role: "option",
+                "aria-selected": f(x),
+                tabindex: 0
+              }, [
+                y("div", qt, [
+                  e.multiple ? (u(), v("div", Ut, [
+                    y("div", {
+                      class: B([
+                        "w-4 h-4 rounded border flex items-center justify-center transition-all duration-150",
+                        {
+                          "border-[#1a1a1a] text-white": f(x),
+                          "border-gray-300 bg-white": !f(x)
+                        }
+                      ])
+                    }, [
+                      f(x) ? (u(), v("i", Yt)) : A("", !0)
+                    ], 2)
+                  ])) : (u(), v("div", Qt, [
+                    y("div", {
+                      class: B([
+                        "w-4 h-4 rounded-full border-2 flex items-center justify-center transition-all duration-150",
+                        {
+                          "border-[#1a1a1a] bg-[#1a1a1a]": f(x),
+                          "border-gray-300 bg-white": !f(x)
+                        }
+                      ])
+                    }, [
+                      f(x) ? (u(), v("div", Zt)) : A("", !0)
+                    ], 2)
+                  ])),
+                  y("span", Jt, T(j(x)), 1)
+                ])
+              ], 42, Ht))), 128))
+            ])
+          ])) : A("", !0)
+        ]),
+        _: 1
+      })
+    ], 4));
+  }
+}), Lo = /* @__PURE__ */ F(eo, [["__scopeId", "data-v-1f7381d8"]]), no = ["type", "value", "placeholder", "disabled", "readonly", "required", "maxlength", "minlength", "autocomplete"], to = {
+  key: 2,
+  class: "x-input-count"
+}, oo = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    modelValue: {},
+    type: { default: "text" },
+    placeholder: { default: "" },
+    label: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    showWordLimit: { type: Boolean, default: !1 },
+    maxlength: {},
+    minlength: {},
+    autocomplete: { default: "off" },
+    error: { type: Boolean, default: !1 },
+    width: { default: "100%" }
+  },
+  emits: ["update:modelValue", "input", "change", "blur", "focus", "clear", "keydown", "keyup"],
+  setup(e, { expose: o, emit: a }) {
+    const n = e, t = a, l = $(), s = $(!1), g = X(() => !!n.label), h = X(() => {
+      const w = n.modelValue;
+      return w != null && w !== "";
+    }), c = X(() => String(n.modelValue || "").length), i = (w) => {
+      const k = w.target.value;
+      t("update:modelValue", k), t("input", k, w);
+    }, p = (w) => {
+      const k = w.target.value;
+      t("change", k, w);
+    }, b = (w) => {
+      s.value = !1, t("blur", w);
+    }, d = (w) => {
+      s.value = !0, t("focus", w);
+    }, j = (w) => {
+      t("keydown", w);
+    }, r = (w) => {
+      t("keyup", w);
+    }, f = () => {
+      var w;
+      t("update:modelValue", ""), t("clear"), (w = l.value) == null || w.focus();
+    };
+    return o({
+      focus: () => {
+        var w;
+        (w = l.value) == null || w.focus();
+      },
+      blur: () => {
+        var w;
+        (w = l.value) == null || w.blur();
+      },
+      select: () => {
+        var w;
+        (w = l.value) == null || w.select();
+      },
+      ref: l
+    }), (w, I) => (u(), v("div", {
+      class: "x-input-group",
+      style: G({ width: e.width })
+    }, [
+      y("input", {
+        ref_key: "inputRef",
+        ref: l,
+        type: e.type,
+        value: e.modelValue,
+        placeholder: g.value ? "" : e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        maxlength: e.maxlength,
+        minlength: e.minlength,
+        autocomplete: e.autocomplete,
+        class: B([
+          "x-input",
+          {
+            "x-input--disabled": e.disabled,
+            "x-input--error": e.error,
+            "x-input--clearable": e.clearable && e.modelValue,
+            "x-input--with-label": g.value
+          }
+        ]),
+        onInput: i,
+        onBlur: b,
+        onFocus: d,
+        onKeydown: j,
+        onKeyup: r,
+        onChange: p
+      }, null, 42, no),
+      e.label ? (u(), v("label", {
+        key: 0,
+        class: B([
+          "x-input-label",
+          {
+            "x-input-label--active": s.value || h.value,
+            "x-input-label--error": e.error
+          }
+        ])
+      }, T(e.label), 3)) : A("", !0),
+      e.clearable && e.modelValue && !e.disabled ? (u(), v("button", {
+        key: 1,
+        type: "button",
+        class: "x-input-clear",
+        onClick: f,
+        onMousedown: I[0] || (I[0] = H(() => {
+        }, ["prevent"]))
+      }, [
+        R(W(K), { icon: "bi:x-circle" })
+      ], 32)) : A("", !0),
+      e.showWordLimit && e.maxlength ? (u(), v("div", to, T(c.value) + " / " + T(e.maxlength), 1)) : A("", !0)
+    ], 4));
+  }
+}), Vo = /* @__PURE__ */ F(oo, [["__scopeId", "data-v-d7d149e3"]]), ao = { class: "x-checkboxes" }, lo = ["onClick"], so = { class: "checkbox-wrapper" }, co = ["checked", "disabled", "onChange"], go = { class: "checkbox-custom" }, io = {
+  key: 0,
+  class: "check-icon",
+  viewBox: "0 0 24 24"
+}, fo = { class: "option-label" }, ro = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    options: {},
+    modelValue: { default: () => [] },
+    placeholder: { default: "请选择选项" },
+    maxSelections: { default: 0 },
+    disabled: { type: Boolean, default: !1 },
+    layout: { default: "vertical" },
+    columns: { default: 3 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { expose: o, emit: a }) {
+    const n = e, t = a, l = (p) => n.modelValue && n.modelValue.includes(p), s = (p) => {
+      if (n.disabled) return;
+      const b = n.options.find((r) => r.value === p);
+      if (b != null && b.disabled) return;
+      const d = [...n.modelValue], j = d.indexOf(p);
+      if (j > -1)
+        d.splice(j, 1);
+      else {
+        if (n.maxSelections > 0 && d.length >= n.maxSelections)
+          return;
+        d.push(p);
+      }
+      t("update:modelValue", d), t("change", d);
+    }, g = (p) => {
+      !n.disabled && !p.disabled && s(p.value);
+    };
+    return o({
+      clearAll: () => {
+        n.disabled || (t("update:modelValue", []), t("change", []));
+      },
+      selectAll: () => {
+        if (n.disabled) return;
+        const b = n.options.filter((d) => !d.disabled).map((d) => d.value);
+        n.maxSelections > 0 ? (t("update:modelValue", b.slice(0, n.maxSelections)), t("change", b.slice(0, n.maxSelections))) : (t("update:modelValue", b), t("change", b));
+      },
+      removeOption: (p) => {
+        s(p);
+      }
+    }), (p, b) => (u(), v("div", ao, [
+      y("div", {
+        class: B(["options-container", [
+          `options-container--${e.layout}`,
+          { "options-container--disabled": e.disabled }
+        ]]),
+        style: G(e.layout === "grid" ? { gridTemplateColumns: `repeat(${e.columns}, 1fr)` } : {})
+      }, [
+        (u(!0), v(z, null, D(e.options, (d) => (u(), v("div", {
+          key: d.value,
+          class: B(["option-item", {
+            "option-selected": l(d.value),
+            "option-disabled": e.disabled || d.disabled
+          }]),
+          onClick: (j) => g(d)
+        }, [
+          y("div", so, [
+            y("input", {
+              type: "checkbox",
+              checked: l(d.value),
+              disabled: e.disabled || d.disabled,
+              onChange: H((j) => s(d.value), ["stop"]),
+              class: "checkbox-input"
+            }, null, 40, co),
+            y("div", go, [
+              l(d.value) ? (u(), v("svg", io, [...b[0] || (b[0] = [
+                y("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)
+              ])])) : A("", !0)
+            ])
+          ]),
+          y("span", fo, T(d.label), 1)
+        ], 10, lo))), 128))
+      ], 6)
+    ]));
+  }
+}), zo = /* @__PURE__ */ F(ro, [["__scopeId", "data-v-05984fcf"]]), po = ["onClick", "disabled", "aria-expanded", "aria-controls"], ho = { class: "accordion-title" }, mo = { class: "accordion-icon" }, uo = ["id"], vo = { class: "accordion-body" }, bo = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    items: {},
+    allowMultiple: { type: Boolean, default: !1 },
+    defaultOpen: { default: () => [] },
+    bordered: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["change", "item-click"],
+  setup(e, { expose: o, emit: a }) {
+    const n = e, t = a, l = $(new Set(n.defaultOpen)), s = $({}), g = $({}), h = (r, f) => {
+      r && (g.value[f] = r, _(() => {
+        const S = r.querySelector(".accordion-body");
+        S && (s.value[f] = S.scrollHeight);
+      }));
+    }, c = (r) => {
+      var S;
+      if (n.disabled || (S = n.items[r]) != null && S.disabled)
+        return;
+      const f = l.value.has(r);
+      n.allowMultiple ? f ? l.value.delete(r) : l.value.add(r) : f ? l.value.clear() : (l.value.clear(), l.value.add(r)), t("item-click", r, !f), t("change", Array.from(l.value));
+    }, i = (r) => l.value.has(r);
+    return J(() => n.defaultOpen, (r) => {
+      l.value = new Set(r);
+    }, { deep: !0 }), J(() => n.items, () => {
+      _(() => {
+        Object.keys(g.value).forEach((r) => {
+          const f = parseInt(r), S = g.value[f];
+          if (S) {
+            const P = S.querySelector(".accordion-body");
+            P && (s.value[f] = P.scrollHeight);
+          }
+        });
+      });
+    }, { deep: !0 }), o({
+      openItem: (r) => {
+        var f;
+        !n.disabled && !((f = n.items[r]) != null && f.disabled) && (l.value.has(r) || (n.allowMultiple || l.value.clear(), l.value.add(r), t("change", Array.from(l.value))));
+      },
+      closeItem: (r) => {
+        l.value.has(r) && (l.value.delete(r), t("change", Array.from(l.value)));
+      },
+      openAll: () => {
+        n.allowMultiple && !n.disabled && (n.items.forEach((r, f) => {
+          r.disabled || l.value.add(f);
+        }), t("change", Array.from(l.value)));
+      },
+      closeAll: () => {
+        l.value.clear(), t("change", []);
+      },
+      toggle: c
+    }), (r, f) => (u(), v("div", {
+      class: B(["accordion-container", { "accordion-container--bordered": e.bordered }])
+    }, [
+      (u(!0), v(z, null, D(e.items, (S, P) => (u(), v("div", {
+        key: S.id || P,
+        class: B(["accordion-item", {
+          "is-open": i(P),
+          "is-disabled": e.disabled || S.disabled
+        }])
+      }, [
+        y("button", {
+          onClick: (C) => c(P),
+          class: "accordion-header",
+          disabled: e.disabled || S.disabled,
+          "aria-expanded": i(P),
+          "aria-controls": `accordion-content-${P}`
+        }, [
+          y("span", ho, T(S.title), 1),
+          y("div", mo, [
+            (u(), v("svg", {
+              class: B(["accordion-arrow", { "accordion-arrow--rotate": i(P) }]),
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              strokeWidth: "2"
+            }, [...f[0] || (f[0] = [
+              y("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M19 9l-7 7-7-7"
+              }, null, -1)
+            ])], 2))
+          ])
+        ], 8, po),
+        y("div", {
+          id: `accordion-content-${P}`,
+          class: "accordion-content",
+          style: G({ maxHeight: i(P) ? `${s.value[P]}px` : "0px" }),
+          ref_for: !0,
+          ref: (C) => h(C, P)
+        }, [
+          y("div", vo, T(S.content), 1)
+        ], 12, uo)
+      ], 2))), 128))
+    ], 2));
+  }
+}), Fo = /* @__PURE__ */ F(bo, [["__scopeId", "data-v-ff064eef"]]), wo = { class: "thumbnail-container-wrapper relative" }, yo = ["onMouseenter", "onClick"], Co = ["src", "alt"], So = { class: "thumbnail-index" }, xo = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    images: { default: () => [] },
+    modelValue: { default: 0 },
+    autoScroll: { type: Boolean, default: !0 },
+    showIndex: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change", "hover"],
+  setup(e, { expose: o, emit: a }) {
+    const n = e, t = a, l = $(n.modelValue), s = $(null), g = $([]), h = $(!1), c = $(!1), i = $(0), p = $(!1), b = $(!1), d = () => {
+      I();
+    }, j = (m, E) => {
+      m && m instanceof HTMLElement && (g.value[E] = m);
+    }, r = (m) => {
+      t("hover", m);
+    }, f = () => {
+    }, S = (m) => {
+      l.value = m, t("update:modelValue", m), t("change", m), n.autoScroll && _(() => {
+        w(m), setTimeout(() => {
+          I();
+        }, 300);
+      });
+    }, P = () => {
+      if (!s.value) return;
+      const m = s.value, E = m.clientWidth * 0.8;
+      m.scrollBy({
+        left: -E,
+        behavior: "smooth"
+      });
+    }, C = () => {
+      if (!s.value) return;
+      const m = s.value, E = m.clientWidth * 0.8;
+      m.scrollBy({
+        left: E,
+        behavior: "smooth"
+      });
+    }, w = (m) => {
+      if (!s.value || g.value.length === 0) return;
+      const E = s.value, x = g.value[m];
+      if (!x) return;
+      const M = 2, Ue = x.offsetWidth + 8;
+      let ne = 0;
+      m >= M && (ne = (m - M) * Ue);
+      const Ye = E.scrollWidth - E.clientWidth;
+      ne = Math.max(0, Math.min(ne, Ye)), E.scrollTo({
+        left: ne,
+        behavior: "smooth"
+      });
+    }, I = () => {
+      if (!s.value) return;
+      const m = s.value, E = m.scrollLeft, x = m.scrollWidth - m.clientWidth;
+      h.value = E > 0, c.value = E < x, x > 0 ? i.value = E / x * 100 : i.value = 0;
+      const M = k();
+      p.value = n.images.length > M && h.value, b.value = n.images.length > M && c.value;
+    }, k = () => {
+      var ie;
+      if (!s.value || g.value.length === 0) return 4;
+      const E = s.value.clientWidth - 32, N = (((ie = g.value[0]) == null ? void 0 : ie.offsetWidth) || 80) + 12;
+      return Math.floor(E / N);
+    }, L = (m) => {
+      m >= 0 && m < n.images.length && S(m);
+    };
+    return J(() => n.modelValue, (m) => {
+      m !== void 0 && m !== l.value && (l.value = m, n.autoScroll && _(() => {
+        w(m);
+      }));
+    }), J(() => n.images, () => {
+      _(() => {
+        I();
+      });
+    }, { deep: !0 }), se(() => {
+      _(() => {
+        I();
+      });
+    }), o({
+      setCurrentIndex: L,
+      scrollLeft: P,
+      scrollRight: C,
+      updateScrollState: I
+    }), (m, E) => (u(), v("div", wo, [
+      p.value ? (u(), v("button", {
+        key: 0,
+        onClick: P,
+        class: "scroll-arrow scroll-arrow-left",
+        "aria-label": "向左滚动"
+      }, [...E[1] || (E[1] = [
+        y("svg", {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2"
+        }, [
+          y("path", { d: "M15 18l-6-6 6-6" })
+        ], -1)
+      ])])) : A("", !0),
+      y("div", {
+        ref_key: "thumbnailContainer",
+        ref: s,
+        onScroll: d,
+        class: "thumbnail-scroll-container"
+      }, [
+        (u(!0), v(z, null, D(e.images, (x, M) => (u(), v("div", {
+          key: M,
+          ref_for: !0,
+          ref: (N) => j(N, M),
+          onMouseenter: (N) => r(M),
+          onMouseleave: E[0] || (E[0] = (N) => f()),
+          onClick: (N) => S(M),
+          class: B(["thumbnail-item", {
+            "thumbnail-item--active": l.value === M,
+            "thumbnail-item--inactive": l.value !== M
+          }])
+        }, [
+          y("img", {
+            src: x,
+            alt: `缩略图 ${M + 1}`,
+            class: B(["thumbnail-image", {
+              "thumbnail-image--active": l.value === M,
+              "thumbnail-image--inactive": l.value !== M
+            }])
+          }, null, 10, Co),
+          y("div", So, T(M + 1), 1)
+        ], 42, yo))), 128))
+      ], 544),
+      b.value ? (u(), v("button", {
+        key: 1,
+        onClick: C,
+        class: "scroll-arrow scroll-arrow-right",
+        "aria-label": "向右滚动"
+      }, [...E[2] || (E[2] = [
+        y("svg", {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2"
+        }, [
+          y("path", { d: "M9 18l6-6-6-6" })
+        ], -1)
+      ])])) : A("", !0)
+    ]));
+  }
+}), Oo = /* @__PURE__ */ F(xo, [["__scopeId", "data-v-809b97a6"]]), Eo = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    width: { default: "100%" },
+    height: { default: "1rem" },
+    shape: { default: "rectangle" },
+    animated: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !0 },
+    class: { default: "" },
+    style: { default: () => ({}) }
+  },
+  setup(e) {
+    const o = e, a = X(() => typeof o.width == "string" ? o.width.includes("%") || o.width.includes("px") || o.width.includes("rem") ? "" : `w-${o.width}` : ""), n = X(() => typeof o.height == "string" ? o.height.includes("%") || o.height.includes("px") || o.height.includes("rem") ? "" : `h-${o.height}` : ""), t = X(() => {
+      switch (o.shape) {
+        case "circle":
+          return "rounded-full";
+        case "rounded":
+          return "rounded-lg";
+        default:
+          return "rounded";
+      }
+    }), l = X(() => o.class), s = X(() => {
+      const g = { ...o.style };
+      return typeof o.width == "string" && (o.width.includes("%") || o.width.includes("px") || o.width.includes("rem")) ? g.width = o.width : typeof o.width == "number" && (g.width = `${o.width}px`), typeof o.height == "string" && (o.height.includes("%") || o.height.includes("px") || o.height.includes("rem")) ? g.height = o.height : typeof o.height == "number" && (g.height = `${o.height}px`), g;
+    });
+    return (g, h) => e.loading ? (u(), v("div", {
+      key: 0,
+      class: B(["bg-gray-200", [
+        a.value,
+        n.value,
+        t.value,
+        l.value,
+        { "animate-pulse": e.animated }
+      ]]),
+      style: G(s.value)
+    }, null, 6)) : Q(g.$slots, "default", { key: 1 }, void 0, !0);
+  }
+}), Ro = /* @__PURE__ */ F(Eo, [["__scopeId", "data-v-db4a4465"]]), Po = {
+  key: 0,
+  class: "modal-header"
+}, jo = { class: "modal-title" }, ko = { class: "modal-body" }, Mo = {
+  key: 1,
+  class: "modal-footer"
+}, Ao = ["disabled"], Io = {
+  key: 0,
+  class: "loading-spinner"
+}, $o = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    title: { default: "提示" },
+    width: {},
+    size: { default: "medium" },
+    fullscreen: { type: Boolean, default: !1 },
+    showHeader: { type: Boolean, default: !0 },
+    showFooter: { type: Boolean, default: !0 },
+    showClose: { type: Boolean, default: !0 },
+    showCancel: { type: Boolean, default: !0 },
+    showConfirm: { type: Boolean, default: !0 },
+    cancelText: { default: "取消" },
+    confirmText: { default: "确定" },
+    confirmLoading: { type: Boolean, default: !1 },
+    maskClosable: { type: Boolean, default: !0 },
+    escClosable: { type: Boolean, default: !0 }
+  },
+  emits: ["update:visible", "close", "cancel", "confirm", "opened", "closed"],
+  setup(e, { expose: o, emit: a }) {
+    const n = e, t = a, l = () => {
+      t("update:visible", !1), t("close");
+    }, s = () => {
+      t("cancel"), t("update:visible", !1);
+    }, g = () => {
+      t("confirm");
+    }, h = () => {
+      n.maskClosable && l();
+    }, c = (i) => {
+      i.key === "Escape" && n.escClosable && n.visible && l();
+    };
+    return J(() => n.visible, (i) => {
+      i ? (document.addEventListener("keydown", c), document.body.style.overflow = "hidden", t("opened")) : (document.removeEventListener("keydown", c), document.body.style.overflow = "", t("closed"));
+    }), o({
+      close: l
+    }), (i, p) => (u(), re(Je, { to: "body" }, [
+      R(pe, {
+        "enter-active-class": "transition-opacity duration-300",
+        "enter-from-class": "opacity-0",
+        "enter-to-class": "opacity-100",
+        "leave-active-class": "transition-opacity duration-300",
+        "leave-from-class": "opacity-100",
+        "leave-to-class": "opacity-0"
+      }, {
+        default: Z(() => [
+          e.visible ? (u(), v("div", {
+            key: 0,
+            class: "modal-mask",
+            onClick: h
+          }, [
+            R(pe, {
+              "enter-active-class": "transition-all duration-300",
+              "enter-from-class": "opacity-0 scale-95",
+              "enter-to-class": "opacity-100 scale-100",
+              "leave-active-class": "transition-all duration-300",
+              "leave-from-class": "opacity-100 scale-100",
+              "leave-to-class": "opacity-0 scale-95"
+            }, {
+              default: Z(() => [
+                e.visible ? (u(), v("div", {
+                  key: 0,
+                  class: B(["modal-container", [
+                    `modal-container--${e.size}`,
+                    { "modal-container--fullscreen": e.fullscreen }
+                  ]]),
+                  style: G({ width: e.width }),
+                  onClick: p[0] || (p[0] = H(() => {
+                  }, ["stop"]))
+                }, [
+                  e.showHeader ? (u(), v("div", Po, [
+                    Q(i.$slots, "header", {}, () => [
+                      y("h3", jo, T(e.title), 1)
+                    ], !0),
+                    e.showClose ? (u(), v("button", {
+                      key: 0,
+                      class: "modal-close",
+                      onClick: l,
+                      "aria-label": "关闭"
+                    }, [...p[1] || (p[1] = [
+                      y("svg", {
+                        width: "24",
+                        height: "24",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        y("path", { d: "M18 6L6 18M6 6l12 12" })
+                      ], -1)
+                    ])])) : A("", !0)
+                  ])) : A("", !0),
+                  y("div", ko, [
+                    Q(i.$slots, "default", {}, void 0, !0)
+                  ]),
+                  e.showFooter ? (u(), v("div", Mo, [
+                    Q(i.$slots, "footer", {}, () => [
+                      e.showCancel ? (u(), v("button", {
+                        key: 0,
+                        class: "modal-btn modal-btn--cancel",
+                        onClick: s
+                      }, T(e.cancelText), 1)) : A("", !0),
+                      e.showConfirm ? (u(), v("button", {
+                        key: 1,
+                        class: "modal-btn modal-btn--confirm",
+                        onClick: g,
+                        disabled: e.confirmLoading
+                      }, [
+                        e.confirmLoading ? (u(), v("span", Io)) : A("", !0),
+                        ze(" " + T(e.confirmText), 1)
+                      ], 8, Ao)) : A("", !0)
+                    ], !0)
+                  ])) : A("", !0)
+                ], 6)) : A("", !0)
+              ]),
+              _: 3
+            })
+          ])) : A("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Do = /* @__PURE__ */ F($o, [["__scopeId", "data-v-e43c9a70"]]), _o = () => {
+  const e = () => {
+    let c = document.getElementById("xl-message-container");
+    return c || (c = document.createElement("div"), c.id = "xl-message-container", c.style.cssText = `
+                position: fixed;
+                top: 20px;
+                right: 20px;
+                z-index: 9999;
+                display: flex;
+                flex-direction: column;
+                gap: 10px;
+            `, document.body.appendChild(c)), c;
+  }, o = (c) => {
+    const i = {
+      success: {
+        bgColor: "#f0fdf4",
+        borderColor: "#86efac",
+        textColor: "#166534",
+        iconColor: "#22c55e",
+        iconSvg: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>'
+      },
+      error: {
+        bgColor: "#fef2f2",
+        borderColor: "#fca5a5",
+        textColor: "#991b1b",
+        iconColor: "#ef4444",
+        iconSvg: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>'
+      },
+      warning: {
+        bgColor: "#fefce8",
+        borderColor: "#fde047",
+        textColor: "#854d0e",
+        iconColor: "#eab308",
+        iconSvg: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>'
+      },
+      info: {
+        bgColor: "#f8fafc",
+        borderColor: "#cbd5e1",
+        textColor: "#1e293b",
+        iconColor: "#64748b",
+        iconSvg: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>'
+      }
+    };
+    return i[c] || i.info;
+  }, a = (c) => {
+    const i = e(), p = c.type || "info", b = c.duration !== void 0 ? c.duration : 3e3, d = o(p), j = `xl-msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, r = document.createElement("div");
+    r.id = j, r.style.cssText = `
+            background-color: ${d.bgColor};
+            border: 1px solid ${d.borderColor};
+            color: ${d.textColor};
+            border-radius: 12px;
+            padding: 16px;
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+            max-width: 384px;
+            transform: translateX(100%);
+            opacity: 0;
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            pointer-events: auto;
+        `, r.innerHTML = `
+            <div style="display: flex; align-items: flex-start; gap: 12px;">
+                <div style="flex-shrink: 0; color: ${d.iconColor}; margin-top: 2px;">
+                    ${d.iconSvg}
+                </div>
+                <div style="flex: 1; min-width: 0;">
+                    <div style="font-size: 14px; font-weight: 500; line-height: 1.5; color: ${d.textColor};">
+                        ${c.title}
+                    </div>
+                    ${c.content ? `<div style="margin-top: 4px; font-size: 13px; line-height: 1.5; color: ${d.textColor}; opacity: 0.8;">${c.content}</div>` : ""}
+                </div>
+                <button 
+                    style="flex-shrink: 0; background: none; border: none; padding: 4px; cursor: pointer; color: ${d.textColor}; opacity: 0.5; border-radius: 4px; transition: all 0.15s; display: flex; align-items: center; justify-content: center;"
+                    onmouseover="this.style.opacity='1'; this.style.backgroundColor='rgba(0,0,0,0.05)';"
+                    onmouseout="this.style.opacity='0.5'; this.style.backgroundColor='transparent';"
+                    onclick="document.getElementById('${j}')?.remove()"
+                >
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
+                        <path d="M18 6L6 18M6 6l12 12"/>
+                    </svg>
+                </button>
+            </div>
+        `, i.appendChild(r), requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        r.style.transform = "translateX(0)", r.style.opacity = "1";
+      });
+    }), b > 0 && setTimeout(() => {
+      n(j);
+    }, b);
+  }, n = (c) => {
+    const i = document.getElementById(c);
+    i && (i.style.transform = "translateX(100%)", i.style.opacity = "0", setTimeout(() => {
+      i.parentNode && i.parentNode.removeChild(i);
+    }, 300));
+  };
+  return {
+    show: a,
+    confirm: (c) => {
+      const i = c.type || "info", p = o(i), b = `xl-confirm-${Date.now()}`, d = document.createElement("div");
+      d.id = b, d.style.cssText = `
+            position: fixed;
+            inset: 0;
+            z-index: 9999;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: rgba(0, 0, 0, 0.5);
+            opacity: 0;
+            transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            backdrop-filter: blur(4px);
+        `;
+      const j = `
+            <div class="xl-confirm-dialog" style="
+                background-color: white;
+                border-radius: 12px;
+                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+                max-width: 448px;
+                width: 100%;
+                margin: 16px;
+                transform: scale(0.95);
+                opacity: 0;
+                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            ">
+                <div style="padding: 24px;">
+                    <div style="display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px;">
+                        <div style="flex-shrink: 0; color: ${p.iconColor}; margin-top: 2px;">
+                            ${p.iconSvg}
+                        </div>
+                        <div style="flex: 1;">
+                            <h3 style="font-size: 18px; font-weight: 600; color: #1a1a1a; line-height: 1.5; margin: 0;">
+                                ${c.title}
+                            </h3>
+                        </div>
+                    </div>
+                    <div style="font-size: 14px; color: #64748b; line-height: 1.6; margin-bottom: 24px; padding-left: 36px;">
+                        ${c.content}
+                    </div>
+                    <div style="display: flex; justify-content: flex-end; gap: 12px;">
+                        <button class="xl-confirm-cancel" style="
+                            padding: 8px 16px;
+                            font-size: 14px;
+                            font-weight: 500;
+                            height: 36px;
+                            color: #1a1a1a;
+                            background-color: white;
+                            border: 1px solid #cacaca;
+                            border-radius: 6px;
+                            cursor: pointer;
+                            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+                            box-shadow: 0 1px 2px rgba(26, 26, 26, 0.05);
+                            position: relative;
+                            overflow: hidden;
+                            transform: translateY(0);
+                        " 
+                        onmouseover="this.style.borderColor='#1a1a1a'; this.style.color='#1a1a1a'; this.style.boxShadow='0 4px 12px rgba(26, 26, 26, 0.3)'; this.style.transform='translateY(-2px)';" 
+                        onmouseout="this.style.backgroundColor='white'; this.style.borderColor='#cacaca'; this.style.color='#1a1a1a'; this.style.boxShadow='0 1px 2px rgba(26, 26, 26, 0.05)'; this.style.transform='translateY(0)';"
+                        onmousedown="this.style.transform='translateY(1px)'; this.style.boxShadow='0 2px 4px rgba(0, 0, 0, 0.1)';"
+                        onmouseup="this.style.transform='translateY(-2px)';">
+                            ${c.cancelText || "取消"}
+                        </button>
+                        <button class="xl-confirm-ok" style="
+                            padding: 8px 16px;
+                            font-size: 14px;
+                            font-weight: 500;
+                            height: 36px;
+                            color: white;
+                            background: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);
+                            border: 1px solid #1a1a1a;
+                            border-radius: 6px;
+                            cursor: pointer;
+                            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+                            box-shadow: 0 4px 12px rgba(26, 26, 26, 0.3);
+                            position: relative;
+                            overflow: hidden;
+                            transform: translateY(0);
+                        " 
+                        onmouseover="this.style.background='linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 100%)'; this.style.boxShadow='0 8px 24px rgba(26, 26, 26, 0.4)'; this.style.transform='translateY(-2px)';" 
+                        onmouseout="this.style.background='linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%)'; this.style.boxShadow='0 4px 12px rgba(26, 26, 26, 0.3)'; this.style.transform='translateY(0)';"
+                        onmousedown="this.style.transform='translateY(1px)'; this.style.boxShadow='0 2px 4px rgba(0, 0, 0, 0.1)';"
+                        onmouseup="this.style.transform='translateY(-2px)';">
+                            ${c.confirmText || "确认"}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        `;
+      d.innerHTML = j, document.body.appendChild(d), requestAnimationFrame(() => {
+        d.style.opacity = "1";
+        const C = d.querySelector(".xl-confirm-dialog");
+        C && requestAnimationFrame(() => {
+          C.style.transform = "scale(1)", C.style.opacity = "1";
+        });
+      });
+      const r = d.querySelector(".xl-confirm-ok"), f = d.querySelector(".xl-confirm-cancel"), S = () => {
+        const C = d.querySelector(".xl-confirm-dialog");
+        C && (C.style.transform = "scale(0.95)", C.style.opacity = "0"), d.style.opacity = "0", setTimeout(() => {
+          d.parentNode && d.parentNode.removeChild(d);
+        }, 300);
+      };
+      r == null || r.addEventListener("click", () => {
+        var C;
+        (C = c.onConfirm) == null || C.call(c), S();
+      }), f == null || f.addEventListener("click", () => {
+        var C;
+        (C = c.onCancel) == null || C.call(c), S();
+      }), d.addEventListener("click", (C) => {
+        var w;
+        C.target === d && ((w = c.onCancel) == null || w.call(c), S());
+      });
+      const P = (C) => {
+        var w;
+        C.key === "Escape" && ((w = c.onCancel) == null || w.call(c), S(), document.removeEventListener("keydown", P));
+      };
+      document.addEventListener("keydown", P);
+    },
+    success: (c, i, p) => {
+      a({ title: c, content: i, type: "success", duration: p });
+    },
+    error: (c, i, p) => {
+      a({ title: c, content: i, type: "error", duration: p });
+    },
+    warning: (c, i, p) => {
+      a({ title: c, content: i, type: "warning", duration: p });
+    },
+    info: (c, i, p) => {
+      a({ title: c, content: i, type: "info", duration: p });
+    },
+    remove: n
+  };
+};
+export {
+  Fo as XAccordion,
+  Le as XButton,
+  Bo as XCard,
+  zo as XCheckboxes,
+  Xo as XCountrySelect,
+  Vo as XInput,
+  Do as XModal,
+  Lo as XSelect,
+  Ro as XSkeleton,
+  Oo as XThumbnailContainer,
+  _o as useMsg,
+  _o as xlMsg
+};