@xlui/xux-ui 0.1.0 → 0.2.0

package/dist/index.mjs

@@ -1,41 +1,41 @@
-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(":");
+import { defineComponent as V, h as xe, ref as B, computed as L, createElementBlock as v, openBlock as m, normalizeClass as $, createCommentVNode as A, createElementVNode as y, Fragment as z, renderList as D, normalizeStyle as G, createVNode as R, unref as W, renderSlot as K, onMounted as se, toDisplayString as I, withModifiers as q, withCtx as Z, createBlock as fe, nextTick as N, onUnmounted as Ve, readonly as Se, withKeys as O, createTextVNode as be, 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, t = "") => {
+  const n = e.split(":");
   if (e.slice(0, 1) === "@") {
-    if (t.length < 2 || t.length > 3)
+    if (n.length < 2 || n.length > 3)
       return null;
-    n = t.shift().slice(1);
+    t = n.shift().slice(1);
   }
-  if (t.length > 3 || !t.length)
+  if (n.length > 3 || !n.length)
     return null;
-  if (t.length > 1) {
-    const g = t.pop(), h = t.pop(), c = {
+  if (n.length > 1) {
+    const i = n.pop(), r = n.pop(), c = {
       // Allow provider without '@': "provider:prefix:name"
-      provider: t.length > 0 ? t[0] : n,
-      prefix: h,
-      name: g
+      provider: n.length > 0 ? n[0] : t,
+      prefix: r,
+      name: i
     };
-    return o && !te(c) ? null : c;
+    return o && !ne(c) ? null : c;
   }
-  const l = t[0], s = l.split("-");
+  const l = n[0], s = l.split("-");
   if (s.length > 1) {
-    const g = {
-      provider: n,
+    const i = {
+      provider: t,
       prefix: s.shift(),
       name: s.join("-")
     };
-    return o && !te(g) ? null : g;
+    return o && !ne(i) ? null : i;
   }
-  if (a && n === "") {
-    const g = {
-      provider: n,
+  if (a && t === "") {
+    const i = {
+      provider: t,
       prefix: "",
       name: l
     };
-    return o && !te(g, a) ? null : g;
+    return o && !ne(i, a) ? null : i;
   }
   return null;
-}, te = (e, o) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+}, ne = (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(
   {
@@ -56,58 +56,58 @@ const Fe = /^[a-z0-9]+(-[a-z0-9]+)*$/, ce = (e, o, a, n = "") => {
   body: "",
   hidden: !1
 });
-function en(e, o) {
+function et(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;
+  const t = ((e.rotate || 0) + (o.rotate || 0)) % 4;
+  return t && (a.rotate = t), 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]);
+function Ee(e, o) {
+  const a = et(e, o);
+  for (const t in he)
+    t in le ? t in e && !(t in a) && (a[t] = le[t]) : t in o ? a[t] = o[t] : t in e && (a[t] = e[t]);
   return a;
 }
-function nn(e, o) {
-  const a = e.icons, n = e.aliases || /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
+function tt(e, o) {
+  const a = e.icons, t = e.aliases || /* @__PURE__ */ Object.create(null), n = /* @__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 n[s] = [];
+    if (!(s in n)) {
+      n[s] = null;
+      const i = t[s] && t[s].parent, r = i && l(i);
+      r && (n[s] = [i].concat(r));
     }
-    return t[s];
+    return n[s];
   }
-  return Object.keys(a).concat(Object.keys(n)).forEach(l), t;
+  return Object.keys(a).concat(Object.keys(t)).forEach(l), n;
 }
-function tn(e, o, a) {
-  const n = e.icons, t = e.aliases || /* @__PURE__ */ Object.create(null);
+function nt(e, o, a) {
+  const t = e.icons, n = e.aliases || /* @__PURE__ */ Object.create(null);
   let l = {};
-  function s(g) {
-    l = xe(
-      n[g] || t[g],
+  function s(i) {
+    l = Ee(
+      t[i] || n[i],
       l
     );
   }
-  return s(o), a.forEach(s), xe(e, l);
+  return s(o), a.forEach(s), Ee(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);
+  e.not_found instanceof Array && e.not_found.forEach((n) => {
+    o(n, null), a.push(n);
   });
-  const n = nn(e);
-  for (const t in n) {
-    const l = n[t];
-    l && (o(t, tn(e, t, l)), a.push(t));
+  const t = tt(e);
+  for (const n in t) {
+    const l = t[n];
+    l && (o(n, nt(e, n, l)), a.push(n));
   }
   return a;
 }
-const on = {
+const ot = {
   provider: "",
   aliases: {},
   not_found: {},
@@ -123,14 +123,14 @@ 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))
+  if (typeof o.prefix != "string" || !e.icons || typeof e.icons != "object" || !de(e, ot))
     return null;
   const a = o.icons;
-  for (const t in a) {
-    const l = a[t];
+  for (const n in a) {
+    const l = a[n];
     if (
       // Name cannot be empty
-      !t || // Must have body
+      !n || // Must have body
       typeof l.body != "string" || // Check other props
       !de(
         l,
@@ -139,13 +139,13 @@ function De(e) {
     )
       return null;
   }
-  const n = o.aliases || /* @__PURE__ */ Object.create(null);
-  for (const t in n) {
-    const l = n[t], s = l.parent;
+  const t = o.aliases || /* @__PURE__ */ Object.create(null);
+  for (const n in t) {
+    const l = t[n], 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
+      !n || // Parent must be set and point to existing icon
+      typeof s != "string" || !a[s] && !t[s] || // Check other props
       !de(
         l,
         he
@@ -155,8 +155,8 @@ function De(e) {
   }
   return o;
 }
-const Ee = /* @__PURE__ */ Object.create(null);
-function an(e, o) {
+const ke = /* @__PURE__ */ Object.create(null);
+function at(e, o) {
   return {
     provider: e,
     prefix: o,
@@ -164,16 +164,16 @@ function an(e, o) {
     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 U(e, o) {
+  const a = ke[e] || (ke[e] = /* @__PURE__ */ Object.create(null));
+  return a[o] || (a[o] = at(e, o));
 }
-function _e(e, o) {
-  return De(o) ? Re(o, (a, n) => {
-    n ? e.icons[a] = n : e.missing.add(a);
+function Ne(e, o) {
+  return De(o) ? Re(o, (a, t) => {
+    t ? e.icons[a] = t : e.missing.add(a);
   }) : [];
 }
-function ln(e, o, a) {
+function lt(e, o, a) {
   try {
     if (typeof a.body == "string")
       return e.icons[o] = { ...a }, !0;
@@ -182,40 +182,40 @@ function ln(e, o, a) {
   return !1;
 }
 let ee = !1;
-function Ne(e) {
+function _e(e) {
   return typeof e == "boolean" && (ee = e), ee;
 }
-function sn(e) {
+function st(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);
+    const a = U(o.provider, o.prefix), t = o.name;
+    return a.icons[t] || (a.missing.has(t) ? null : void 0);
   }
 }
-function cn(e, o) {
+function ct(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);
+  const t = U(a.provider, a.prefix);
+  return o ? lt(t, a.name, o) : (t.missing.add(a.name), !0);
 }
-function gn(e, o) {
+function gt(e, o) {
   if (typeof e != "object")
     return !1;
   if (typeof o != "string" && (o = e.provider || ""), ee && !o && !e.prefix) {
-    let t = !1;
+    let n = !1;
     return De(e) && (e.prefix = "", Re(e, (l, s) => {
-      cn(l, s) && (t = !0);
-    })), t;
+      ct(l, s) && (n = !0);
+    })), n;
   }
   const a = e.prefix;
-  if (!te({
+  if (!ne({
     prefix: a,
     name: "a"
   }))
     return !1;
-  const n = q(o, a);
-  return !!_e(n, e);
+  const t = U(o, a);
+  return !!Ne(t, e);
 }
 const Ge = Object.freeze({
   width: null,
@@ -225,7 +225,7 @@ const Ge = Object.freeze({
   ...Ge,
   // Transformations
   ...le
-}), dn = /(-?[0-9.]*[0-9]+[0-9.]*)/g, fn = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+}), it = /(-?[0-9.]*[0-9]+[0-9.]*)/g, dt = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function Pe(e, o, a) {
   if (o === 1)
     return e;
@@ -233,135 +233,135 @@ function Pe(e, o, a) {
     return Math.ceil(e * o * a) / a;
   if (typeof e != "string")
     return e;
-  const n = e.split(dn);
-  if (n === null || !n.length)
+  const t = e.split(it);
+  if (t === null || !t.length)
     return e;
-  const t = [];
-  let l = n.shift(), s = fn.test(l);
+  const n = [];
+  let l = t.shift(), s = dt.test(l);
   for (; ; ) {
     if (s) {
-      const g = parseFloat(l);
-      isNaN(g) ? t.push(l) : t.push(Math.ceil(g * o * a) / a);
+      const i = parseFloat(l);
+      isNaN(i) ? n.push(l) : n.push(Math.ceil(i * o * a) / a);
     } else
-      t.push(l);
-    if (l = n.shift(), l === void 0)
-      return t.join("");
+      n.push(l);
+    if (l = t.shift(), l === void 0)
+      return n.join("");
     s = !s;
   }
 }
-function rn(e, o = "defs") {
+function rt(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)
+  const t = e.indexOf("<" + o);
+  for (; t >= 0; ) {
+    const n = e.indexOf(">", t), l = e.indexOf("</" + o);
+    if (n === -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);
+    a += e.slice(n + 1, l).trim(), e = e.slice(0, t).trim() + e.slice(s + 1);
   }
   return {
     defs: a,
     content: e
   };
 }
-function pn(e, o) {
+function ft(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);
+function pt(e, o, a) {
+  const t = rt(e);
+  return ft(t.defs, o + t.content + a);
 }
-const mn = (e) => e === "unset" || e === "undefined" || e === "none";
-function un(e, o) {
+const ht = (e) => e === "unset" || e === "undefined" || e === "none";
+function mt(e, o) {
   const a = {
     ...ge,
     ...e
-  }, n = {
+  }, t = {
     ...We,
     ...o
-  }, t = {
+  }, n = {
     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);
+  [a, t].forEach((p) => {
+    const g = [], x = p.hFlip, E = p.vFlip;
+    let C = p.rotate;
+    x ? E ? C += 2 : (g.push(
+      "translate(" + (n.width + n.left).toString() + " " + (0 - n.top).toString() + ")"
+    ), g.push("scale(-1 1)"), n.top = n.left = 0) : E && (g.push(
+      "translate(" + (0 - n.left).toString() + " " + (n.height + n.top).toString() + ")"
+    ), g.push("scale(1 -1)"), n.top = n.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(
+        w = n.height / 2 + n.top, g.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() + ")"
+        g.unshift(
+          "rotate(180 " + (n.width / 2 + n.left).toString() + " " + (n.height / 2 + n.top).toString() + ")"
         );
         break;
       case 3:
-        w = t.width / 2 + t.left, f.unshift(
+        w = n.width / 2 + n.left, g.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(
+    C % 2 === 1 && (n.left !== n.top && (w = n.left, n.left = n.top, n.top = w), n.width !== n.height && (w = n.width, n.width = n.height, n.height = w)), g.length && (l = pt(
       l,
-      '<g transform="' + f.join(" ") + '">',
+      '<g transform="' + g.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());
+  const s = t.width, i = t.height, r = n.width, c = n.height;
+  let f, h;
+  s === null ? (h = i === null ? "1em" : i === "auto" ? c : i, f = Pe(h, r / c)) : (f = s === "auto" ? r : s, h = i === null ? Pe(f, c / r) : i === "auto" ? c : i);
+  const b = {}, d = (p, g) => {
+    ht(g) || (b[p] = g.toString());
   };
-  d("width", i), d("height", p);
-  const j = [t.left, t.top, h, c];
-  return b.viewBox = j.join(" "), {
+  d("width", f), d("height", h);
+  const k = [n.left, n.top, r, c];
+  return b.viewBox = k.join(" "), {
     attributes: b,
-    viewBox: j,
+    viewBox: k,
     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 ut = /\sid="(\S+)"/g, vt = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let bt = 0;
+function wt(e, o = vt) {
   const a = [];
-  let n;
-  for (; n = vn.exec(e); )
-    a.push(n[1]);
+  let t;
+  for (; t = ut.exec(e); )
+    a.push(t[1]);
   if (!a.length)
     return e;
-  const t = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
+  const n = "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, "\\$&");
+    const s = typeof o == "function" ? o(l) : o + (bt++).toString(), i = 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"
+      new RegExp('([#;"])(' + i + ')([")]|\\.[a-z])', "g"),
+      "$1" + s + n + "$3"
     );
-  }), e = e.replace(new RegExp(t, "g"), ""), e;
+  }), e = e.replace(new RegExp(n, "g"), ""), e;
 }
 const me = /* @__PURE__ */ Object.create(null);
-function Cn(e, o) {
+function yt(e, o) {
   me[e] = o;
 }
 function ue(e) {
   return me[e] || me[""];
 }
-function be(e) {
+function we(e) {
   let o;
   if (typeof e.resources == "string")
     o = [e.resources];
@@ -386,23 +386,23 @@ function be(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const we = /* @__PURE__ */ Object.create(null), U = [
+const ye = /* @__PURE__ */ Object.create(null), Y = [
   "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({
+for (; Y.length > 0; )
+  Y.length === 1 || Math.random() > 0.5 ? oe.push(Y.shift()) : oe.push(Y.pop());
+ye[""] = we({
   resources: ["https://api.iconify.design"].concat(oe)
 });
-function Sn(e, o) {
-  const a = be(o);
-  return a === null ? !1 : (we[e] = a, !0);
+function Ct(e, o) {
+  const a = we(o);
+  return a === null ? !1 : (ye[e] = a, !0);
 }
-function ye(e) {
-  return we[e];
+function Ce(e) {
+  return ye[e];
 }
-const xn = () => {
+const xt = () => {
   let e;
   try {
     if (e = fetch, typeof e == "function")
@@ -410,89 +410,89 @@ const xn = () => {
   } catch {
   }
 };
-let je = xn();
-function En(e, o) {
-  const a = ye(e);
+let je = xt();
+function St(e, o) {
+  const a = Ce(e);
   if (!a)
     return 0;
-  let n;
+  let t;
   if (!a.maxURL)
-    n = 0;
+    t = 0;
   else {
-    let t = 0;
+    let n = 0;
     a.resources.forEach((s) => {
-      t = Math.max(t, s.length);
+      n = Math.max(n, s.length);
     });
     const l = o + ".json?icons=";
-    n = a.maxURL - t - a.path.length - l.length;
+    t = a.maxURL - n - a.path.length - l.length;
   }
-  return n;
+  return t;
 }
-function Pn(e) {
+function Et(e) {
   return e === 404;
 }
-const jn = (e, o, a) => {
-  const n = [], t = En(e, o), l = "icons";
+const kt = (e, o, a) => {
+  const t = [], n = St(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 = {
+  }, i = 0;
+  return a.forEach((r, c) => {
+    i += r.length + 1, i >= n && c > 0 && (t.push(s), s = {
       type: l,
       provider: e,
       prefix: o,
       icons: []
-    }, g = h.length), s.icons.push(h);
-  }), n.push(s), n;
+    }, i = r.length), s.icons.push(r);
+  }), t.push(s), t;
 };
-function kn(e) {
+function Pt(e) {
   if (typeof e == "string") {
-    const o = ye(e);
+    const o = Ce(e);
     if (o)
       return o.path;
   }
   return "/";
 }
-const Mn = (e, o, a) => {
+const jt = (e, o, a) => {
   if (!je) {
     a("abort", 424);
     return;
   }
-  let n = kn(o.provider);
+  let t = Pt(o.provider);
   switch (o.type) {
     case "icons": {
-      const l = o.prefix, g = o.icons.join(","), h = new URLSearchParams({
-        icons: g
+      const l = o.prefix, i = o.icons.join(","), r = new URLSearchParams({
+        icons: i
       });
-      n += l + ".json?" + h.toString();
+      t += l + ".json?" + r.toString();
       break;
     }
     case "custom": {
       const l = o.uri;
-      n += l.slice(0, 1) === "/" ? l.slice(1) : l;
+      t += l.slice(0, 1) === "/" ? l.slice(1) : l;
       break;
     }
     default:
       a("abort", 400);
       return;
   }
-  let t = 503;
-  je(e + n).then((l) => {
+  let n = 503;
+  je(e + t).then((l) => {
     const s = l.status;
     if (s !== 200) {
       setTimeout(() => {
-        a(Pn(s) ? "abort" : "next", s);
+        a(Et(s) ? "abort" : "next", s);
       });
       return;
     }
-    return t = 501, l.json();
+    return n = 501, l.json();
   }).then((l) => {
     if (typeof l != "object" || l === null) {
       setTimeout(() => {
-        l === 404 ? a("abort", l) : a("next", t);
+        l === 404 ? a("abort", l) : a("next", n);
       });
       return;
     }
@@ -500,75 +500,75 @@ const Mn = (e, o, a) => {
       a("success", l);
     });
   }).catch(() => {
-    a("next", t);
+    a("next", n);
   });
-}, An = {
-  prepare: jn,
-  send: Mn
+}, Mt = {
+  prepare: kt,
+  send: jt
 };
-function In(e) {
+function At(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 = {
+  e.sort((n, l) => n.provider !== l.provider ? n.provider.localeCompare(l.provider) : n.prefix !== l.prefix ? n.prefix.localeCompare(l.prefix) : n.name.localeCompare(l.name));
+  let t = {
     provider: "",
     prefix: "",
     name: ""
   };
-  return e.forEach((t) => {
-    if (n.name === t.name && n.prefix === t.prefix && n.provider === t.provider)
+  return e.forEach((n) => {
+    if (t.name === n.name && t.prefix === n.prefix && t.provider === n.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 = {
+    t = n;
+    const l = n.provider, s = n.prefix, i = n.name, r = a[l] || (a[l] = /* @__PURE__ */ Object.create(null)), c = r[s] || (r[s] = U(l, s));
+    let f;
+    i in c.icons ? f = o.loaded : s === "" || c.missing.has(i) ? f = o.missing : f = o.pending;
+    const h = {
       provider: l,
       prefix: s,
-      name: g
+      name: i
     };
-    i.push(p);
+    f.push(h);
   }), o;
 }
 function Ke(e, o) {
   e.forEach((a) => {
-    const n = a.loaderCallbacks;
-    n && (a.loaderCallbacks = n.filter((t) => t.id !== o));
+    const t = a.loaderCallbacks;
+    t && (a.loaderCallbacks = t.filter((n) => n.id !== o));
   });
 }
-function $n(e) {
+function It(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;
+    const t = e.provider, n = e.prefix;
     o.forEach((l) => {
-      const s = l.icons, g = s.pending.length;
-      s.pending = s.pending.filter((h) => {
-        if (h.prefix !== t)
+      const s = l.icons, i = s.pending.length;
+      s.pending = s.pending.filter((r) => {
+        if (r.prefix !== n)
           return !0;
-        const c = h.name;
+        const c = r.name;
         if (e.icons[c])
           s.loaded.push({
-            provider: n,
-            prefix: t,
+            provider: t,
+            prefix: n,
             name: c
           });
         else if (e.missing.has(c))
           s.missing.push({
-            provider: n,
-            prefix: t,
+            provider: t,
+            prefix: n,
             name: c
           });
         else
           return a = !0, !0;
         return !1;
-      }), s.pending.length !== g && (a || Ke([e], l.id), l.callback(
+      }), s.pending.length !== i && (a || Ke([e], l.id), l.callback(
         s.loaded.slice(0),
         s.missing.slice(0),
         s.pending.slice(0),
@@ -577,29 +577,29 @@ function $n(e) {
     });
   }));
 }
-let Tn = 0;
-function Bn(e, o, a) {
-  const n = Tn++, t = Ke.bind(null, a, n);
+let $t = 0;
+function Tt(e, o, a) {
+  const t = $t++, n = Ke.bind(null, a, t);
   if (!o.pending.length)
-    return t;
+    return n;
   const l = {
-    id: n,
+    id: t,
     icons: o,
     callback: e,
-    abort: t
+    abort: n
   };
   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 = {
+function Bt(e, o = !0, a = !1) {
+  const t = [];
+  return e.forEach((n) => {
+    const l = typeof n == "string" ? ce(n, o, a) : n;
+    l && t.push(l);
+  }), t;
+}
+var Lt = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -607,307 +607,307 @@ var Ln = {
   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;
+function Xt(e, o, a, t) {
+  const n = e.resources.length, l = e.random ? Math.floor(Math.random() * n) : 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));
+    let j = e.resources.slice(0);
+    for (s = []; j.length > 1; ) {
+      const X = Math.floor(Math.random() * j.length);
+      s.push(j[X]), j = j.slice(0, X).concat(j.slice(X + 1));
     }
-    s = s.concat(k);
+    s = s.concat(j);
   } 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);
+  const i = Date.now();
+  let r = "pending", c = 0, f, h = null, b = [], d = [];
+  typeof t == "function" && d.push(t);
+  function k() {
+    h && (clearTimeout(h), h = null);
   }
-  function r() {
-    h === "pending" && (h = "aborted"), j(), b.forEach((k) => {
-      k.status === "pending" && (k.status = "aborted");
+  function p() {
+    r === "pending" && (r = "aborted"), k(), b.forEach((j) => {
+      j.status === "pending" && (j.status = "aborted");
     }), b = [];
   }
-  function f(k, L) {
-    L && (d = []), typeof k == "function" && d.push(k);
+  function g(j, X) {
+    X && (d = []), typeof j == "function" && d.push(j);
   }
-  function S() {
+  function x() {
     return {
-      startTime: g,
+      startTime: i,
       payload: o,
-      status: h,
+      status: r,
       queriesSent: c,
       queriesPending: b.length,
-      subscribe: f,
-      abort: r
+      subscribe: g,
+      abort: p
     };
   }
-  function P() {
-    h = "failed", d.forEach((k) => {
-      k(void 0, i);
+  function E() {
+    r = "failed", d.forEach((j) => {
+      j(void 0, f);
     });
   }
   function C() {
-    b.forEach((k) => {
-      k.status === "pending" && (k.status = "aborted");
+    b.forEach((j) => {
+      j.status === "pending" && (j.status = "aborted");
     }), b = [];
   }
-  function w(k, L, m) {
-    const E = L !== "success";
-    switch (b = b.filter((x) => x !== k), h) {
+  function w(j, X, u) {
+    const P = X !== "success";
+    switch (b = b.filter((S) => S !== j), r) {
       case "pending":
         break;
       case "failed":
-        if (E || !e.dataAfterTimeout)
+        if (P || !e.dataAfterTimeout)
           return;
         break;
       default:
         return;
     }
-    if (L === "abort") {
-      i = m, P();
+    if (X === "abort") {
+      f = u, E();
       return;
     }
-    if (E) {
-      i = m, b.length || (s.length ? I() : P());
+    if (P) {
+      f = u, b.length || (s.length ? T() : E());
       return;
     }
-    if (j(), C(), !e.random) {
-      const x = e.resources.indexOf(k.resource);
-      x !== -1 && x !== e.index && (e.index = x);
+    if (k(), C(), !e.random) {
+      const S = e.resources.indexOf(j.resource);
+      S !== -1 && S !== e.index && (e.index = S);
     }
-    h = "completed", d.forEach((x) => {
-      x(m);
+    r = "completed", d.forEach((S) => {
+      S(u);
     });
   }
-  function I() {
-    if (h !== "pending")
+  function T() {
+    if (r !== "pending")
       return;
-    j();
-    const k = s.shift();
-    if (k === void 0) {
+    k();
+    const j = s.shift();
+    if (j === void 0) {
       if (b.length) {
-        p = setTimeout(() => {
-          j(), h === "pending" && (C(), P());
+        h = setTimeout(() => {
+          k(), r === "pending" && (C(), E());
         }, e.timeout);
         return;
       }
-      P();
+      E();
       return;
     }
-    const L = {
+    const X = {
       status: "pending",
-      resource: k,
-      callback: (m, E) => {
-        w(L, m, E);
+      resource: j,
+      callback: (u, P) => {
+        w(X, u, P);
       }
     };
-    b.push(L), c++, p = setTimeout(I, e.rotate), a(k, o, L.callback);
+    b.push(X), c++, h = setTimeout(T, e.rotate), a(j, o, X.callback);
   }
-  return setTimeout(I), S;
+  return setTimeout(T), x;
 }
 function He(e) {
   const o = {
-    ...Ln,
+    ...Lt,
     ...e
   };
   let a = [];
-  function n() {
-    a = a.filter((g) => g().status === "pending");
+  function t() {
+    a = a.filter((i) => i().status === "pending");
   }
-  function t(g, h, c) {
-    const i = Vn(
+  function n(i, r, c) {
+    const f = Xt(
       o,
-      g,
-      h,
-      (p, b) => {
-        n(), c && c(p, b);
+      i,
+      r,
+      (h, b) => {
+        t(), c && c(h, b);
       }
     );
-    return a.push(i), i;
+    return a.push(f), f;
   }
-  function l(g) {
-    return a.find((h) => g(h)) || null;
+  function l(i) {
+    return a.find((r) => i(r)) || null;
   }
   return {
-    query: t,
+    query: n,
     find: l,
-    setIndex: (g) => {
-      o.index = g;
+    setIndex: (i) => {
+      o.index = i;
     },
     getIndex: () => o.index,
-    cleanup: n
+    cleanup: t
   };
 }
-function ke() {
+function Me() {
 }
-const fe = /* @__PURE__ */ Object.create(null);
-function zn(e) {
-  if (!fe[e]) {
-    const o = ye(e);
+const re = /* @__PURE__ */ Object.create(null);
+function zt(e) {
+  if (!re[e]) {
+    const o = Ce(e);
     if (!o)
       return;
-    const a = He(o), n = {
+    const a = He(o), t = {
       config: o,
       redundancy: a
     };
-    fe[e] = n;
+    re[e] = t;
   }
-  return fe[e];
+  return re[e];
 }
-function Fn(e, o, a) {
-  let n, t;
+function Vt(e, o, a) {
+  let t, n;
   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);
+      return a(void 0, 424), Me;
+    n = l.send;
+    const s = zt(e);
+    s && (t = s.redundancy);
   } else {
-    const l = be(e);
+    const l = we(e);
     if (l) {
-      n = He(l);
-      const s = e.resources ? e.resources[0] : "", g = ue(s);
-      g && (t = g.send);
+      t = He(l);
+      const s = e.resources ? e.resources[0] : "", i = ue(s);
+      i && (n = i.send);
     }
   }
-  return !n || !t ? (a(void 0, 424), ke) : n.query(o, t, a)().abort;
+  return !t || !n ? (a(void 0, 424), Me) : t.query(o, n, a)().abort;
 }
-function Me() {
+function Ae() {
 }
-function On(e) {
+function Ft(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-    e.iconsLoaderFlag = !1, $n(e);
+    e.iconsLoaderFlag = !1, It(e);
   }));
 }
-function Rn(e) {
+function Ot(e) {
   const o = [], a = [];
-  return e.forEach((n) => {
-    (n.match(Fe) ? o : a).push(n);
+  return e.forEach((t) => {
+    (t.match(Fe) ? o : a).push(t);
   }), {
     valid: o,
     invalid: a
   };
 }
-function Y(e, o, a) {
-  function n() {
-    const t = e.pendingIcons;
+function Q(e, o, a) {
+  function t() {
+    const n = e.pendingIcons;
     o.forEach((l) => {
-      t && t.delete(l), e.icons[l] || e.missing.add(l);
+      n && n.delete(l), e.icons[l] || e.missing.add(l);
     });
   }
   if (a && typeof a == "object")
     try {
-      if (!_e(e, a).length) {
-        n();
+      if (!Ne(e, a).length) {
+        t();
         return;
       }
-    } catch (t) {
-      console.error(t);
+    } catch (n) {
+      console.error(n);
     }
-  n(), On(e);
+  t(), Ft(e);
 }
-function Ae(e, o) {
+function Ie(e, o) {
   e instanceof Promise ? e.then((a) => {
     o(a);
   }).catch(() => {
     o(null);
   }) : o(e);
 }
-function Dn(e, o) {
+function Rt(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)
+    const { provider: a, prefix: t } = e, n = e.iconsToLoad;
+    if (delete e.iconsToLoad, !n || !n.length)
       return;
     const l = e.loadIcon;
-    if (e.loadIcons && (t.length > 1 || !l)) {
-      Ae(
-        e.loadIcons(t, n, a),
-        (i) => {
-          Y(e, t, i);
+    if (e.loadIcons && (n.length > 1 || !l)) {
+      Ie(
+        e.loadIcons(n, t, a),
+        (f) => {
+          Q(e, n, f);
         }
       );
       return;
     }
     if (l) {
-      t.forEach((i) => {
-        const p = l(i, n, a);
-        Ae(p, (b) => {
+      n.forEach((f) => {
+        const h = l(f, t, a);
+        Ie(h, (b) => {
           const d = b ? {
-            prefix: n,
+            prefix: t,
             icons: {
-              [i]: b
+              [f]: b
             }
           } : null;
-          Y(e, [i], d);
+          Q(e, [f], d);
         });
       });
       return;
     }
-    const { valid: s, invalid: g } = Rn(t);
-    if (g.length && Y(e, g, null), !s.length)
+    const { valid: s, invalid: i } = Ot(n);
+    if (i.length && Q(e, i, null), !s.length)
       return;
-    const h = n.match(Fe) ? ue(a) : null;
-    if (!h) {
-      Y(e, s, null);
+    const r = t.match(Fe) ? ue(a) : null;
+    if (!r) {
+      Q(e, s, null);
       return;
     }
-    h.prepare(a, n, s).forEach((i) => {
-      Fn(a, i, (p) => {
-        Y(e, i.icons, p);
+    r.prepare(a, t, s).forEach((f) => {
+      Vt(a, f, (h) => {
+        Q(e, f.icons, h);
       });
     });
   }));
 }
-const _n = (e, o) => {
-  const a = Xn(e, !0, Ne()), n = In(a);
-  if (!n.pending.length) {
-    let h = !0;
+const Dt = (e, o) => {
+  const a = Bt(e, !0, _e()), t = At(a);
+  if (!t.pending.length) {
+    let r = !0;
     return o && setTimeout(() => {
-      h && o(
-        n.loaded,
-        n.missing,
-        n.pending,
-        Me
+      r && o(
+        t.loaded,
+        t.missing,
+        t.pending,
+        Ae
       );
     }), () => {
-      h = !1;
+      r = !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)
+  const n = /* @__PURE__ */ Object.create(null), l = [];
+  let s, i;
+  return t.pending.forEach((r) => {
+    const { provider: c, prefix: f } = r;
+    if (f === i && 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;
+    s = c, i = f, l.push(U(c, f));
+    const h = n[c] || (n[c] = /* @__PURE__ */ Object.create(null));
+    h[f] || (h[f] = []);
+  }), t.pending.forEach((r) => {
+    const { provider: c, prefix: f, name: h } = r, b = U(c, f), d = b.pendingIcons || (b.pendingIcons = /* @__PURE__ */ new Set());
+    d.has(h) || (d.add(h), n[c][f].push(h));
+  }), l.forEach((r) => {
+    const c = n[r.provider][r.prefix];
+    c.length && Rt(r, c);
+  }), o ? Tt(o, t, l) : Ae;
 };
-function Nn(e, o) {
+function Nt(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);
+  for (const t in o) {
+    const n = o[t], l = typeof n;
+    t in Ge ? (n === null || n && (l === "string" || l === "number")) && (a[t] = n) : l === typeof a[t] && (a[t] = t === "rotate" ? n % 4 : n);
   }
   return a;
 }
-const Gn = /[\s,]+/;
-function Wn(e, o) {
-  o.split(Gn).forEach((a) => {
+const _t = /[\s,]+/;
+function Gt(e, o) {
+  o.split(_t).forEach((a) => {
     switch (a.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -918,89 +918,89 @@ function Wn(e, o) {
     }
   });
 }
-function Kn(e, o = 0) {
+function Wt(e, o = 0) {
   const a = e.replace(/^-?[0-9.]*/, "");
-  function n(t) {
-    for (; t < 0; )
-      t += 4;
-    return t % 4;
+  function t(n) {
+    for (; n < 0; )
+      n += 4;
+    return n % 4;
   }
   if (a === "") {
-    const t = parseInt(e);
-    return isNaN(t) ? 0 : n(t);
+    const n = parseInt(e);
+    return isNaN(n) ? 0 : t(n);
   } else if (a !== e) {
-    let t = 0;
+    let n = 0;
     switch (a) {
       case "%":
-        t = 25;
+        n = 25;
         break;
       case "deg":
-        t = 90;
+        n = 90;
     }
-    if (t) {
+    if (n) {
       let l = parseFloat(e.slice(0, e.length - a.length));
-      return isNaN(l) ? 0 : (l = l / t, l % 1 === 0 ? n(l) : 0);
+      return isNaN(l) ? 0 : (l = l / n, l % 1 === 0 ? t(l) : 0);
     }
   }
   return o;
 }
-function Hn(e, o) {
+function Kt(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] + '"';
+  for (const t in o)
+    a += " " + t + '="' + o[t] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + a + ">" + e + "</svg>";
 }
-function qn(e) {
+function Ht(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 qt(e) {
+  return "data:image/svg+xml," + Ht(e);
 }
-function Yn(e) {
-  return 'url("' + Un(e) + '")';
+function Ut(e) {
+  return 'url("' + qt(e) + '")';
 }
-const Ie = {
+const $e = {
   ...We,
   inline: !1
-}, Qn = {
+}, Yt = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, Zn = {
+}, Qt = {
   display: "inline-block"
 }, ve = {
   backgroundColor: "currentColor"
 }, qe = {
   backgroundColor: "transparent"
-}, $e = {
+}, Te = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, Te = {
+}, Be = {
   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];
+for (const e in Be) {
+  const o = Be[e];
+  for (const a in Te)
+    o[e + a] = Te[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) {
+function Le(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) {
+  const a = Nt($e, o), t = { ...Yt }, n = o.mode || "svg", l = {}, s = o.style, i = typeof s == "object" && !(s instanceof Array) ? s : {};
+  for (let p in o) {
+    const g = o[p];
+    if (g !== void 0)
+      switch (p) {
         case "icon":
         case "style":
         case "onLoad":
@@ -1010,63 +1010,63 @@ const Xe = (e, o) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          a[r] = f === !0 || f === "true" || f === 1;
+          a[p] = g === !0 || g === "true" || g === 1;
           break;
         case "flip":
-          typeof f == "string" && Wn(a, f);
+          typeof g == "string" && Gt(a, g);
           break;
         case "color":
-          l.color = f;
+          l.color = g;
           break;
         case "rotate":
-          typeof f == "string" ? a[r] = Kn(f) : typeof f == "number" && (a[r] = f);
+          typeof g == "string" ? a[p] = Wt(g) : typeof g == "number" && (a[p] = g);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          f !== !0 && f !== "true" && delete n["aria-hidden"];
+          g !== !0 && g !== "true" && delete t["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 x = ae[p];
+          x ? (g === !0 || g === "true" || g === 1) && (a[x] = !0) : $e[p] === void 0 && (t[p] = g);
         }
       }
   }
-  const h = un(e, a), c = h.attributes;
-  if (a.inline && (l.verticalAlign = "-0.125em"), t === "svg") {
-    n.style = {
+  const r = mt(e, a), c = r.attributes;
+  if (a.inline && (l.verticalAlign = "-0.125em"), n === "svg") {
+    t.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);
+      ...i
+    }, Object.assign(t, c);
+    let p = 0, g = o.id;
+    return typeof g == "string" && (g = g.replace(/-/g, "_")), t.innerHTML = wt(r.body, g ? () => g + "ID" + p++ : "iconifyVue"), xe("svg", t);
   }
-  const { body: i, width: p, height: b } = e, d = t === "mask" || (t === "bg" ? !1 : i.indexOf("currentColor") !== -1), j = Hn(i, {
+  const { body: f, width: h, height: b } = e, d = n === "mask" || (n === "bg" ? !1 : f.indexOf("currentColor") !== -1), k = Kt(f, {
     ...c,
-    width: p + "",
+    width: h + "",
     height: b + ""
   });
-  return n.style = {
+  return t.style = {
     ...l,
-    "--svg": Yn(j),
-    width: Be(c.width),
-    height: Be(c.height),
-    ...Zn,
+    "--svg": Ut(k),
+    width: Le(c.width),
+    height: Le(c.height),
+    ...Qt,
     ...d ? ve : qe,
-    ...g
-  }, Ce("span", n);
+    ...i
+  }, xe("span", t);
 };
-Ne(!0);
-Cn("", An);
+_e(!0);
+yt("", Mt);
 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) => {
+    typeof o == "object" && o !== null && (o instanceof Array ? o : [o]).forEach((t) => {
       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);
+        (typeof t != "object" || t === null || t instanceof Array || // Check for 'icons' and 'prefix'
+        typeof t.icons != "object" || typeof t.prefix != "string" || // Add icon set
+        !gt(t)) && console.error(a);
       } catch {
         console.error(a);
       }
@@ -1076,22 +1076,22 @@ if (typeof document < "u" && typeof window < "u") {
     const o = e.IconifyProviders;
     if (typeof o == "object" && o !== null)
       for (let a in o) {
-        const n = "IconifyProviders[" + a + "] is invalid.";
+        const t = "IconifyProviders[" + a + "] is invalid.";
         try {
-          const t = o[a];
-          if (typeof t != "object" || !t || t.resources === void 0)
+          const n = o[a];
+          if (typeof n != "object" || !n || n.resources === void 0)
             continue;
-          Sn(a, t) || console.error(n);
+          Ct(a, n) || console.error(t);
         } catch {
-          console.error(n);
+          console.error(t);
         }
       }
   }
 }
-const Jn = {
+const Zt = {
   ...ge,
   body: ""
-}, K = V({
+}, H = V({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: !1,
   // Set initial data
@@ -1123,24 +1123,24 @@ const Jn = {
         return this._name = "", this.abortLoading(), {
           data: e
         };
-      let n;
-      if (typeof e != "string" || (n = ce(e, !1, !0)) === null)
+      let t;
+      if (typeof e != "string" || (t = 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 = {
+      let n = st(t);
+      if (!n)
+        return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", n !== null && (this._loadingIcon = {
           name: e,
-          abort: _n([n], () => {
+          abort: Dt([t], () => {
             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);
+        n = Object.assign({}, n);
+        const s = a(n.body, t.name, t.prefix, t.provider);
+        typeof s == "string" && (n.body = s);
       }
       const l = ["iconify"];
-      return n.prefix !== "" && l.push("iconify--" + n.prefix), n.provider !== "" && l.push("iconify--" + n.provider), { data: t, classes: l };
+      return t.prefix !== "" && l.push("iconify--" + t.prefix), t.provider !== "" && l.push("iconify--" + t.provider), { data: n, classes: l };
     }
   },
   // Render icon
@@ -1148,7 +1148,7 @@ const Jn = {
     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);
+      return Xe(Zt, e);
     let a = e;
     return o.classes && (a = {
       ...e,
@@ -1158,16 +1158,16 @@ const Jn = {
       ...o.data
     }, a);
   }
-}), et = ["disabled"], nt = {
+}), Jt = ["disabled"], en = {
   key: 0,
   class: "x-btn-icon"
-}, tt = {
+}, tn = {
   key: 1,
   class: "x-btn-loading"
-}, ot = { class: "x-btn-content" }, at = {
+}, nn = { class: "x-btn-content" }, on = {
   key: 2,
   class: "x-btn-icon"
-}, lt = /* @__PURE__ */ V({
+}, an = /* @__PURE__ */ V({
   __name: "index",
   props: {
     type: { default: "default" },
@@ -1178,13 +1178,13 @@ const Jn = {
     loading: { type: Boolean, default: !1 },
     block: { type: Boolean, default: !1 },
     round: { type: Boolean, default: !1 },
-    plain: { type: Boolean, default: !1 }
+    ghost: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const a = e, n = o, t = $(), l = $([]);
+    const a = e, t = o, n = B(), l = B([]);
     let s = 0;
-    const g = X(() => [
+    const i = L(() => [
       "x-btn",
       `x-btn-${a.type}`,
       `x-btn-${a.size}`,
@@ -1193,73 +1193,73 @@ const Jn = {
         "x-btn-loading": a.loading,
         "x-btn-block": a.block,
         "x-btn-round": a.round,
-        "x-btn-plain": a.plain
+        "x-btn-ghost": a.ghost
       }
     ]);
-    function h(i) {
-      !a.disabled && !a.loading && n("click", i);
+    function r(f) {
+      !a.disabled && !a.loading && t("click", f);
     }
-    function c(i) {
+    function c(f) {
       if (a.disabled || a.loading) return;
-      const p = t.value;
-      if (!p) return;
-      const b = p.getBoundingClientRect(), d = {
+      const h = n.value;
+      if (!h) return;
+      const b = h.getBoundingClientRect(), d = {
         id: s++,
         style: {
-          left: `${i.clientX - b.left}px`,
-          top: `${i.clientY - b.top}px`
+          left: `${f.clientX - b.left}px`,
+          top: `${f.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);
+        const k = l.value.findIndex((p) => p.id === d.id);
+        k > -1 && l.value.splice(k, 1);
       }, 600);
     }
-    return (i, p) => (u(), v("button", {
-      class: B(g.value),
+    return (f, h) => (m(), v("button", {
+      class: $(i.value),
       disabled: e.disabled || e.loading,
-      onClick: h,
+      onClick: r,
       onMousedown: c,
       ref_key: "buttonRef",
-      ref: t
+      ref: n
     }, [
-      (u(!0), v(z, null, D(l.value, (b) => (u(), v("span", {
+      (m(!0), v(z, null, D(l.value, (b) => (m(), 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"])
+      e.icon && !e.loading ? (m(), v("span", en, [
+        R(W(H), { icon: e.icon }, null, 8, ["icon"])
       ])) : A("", !0),
-      e.loading ? (u(), v("span", tt, [
-        R(W(K), { icon: "eos-icons:loading" })
+      e.loading ? (m(), v("span", tn, [
+        R(W(H), { icon: "eos-icons:loading" })
       ])) : A("", !0),
-      y("span", ot, [
-        Q(i.$slots, "default", {}, void 0, !0)
+      y("span", nn, [
+        K(f.$slots, "default", {}, void 0, !0)
       ]),
-      e.iconRight && !e.loading ? (u(), v("span", at, [
-        R(W(K), { icon: e.iconRight }, null, 8, ["icon"])
+      e.iconRight && !e.loading ? (m(), v("span", on, [
+        R(W(H), { icon: e.iconRight }, null, 8, ["icon"])
       ])) : A("", !0)
-    ], 42, et));
+    ], 42, Jt));
   }
 }), F = (e, o) => {
   const a = e.__vccOpts || e;
-  for (const [n, t] of o)
-    a[n] = t;
+  for (const [t, n] of o)
+    a[t] = n;
   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 = {
+}, ze = /* @__PURE__ */ F(an, [["__scopeId", "data-v-4ae56e67"]]), ln = { class: "x-card-container" }, sn = ["onClick"], cn = { class: "relative p-2" }, gn = ["src", "alt"], dn = {
   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 = {
+}, rn = { class: "label-badge" }, fn = { class: "product-info p-5 ml-5" }, pn = { class: "text-sm lg:text-base text-gray-700 leading-relaxed line-clamp-2 mb-3" }, hn = { class: "flex items-center justify-between gap-2" }, mn = { class: "text-base lg:text-lg font-bold text-[var(--x-color-primary)]" }, un = {
   key: 0,
   class: "bi bi-heart text-gray-500"
-}, vt = {
+}, vn = {
   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 = {
+}, bn = ["onClick"], wn = { class: "relative flex-shrink-0 p-2" }, yn = { class: "aspect-square bg-gray-100 rounded-lg overflow-hidden" }, Cn = ["src", "alt"], xn = {
   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({
+}, Sn = { class: "label-badge" }, En = { class: "flex-1 flex flex-col justify-between product-info p-5 ml-5" }, kn = { class: "text-sm lg:text-base text-gray-700 font-medium line-clamp-2 leading-relaxed mb-3" }, Pn = { class: "flex items-center justify-between gap-2 mt-auto" }, jn = { class: "text-base lg:text-lg font-bold text-[var(--x-color-primary)]" }, Mn = /* @__PURE__ */ V({
   __name: "index",
   props: {
     layout: { default: "grid" },
@@ -1269,7 +1269,7 @@ const Jn = {
   },
   emits: ["productClick", "like"],
   setup(e, { emit: o }) {
-    const a = e, n = o, t = [
+    const a = e, t = o, n = [
       {
         id: "1",
         name: "北欧风简约陶瓷花瓶",
@@ -1366,111 +1366,111 @@ const Jn = {
         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 = {
+    ], l = B([]), s = L(() => a.products && a.products.length > 0 ? a.products : l.value), i = L(() => {
+      const h = 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 = {
+      return b[h] || b[4];
+    }), r = L(() => {
+      const h = 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];
+      return b[h] || b[4];
     });
     se(() => {
-      a.useMockData && (!a.products || a.products.length === 0) && (l.value = t);
+      a.useMockData && (!a.products || a.products.length === 0) && (l.value = n);
     });
-    const c = (p) => {
-      n("productClick", p);
-    }, i = (p) => {
-      p.isWish = !p.isWish, n("like", p);
+    const c = (h) => {
+      t("productClick", h);
+    }, f = (h) => {
+      h.isWish = !h.isWish, t("like", h);
     };
-    return (p, b) => (u(), v("div", st, [
-      e.layout === "masonry" ? (u(), v("div", {
+    return (h, b) => (m(), v("div", ln, [
+      e.layout === "masonry" ? (m(), v("div", {
         key: 0,
-        class: B(["masonry-layout", h.value, "gap-4 sm:gap-6"])
+        class: $(["masonry-layout", r.value, "gap-4 sm:gap-6"])
       }, [
-        (u(!0), v(z, null, D(s.value, (d) => (u(), v("div", {
+        (m(!0), v(z, null, D(s.value, (d) => (m(), 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)
+          onClick: (k) => c(d.id)
         }, [
-          y("div", gt, [
+          y("div", cn, [
             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)
+            }, null, 8, gn),
+            d.label ? (m(), v("div", dn, [
+              y("span", rn, I(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"]),
+          y("div", fn, [
+            y("h3", pn, I(d.name), 1),
+            y("div", hn, [
+              y("span", mn, I(d.price), 1),
+              R(ze, {
+                onClick: q((k) => f(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))
+                  d.isWish ? (m(), v("i", vn)) : (m(), v("i", un))
                 ]),
                 _: 2
               }, 1032, ["onClick"])
             ])
           ])
-        ], 8, ct))), 128))
-      ], 2)) : (u(), v("div", {
+        ], 8, sn))), 128))
+      ], 2)) : (m(), v("div", {
         key: 1,
-        class: B(["grid", g.value, "gap-4 lg:gap-6"])
+        class: $(["grid", i.value, "gap-4 lg:gap-6"])
       }, [
-        (u(!0), v(z, null, D(s.value, (d) => (u(), v("div", {
+        (m(!0), v(z, null, D(s.value, (d) => (m(), 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)
+            onClick: (k) => c(d.id)
           }, [
-            y("div", wt, [
-              y("div", yt, [
+            y("div", wn, [
+              y("div", yn, [
                 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)
+                }, null, 8, Cn)
               ]),
-              d.label ? (u(), v("div", St, [
-                y("span", xt, T(d.label), 1)
+              d.label ? (m(), v("div", xn, [
+                y("span", Sn, I(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"]),
+            y("div", En, [
+              y("h3", kn, I(d.name), 1),
+              y("div", Pn, [
+                y("span", jn, I(d.price), 1),
+                R(ze, {
+                  onClick: q((k) => f(d), ["stop"]),
                   type: "text",
                   size: "small",
                   class: "like-button !min-w-0 !p-1"
                 }, {
                   default: Z(() => [
-                    d.isWish ? (u(), re(W(K), {
+                    d.isWish ? (m(), fe(W(H), {
                       key: 1,
                       icon: "bi:heart-fill",
                       class: "bi bi-heart-fill text-[#FE374F]"
-                    })) : (u(), re(W(K), {
+                    })) : (m(), fe(W(H), {
                       key: 0,
                       icon: "bi:heart",
                       class: "bi bi-heart text-gray-500"
@@ -1480,12 +1480,12 @@ const Jn = {
                 }, 1032, ["onClick"])
               ])
             ])
-          ], 8, bt)
+          ], 8, bn)
         ]))), 128))
       ], 2))
     ]));
   }
-}), Bo = /* @__PURE__ */ F(Mt, [["__scopeId", "data-v-aec5fd31"]]), At = [
+}), Fo = /* @__PURE__ */ F(Mn, [["__scopeId", "data-v-aec5fd31"]]), An = [
   {
     name: "Afghanistan",
     code: "AF",
@@ -3567,11 +3567,11 @@ const Jn = {
     flagPng: "https://flagcdn.com/w40/zw.png",
     phoneCode: "+263"
   }
-], It = ["tabindex"], $t = { class: "flex items-center gap-2" }, Tt = ["src", "alt"], Bt = {
+], In = ["tabindex"], $n = { class: "flex items-center gap-2" }, Tn = ["src", "alt"], Bn = {
   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({
+}, Ln = ["onClick"], Xn = ["src", "alt", "onError"], zn = /* @__PURE__ */ V({
   __name: "index",
   props: {
     modelValue: { default: "" },
@@ -3589,84 +3589,84 @@ const Jn = {
   },
   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];
+    const t = e, n = a, l = B(!1), s = B(An), i = L(() => t.modelValue ? s.value.find(
+      (p) => t.returnType === "code" ? p.code === t.modelValue : p.name === t.modelValue
+    ) : null), r = L(() => {
+      const p = s.value.filter(
+        (C) => t.priorityCountries.includes(C.code)
+      ), g = s.value.filter(
+        (C) => !t.priorityCountries.includes(C.code)
+      ), x = p.sort((C, w) => {
+        const T = t.priorityCountries.indexOf(C.code), j = t.priorityCountries.indexOf(w.code);
+        return T - j;
+      }), E = g.sort((C, w) => C.name.localeCompare(w.name));
+      return [...x, ...E];
     }), c = () => {
-      n.disabled || (l.value = !l.value);
-    }, i = () => {
+      t.disabled || (l.value = !l.value);
+    }, f = () => {
       l.value = !1;
-    }, p = (r) => {
-      if (r) {
-        const f = n.returnType === "code" ? r.code : r.name;
-        t("update:modelValue", f), t("change", f, r);
+    }, h = (p) => {
+      if (p) {
+        const g = t.returnType === "code" ? p.code : p.name;
+        n("update:modelValue", g), n("change", g, p);
       } 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);
+        n("update:modelValue", "");
+      f();
+    }, b = (p, g) => {
+      const x = p.target;
+      g && x.src === g.flagSvg ? x.src = g.flagPng : i.value && x.src === i.value.flagSvg && (x.src = i.value.flagPng);
     }, d = async () => {
-      if (!(!n.autoDetectFromIp || n.modelValue)) {
-        t("ip-detect-start");
+      if (!(!t.autoDetectFromIp || t.modelValue)) {
+        n("ip-detect-start");
         try {
-          const r = {
-            method: n.ipDetectMethod,
+          const p = {
+            method: t.ipDetectMethod,
             headers: {
               "Content-Type": "application/json",
-              ...n.ipDetectHeaders
+              ...t.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)
+          }, g = await fetch(t.ipDetectUrl, p);
+          if (!g.ok)
+            throw new Error(`HTTP error! status: ${g.status}`);
+          const x = await g.json();
+          let E;
+          if (t.ipDetectResponseParser ? E = t.ipDetectResponseParser(x) : E = x.country || x.countryCode || x.country_code || "", E = E.toUpperCase(), !E)
             throw new Error("Country code not found in response");
-          console.log("Auto-detected country from IP:", P), t("ip-detect-success", P);
+          console.log("Auto-detected country from IP:", E), n("ip-detect-success", E);
           const C = s.value.find(
-            (w) => w.code === P
+            (w) => w.code === E
           );
           if (C) {
-            const w = n.returnType === "code" ? C.code : C.name;
-            t("update:modelValue", w), t("change", w, C);
+            const w = t.returnType === "code" ? C.code : C.name;
+            n("update:modelValue", w), n("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);
+            console.warn("Detected country code not found in country list:", E);
+        } catch (p) {
+          const g = p instanceof Error ? p : new Error(String(p));
+          console.warn("Failed to detect country from IP:", g), n("ip-detect-error", g);
         }
       }
-    }, j = $();
+    }, k = B();
     return se(async () => {
-      await _(), n.autoDetectFromIp && !n.modelValue && await d();
-      const r = (f) => {
-        j.value && !j.value.contains(f.target) && i();
+      await N(), t.autoDetectFromIp && !t.modelValue && await d();
+      const p = (g) => {
+        k.value && !k.value.contains(g.target) && f();
       };
-      document.addEventListener("click", r), Ve(() => {
-        document.removeEventListener("click", r);
+      document.addEventListener("click", p), Ve(() => {
+        document.removeEventListener("click", p);
       });
     }), o({
       detectCountryFromIp: d,
       allCountries: Se(s),
-      sortedCountries: Se(h)
-    }), (r, f) => (u(), v("div", {
+      sortedCountries: Se(r)
+    }), (p, g) => (m(), v("div", {
       ref_key: "containerRef",
-      ref: j,
+      ref: k,
       class: "country-select-container relative"
     }, [
       y("div", {
         onClick: c,
-        class: B([
+        class: $([
           "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 }
@@ -3675,27 +3675,27 @@ const Jn = {
         onKeydown: [
           O(c, ["enter"]),
           O(c, ["space"]),
-          O(i, ["escape"])
+          O(f, ["escape"])
         ]
       }, [
-        y("div", $t, [
-          g.value ? (u(), v("img", {
+        y("div", $n, [
+          i.value ? (m(), v("img", {
             key: 0,
-            src: g.value.flagSvg,
-            alt: g.value.name,
+            src: i.value.flagSvg,
+            alt: i.value.name,
             class: "w-5 h-4 object-cover rounded-sm",
             onError: b
-          }, null, 40, Tt)) : A("", !0),
+          }, null, 40, Tn)) : A("", !0),
           y("span", {
-            class: B({ "text-gray-500": !g.value && e.placeholder })
-          }, T(g.value ? g.value.name : e.placeholder || "选择国家"), 3)
+            class: $({ "text-gray-500": !i.value && e.placeholder })
+          }, I(i.value ? i.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 }]),
+        (m(), v("svg", {
+          class: $(["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] = [
+        }, [...g[0] || (g[0] = [
           y("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
@@ -3703,64 +3703,64 @@ const Jn = {
             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 }])
+      ], 42, In),
+      l.value && !e.disabled ? (m(), v("div", Bn, [
+        (m(!0), v(z, null, D(r.value, (x) => {
+          var E;
+          return m(), v("div", {
+            key: x.code,
+            onClick: (C) => h(x),
+            class: $(["px-3 py-2 hover:bg-gray-50 cursor-pointer flex items-center gap-2 transition-colors", { "bg-gray-100": ((E = i.value) == null ? void 0 : E.code) === x.code }])
           }, [
             y("img", {
-              src: S.flagSvg,
-              alt: S.name,
+              src: x.flagSvg,
+              alt: x.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);
+              onError: (C) => b(C, x)
+            }, null, 40, Xn),
+            y("span", null, I(x.name), 1)
+          ], 10, Ln);
         }), 128))
       ])) : A("", !0),
-      l.value && !e.disabled ? (u(), v("div", {
+      l.value && !e.disabled ? (m(), v("div", {
         key: 1,
         class: "fixed inset-0 z-[9998]",
-        onClick: i
+        onClick: f
       })) : 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 = {
+}), Oo = /* @__PURE__ */ F(zn, [["__scopeId", "data-v-08b31f1b"]]), Vn = ["tabindex", "aria-expanded", "aria-labelledby"], Fn = { class: "flex items-center gap-2 min-h-0 flex-1" }, On = {
   key: 0,
   class: "text-gray-500"
-}, Rt = {
+}, Rn = {
   key: 1,
   class: "flex flex-wrap gap-1"
-}, Dt = {
+}, Dn = {
   key: 0,
   class: "text-gray-900"
-}, _t = ["onClick"], Nt = {
+}, Nn = ["onClick"], _n = {
   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 = {
+}, Gn = {
   key: 0,
   class: "p-3 border-b border-gray-50/80"
-}, Wt = { class: "py-1" }, Kt = {
+}, Wn = { class: "py-1" }, Kn = {
   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 = {
+}, Hn = ["onClick", "onKeydown", "aria-selected"], qn = { class: "flex items-center gap-3" }, Un = {
   key: 0,
   class: "flex items-center"
-}, Yt = {
+}, Yn = {
   key: 0,
   class: "bi bi-check text-[#1a1a1a] text-xs"
-}, Qt = {
+}, Qn = {
   key: 1,
   class: "flex items-center"
-}, Zt = {
+}, Zn = {
   key: 0,
   class: "w-1.5 h-1.5 bg-white rounded-full"
-}, Jt = { class: "flex-1" }, eo = /* @__PURE__ */ V({
+}, Jn = { class: "flex-1" }, eo = /* @__PURE__ */ V({
   __name: "index",
   props: {
     modelValue: {},
@@ -3778,73 +3778,73 @@ const Jn = {
   },
   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);
+    const t = e, n = a, l = B(!1), s = B(""), i = B(), r = B(), c = L(() => !t.searchable || !s.value ? t.options : t.options.filter(
+      (u) => k(u).toLowerCase().includes(s.value.toLowerCase())
+    )), f = L(() => t.multiple ? null : t.options.find((u) => p(u) === t.modelValue) || null), h = L(() => t.multiple ? Array.isArray(t.modelValue) ? t.options.filter(
+      (u) => t.modelValue.includes(p(u))
+    ) : [] : []), b = L(() => t.multiple ? h.value.length > 0 : f.value !== null), d = L(() => `select-label-${Math.random().toString(36).substr(2, 9)}`), k = (u) => typeof u == "object" ? u[t.labelKey] : u, p = (u) => typeof u == "object" ? u[t.valueKey] : u, g = (u) => {
+      const P = p(u);
+      return t.multiple ? Array.isArray(t.modelValue) && t.modelValue.includes(P) : t.modelValue === P;
+    }, x = (u) => {
+      if (u.disabled) return;
+      const P = p(u);
+      if (t.multiple) {
+        const S = Array.isArray(t.modelValue) ? [...t.modelValue] : [], M = S.indexOf(P);
+        M > -1 ? S.splice(M, 1) : S.push(P), n("update:modelValue", S), n("change", S);
       } 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));
+        n("update:modelValue", P), n("change", P), T();
+    }, E = (u) => {
+      if (!t.multiple) return;
+      const P = p(u), S = Array.isArray(t.modelValue) ? [...t.modelValue] : [], M = S.indexOf(P);
+      M > -1 && (S.splice(M, 1), n("update:modelValue", S), n("change", S));
     }, C = () => {
-      n.disabled || (l.value ? I() : w());
+      t.disabled || (l.value ? T() : w());
     }, w = () => {
-      l.value = !0, t("open"), _(() => {
-        n.searchable && h.value && h.value.focus();
+      l.value = !0, n("open"), N(() => {
+        t.searchable && r.value && r.value.focus();
       });
-    }, I = () => {
-      l.value = !1, s.value = "", t("close");
-    }, k = (m) => {
-      g.value && !g.value.contains(m.target) && I();
-    }, L = (m) => {
+    }, T = () => {
+      l.value = !1, s.value = "", n("close");
+    }, j = (u) => {
+      i.value && !i.value.contains(u.target) && T();
+    }, X = (u) => {
       if (!l.value) return;
-      const E = c.value, x = E.findIndex((M) => f(M));
-      switch (m.key) {
+      const P = c.value, S = P.findIndex((M) => g(M));
+      switch (u.key) {
         case "ArrowDown":
-          m.preventDefault();
+          u.preventDefault();
           break;
         case "ArrowUp":
-          m.preventDefault();
+          u.preventDefault();
           break;
         case "Enter":
         case " ":
-          m.preventDefault(), x >= 0 && E[x] && S(E[x]);
+          u.preventDefault(), S >= 0 && P[S] && x(P[S]);
           break;
       }
     };
     return se(() => {
-      document.addEventListener("click", k), document.addEventListener("keydown", L);
+      document.addEventListener("click", j), document.addEventListener("keydown", X);
     }), Ve(() => {
-      document.removeEventListener("click", k), document.removeEventListener("keydown", L);
+      document.removeEventListener("click", j), document.removeEventListener("keydown", X);
     }), o({
       open: w,
-      close: I,
+      close: T,
       toggle: C
-    }), (m, E) => (u(), v("div", {
+    }), (u, P) => (m(), v("div", {
       class: "relative",
       style: G({ width: e.width }),
       ref_key: "selectContainer",
-      ref: g
+      ref: i
     }, [
       y("div", {
         onClick: C,
         onKeydown: [
           O(C, ["enter"]),
           O(C, ["space"]),
-          O(I, ["escape"])
+          O(T, ["escape"])
         ],
-        class: B([
+        class: $([
           "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",
           {
@@ -3861,27 +3861,27 @@ const Jn = {
         "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),
+        y("div", Fn, [
+          e.placeholder && !b.value ? (m(), v("span", On, I(e.placeholder), 1)) : (m(), v("div", Rn, [
+            e.multiple ? (m(!0), v(z, { key: 1 }, D(h.value, (S) => (m(), v("span", {
+              key: p(S),
               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),
+              be(I(k(S)) + " ", 1),
               y("button", {
-                onClick: H((M) => P(x), ["stop"]),
+                onClick: q((M) => E(S), ["stop"]),
                 class: "rounded-full p-0.5 transition-colors duration-150",
                 type: "button"
-              }, [...E[1] || (E[1] = [
+              }, [...P[1] || (P[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)
+              ])], 8, Nn)
+            ]))), 128)) : (m(), v(z, { key: 0 }, [
+              f.value ? (m(), v("span", Dn, I(k(f.value)), 1)) : A("", !0)
             ], 64))
           ]))
         ]),
         y("i", {
-          class: B([
+          class: $([
             "bi text-gray-400 transition-transform duration-200 text-lg",
             {
               "bi-chevron-down": !l.value,
@@ -3889,7 +3889,7 @@ const Jn = {
             }
           ])
         }, null, 2)
-      ], 42, zt),
+      ], 42, Vn),
       R(pe, {
         "enter-active-class": "transition ease-out duration-200",
         "enter-from-class": "opacity-0 scale-95",
@@ -3899,69 +3899,69 @@ const Jn = {
         "leave-to-class": "opacity-0 scale-95"
       }, {
         default: Z(() => [
-          l.value ? (u(), v("div", Nt, [
-            e.searchable ? (u(), v("div", Gt, [
+          l.value ? (m(), v("div", _n, [
+            e.searchable ? (m(), v("div", Gn, [
               Qe(y("input", {
                 ref_key: "searchInput",
-                ref: h,
-                "onUpdate:modelValue": E[0] || (E[0] = (x) => s.value = x),
+                ref: r,
+                "onUpdate:modelValue": P[0] || (P[0] = (S) => s.value = S),
                 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"])
+                onKeydown: O(T, ["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),
+            y("div", Wn, [
+              c.value.length === 0 ? (m(), v("div", Kn, I(e.noOptionsText), 1)) : A("", !0),
+              (m(!0), v(z, null, D(c.value, (S) => (m(), v("div", {
+                key: p(S),
+                onClick: (M) => x(S),
                 onKeydown: [
-                  O((M) => S(x), ["enter"]),
-                  O((M) => S(x), ["space"])
+                  O((M) => x(S), ["enter"]),
+                  O((M) => x(S), ["space"])
                 ],
-                class: B([
+                class: $([
                   "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)
+                    "bg-[#f2f2f2] text-[#1a1a1a] font-medium": g(S),
+                    "hover:bg-[#f2f2f2] text-gray-700": !g(S)
                   }
                 ]),
                 role: "option",
-                "aria-selected": f(x),
+                "aria-selected": g(S),
                 tabindex: 0
               }, [
-                y("div", qt, [
-                  e.multiple ? (u(), v("div", Ut, [
+                y("div", qn, [
+                  e.multiple ? (m(), v("div", Un, [
                     y("div", {
-                      class: B([
+                      class: $([
                         "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)
+                          "border-[#1a1a1a] text-white": g(S),
+                          "border-gray-300 bg-white": !g(S)
                         }
                       ])
                     }, [
-                      f(x) ? (u(), v("i", Yt)) : A("", !0)
+                      g(S) ? (m(), v("i", Yn)) : A("", !0)
                     ], 2)
-                  ])) : (u(), v("div", Qt, [
+                  ])) : (m(), v("div", Qn, [
                     y("div", {
-                      class: B([
+                      class: $([
                         "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)
+                          "border-[#1a1a1a] bg-[#1a1a1a]": g(S),
+                          "border-gray-300 bg-white": !g(S)
                         }
                       ])
                     }, [
-                      f(x) ? (u(), v("div", Zt)) : A("", !0)
+                      g(S) ? (m(), v("div", Zn)) : A("", !0)
                     ], 2)
                   ])),
-                  y("span", Jt, T(j(x)), 1)
+                  y("span", Jn, I(k(S)), 1)
                 ])
-              ], 42, Ht))), 128))
+              ], 42, Hn))), 128))
             ])
           ])) : A("", !0)
         ]),
@@ -3969,7 +3969,7 @@ const Jn = {
       })
     ], 4));
   }
-}), Lo = /* @__PURE__ */ F(eo, [["__scopeId", "data-v-1f7381d8"]]), no = ["type", "value", "placeholder", "disabled", "readonly", "required", "maxlength", "minlength", "autocomplete"], to = {
+}), Ro = /* @__PURE__ */ F(eo, [["__scopeId", "data-v-1f7381d8"]]), to = ["type", "value", "placeholder", "disabled", "readonly", "required", "maxlength", "minlength", "autocomplete"], no = {
   key: 2,
   class: "x-input-count"
 }, oo = /* @__PURE__ */ V({
@@ -3992,26 +3992,26 @@ const Jn = {
   },
   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;
+    const t = e, n = a, l = B(), s = B(!1), i = L(() => !!t.label), r = L(() => {
+      const w = t.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);
+    }), c = L(() => String(t.modelValue || "").length), f = (w) => {
+      const j = w.target.value;
+      n("update:modelValue", j), n("input", j, w);
+    }, h = (w) => {
+      const j = w.target.value;
+      n("change", j, w);
     }, b = (w) => {
-      s.value = !1, t("blur", w);
+      s.value = !1, n("blur", w);
     }, d = (w) => {
-      s.value = !0, t("focus", w);
-    }, j = (w) => {
-      t("keydown", w);
-    }, r = (w) => {
-      t("keyup", w);
-    }, f = () => {
+      s.value = !0, n("focus", w);
+    }, k = (w) => {
+      n("keydown", w);
+    }, p = (w) => {
+      n("keyup", w);
+    }, g = () => {
       var w;
-      t("update:modelValue", ""), t("clear"), (w = l.value) == null || w.focus();
+      n("update:modelValue", ""), n("clear"), (w = l.value) == null || w.focus();
     };
     return o({
       focus: () => {
@@ -4027,7 +4027,7 @@ const Jn = {
         (w = l.value) == null || w.select();
       },
       ref: l
-    }), (w, I) => (u(), v("div", {
+    }), (w, T) => (m(), v("div", {
       class: "x-input-group",
       style: G({ width: e.width })
     }, [
@@ -4036,57 +4036,57 @@ const Jn = {
         ref: l,
         type: e.type,
         value: e.modelValue,
-        placeholder: g.value ? "" : e.placeholder,
+        placeholder: i.value ? "" : e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
         required: e.required,
         maxlength: e.maxlength,
         minlength: e.minlength,
         autocomplete: e.autocomplete,
-        class: B([
+        class: $([
           "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
+            "x-input--with-label": i.value
           }
         ]),
-        onInput: i,
+        onInput: f,
         onBlur: b,
         onFocus: d,
-        onKeydown: j,
-        onKeyup: r,
-        onChange: p
-      }, null, 42, no),
-      e.label ? (u(), v("label", {
+        onKeydown: k,
+        onKeyup: p,
+        onChange: h
+      }, null, 42, to),
+      e.label ? (m(), v("label", {
         key: 0,
-        class: B([
+        class: $([
           "x-input-label",
           {
-            "x-input-label--active": s.value || h.value,
+            "x-input-label--active": s.value || r.value,
             "x-input-label--error": e.error
           }
         ])
-      }, T(e.label), 3)) : A("", !0),
-      e.clearable && e.modelValue && !e.disabled ? (u(), v("button", {
+      }, I(e.label), 3)) : A("", !0),
+      e.clearable && e.modelValue && !e.disabled ? (m(), v("button", {
         key: 1,
         type: "button",
         class: "x-input-clear",
-        onClick: f,
-        onMousedown: I[0] || (I[0] = H(() => {
+        onClick: g,
+        onMousedown: T[0] || (T[0] = q(() => {
         }, ["prevent"]))
       }, [
-        R(W(K), { icon: "bi:x-circle" })
+        R(W(H), { icon: "bi:x-circle" })
       ], 32)) : A("", !0),
-      e.showWordLimit && e.maxlength ? (u(), v("div", to, T(c.value) + " / " + T(e.maxlength), 1)) : A("", !0)
+      e.showWordLimit && e.maxlength ? (m(), v("div", no, I(c.value) + " / " + I(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 = {
+}), Do = /* @__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({
+}, ro = { class: "option-label" }, fo = /* @__PURE__ */ V({
   __name: "index",
   props: {
     options: {},
@@ -4099,70 +4099,70 @@ const Jn = {
   },
   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);
+    const t = e, n = a, l = (h) => t.modelValue && t.modelValue.includes(h), s = (h) => {
+      if (t.disabled) return;
+      const b = t.options.find((p) => p.value === h);
       if (b != null && b.disabled) return;
-      const d = [...n.modelValue], j = d.indexOf(p);
-      if (j > -1)
-        d.splice(j, 1);
+      const d = [...t.modelValue], k = d.indexOf(h);
+      if (k > -1)
+        d.splice(k, 1);
       else {
-        if (n.maxSelections > 0 && d.length >= n.maxSelections)
+        if (t.maxSelections > 0 && d.length >= t.maxSelections)
           return;
-        d.push(p);
+        d.push(h);
       }
-      t("update:modelValue", d), t("change", d);
-    }, g = (p) => {
-      !n.disabled && !p.disabled && s(p.value);
+      n("update:modelValue", d), n("change", d);
+    }, i = (h) => {
+      !t.disabled && !h.disabled && s(h.value);
     };
     return o({
       clearAll: () => {
-        n.disabled || (t("update:modelValue", []), t("change", []));
+        t.disabled || (n("update:modelValue", []), n("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));
+        if (t.disabled) return;
+        const b = t.options.filter((d) => !d.disabled).map((d) => d.value);
+        t.maxSelections > 0 ? (n("update:modelValue", b.slice(0, t.maxSelections)), n("change", b.slice(0, t.maxSelections))) : (n("update:modelValue", b), n("change", b));
       },
-      removeOption: (p) => {
-        s(p);
+      removeOption: (h) => {
+        s(h);
       }
-    }), (p, b) => (u(), v("div", ao, [
+    }), (h, b) => (m(), v("div", ao, [
       y("div", {
-        class: B(["options-container", [
+        class: $(["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", {
+        (m(!0), v(z, null, D(e.options, (d) => (m(), v("div", {
           key: d.value,
-          class: B(["option-item", {
+          class: $(["option-item", {
             "option-selected": l(d.value),
             "option-disabled": e.disabled || d.disabled
           }]),
-          onClick: (j) => g(d)
+          onClick: (k) => i(d)
         }, [
           y("div", so, [
             y("input", {
               type: "checkbox",
               checked: l(d.value),
               disabled: e.disabled || d.disabled,
-              onChange: H((j) => s(d.value), ["stop"]),
+              onChange: q((k) => s(d.value), ["stop"]),
               class: "checkbox-input"
             }, null, 40, co),
             y("div", go, [
-              l(d.value) ? (u(), v("svg", io, [...b[0] || (b[0] = [
+              l(d.value) ? (m(), 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)
+          y("span", ro, I(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({
+}), No = /* @__PURE__ */ F(fo, [["__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: {},
@@ -4173,73 +4173,73 @@ const Jn = {
   },
   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);
+    const t = e, n = a, l = B(new Set(t.defaultOpen)), s = B({}), i = B({}), r = (p, g) => {
+      p && (i.value[g] = p, N(() => {
+        const x = p.querySelector(".accordion-body");
+        x && (s.value[g] = x.scrollHeight);
       }));
-    }, c = (r) => {
-      var S;
-      if (n.disabled || (S = n.items[r]) != null && S.disabled)
+    }, c = (p) => {
+      var x;
+      if (t.disabled || (x = t.items[p]) != null && x.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);
+      const g = l.value.has(p);
+      t.allowMultiple ? g ? l.value.delete(p) : l.value.add(p) : g ? l.value.clear() : (l.value.clear(), l.value.add(p)), n("item-click", p, !g), n("change", Array.from(l.value));
+    }, f = (p) => l.value.has(p);
+    return J(() => t.defaultOpen, (p) => {
+      l.value = new Set(p);
+    }, { deep: !0 }), J(() => t.items, () => {
+      N(() => {
+        Object.keys(i.value).forEach((p) => {
+          const g = parseInt(p), x = i.value[g];
+          if (x) {
+            const E = x.querySelector(".accordion-body");
+            E && (s.value[g] = E.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))));
+      openItem: (p) => {
+        var g;
+        !t.disabled && !((g = t.items[p]) != null && g.disabled) && (l.value.has(p) || (t.allowMultiple || l.value.clear(), l.value.add(p), n("change", Array.from(l.value))));
       },
-      closeItem: (r) => {
-        l.value.has(r) && (l.value.delete(r), t("change", Array.from(l.value)));
+      closeItem: (p) => {
+        l.value.has(p) && (l.value.delete(p), n("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)));
+        t.allowMultiple && !t.disabled && (t.items.forEach((p, g) => {
+          p.disabled || l.value.add(g);
+        }), n("change", Array.from(l.value)));
       },
       closeAll: () => {
-        l.value.clear(), t("change", []);
+        l.value.clear(), n("change", []);
       },
       toggle: c
-    }), (r, f) => (u(), v("div", {
-      class: B(["accordion-container", { "accordion-container--bordered": e.bordered }])
+    }), (p, g) => (m(), v("div", {
+      class: $(["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
+      (m(!0), v(z, null, D(e.items, (x, E) => (m(), v("div", {
+        key: x.id || E,
+        class: $(["accordion-item", {
+          "is-open": f(E),
+          "is-disabled": e.disabled || x.disabled
         }])
       }, [
         y("button", {
-          onClick: (C) => c(P),
+          onClick: (C) => c(E),
           class: "accordion-header",
-          disabled: e.disabled || S.disabled,
-          "aria-expanded": i(P),
-          "aria-controls": `accordion-content-${P}`
+          disabled: e.disabled || x.disabled,
+          "aria-expanded": f(E),
+          "aria-controls": `accordion-content-${E}`
         }, [
-          y("span", ho, T(S.title), 1),
+          y("span", ho, I(x.title), 1),
           y("div", mo, [
-            (u(), v("svg", {
-              class: B(["accordion-arrow", { "accordion-arrow--rotate": i(P) }]),
+            (m(), v("svg", {
+              class: $(["accordion-arrow", { "accordion-arrow--rotate": f(E) }]),
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24",
               strokeWidth: "2"
-            }, [...f[0] || (f[0] = [
+            }, [...g[0] || (g[0] = [
               y("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -4249,18 +4249,18 @@ const Jn = {
           ])
         ], 8, po),
         y("div", {
-          id: `accordion-content-${P}`,
+          id: `accordion-content-${E}`,
           class: "accordion-content",
-          style: G({ maxHeight: i(P) ? `${s.value[P]}px` : "0px" }),
+          style: G({ maxHeight: f(E) ? `${s.value[E]}px` : "0px" }),
           ref_for: !0,
-          ref: (C) => h(C, P)
+          ref: (C) => r(C, E)
         }, [
-          y("div", vo, T(S.content), 1)
+          y("div", vo, I(x.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({
+}), _o = /* @__PURE__ */ F(bo, [["__scopeId", "data-v-c5fef037"]]), wo = { class: "thumbnail-container-wrapper relative" }, yo = ["onMouseenter", "onClick"], Co = ["src", "alt"], xo = { class: "thumbnail-index" }, So = /* @__PURE__ */ V({
   __name: "index",
   props: {
     images: { default: () => [] },
@@ -4270,83 +4270,83 @@ const Jn = {
   },
   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();
+    const t = e, n = a, l = B(t.modelValue), s = B(null), i = B([]), r = B(!1), c = B(!1), f = B(0), h = B(!1), b = B(!1), d = () => {
+      T();
+    }, k = (u, P) => {
+      u && u instanceof HTMLElement && (i.value[P] = u);
+    }, p = (u) => {
+      n("hover", u);
+    }, g = () => {
+    }, x = (u) => {
+      l.value = u, n("update:modelValue", u), n("change", u), t.autoScroll && N(() => {
+        w(u), setTimeout(() => {
+          T();
         }, 300);
       });
-    }, P = () => {
+    }, E = () => {
       if (!s.value) return;
-      const m = s.value, E = m.clientWidth * 0.8;
-      m.scrollBy({
-        left: -E,
+      const u = s.value, P = u.clientWidth * 0.8;
+      u.scrollBy({
+        left: -P,
         behavior: "smooth"
       });
     }, C = () => {
       if (!s.value) return;
-      const m = s.value, E = m.clientWidth * 0.8;
-      m.scrollBy({
-        left: E,
+      const u = s.value, P = u.clientWidth * 0.8;
+      u.scrollBy({
+        left: P,
         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,
+    }, w = (u) => {
+      if (!s.value || i.value.length === 0) return;
+      const P = s.value, S = i.value[u];
+      if (!S) return;
+      const M = 2, Ue = S.offsetWidth + 8;
+      let te = 0;
+      u >= M && (te = (u - M) * Ue);
+      const Ye = P.scrollWidth - P.clientWidth;
+      te = Math.max(0, Math.min(te, Ye)), P.scrollTo({
+        left: te,
         behavior: "smooth"
       });
-    }, I = () => {
+    }, T = () => {
       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 = () => {
+      const u = s.value, P = u.scrollLeft, S = u.scrollWidth - u.clientWidth;
+      r.value = P > 0, c.value = P < S, S > 0 ? f.value = P / S * 100 : f.value = 0;
+      const M = j();
+      h.value = t.images.length > M && r.value, b.value = t.images.length > M && c.value;
+    }, j = () => {
       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);
+      if (!s.value || i.value.length === 0) return 4;
+      const P = s.value.clientWidth - 32, _ = (((ie = i.value[0]) == null ? void 0 : ie.offsetWidth) || 80) + 12;
+      return Math.floor(P / _);
+    }, X = (u) => {
+      u >= 0 && u < t.images.length && x(u);
     };
-    return J(() => n.modelValue, (m) => {
-      m !== void 0 && m !== l.value && (l.value = m, n.autoScroll && _(() => {
-        w(m);
+    return J(() => t.modelValue, (u) => {
+      u !== void 0 && u !== l.value && (l.value = u, t.autoScroll && N(() => {
+        w(u);
       }));
-    }), J(() => n.images, () => {
-      _(() => {
-        I();
+    }), J(() => t.images, () => {
+      N(() => {
+        T();
       });
     }, { deep: !0 }), se(() => {
-      _(() => {
-        I();
+      N(() => {
+        T();
       });
     }), o({
-      setCurrentIndex: L,
-      scrollLeft: P,
+      setCurrentIndex: X,
+      scrollLeft: E,
       scrollRight: C,
-      updateScrollState: I
-    }), (m, E) => (u(), v("div", wo, [
-      p.value ? (u(), v("button", {
+      updateScrollState: T
+    }), (u, P) => (m(), v("div", wo, [
+      h.value ? (m(), v("button", {
         key: 0,
-        onClick: P,
+        onClick: E,
         class: "scroll-arrow scroll-arrow-left",
         "aria-label": "向左滚动"
-      }, [...E[1] || (E[1] = [
+      }, [...P[1] || (P[1] = [
         y("svg", {
           width: "24",
           height: "24",
@@ -4364,35 +4364,35 @@ const Jn = {
         onScroll: d,
         class: "thumbnail-scroll-container"
       }, [
-        (u(!0), v(z, null, D(e.images, (x, M) => (u(), v("div", {
+        (m(!0), v(z, null, D(e.images, (S, M) => (m(), 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", {
+          ref: (_) => k(_, M),
+          onMouseenter: (_) => p(M),
+          onMouseleave: P[0] || (P[0] = (_) => g()),
+          onClick: (_) => x(M),
+          class: $(["thumbnail-item", {
             "thumbnail-item--active": l.value === M,
             "thumbnail-item--inactive": l.value !== M
           }])
         }, [
           y("img", {
-            src: x,
+            src: S,
             alt: `缩略图 ${M + 1}`,
-            class: B(["thumbnail-image", {
+            class: $(["thumbnail-image", {
               "thumbnail-image--active": l.value === M,
               "thumbnail-image--inactive": l.value !== M
             }])
           }, null, 10, Co),
-          y("div", So, T(M + 1), 1)
+          y("div", xo, I(M + 1), 1)
         ], 42, yo))), 128))
       ], 544),
-      b.value ? (u(), v("button", {
+      b.value ? (m(), v("button", {
         key: 1,
         onClick: C,
         class: "scroll-arrow scroll-arrow-right",
         "aria-label": "向右滚动"
-      }, [...E[2] || (E[2] = [
+      }, [...P[2] || (P[2] = [
         y("svg", {
           width: "24",
           height: "24",
@@ -4406,7 +4406,7 @@ const Jn = {
       ])])) : A("", !0)
     ]));
   }
-}), Oo = /* @__PURE__ */ F(xo, [["__scopeId", "data-v-809b97a6"]]), Eo = /* @__PURE__ */ V({
+}), Go = /* @__PURE__ */ F(So, [["__scopeId", "data-v-809b97a6"]]), Eo = /* @__PURE__ */ V({
   __name: "index",
   props: {
     width: { default: "100%" },
@@ -4418,7 +4418,7 @@ const Jn = {
     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(() => {
+    const o = e, a = L(() => typeof o.width == "string" ? o.width.includes("%") || o.width.includes("px") || o.width.includes("rem") ? "" : `w-${o.width}` : ""), t = L(() => typeof o.height == "string" ? o.height.includes("%") || o.height.includes("px") || o.height.includes("rem") ? "" : `h-${o.height}` : ""), n = L(() => {
       switch (o.shape) {
         case "circle":
           return "rounded-full";
@@ -4427,26 +4427,26 @@ const Jn = {
         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;
+    }), l = L(() => o.class), s = L(() => {
+      const i = { ...o.style };
+      return typeof o.width == "string" && (o.width.includes("%") || o.width.includes("px") || o.width.includes("rem")) ? i.width = o.width : typeof o.width == "number" && (i.width = `${o.width}px`), typeof o.height == "string" && (o.height.includes("%") || o.height.includes("px") || o.height.includes("rem")) ? i.height = o.height : typeof o.height == "number" && (i.height = `${o.height}px`), i;
     });
-    return (g, h) => e.loading ? (u(), v("div", {
+    return (i, r) => e.loading ? (m(), v("div", {
       key: 0,
-      class: B(["bg-gray-200", [
+      class: $(["bg-gray-200", [
         a.value,
-        n.value,
         t.value,
+        n.value,
         l.value,
         { "animate-pulse": e.animated }
       ]]),
       style: G(s.value)
-    }, null, 6)) : Q(g.$slots, "default", { key: 1 }, void 0, !0);
+    }, null, 6)) : K(i.$slots, "default", { key: 1 }, void 0, !0);
   }
-}), Ro = /* @__PURE__ */ F(Eo, [["__scopeId", "data-v-db4a4465"]]), Po = {
+}), Wo = /* @__PURE__ */ F(Eo, [["__scopeId", "data-v-db4a4465"]]), ko = {
   key: 0,
   class: "modal-header"
-}, jo = { class: "modal-title" }, ko = { class: "modal-body" }, Mo = {
+}, Po = { class: "modal-title" }, jo = { class: "modal-body" }, Mo = {
   key: 1,
   class: "modal-footer"
 }, Ao = ["disabled"], Io = {
@@ -4473,22 +4473,22 @@ const Jn = {
   },
   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");
+    const t = e, n = a, l = () => {
+      n("update:visible", !1), n("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();
+      n("cancel"), n("update:visible", !1);
+    }, i = () => {
+      n("confirm");
+    }, r = () => {
+      t.maskClosable && l();
+    }, c = (f) => {
+      f.key === "Escape" && t.escClosable && t.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"));
+    return J(() => t.visible, (f) => {
+      f ? (document.addEventListener("keydown", c), document.body.style.overflow = "hidden", n("opened")) : (document.removeEventListener("keydown", c), document.body.style.overflow = "", n("closed"));
     }), o({
       close: l
-    }), (i, p) => (u(), re(Je, { to: "body" }, [
+    }), (f, h) => (m(), fe(Je, { to: "body" }, [
       R(pe, {
         "enter-active-class": "transition-opacity duration-300",
         "enter-from-class": "opacity-0",
@@ -4498,10 +4498,10 @@ const Jn = {
         "leave-to-class": "opacity-0"
       }, {
         default: Z(() => [
-          e.visible ? (u(), v("div", {
+          e.visible ? (m(), v("div", {
             key: 0,
             class: "modal-mask",
-            onClick: h
+            onClick: r
           }, [
             R(pe, {
               "enter-active-class": "transition-all duration-300",
@@ -4512,26 +4512,26 @@ const Jn = {
               "leave-to-class": "opacity-0 scale-95"
             }, {
               default: Z(() => [
-                e.visible ? (u(), v("div", {
+                e.visible ? (m(), v("div", {
                   key: 0,
-                  class: B(["modal-container", [
+                  class: $(["modal-container", [
                     `modal-container--${e.size}`,
                     { "modal-container--fullscreen": e.fullscreen }
                   ]]),
                   style: G({ width: e.width }),
-                  onClick: p[0] || (p[0] = H(() => {
+                  onClick: h[0] || (h[0] = q(() => {
                   }, ["stop"]))
                 }, [
-                  e.showHeader ? (u(), v("div", Po, [
-                    Q(i.$slots, "header", {}, () => [
-                      y("h3", jo, T(e.title), 1)
+                  e.showHeader ? (m(), v("div", ko, [
+                    K(f.$slots, "header", {}, () => [
+                      y("h3", Po, I(e.title), 1)
                     ], !0),
-                    e.showClose ? (u(), v("button", {
+                    e.showClose ? (m(), v("button", {
                       key: 0,
                       class: "modal-close",
                       onClick: l,
                       "aria-label": "关闭"
-                    }, [...p[1] || (p[1] = [
+                    }, [...h[1] || (h[1] = [
                       y("svg", {
                         width: "24",
                         height: "24",
@@ -4544,24 +4544,24 @@ const Jn = {
                       ], -1)
                     ])])) : A("", !0)
                   ])) : A("", !0),
-                  y("div", ko, [
-                    Q(i.$slots, "default", {}, void 0, !0)
+                  y("div", jo, [
+                    K(f.$slots, "default", {}, void 0, !0)
                   ]),
-                  e.showFooter ? (u(), v("div", Mo, [
-                    Q(i.$slots, "footer", {}, () => [
-                      e.showCancel ? (u(), v("button", {
+                  e.showFooter ? (m(), v("div", Mo, [
+                    K(f.$slots, "footer", {}, () => [
+                      e.showCancel ? (m(), v("button", {
                         key: 0,
                         class: "modal-btn modal-btn--cancel",
                         onClick: s
-                      }, T(e.cancelText), 1)) : A("", !0),
-                      e.showConfirm ? (u(), v("button", {
+                      }, I(e.cancelText), 1)) : A("", !0),
+                      e.showConfirm ? (m(), v("button", {
                         key: 1,
                         class: "modal-btn modal-btn--confirm",
-                        onClick: g,
+                        onClick: i,
                         disabled: e.confirmLoading
                       }, [
-                        e.confirmLoading ? (u(), v("span", Io)) : A("", !0),
-                        ze(" " + T(e.confirmText), 1)
+                        e.confirmLoading ? (m(), v("span", Io)) : A("", !0),
+                        be(" " + I(e.confirmText), 1)
                       ], 8, Ao)) : A("", !0)
                     ], !0)
                   ])) : A("", !0)
@@ -4575,7 +4575,42 @@ const Jn = {
       })
     ]));
   }
-}), Do = /* @__PURE__ */ F($o, [["__scopeId", "data-v-e43c9a70"]]), _o = () => {
+}), Ko = /* @__PURE__ */ F($o, [["__scopeId", "data-v-e43c9a70"]]), To = { class: "x-tooltip-trigger" }, Bo = { class: "tooltip-label" }, Lo = { class: "tooltip-text" }, Xo = { class: "tooltip-hover-text" }, zo = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    content: {},
+    placement: { default: "top" },
+    variant: { default: "basic" },
+    label: { default: "Hover" },
+    hoverText: { default: "" }
+  },
+  setup(e) {
+    return (o, a) => (m(), v("div", {
+      class: $([
+        e.variant === "basic" ? "x-tooltip-wrapper" : "x-tooltip-rich-wrapper",
+        e.variant === "rich" && `rich-${e.placement}`
+      ])
+    }, [
+      e.variant === "basic" ? (m(), v(z, { key: 0 }, [
+        y("div", To, [
+          K(o.$slots, "default", {}, void 0, !0)
+        ]),
+        y("div", {
+          class: $(["x-tooltip", `tooltip-${e.placement}`])
+        }, [
+          be(I(e.content) + " ", 1),
+          y("div", {
+            class: $(["tooltip-arrow", `arrow-${e.placement}`])
+          }, null, 2)
+        ], 2)
+      ], 64)) : (m(), v(z, { key: 1 }, [
+        y("span", Bo, I(e.label), 1),
+        y("span", Lo, I(e.content), 1),
+        y("span", Xo, I(e.hoverText || e.label), 1)
+      ], 64))
+    ], 2));
+  }
+}), Ho = /* @__PURE__ */ F(zo, [["__scopeId", "data-v-6d3b782b"]]), qo = () => {
   const e = () => {
     let c = document.getElementById("xl-message-container");
     return c || (c = document.createElement("div"), c.id = "xl-message-container", c.style.cssText = `
@@ -4588,7 +4623,7 @@ const Jn = {
                 gap: 10px;
             `, document.body.appendChild(c)), c;
   }, o = (c) => {
-    const i = {
+    const f = {
       success: {
         bgColor: "#f0fdf4",
         borderColor: "#86efac",
@@ -4618,10 +4653,10 @@ const Jn = {
         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;
+    return f[c] || f.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 = `
+    const f = e(), h = c.type || "info", b = c.duration !== void 0 ? c.duration : 3e3, d = o(h), k = `xl-msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, p = document.createElement("div");
+    p.id = k, p.style.cssText = `
             background-color: ${d.bgColor};
             border: 1px solid ${d.borderColor};
             color: ${d.textColor};
@@ -4633,7 +4668,7 @@ const Jn = {
             opacity: 0;
             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
             pointer-events: auto;
-        `, r.innerHTML = `
+        `, p.innerHTML = `
             <div style="display: flex; align-items: flex-start; gap: 12px;">
                 <div style="flex-shrink: 0; color: ${d.iconColor}; margin-top: 2px;">
                     ${d.iconSvg}
@@ -4648,30 +4683,30 @@ const Jn = {
                     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()"
+                    onclick="document.getElementById('${k}')?.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(() => {
+        `, f.appendChild(p), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        r.style.transform = "translateX(0)", r.style.opacity = "1";
+        p.style.transform = "translateX(0)", p.style.opacity = "1";
       });
     }), b > 0 && setTimeout(() => {
-      n(j);
+      t(k);
     }, 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);
+  }, t = (c) => {
+    const f = document.getElementById(c);
+    f && (f.style.transform = "translateX(100%)", f.style.opacity = "0", setTimeout(() => {
+      f.parentNode && f.parentNode.removeChild(f);
     }, 300));
   };
   return {
     show: a,
     confirm: (c) => {
-      const i = c.type || "info", p = o(i), b = `xl-confirm-${Date.now()}`, d = document.createElement("div");
+      const f = c.type || "info", h = o(f), b = `xl-confirm-${Date.now()}`, d = document.createElement("div");
       d.id = b, d.style.cssText = `
             position: fixed;
             inset: 0;
@@ -4684,7 +4719,7 @@ const Jn = {
             transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
             backdrop-filter: blur(4px);
         `;
-      const j = `
+      const k = `
             <div class="xl-confirm-dialog" style="
                 background-color: white;
                 border-radius: 12px;
@@ -4698,8 +4733,8 @@ const Jn = {
             ">
                 <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 style="flex-shrink: 0; color: ${h.iconColor}; margin-top: 2px;">
+                            ${h.iconSvg}
                         </div>
                         <div style="flex: 1;">
                             <h3 style="font-size: 18px; font-weight: 600; color: #1a1a1a; line-height: 1.5; margin: 0;">
@@ -4759,61 +4794,204 @@ const Jn = {
                 </div>
             </div>
         `;
-      d.innerHTML = j, document.body.appendChild(d), requestAnimationFrame(() => {
+      d.innerHTML = k, 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 p = d.querySelector(".xl-confirm-ok"), g = d.querySelector(".xl-confirm-cancel"), x = () => {
         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", () => {
+      p == null || p.addEventListener("click", () => {
         var C;
-        (C = c.onConfirm) == null || C.call(c), S();
-      }), f == null || f.addEventListener("click", () => {
+        (C = c.onConfirm) == null || C.call(c), x();
+      }), g == null || g.addEventListener("click", () => {
         var C;
-        (C = c.onCancel) == null || C.call(c), S();
+        (C = c.onCancel) == null || C.call(c), x();
       }), d.addEventListener("click", (C) => {
         var w;
-        C.target === d && ((w = c.onCancel) == null || w.call(c), S());
+        C.target === d && ((w = c.onCancel) == null || w.call(c), x());
       });
-      const P = (C) => {
+      const E = (C) => {
         var w;
-        C.key === "Escape" && ((w = c.onCancel) == null || w.call(c), S(), document.removeEventListener("keydown", P));
+        C.key === "Escape" && ((w = c.onCancel) == null || w.call(c), x(), document.removeEventListener("keydown", E));
       };
-      document.addEventListener("keydown", P);
+      document.addEventListener("keydown", E);
     },
-    success: (c, i, p) => {
-      a({ title: c, content: i, type: "success", duration: p });
+    success: (c, f, h) => {
+      a({ title: c, content: f, type: "success", duration: h });
     },
-    error: (c, i, p) => {
-      a({ title: c, content: i, type: "error", duration: p });
+    error: (c, f, h) => {
+      a({ title: c, content: f, type: "error", duration: h });
     },
-    warning: (c, i, p) => {
-      a({ title: c, content: i, type: "warning", duration: p });
+    warning: (c, f, h) => {
+      a({ title: c, content: f, type: "warning", duration: h });
     },
-    info: (c, i, p) => {
-      a({ title: c, content: i, type: "info", duration: p });
+    info: (c, f, h) => {
+      a({ title: c, content: f, type: "info", duration: h });
     },
-    remove: n
+    remove: t
+  };
+}, Uo = () => {
+  const e = () => {
+    let r = document.getElementById("xl-alert-container");
+    return r || (r = document.createElement("div"), r.id = "xl-alert-container", r.style.cssText = `
+                position: fixed;
+                top: 5%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                z-index: 10000;
+                display: flex;
+                flex-direction: column;
+                gap: 12px;
+                max-width: 90%;
+                width: 500px;
+            `, document.body.appendChild(r)), r;
+  }, o = (r) => {
+    const c = {
+      success: {
+        bgColor: "rgb(240, 253, 244)",
+        darkBgColor: "rgb(20, 83, 45)",
+        borderColor: "rgb(134, 239, 172)",
+        darkBorderColor: "rgb(22, 101, 52)",
+        textColor: "rgb(22, 101, 52)",
+        darkTextColor: "rgb(187, 247, 208)",
+        iconColor: "rgb(34, 197, 94)",
+        iconSvg: `<svg stroke="currentColor" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M13 16h-1v-4h1m0-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>
+                </svg>`
+      },
+      error: {
+        bgColor: "rgb(254, 242, 242)",
+        darkBgColor: "rgb(127, 29, 29)",
+        borderColor: "rgb(252, 165, 165)",
+        darkBorderColor: "rgb(153, 27, 27)",
+        textColor: "rgb(153, 27, 27)",
+        darkTextColor: "rgb(254, 202, 202)",
+        iconColor: "rgb(239, 68, 68)",
+        iconSvg: `<svg stroke="currentColor" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M13 16h-1v-4h1m0-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>
+                </svg>`
+      },
+      warning: {
+        bgColor: "rgb(254, 252, 232)",
+        darkBgColor: "rgb(133, 77, 14)",
+        borderColor: "rgb(253, 224, 71)",
+        darkBorderColor: "rgb(161, 98, 7)",
+        textColor: "rgb(133, 77, 14)",
+        darkTextColor: "rgb(254, 240, 138)",
+        iconColor: "rgb(234, 179, 8)",
+        iconSvg: `<svg stroke="currentColor" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M13 16h-1v-4h1m0-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>
+                </svg>`
+      },
+      info: {
+        bgColor: "rgb(239, 246, 255)",
+        darkBgColor: "rgb(30, 58, 138)",
+        borderColor: "rgb(147, 197, 253)",
+        darkBorderColor: "rgb(29, 78, 216)",
+        textColor: "rgb(30, 64, 175)",
+        darkTextColor: "rgb(191, 219, 254)",
+        iconColor: "rgb(59, 130, 246)",
+        iconSvg: `<svg stroke="currentColor" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M13 16h-1v-4h1m0-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>
+                </svg>`
+      }
+    };
+    return c[r] || c.info;
+  }, a = () => window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches, t = (r) => {
+    const c = e(), f = r.type || "info", h = r.duration !== void 0 ? r.duration : 5e3, b = r.closable !== void 0 ? r.closable : !0, d = o(f), k = a(), p = `xl-alert-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, g = document.createElement("div");
+    g.id = p, g.setAttribute("role", "alert"), g.style.cssText = `
+            background-color: ${k ? d.darkBgColor : d.bgColor};
+            border-left: 4px solid ${k ? d.darkBorderColor : d.borderColor};
+            color: ${k ? d.darkTextColor : d.textColor};
+            padding: 16px;
+            border-radius: 12px;
+            display: flex;
+            align-items: center;
+            transition: all 0.3s ease-in-out;
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+            transform: scale(0.8);
+            opacity: 0;
+            position: relative;
+        `;
+    let x = `
+            <div style="color: ${d.iconColor}; width: 20px; height: 20px; flex-shrink: 0; margin-right: 12px;">
+                ${d.iconSvg}
+            </div>
+            <div style="flex: 1;">
+                ${r.title ? `<p style="font-weight: 600; font-size: 14px; margin-bottom: 4px;">${r.title}</p>` : ""}
+                <p style="font-size: ${r.title ? "13px" : "14px"}; font-weight: ${r.title ? "400" : "600"};">${r.content}</p>
+            </div>
+        `;
+    b && (x += `
+                <button 
+                    class="xl-alert-close"
+                    style="
+                        background: transparent;
+                        border: none;
+                        color: ${k ? d.darkTextColor : d.textColor};
+                        cursor: pointer;
+                        padding: 4px;
+                        margin-left: 8px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        opacity: 0.6;
+                        transition: opacity 0.2s;
+                        width: 20px;
+                        height: 20px;
+                        flex-shrink: 0;
+                    "
+                    onmouseover="this.style.opacity='1'"
+                    onmouseout="this.style.opacity='0.6'"
+                >
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="18" y1="6" x2="6" y2="18"></line>
+                        <line x1="6" y1="6" x2="18" y2="18"></line>
+                    </svg>
+                </button>
+            `), g.innerHTML = x;
+    const E = () => {
+      g.style.transform = "scale(0.8)", g.style.opacity = "0", setTimeout(() => {
+        g.parentNode && c.removeChild(g), c.children.length === 0 && document.body.removeChild(c);
+      }, 300);
+    };
+    if (b) {
+      const C = g.querySelector(".xl-alert-close");
+      C && C.addEventListener("click", E);
+    }
+    return c.appendChild(g), setTimeout(() => {
+      g.style.transform = "scale(1)", g.style.opacity = "1";
+    }, 10), h > 0 && setTimeout(E, h), { close: E };
+  };
+  return {
+    show: t,
+    success: (r, c) => t({ content: r, type: "success", ...c }),
+    error: (r, c) => t({ content: r, type: "error", ...c }),
+    warning: (r, c) => t({ content: r, type: "warning", ...c }),
+    info: (r, c) => t({ content: r, type: "info", ...c })
   };
 };
 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
+  _o as XAccordion,
+  ze as XButton,
+  Fo as XCard,
+  No as XCheckboxes,
+  Oo as XCountrySelect,
+  Do as XInput,
+  Ko as XModal,
+  Ro as XSelect,
+  Wo as XSkeleton,
+  Go as XThumbnailContainer,
+  Ho as XTooltips,
+  Uo as useAlert,
+  qo as useMsg,
+  Uo as xlAlert,
+  qo as xlMsg
 };