quail-ui 0.2.40 → 0.2.42

package/dist/index.js

@@ -1,8 +1,8 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as l1, defineComponent as q, ref as B, watch as N, onMounted as f1, withDirectives as i1, vModelText as _1, useSlots as p1, computed as S, nextTick as b1, Fragment as g1, renderSlot as r1, createVNode as e1, Transition as v1, withCtx as $1, normalizeClass as Z, normalizeStyle as m1, withModifiers as M1, toDisplayString as P, createCommentVNode as W, getCurrentInstance as z1, unref as s1, createBlock as F, resolveDynamicComponent as c1, renderList as k1, vModelCheckbox as Q1, resolveComponent as h1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as a1, defineComponent as A, ref as S, watch as N, onMounted as d1, withDirectives as i1, vModelText as C1, computed as I, nextTick as V1, Fragment as m1, renderSlot as t1, createBlock as Z, Transition as f1, withCtx as g1, normalizeClass as D, normalizeStyle as w1, withModifiers as p1, createCommentVNode as O, toDisplayString as P, getCurrentInstance as b1, unref as r1, resolveDynamicComponent as c1, renderList as k1, vModelCheckbox as z1, useSlots as Q1, resolveComponent as v1, createVNode as l1 } from "vue";
 const c = (e, t) => {
   const r = e.__vccOpts || e;
-  for (const [C, _] of t)
-    r[C] = _;
+  for (const [C, h] of t)
+    r[C] = h;
   return r;
 }, I1 = {}, B1 = {
   width: "24",
@@ -19,10 +19,10 @@ const c = (e, t) => {
 }, null, -1), j1 = [
   S1
 ];
-function D1(e, t) {
+function q1(e, t) {
   return n(), s("svg", B1, j1);
 }
-const Z1 = /* @__PURE__ */ c(I1, [["render", D1]]), q1 = {}, O1 = {
+const D1 = /* @__PURE__ */ c(I1, [["render", q1]]), Z1 = {}, O1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -40,7 +40,7 @@ const Z1 = /* @__PURE__ */ c(I1, [["render", D1]]), q1 = {}, O1 = {
 function T1(e, t) {
   return n(), s("svg", O1, P1);
 }
-const x1 = /* @__PURE__ */ c(q1, [["render", T1]]), F1 = {}, Y1 = {
+const x1 = /* @__PURE__ */ c(Z1, [["render", T1]]), F1 = {}, Y1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -58,7 +58,7 @@ const x1 = /* @__PURE__ */ c(q1, [["render", T1]]), F1 = {}, Y1 = {
 function W1(e, t) {
   return n(), s("svg", Y1, E1);
 }
-const L1 = /* @__PURE__ */ c(F1, [["render", W1]]), N1 = {}, R1 = {
+const y1 = /* @__PURE__ */ c(F1, [["render", W1]]), N1 = {}, R1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -155,7 +155,7 @@ const p2 = /* @__PURE__ */ c(h2, [["render", w2]]), v2 = {}, $2 = {
 function k2(e, t) {
   return n(), s("svg", $2, M2);
 }
-const x2 = /* @__PURE__ */ c(v2, [["render", k2]]), L2 = {}, y2 = {
+const x2 = /* @__PURE__ */ c(v2, [["render", k2]]), y2 = {}, L2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -171,9 +171,9 @@ const x2 = /* @__PURE__ */ c(v2, [["render", k2]]), L2 = {}, y2 = {
   H2
 ];
 function b2(e, t) {
-  return n(), s("svg", y2, V2);
+  return n(), s("svg", L2, V2);
 }
-const z2 = /* @__PURE__ */ c(L2, [["render", b2]]), Q2 = {}, I2 = {
+const z2 = /* @__PURE__ */ c(y2, [["render", b2]]), Q2 = {}, I2 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
@@ -184,7 +184,7 @@ const z2 = /* @__PURE__ */ c(L2, [["render", b2]]), Q2 = {}, I2 = {
 function j2(e, t) {
   return n(), s("svg", I2, S2);
 }
-const D2 = /* @__PURE__ */ c(Q2, [["render", j2]]), Z2 = {}, q2 = {
+const q2 = /* @__PURE__ */ c(Q2, [["render", j2]]), D2 = {}, Z2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -200,9 +200,9 @@ const D2 = /* @__PURE__ */ c(Q2, [["render", j2]]), Z2 = {}, q2 = {
   O2
 ];
 function P2(e, t) {
-  return n(), s("svg", q2, A2);
+  return n(), s("svg", Z2, A2);
 }
-const T2 = /* @__PURE__ */ c(Z2, [["render", P2]]), F2 = {}, Y2 = {
+const T2 = /* @__PURE__ */ c(D2, [["render", P2]]), F2 = {}, Y2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -296,7 +296,7 @@ const pe = /* @__PURE__ */ c(he, [["render", we]]), ve = {}, $e = {
 function ke(e, t) {
   return n(), s("svg", $e, Me);
 }
-const xe = /* @__PURE__ */ c(ve, [["render", ke]]), Le = {}, ye = {
+const xe = /* @__PURE__ */ c(ve, [["render", ke]]), ye = {}, Le = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -312,9 +312,9 @@ const xe = /* @__PURE__ */ c(ve, [["render", ke]]), Le = {}, ye = {
   He
 ];
 function be(e, t) {
-  return n(), s("svg", ye, Ve);
+  return n(), s("svg", Le, Ve);
 }
-const ze = /* @__PURE__ */ c(Le, [["render", be]]), Qe = {}, Ie = {
+const ze = /* @__PURE__ */ c(ye, [["render", be]]), Qe = {}, Ie = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": "true",
@@ -323,13 +323,13 @@ const ze = /* @__PURE__ */ c(Le, [["render", be]]), Qe = {}, Ie = {
   height: "24",
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24"
-}, Be = /* @__PURE__ */ l1('<g clip-path="url(#clip0_110_2)"><path d="M24 12C24 18.6281 18.6281 24 12 24C5.37188 24 0 18.6281 0 12C0 5.37188 5.37188 0 12 0C18.6281 0 24 5.37188 24 12Z" fill="#F26522"></path><path d="M7.57501 17.5266C6.67033 17.5266 5.93907 16.7953 5.93907 15.8906C5.93907 14.9859 6.67033 14.2547 7.57501 14.2547C8.4797 14.2547 9.21095 14.9859 9.21095 15.8906C9.21095 16.7906 8.4797 17.5266 7.57501 17.5266ZM11.4844 17.5266C11.4516 14.4797 8.98126 12.0094 5.93439 11.9766V9.55311C10.3266 9.58593 13.875 13.1391 13.9078 17.5266H11.4844ZM15.5906 17.5266C15.5813 14.9484 14.5734 12.5203 12.75 10.6969C10.9266 8.87343 8.50782 7.86561 5.93439 7.85624V5.4328C12.6 5.45624 18 10.8609 18.0141 17.5266H15.5906Z" fill="white"></path></g><defs><clipPath id="clip0_110_2"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), Se = [
+}, Be = /* @__PURE__ */ a1('<g clip-path="url(#clip0_110_2)"><path d="M24 12C24 18.6281 18.6281 24 12 24C5.37188 24 0 18.6281 0 12C0 5.37188 5.37188 0 12 0C18.6281 0 24 5.37188 24 12Z" fill="#F26522"></path><path d="M7.57501 17.5266C6.67033 17.5266 5.93907 16.7953 5.93907 15.8906C5.93907 14.9859 6.67033 14.2547 7.57501 14.2547C8.4797 14.2547 9.21095 14.9859 9.21095 15.8906C9.21095 16.7906 8.4797 17.5266 7.57501 17.5266ZM11.4844 17.5266C11.4516 14.4797 8.98126 12.0094 5.93439 11.9766V9.55311C10.3266 9.58593 13.875 13.1391 13.9078 17.5266H11.4844ZM15.5906 17.5266C15.5813 14.9484 14.5734 12.5203 12.75 10.6969C10.9266 8.87343 8.50782 7.86561 5.93439 7.85624V5.4328C12.6 5.45624 18 10.8609 18.0141 17.5266H15.5906Z" fill="white"></path></g><defs><clipPath id="clip0_110_2"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), Se = [
   Be
 ];
 function je(e, t) {
   return n(), s("svg", Ie, Se);
 }
-const De = /* @__PURE__ */ c(Qe, [["render", je]]), Ze = {}, qe = {
+const qe = /* @__PURE__ */ c(Qe, [["render", je]]), De = {}, Ze = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -345,9 +345,9 @@ const De = /* @__PURE__ */ c(Qe, [["render", je]]), Ze = {}, qe = {
   Oe
 ];
 function Pe(e, t) {
-  return n(), s("svg", qe, Ae);
+  return n(), s("svg", Ze, Ae);
 }
-const Te = /* @__PURE__ */ c(Ze, [["render", Pe]]), Fe = {}, Ye = {
+const Te = /* @__PURE__ */ c(De, [["render", Pe]]), Fe = {}, Ye = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -365,7 +365,7 @@ const Te = /* @__PURE__ */ c(Ze, [["render", Pe]]), Fe = {}, Ye = {
 function We(e, t) {
   return n(), s("svg", Ye, Ee);
 }
-const C1 = /* @__PURE__ */ c(Fe, [["render", We]]), Ne = {}, Re = {
+const $1 = /* @__PURE__ */ c(Fe, [["render", We]]), Ne = {}, Re = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -455,23 +455,23 @@ const wt = /* @__PURE__ */ c(_t, [["render", gt]]), pt = {}, vt = {
 function Mt(e, t) {
   return n(), s("svg", vt, mt);
 }
-const kt = /* @__PURE__ */ c(pt, [["render", Mt]]), xt = {}, Lt = {
+const kt = /* @__PURE__ */ c(pt, [["render", Mt]]), xt = {}, yt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, yt = /* @__PURE__ */ o("path", {
+}, Lt = /* @__PURE__ */ o("path", {
   d: "M21.5 18L14.8571 12M9.14286 12L2.50003 18M2 7L10.1649 12.7154C10.8261 13.1783 11.1567 13.4097 11.5163 13.4993C11.8339 13.5785 12.1661 13.5785 12.4837 13.4993C12.8433 13.4097 13.1739 13.1783 13.8351 12.7154L22 7M6.8 20H17.2C18.8802 20 19.7202 20 20.362 19.673C20.9265 19.3854 21.3854 18.9265 21.673 18.362C22 17.7202 22 16.8802 22 15.2V8.8C22 7.11984 22 6.27976 21.673 5.63803C21.3854 5.07354 20.9265 4.6146 20.362 4.32698C19.7202 4 18.8802 4 17.2 4H6.8C5.11984 4 4.27976 4 3.63803 4.32698C3.07354 4.6146 2.6146 5.07354 2.32698 5.63803C2 6.27976 2 7.11984 2 8.8V15.2C2 16.8802 2 17.7202 2.32698 18.362C2.6146 18.9265 3.07354 19.3854 3.63803 19.673C4.27976 20 5.11984 20 6.8 20Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), Ht = [
-  yt
+  Lt
 ];
 function Vt(e, t) {
-  return n(), s("svg", Lt, Ht);
+  return n(), s("svg", yt, Ht);
 }
 const bt = /* @__PURE__ */ c(xt, [["render", Vt]]), zt = {}, Qt = {
   width: "24",
@@ -491,25 +491,25 @@ const bt = /* @__PURE__ */ c(xt, [["render", Vt]]), zt = {}, Qt = {
 function St(e, t) {
   return n(), s("svg", Qt, Bt);
 }
-const jt = /* @__PURE__ */ c(zt, [["render", St]]), Dt = {}, Zt = {
+const jt = /* @__PURE__ */ c(zt, [["render", St]]), qt = {}, Dt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, qt = /* @__PURE__ */ o("path", {
+}, Zt = /* @__PURE__ */ o("path", {
   d: "M15 2V3.4C15 3.96005 15 4.24008 14.891 4.45399C14.7951 4.64215 14.6422 4.79513 14.454 4.89101C14.2401 5 13.9601 5 13.4 5H10.6C10.0399 5 9.75992 5 9.54601 4.89101C9.35785 4.79513 9.20487 4.64215 9.10899 4.45399C9 4.24008 9 3.96005 9 3.4V2M8.2 22H15.8C16.9201 22 17.4802 22 17.908 21.782C18.2843 21.5903 18.5903 21.2843 18.782 20.908C19 20.4802 19 19.9201 19 18.8V5.2C19 4.07989 19 3.51984 18.782 3.09202C18.5903 2.71569 18.2843 2.40973 17.908 2.21799C17.4802 2 16.9201 2 15.8 2H8.2C7.0799 2 6.51984 2 6.09202 2.21799C5.71569 2.40973 5.40973 2.71569 5.21799 3.09202C5 3.51984 5 4.0799 5 5.2V18.8C5 19.9201 5 20.4802 5.21799 20.908C5.40973 21.2843 5.71569 21.5903 6.09202 21.782C6.51984 22 7.07989 22 8.2 22Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), Ot = [
-  qt
+  Zt
 ];
 function At(e, t) {
-  return n(), s("svg", Zt, Ot);
+  return n(), s("svg", Dt, Ot);
 }
-const Pt = /* @__PURE__ */ c(Dt, [["render", At]]), Tt = {}, Ft = {
+const Pt = /* @__PURE__ */ c(qt, [["render", At]]), Tt = {}, Ft = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -625,10 +625,10 @@ const $n = /* @__PURE__ */ c(fn, [["render", vn]]), mn = {}, Mn = {
 }, null, -1), xn = [
   kn
 ];
-function Ln(e, t) {
+function yn(e, t) {
   return n(), s("svg", Mn, xn);
 }
-const yn = /* @__PURE__ */ c(mn, [["render", Ln]]), Hn = {}, Vn = {
+const Ln = /* @__PURE__ */ c(mn, [["render", yn]]), Hn = {}, Vn = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": "true",
@@ -637,7 +637,7 @@ const yn = /* @__PURE__ */ c(mn, [["render", Ln]]), Hn = {}, Vn = {
   height: "24",
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24"
-}, bn = /* @__PURE__ */ l1('<g clip-path="url(#clip0_110_6)"><path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="url(#paint0_linear_110_6)"></path><path d="M17.8406 6.90468L15.6984 17.7094C15.6984 17.7094 15.3984 18.4594 14.5734 18.0984L9.62811 14.3062L7.82811 13.4391L4.79999 12.4219C4.79999 12.4219 4.33592 12.2578 4.28905 11.8969C4.24217 11.5359 4.81405 11.3437 4.81405 11.3437L16.8515 6.62343C16.8515 6.61874 17.8406 6.1828 17.8406 6.90468Z" fill="white"></path><path d="M9.24375 17.5875C9.24375 17.5875 9.09844 17.5734 8.92031 17.0062C8.74219 16.439 7.82812 13.439 7.82812 13.439L15.0984 8.82185C15.0984 8.82185 15.5203 8.56873 15.5016 8.82185C15.5016 8.82185 15.5766 8.86873 15.3516 9.07498C15.1266 9.28591 9.64219 14.2172 9.64219 14.2172" fill="#D2E4F0"></path><path d="M11.5219 15.7594L9.56716 17.5453C9.56716 17.5453 9.41248 17.6625 9.24841 17.5875L9.62341 14.2734" fill="#B5CFE4"></path></g><defs><linearGradient id="paint0_linear_110_6" x1="12" y1="0" x2="12" y2="23.9124" gradientUnits="userSpaceOnUse"><stop stop-color="#41BCE7"></stop><stop offset="1" stop-color="#22A6DC"></stop></linearGradient><clipPath id="clip0_110_6"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), zn = [
+}, bn = /* @__PURE__ */ a1('<g clip-path="url(#clip0_110_6)"><path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="url(#paint0_linear_110_6)"></path><path d="M17.8406 6.90468L15.6984 17.7094C15.6984 17.7094 15.3984 18.4594 14.5734 18.0984L9.62811 14.3062L7.82811 13.4391L4.79999 12.4219C4.79999 12.4219 4.33592 12.2578 4.28905 11.8969C4.24217 11.5359 4.81405 11.3437 4.81405 11.3437L16.8515 6.62343C16.8515 6.61874 17.8406 6.1828 17.8406 6.90468Z" fill="white"></path><path d="M9.24375 17.5875C9.24375 17.5875 9.09844 17.5734 8.92031 17.0062C8.74219 16.439 7.82812 13.439 7.82812 13.439L15.0984 8.82185C15.0984 8.82185 15.5203 8.56873 15.5016 8.82185C15.5016 8.82185 15.5766 8.86873 15.3516 9.07498C15.1266 9.28591 9.64219 14.2172 9.64219 14.2172" fill="#D2E4F0"></path><path d="M11.5219 15.7594L9.56716 17.5453C9.56716 17.5453 9.41248 17.6625 9.24841 17.5875L9.62341 14.2734" fill="#B5CFE4"></path></g><defs><linearGradient id="paint0_linear_110_6" x1="12" y1="0" x2="12" y2="23.9124" gradientUnits="userSpaceOnUse"><stop stop-color="#41BCE7"></stop><stop offset="1" stop-color="#22A6DC"></stop></linearGradient><clipPath id="clip0_110_6"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), zn = [
   bn
 ];
 function Qn(e, t) {
@@ -656,13 +656,13 @@ const In = /* @__PURE__ */ c(Hn, [["render", Qn]]), Bn = {}, Sn = {
 }, jn = /* @__PURE__ */ o("path", {
   d: "M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z",
   fill: "currentColor"
-}, null, -1), Dn = [
+}, null, -1), qn = [
   jn
 ];
-function Zn(e, t) {
-  return n(), s("svg", Sn, Dn);
+function Dn(e, t) {
+  return n(), s("svg", Sn, qn);
 }
-const qn = /* @__PURE__ */ c(Bn, [["render", Zn]]), On = {}, An = {
+const Zn = /* @__PURE__ */ c(Bn, [["render", Dn]]), On = {}, An = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -719,7 +719,7 @@ const n4 = /* @__PURE__ */ c(Jn, [["render", t4]]), o4 = {}, s4 = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, r4 = /* @__PURE__ */ l1('<path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8Z" stroke="url(#paint0_linear_24_7)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6L7.4336 12.2269C7.13256 12.6374 6.98205 12.8427 6.9869 13.0142C6.99113 13.1634 7.06185 13.303 7.17972 13.3947C7.31514 13.5 7.56967 13.5 8.07872 13.5H12V18L16.5664 11.7731C16.8674 11.3626 17.018 11.1573 17.0131 10.9858C17.0089 10.8366 16.9381 10.697 16.8203 10.6053C16.6849 10.5 16.4303 10.5 15.9213 10.5H12V6Z" fill="url(#paint1_linear_24_7)"></path><defs><linearGradient id="paint0_linear_24_7" x1="12" y1="3" x2="12" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#D6AC5E"></stop><stop offset="1" stop-color="#9D5C2E"></stop></linearGradient><linearGradient id="paint1_linear_24_7" x1="12" y1="6" x2="12" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#D7AD5E"></stop><stop offset="1" stop-color="#9C5B2D"></stop></linearGradient></defs>', 3), i4 = [
+}, r4 = /* @__PURE__ */ a1('<path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8Z" stroke="url(#paint0_linear_24_7)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6L7.4336 12.2269C7.13256 12.6374 6.98205 12.8427 6.9869 13.0142C6.99113 13.1634 7.06185 13.303 7.17972 13.3947C7.31514 13.5 7.56967 13.5 8.07872 13.5H12V18L16.5664 11.7731C16.8674 11.3626 17.018 11.1573 17.0131 10.9858C17.0089 10.8366 16.9381 10.697 16.8203 10.6053C16.6849 10.5 16.4303 10.5 15.9213 10.5H12V6Z" fill="url(#paint1_linear_24_7)"></path><defs><linearGradient id="paint0_linear_24_7" x1="12" y1="3" x2="12" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#D6AC5E"></stop><stop offset="1" stop-color="#9D5C2E"></stop></linearGradient><linearGradient id="paint1_linear_24_7" x1="12" y1="6" x2="12" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#D7AD5E"></stop><stop offset="1" stop-color="#9C5B2D"></stop></linearGradient></defs>', 3), i4 = [
   r4
 ];
 function c4(e, t) {
@@ -776,10 +776,10 @@ const $4 = /* @__PURE__ */ c(f4, [["render", v4]]), m4 = {}, M4 = {
 }, null, -1), x4 = [
   k4
 ];
-function L4(e, t) {
+function y4(e, t) {
   return n(), s("svg", M4, x4);
 }
-const y4 = /* @__PURE__ */ c(m4, [["render", L4]]), H4 = {}, V4 = {
+const L4 = /* @__PURE__ */ c(m4, [["render", y4]]), H4 = {}, V4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -809,13 +809,13 @@ const I4 = /* @__PURE__ */ c(H4, [["render", Q4]]), B4 = {}, S4 = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), D4 = [
+}, null, -1), q4 = [
   j4
 ];
-function Z4(e, t) {
-  return n(), s("svg", S4, D4);
+function D4(e, t) {
+  return n(), s("svg", S4, q4);
 }
-const q4 = /* @__PURE__ */ c(B4, [["render", Z4]]), O4 = {}, A4 = {
+const Z4 = /* @__PURE__ */ c(B4, [["render", D4]]), O4 = {}, A4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -932,23 +932,23 @@ const w0 = /* @__PURE__ */ c(_0, [["render", g0]]), p0 = {}, v0 = {
 function M0(e, t) {
   return n(), s("svg", v0, m0);
 }
-const k0 = /* @__PURE__ */ c(p0, [["render", M0]]), x0 = {}, L0 = {
+const k0 = /* @__PURE__ */ c(p0, [["render", M0]]), x0 = {}, y0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, y0 = /* @__PURE__ */ o("path", {
+}, L0 = /* @__PURE__ */ o("path", {
   d: "M21 5L10 5M21 19L10 19M21 12L10 12M6 5C6 5.82843 5.32843 6.5 4.5 6.5C3.67157 6.5 3 5.82843 3 5C3 4.17157 3.67157 3.5 4.5 3.5C5.32843 3.5 6 4.17157 6 5ZM6 19C6 19.8284 5.32843 20.5 4.5 20.5C3.67157 20.5 3 19.8284 3 19C3 18.1716 3.67157 17.5 4.5 17.5C5.32843 17.5 6 18.1716 6 19ZM6 12C6 12.8284 5.32843 13.5 4.5 13.5C3.67157 13.5 3 12.8284 3 12C3 11.1716 3.67157 10.5 4.5 10.5C5.32843 10.5 6 11.1716 6 12Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), H0 = [
-  y0
+  L0
 ];
 function V0(e, t) {
-  return n(), s("svg", L0, H0);
+  return n(), s("svg", y0, H0);
 }
 const b0 = /* @__PURE__ */ c(x0, [["render", V0]]), z0 = {}, Q0 = {
   width: "24",
@@ -968,25 +968,25 @@ const b0 = /* @__PURE__ */ c(x0, [["render", V0]]), z0 = {}, Q0 = {
 function S0(e, t) {
   return n(), s("svg", Q0, B0);
 }
-const j0 = /* @__PURE__ */ c(z0, [["render", S0]]), D0 = {}, Z0 = {
+const j0 = /* @__PURE__ */ c(z0, [["render", S0]]), q0 = {}, D0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, q0 = /* @__PURE__ */ o("path", {
+}, Z0 = /* @__PURE__ */ o("path", {
   d: "M9 11L11 13L15.5 8.5M11.9932 5.13581C9.9938 2.7984 6.65975 2.16964 4.15469 4.31001C1.64964 6.45038 1.29697 10.029 3.2642 12.5604C4.75009 14.4724 8.97129 18.311 10.948 20.0749C11.3114 20.3991 11.4931 20.5613 11.7058 20.6251C11.8905 20.6805 12.0958 20.6805 12.2805 20.6251C12.4932 20.5613 12.6749 20.3991 13.0383 20.0749C15.015 18.311 19.2362 14.4724 20.7221 12.5604C22.6893 10.029 22.3797 6.42787 19.8316 4.31001C17.2835 2.19216 13.9925 2.7984 11.9932 5.13581Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), O0 = [
-  q0
+  Z0
 ];
 function A0(e, t) {
-  return n(), s("svg", Z0, O0);
+  return n(), s("svg", D0, O0);
 }
-const P0 = /* @__PURE__ */ c(D0, [["render", A0]]), T0 = {}, F0 = {
+const P0 = /* @__PURE__ */ c(q0, [["render", A0]]), T0 = {}, F0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1101,7 +1101,7 @@ const vo = /* @__PURE__ */ c(Co, [["render", po]]), $o = {}, mo = {
 function xo(e, t) {
   return n(), s("svg", mo, ko);
 }
-const Lo = /* @__PURE__ */ c($o, [["render", xo]]), yo = {}, Ho = {
+const yo = /* @__PURE__ */ c($o, [["render", xo]]), Lo = {}, Ho = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1119,7 +1119,7 @@ const Lo = /* @__PURE__ */ c($o, [["render", xo]]), yo = {}, Ho = {
 function zo(e, t) {
   return n(), s("svg", Ho, bo);
 }
-const Qo = /* @__PURE__ */ c(yo, [["render", zo]]), Io = {}, Bo = {
+const Qo = /* @__PURE__ */ c(Lo, [["render", zo]]), Io = {}, Bo = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1134,10 +1134,10 @@ const Qo = /* @__PURE__ */ c(yo, [["render", zo]]), Io = {}, Bo = {
 }, null, -1), jo = [
   So
 ];
-function Do(e, t) {
+function qo(e, t) {
   return n(), s("svg", Bo, jo);
 }
-const Zo = /* @__PURE__ */ c(Io, [["render", Do]]), qo = {}, Oo = {
+const Do = /* @__PURE__ */ c(Io, [["render", qo]]), Zo = {}, Oo = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1155,7 +1155,7 @@ const Zo = /* @__PURE__ */ c(Io, [["render", Do]]), qo = {}, Oo = {
 function To(e, t) {
   return n(), s("svg", Oo, Po);
 }
-const Fo = /* @__PURE__ */ c(qo, [["render", To]]), Yo = {}, Uo = {
+const Fo = /* @__PURE__ */ c(Zo, [["render", To]]), Yo = {}, Uo = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1212,12 +1212,12 @@ function i9(e, t) {
 const c9 = /* @__PURE__ */ c(n9, [["render", i9]]), l9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QIconArrowLeft: x1,
-  QIconArrowRight: L1,
-  QIconArrowUpRight: Z1,
+  QIconArrowRight: y1,
+  QIconArrowUpRight: D1,
   QIconBatteryFull: r2,
   QIconBatteryMid: K1,
   QIconBitcoinCircle: C4,
-  QIconBold: y4,
+  QIconBold: L4,
   QIconBookOpen: j0,
   QIconCamera: _2,
   QIconCheckCircle: p2,
@@ -1226,7 +1226,7 @@ const c9 = /* @__PURE__ */ c(n9, [["render", i9]]), l9 = /* @__PURE__ */ Object.
   QIconChevronUp: z2,
   QIconClockRewind: eo,
   QIconCode: N2,
-  QIconCommunity: D2,
+  QIconCommunity: q2,
   QIconCompass: N0,
   QIconCopy: T2,
   QIconDataflow: Fo,
@@ -1235,15 +1235,15 @@ const c9 = /* @__PURE__ */ c(n9, [["render", i9]]), l9 = /* @__PURE__ */ Object.
   QIconDollarCircle: $4,
   QIconDownloadCloud: _e,
   QIconEcosystem: pe,
-  QIconExpand: q4,
+  QIconExpand: Z4,
   QIconFaceFrown: xe,
   QIconFaceHappy: Ro,
   QIconFeather: ze,
-  QIconFeed: De,
+  QIconFeed: qe,
   QIconFileLock: Y4,
   QIconFilter: Te,
   QIconHead: G4,
-  QIconHelp: C1,
+  QIconHelp: $1,
   QIconImage: Ke,
   QIconInfoSquare: rt,
   QIconItalic: I4,
@@ -1265,80 +1265,80 @@ const c9 = /* @__PURE__ */ c(n9, [["render", i9]]), l9 = /* @__PURE__ */ Object.
   QIconQuail: Cn,
   QIconQuote: w0,
   QIconSearch: $n,
-  QIconSettings: Lo,
+  QIconSettings: yo,
   QIconShareSquare: c9,
   QIconShoppingBag: Qo,
   QIconStrikeThrough: k0,
-  QIconSun: yn,
+  QIconSun: Ln,
   QIconTelegram: In,
-  QIconTooling: qn,
+  QIconTooling: Zn,
   QIconTrash: Yn,
   QIconUnorderedList: b0,
   QIconUnsplash: Gn,
   QIconUserCircle: n4,
-  QIconUsers: Zo,
+  QIconUsers: Do,
   QIconZapSquare: l4
 }, Symbol.toStringTag, { value: "Module" }));
 var a9 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function d9(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var y1 = { exports: {} };
+var L1 = { exports: {} };
 (function(e, t) {
   (function(r, C) {
     e.exports = C();
   })(a9, function() {
-    var r = 1e3, C = 6e4, _ = 36e5, d = "millisecond", u = "second", g = "minute", $ = "hour", M = "day", m = "week", h = "month", x = "quarter", z = "year", j = "date", H = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, A = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, a1 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(w) {
+    var r = 1e3, C = 6e4, h = 36e5, d = "millisecond", u = "second", g = "minute", $ = "hour", k = "day", m = "week", _ = "month", x = "quarter", z = "year", j = "date", F = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, Y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, R = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(w) {
       var a = ["th", "st", "nd", "rd"], i = w % 100;
       return "[" + w + (a[(i - 20) % 10] || a[i] || a[0]) + "]";
-    } }, G = function(w, a, i) {
+    } }, J = function(w, a, i) {
       var f = String(w);
       return !f || f.length >= a ? w : "" + Array(a + 1 - f.length).join(i) + w;
-    }, V1 = { s: G, z: function(w) {
+    }, u1 = { s: J, z: function(w) {
       var a = -w.utcOffset(), i = Math.abs(a), f = Math.floor(i / 60), l = i % 60;
-      return (a <= 0 ? "+" : "-") + G(f, 2, "0") + ":" + G(l, 2, "0");
+      return (a <= 0 ? "+" : "-") + J(f, 2, "0") + ":" + J(l, 2, "0");
     }, m: function w(a, i) {
       if (a.date() < i.date())
         return -w(i, a);
-      var f = 12 * (i.year() - a.year()) + (i.month() - a.month()), l = a.clone().add(f, h), p = i - l < 0, v = a.clone().add(f + (p ? -1 : 1), h);
+      var f = 12 * (i.year() - a.year()) + (i.month() - a.month()), l = a.clone().add(f, _), p = i - l < 0, v = a.clone().add(f + (p ? -1 : 1), _);
       return +(-(f + (i - l) / (p ? l - v : v - l)) || 0);
     }, a: function(w) {
       return w < 0 ? Math.ceil(w) || 0 : Math.floor(w);
     }, p: function(w) {
-      return { M: h, y: z, w: m, d: M, D: j, h: $, m: g, s: u, ms: d, Q: x }[w] || String(w || "").toLowerCase().replace(/s$/, "");
+      return { M: _, y: z, w: m, d: k, D: j, h: $, m: g, s: u, ms: d, Q: x }[w] || String(w || "").toLowerCase().replace(/s$/, "");
     }, u: function(w) {
       return w === void 0;
-    } }, J = "en", Y = {};
-    Y[J] = a1;
-    var d1 = function(w) {
-      return w instanceof n1;
-    }, t1 = function w(a, i, f) {
+    } }, X = "en", U = {};
+    U[X] = R;
+    var _1 = function(w) {
+      return w instanceof o1;
+    }, n1 = function w(a, i, f) {
       var l;
       if (!a)
-        return J;
+        return X;
       if (typeof a == "string") {
         var p = a.toLowerCase();
-        Y[p] && (l = p), i && (Y[p] = i, l = p);
+        U[p] && (l = p), i && (U[p] = i, l = p);
         var v = a.split("-");
         if (!l && v.length > 1)
           return w(v[0]);
       } else {
-        var L = a.name;
-        Y[L] = a, l = L;
+        var y = a.name;
+        U[y] = a, l = y;
       }
-      return !f && l && (J = l), l || !f && J;
+      return !f && l && (X = l), l || !f && X;
     }, V = function(w, a) {
-      if (d1(w))
+      if (_1(w))
         return w.clone();
       var i = typeof a == "object" ? a : {};
-      return i.date = w, i.args = arguments, new n1(i);
-    }, k = V1;
-    k.l = t1, k.i = d1, k.w = function(w, a) {
+      return i.date = w, i.args = arguments, new o1(i);
+    }, M = u1;
+    M.l = n1, M.i = _1, M.w = function(w, a) {
       return V(w, { locale: a.$L, utc: a.$u, x: a.$x, $offset: a.$offset });
     };
-    var n1 = function() {
+    var o1 = function() {
       function w(i) {
-        this.$L = t1(i.locale, null, !0), this.parse(i);
+        this.$L = n1(i.locale, null, !0), this.parse(i);
       }
       var a = w.prototype;
       return a.parse = function(i) {
@@ -1346,15 +1346,15 @@ var y1 = { exports: {} };
           var l = f.date, p = f.utc;
           if (l === null)
             return /* @__PURE__ */ new Date(NaN);
-          if (k.u(l))
+          if (M.u(l))
             return /* @__PURE__ */ new Date();
           if (l instanceof Date)
             return new Date(l);
           if (typeof l == "string" && !/Z$/i.test(l)) {
-            var v = l.match(O);
+            var v = l.match(L);
             if (v) {
-              var L = v[2] - 1 || 0, y = (v[7] || "0").substring(0, 3);
-              return p ? new Date(Date.UTC(v[1], L, v[3] || 1, v[4] || 0, v[5] || 0, v[6] || 0, y)) : new Date(v[1], L, v[3] || 1, v[4] || 0, v[5] || 0, v[6] || 0, y);
+              var y = v[2] - 1 || 0, H = (v[7] || "0").substring(0, 3);
+              return p ? new Date(Date.UTC(v[1], y, v[3] || 1, v[4] || 0, v[5] || 0, v[6] || 0, H)) : new Date(v[1], y, v[3] || 1, v[4] || 0, v[5] || 0, v[6] || 0, H);
             }
           }
           return new Date(l);
@@ -1363,9 +1363,9 @@ var y1 = { exports: {} };
         var i = this.$d;
         this.$y = i.getFullYear(), this.$M = i.getMonth(), this.$D = i.getDate(), this.$W = i.getDay(), this.$H = i.getHours(), this.$m = i.getMinutes(), this.$s = i.getSeconds(), this.$ms = i.getMilliseconds();
       }, a.$utils = function() {
-        return k;
+        return M;
       }, a.isValid = function() {
-        return this.$d.toString() !== H;
+        return this.$d.toString() !== F;
       }, a.isSame = function(i, f) {
         var l = V(i);
         return this.startOf(f) <= l && l <= this.endOf(f);
@@ -1374,162 +1374,162 @@ var y1 = { exports: {} };
       }, a.isBefore = function(i, f) {
         return this.endOf(f) < V(i);
       }, a.$g = function(i, f, l) {
-        return k.u(i) ? this[f] : this.set(l, i);
+        return M.u(i) ? this[f] : this.set(l, i);
       }, a.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, a.valueOf = function() {
         return this.$d.getTime();
       }, a.startOf = function(i, f) {
-        var l = this, p = !!k.u(f) || f, v = k.p(i), L = function(E, I) {
-          var T = k.w(l.$u ? Date.UTC(l.$y, I, E) : new Date(l.$y, I, E), l);
-          return p ? T : T.endOf(M);
-        }, y = function(E, I) {
-          return k.w(l.toDate()[E].apply(l.toDate("s"), (p ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(I)), l);
-        }, b = this.$W, Q = this.$M, D = this.$D, R = "set" + (this.$u ? "UTC" : "");
+        var l = this, p = !!M.u(f) || f, v = M.p(i), y = function(W, B) {
+          var T = M.w(l.$u ? Date.UTC(l.$y, B, W) : new Date(l.$y, B, W), l);
+          return p ? T : T.endOf(k);
+        }, H = function(W, B) {
+          return M.w(l.toDate()[W].apply(l.toDate("s"), (p ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(B)), l);
+        }, b = this.$W, Q = this.$M, q = this.$D, G = "set" + (this.$u ? "UTC" : "");
         switch (v) {
           case z:
-            return p ? L(1, 0) : L(31, 11);
-          case h:
-            return p ? L(1, Q) : L(0, Q + 1);
+            return p ? y(1, 0) : y(31, 11);
+          case _:
+            return p ? y(1, Q) : y(0, Q + 1);
           case m:
-            var U = this.$locale().weekStart || 0, X = (b < U ? b + 7 : b) - U;
-            return L(p ? D - X : D + (6 - X), Q);
-          case M:
+            var E = this.$locale().weekStart || 0, K = (b < E ? b + 7 : b) - E;
+            return y(p ? q - K : q + (6 - K), Q);
+          case k:
           case j:
-            return y(R + "Hours", 0);
+            return H(G + "Hours", 0);
           case $:
-            return y(R + "Minutes", 1);
+            return H(G + "Minutes", 1);
           case g:
-            return y(R + "Seconds", 2);
+            return H(G + "Seconds", 2);
           case u:
-            return y(R + "Milliseconds", 3);
+            return H(G + "Milliseconds", 3);
           default:
             return this.clone();
         }
       }, a.endOf = function(i) {
         return this.startOf(i, !1);
       }, a.$set = function(i, f) {
-        var l, p = k.p(i), v = "set" + (this.$u ? "UTC" : ""), L = (l = {}, l[M] = v + "Date", l[j] = v + "Date", l[h] = v + "Month", l[z] = v + "FullYear", l[$] = v + "Hours", l[g] = v + "Minutes", l[u] = v + "Seconds", l[d] = v + "Milliseconds", l)[p], y = p === M ? this.$D + (f - this.$W) : f;
-        if (p === h || p === z) {
+        var l, p = M.p(i), v = "set" + (this.$u ? "UTC" : ""), y = (l = {}, l[k] = v + "Date", l[j] = v + "Date", l[_] = v + "Month", l[z] = v + "FullYear", l[$] = v + "Hours", l[g] = v + "Minutes", l[u] = v + "Seconds", l[d] = v + "Milliseconds", l)[p], H = p === k ? this.$D + (f - this.$W) : f;
+        if (p === _ || p === z) {
           var b = this.clone().set(j, 1);
-          b.$d[L](y), b.init(), this.$d = b.set(j, Math.min(this.$D, b.daysInMonth())).$d;
+          b.$d[y](H), b.init(), this.$d = b.set(j, Math.min(this.$D, b.daysInMonth())).$d;
         } else
-          L && this.$d[L](y);
+          y && this.$d[y](H);
         return this.init(), this;
       }, a.set = function(i, f) {
         return this.clone().$set(i, f);
       }, a.get = function(i) {
-        return this[k.p(i)]();
+        return this[M.p(i)]();
       }, a.add = function(i, f) {
         var l, p = this;
         i = Number(i);
-        var v = k.p(f), L = function(Q) {
-          var D = V(p);
-          return k.w(D.date(D.date() + Math.round(Q * i)), p);
+        var v = M.p(f), y = function(Q) {
+          var q = V(p);
+          return M.w(q.date(q.date() + Math.round(Q * i)), p);
         };
-        if (v === h)
-          return this.set(h, this.$M + i);
+        if (v === _)
+          return this.set(_, this.$M + i);
         if (v === z)
           return this.set(z, this.$y + i);
-        if (v === M)
-          return L(1);
+        if (v === k)
+          return y(1);
         if (v === m)
-          return L(7);
-        var y = (l = {}, l[g] = C, l[$] = _, l[u] = r, l)[v] || 1, b = this.$d.getTime() + i * y;
-        return k.w(b, this);
+          return y(7);
+        var H = (l = {}, l[g] = C, l[$] = h, l[u] = r, l)[v] || 1, b = this.$d.getTime() + i * H;
+        return M.w(b, this);
       }, a.subtract = function(i, f) {
         return this.add(-1 * i, f);
       }, a.format = function(i) {
         var f = this, l = this.$locale();
         if (!this.isValid())
-          return l.invalidDate || H;
-        var p = i || "YYYY-MM-DDTHH:mm:ssZ", v = k.z(this), L = this.$H, y = this.$m, b = this.$M, Q = l.weekdays, D = l.months, R = l.meridiem, U = function(I, T, K, o1) {
-          return I && (I[T] || I(f, p)) || K[T].slice(0, o1);
-        }, X = function(I) {
-          return k.s(L % 12 || 12, I, "0");
-        }, E = R || function(I, T, K) {
-          var o1 = I < 12 ? "AM" : "PM";
-          return K ? o1.toLowerCase() : o1;
+          return l.invalidDate || F;
+        var p = i || "YYYY-MM-DDTHH:mm:ssZ", v = M.z(this), y = this.$H, H = this.$m, b = this.$M, Q = l.weekdays, q = l.months, G = l.meridiem, E = function(B, T, e1, s1) {
+          return B && (B[T] || B(f, p)) || e1[T].slice(0, s1);
+        }, K = function(B) {
+          return M.s(y % 12 || 12, B, "0");
+        }, W = G || function(B, T, e1) {
+          var s1 = B < 12 ? "AM" : "PM";
+          return e1 ? s1.toLowerCase() : s1;
         };
-        return p.replace(A, function(I, T) {
-          return T || function(K) {
-            switch (K) {
+        return p.replace(Y, function(B, T) {
+          return T || function(e1) {
+            switch (e1) {
               case "YY":
                 return String(f.$y).slice(-2);
               case "YYYY":
-                return k.s(f.$y, 4, "0");
+                return M.s(f.$y, 4, "0");
               case "M":
                 return b + 1;
               case "MM":
-                return k.s(b + 1, 2, "0");
+                return M.s(b + 1, 2, "0");
               case "MMM":
-                return U(l.monthsShort, b, D, 3);
+                return E(l.monthsShort, b, q, 3);
               case "MMMM":
-                return U(D, b);
+                return E(q, b);
               case "D":
                 return f.$D;
               case "DD":
-                return k.s(f.$D, 2, "0");
+                return M.s(f.$D, 2, "0");
               case "d":
                 return String(f.$W);
               case "dd":
-                return U(l.weekdaysMin, f.$W, Q, 2);
+                return E(l.weekdaysMin, f.$W, Q, 2);
               case "ddd":
-                return U(l.weekdaysShort, f.$W, Q, 3);
+                return E(l.weekdaysShort, f.$W, Q, 3);
               case "dddd":
                 return Q[f.$W];
               case "H":
-                return String(L);
+                return String(y);
               case "HH":
-                return k.s(L, 2, "0");
+                return M.s(y, 2, "0");
               case "h":
-                return X(1);
+                return K(1);
               case "hh":
-                return X(2);
+                return K(2);
               case "a":
-                return E(L, y, !0);
+                return W(y, H, !0);
               case "A":
-                return E(L, y, !1);
+                return W(y, H, !1);
               case "m":
-                return String(y);
+                return String(H);
               case "mm":
-                return k.s(y, 2, "0");
+                return M.s(H, 2, "0");
               case "s":
                 return String(f.$s);
               case "ss":
-                return k.s(f.$s, 2, "0");
+                return M.s(f.$s, 2, "0");
               case "SSS":
-                return k.s(f.$ms, 3, "0");
+                return M.s(f.$ms, 3, "0");
               case "Z":
                 return v;
             }
             return null;
-          }(I) || v.replace(":", "");
+          }(B) || v.replace(":", "");
         });
       }, a.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, a.diff = function(i, f, l) {
-        var p, v = this, L = k.p(f), y = V(i), b = (y.utcOffset() - this.utcOffset()) * C, Q = this - y, D = function() {
-          return k.m(v, y);
+        var p, v = this, y = M.p(f), H = V(i), b = (H.utcOffset() - this.utcOffset()) * C, Q = this - H, q = function() {
+          return M.m(v, H);
         };
-        switch (L) {
+        switch (y) {
           case z:
-            p = D() / 12;
+            p = q() / 12;
             break;
-          case h:
-            p = D();
+          case _:
+            p = q();
             break;
           case x:
-            p = D() / 3;
+            p = q() / 3;
             break;
           case m:
             p = (Q - b) / 6048e5;
             break;
-          case M:
+          case k:
             p = (Q - b) / 864e5;
             break;
           case $:
-            p = Q / _;
+            p = Q / h;
             break;
           case g:
             p = Q / C;
@@ -1540,18 +1540,18 @@ var y1 = { exports: {} };
           default:
             p = Q;
         }
-        return l ? p : k.a(p);
+        return l ? p : M.a(p);
       }, a.daysInMonth = function() {
-        return this.endOf(h).$D;
+        return this.endOf(_).$D;
       }, a.$locale = function() {
-        return Y[this.$L];
+        return U[this.$L];
       }, a.locale = function(i, f) {
         if (!i)
           return this.$L;
-        var l = this.clone(), p = t1(i, f, !0);
+        var l = this.clone(), p = n1(i, f, !0);
         return p && (l.$L = p), l;
       }, a.clone = function() {
-        return k.w(this.$d, this);
+        return M.w(this.$d, this);
       }, a.toDate = function() {
         return new Date(this.valueOf());
       }, a.toJSON = function() {
@@ -1561,20 +1561,20 @@ var y1 = { exports: {} };
       }, a.toString = function() {
         return this.$d.toUTCString();
       }, w;
-    }(), w1 = n1.prototype;
-    return V.prototype = w1, [["$ms", d], ["$s", u], ["$m", g], ["$H", $], ["$W", M], ["$M", h], ["$y", z], ["$D", j]].forEach(function(w) {
-      w1[w[1]] = function(a) {
+    }(), M1 = o1.prototype;
+    return V.prototype = M1, [["$ms", d], ["$s", u], ["$m", g], ["$H", $], ["$W", k], ["$M", _], ["$y", z], ["$D", j]].forEach(function(w) {
+      M1[w[1]] = function(a) {
         return this.$g(a, w[0], w[1]);
       };
     }), V.extend = function(w, a) {
-      return w.$i || (w(a, n1, V), w.$i = !0), V;
-    }, V.locale = t1, V.isDayjs = d1, V.unix = function(w) {
+      return w.$i || (w(a, o1, V), w.$i = !0), V;
+    }, V.locale = n1, V.isDayjs = _1, V.unix = function(w) {
       return V(1e3 * w);
-    }, V.en = Y[J], V.Ls = Y, V.p = {}, V;
+    }, V.en = U[X], V.Ls = U, V.p = {}, V;
   });
-})(y1);
-var u9 = y1.exports;
-const u1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["disabled"], C9 = ["disabled"], f9 = /* @__PURE__ */ q({
+})(L1);
+var u9 = L1.exports;
+const h1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["disabled"], C9 = ["disabled"], f9 = /* @__PURE__ */ A({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1588,21 +1588,21 @@ const u1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["d
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const r = e, C = B(""), _ = B("");
+    const r = e, C = S(""), h = S("");
     N(
       () => r.modelValue,
       (u) => {
-        const g = u1(u);
-        C.value = g.format("YYYY-MM-DD"), _.value = g.format("HH:mm");
+        const g = h1(u);
+        C.value = g.format("YYYY-MM-DD"), h.value = g.format("HH:mm");
       }
     );
     function d() {
-      const u = u1(`${C.value} ${_.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+      const u = h1(`${C.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
       t("change", u), t("update:modelValue", u);
     }
-    return f1(() => {
-      const u = u1();
-      C.value = u.format("YYYY-MM-DD"), _.value = u.format("HH:mm");
+    return d1(() => {
+      const u = h1();
+      C.value = u.format("YYYY-MM-DD"), h.value = u.format("HH:mm");
     }), (u, g) => (n(), s("div", _9, [
       i1(o("input", {
         "onUpdate:modelValue": g[0] || (g[0] = ($) => C.value = $),
@@ -1610,45 +1610,45 @@ const u1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["d
         disabled: e.disabled,
         onChange: d
       }, null, 40, h9), [
-        [_1, C.value]
+        [C1, C.value]
       ]),
       i1(o("input", {
-        "onUpdate:modelValue": g[1] || (g[1] = ($) => _.value = $),
+        "onUpdate:modelValue": g[1] || (g[1] = ($) => h.value = $),
         type: "time",
         disabled: e.disabled,
         onChange: d
       }, null, 40, C9), [
-        [_1, _.value]
+        [C1, h.value]
       ])
     ]));
   }
 });
 function g9() {
   function e() {
-    const r = !!window.ActiveXObject || "ActiveXObject" in window, C = navigator.userAgent.indexOf("Edge") > -1, _ = navigator.userAgent.indexOf("Chrome") > -1, d = navigator.userAgent.indexOf("Firefox") > -1, u = navigator.userAgent.indexOf("Safari") > -1, g = navigator.userAgent.indexOf("Opera") > -1, $ = navigator.userAgent.indexOf("MicroMessenger") > -1, M = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), m = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, h = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, z = navigator.userAgent.indexOf("iPhone") > -1, j = navigator.userAgent.indexOf("Macintosh") > -1, H = navigator.userAgent.indexOf("Windows") > -1, O = navigator.userAgent.indexOf("Linux") > -1;
+    const r = !!window.ActiveXObject || "ActiveXObject" in window, C = navigator.userAgent.indexOf("Edge") > -1, h = navigator.userAgent.indexOf("Chrome") > -1, d = navigator.userAgent.indexOf("Firefox") > -1, u = navigator.userAgent.indexOf("Safari") > -1, g = navigator.userAgent.indexOf("Opera") > -1, $ = navigator.userAgent.indexOf("MicroMessenger") > -1, k = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), m = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, _ = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, z = navigator.userAgent.indexOf("iPhone") > -1, j = navigator.userAgent.indexOf("Macintosh") > -1, F = navigator.userAgent.indexOf("Windows") > -1, L = navigator.userAgent.indexOf("Linux") > -1;
     return {
       isIE: r,
       isEdge: C,
-      isChrome: _,
+      isChrome: h,
       isFirefox: d,
       isSafari: u,
       isOpera: g,
       isWeixin: $,
-      isMobile: M,
+      isMobile: k,
       isAndroid: m,
-      isIOS: h,
+      isIOS: _,
       isIpad: x,
       isIphone: z,
       isMac: j,
-      isWindows: H,
-      isLinux: O
+      isWindows: F,
+      isLinux: L
     };
   }
   function t(r, C) {
-    let _;
+    let h;
     return function(...d) {
       const u = this;
-      clearTimeout(_), _ = setTimeout(() => {
+      clearTimeout(h), h = setTimeout(() => {
         r.apply(u, d);
       }, C);
     };
@@ -1658,10 +1658,10 @@ function g9() {
     debounce: t
   };
 }
-const w9 = ["onClick"], p9 = { class: "q-dialog-header" }, v9 = {
+const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 = { class: "q-dialog-header" }, m9 = {
   key: 0,
   class: "q-dialog-title"
-}, $9 = { class: "q-dialog-body" }, m9 = /* @__PURE__ */ q({
+}, M9 = { class: "q-dialog-body" }, k9 = /* @__PURE__ */ A({
   __name: "QDialog",
   props: {
     modelValue: Boolean,
@@ -1697,37 +1697,34 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-header" }, v9 = {
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: t }) {
-    const r = e;
-    p1();
-    const { browserDetect: C } = g9(), { isMobile: _ } = C(), d = B(!1), u = B(r.modelValue), g = B({ top: "0", left: "0" }), $ = B(null), M = B(null), m = S(() => {
-      const H = document.body.clientWidth < 720 ? "100%" : r.width, O = r.height, A = {
-        width: H,
-        height: O
+    const r = e, { browserDetect: C } = g9(), { isMobile: h } = C(), d = S(!1), u = S(r.modelValue), g = S({ top: "0", left: "0" }), $ = S(null), k = S(null), m = I(() => !h && r.desktopMode === "popup"), _ = I(() => {
+      const L = document.body.clientWidth < 720 ? "100%" : r.width, Y = r.height, R = {
+        width: L,
+        height: Y
       };
-      return !_ && r.desktopMode === "popup" && (A.top = g.value.top, A.left = g.value.left), A;
-    }), h = S(() => {
-      let H = [];
-      return d.value && H.push("shaking"), _ || H.push(`desktop-mode-${r.desktopMode}`), r.noFrame && H.push("no-frame"), H.join(" ");
-    }), x = S(() => {
-      let H = [];
-      return !_ && r.desktopMode === "popup" && H.push("desktop-mode-popup"), H.join(" ");
+      return m.value && (R.top = g.value.top, R.left = g.value.left), R;
+    }), x = I(() => {
+      let L = [];
+      return d.value && L.push("shaking"), h || L.push(`desktop-mode-${r.desktopMode}`), r.noFrame && L.push("no-frame"), L.join(" ");
+    }), z = I(() => {
+      let L = [];
+      return m.value && L.push("desktop-mode-popup"), L.join(" ");
     });
     N(
       () => r.modelValue,
-      (H) => {
-        u.value = H, b1(() => {
-          if (!_ && r.desktopMode === "popup" && $.value.children) {
-            M.value.style.height = `${document.body.clientHeight}px`;
-            const O = $.value.children[0];
-            if (O) {
-              const A = O.getBoundingClientRect(), a1 = window.scrollY + A.top + A.height + 8, G = A.left;
-              g.value = { top: `${a1}px`, left: `${G}px` };
+      (L) => {
+        u.value = L, V1(() => {
+          if (!h && r.desktopMode === "popup" && $.value.children) {
+            const Y = $.value.children[0];
+            if (Y) {
+              const J = Y.getBoundingClientRect().height + 8, u1 = 0;
+              g.value = { top: `${J}px`, left: `${u1}px` };
             }
           }
         });
       }
     );
-    function z() {
+    function j() {
       if (r.persistent) {
         d.value = !0, setTimeout(() => {
           d.value = !1;
@@ -1736,48 +1733,67 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-header" }, v9 = {
       }
       u.value = !1, t("update:modelValue", !1), t("close");
     }
-    function j() {
+    function F() {
     }
-    return (H, O) => (n(), s(g1, null, [
+    return d1(() => {
+      r.desktopMode === "popup" && window.addEventListener("storage", (L) => {
+        L.key === "quailui_global_popup_trigger" && L.newValue && j();
+      });
+    }), (L, Y) => (n(), s(m1, null, [
       o("div", {
-        class: "trigger-wrapper",
+        class: "q-dialog-trigger-wrapper",
         ref_key: "triggerWrapper",
         ref: $
       }, [
-        r1(H.$slots, "trigger")
+        t1(L.$slots, "trigger"),
+        m.value ? (n(), Z(f1, { key: 0 }, {
+          default: g1(() => [
+            u.value ? (n(), s("div", {
+              key: 0,
+              class: D(["q-dialog", x.value]),
+              style: w1(_.value),
+              onClick: p1(F, ["stop"])
+            }, [
+              o("div", p9, [
+                t1(L.$slots, "default")
+              ])
+            ], 14, w9)) : O("", !0)
+          ]),
+          _: 3
+        })) : O("", !0)
       ], 512),
-      e1(v1, null, {
-        default: $1(() => [
+      m.value ? O("", !0) : (n(), Z(f1, { key: 0 }, {
+        default: g1(() => [
           u.value ? (n(), s("div", {
             key: 0,
-            class: Z(["q-dialog-mask", x.value]),
-            onClick: z,
+            class: D(["q-dialog-mask", z.value]),
+            onClick: j,
             ref_key: "dialogMask",
-            ref: M
+            ref: k
           }, [
             o("div", {
-              class: Z(["q-dialog", h.value]),
-              style: m1(m.value),
-              onClick: M1(j, ["stop"])
+              class: D(["q-dialog", x.value]),
+              style: w1(_.value),
+              onClick: p1(F, ["stop"])
             }, [
-              o("div", p9, [
-                e.title ? (n(), s("div", v9, P(e.title), 1)) : r1(H.$slots, "header", { key: 1 })
-              ]),
               o("div", $9, [
-                r1(H.$slots, "default")
+                e.title ? (n(), s("div", m9, P(e.title), 1)) : t1(L.$slots, "header", { key: 1 })
+              ]),
+              o("div", M9, [
+                t1(L.$slots, "default")
               ])
-            ], 14, w9)
-          ], 2)) : W("", !0)
+            ], 14, v9)
+          ], 2)) : O("", !0)
         ]),
         _: 3
-      })
+      }))
     ], 64));
   }
 });
-const M9 = ["href"], k9 = { class: "q-fence-text" }, x9 = {
+const x9 = ["href"], y9 = { class: "q-fence-text" }, L9 = {
   key: 1,
   class: "q-fence-inner"
-}, L9 = { class: "q-fence-text" }, y9 = /* @__PURE__ */ q({
+}, H9 = { class: "q-fence-text" }, V9 = /* @__PURE__ */ A({
   __name: "QFence",
   props: {
     link: {
@@ -1798,9 +1814,9 @@ const M9 = ["href"], k9 = { class: "q-fence-text" }, x9 = {
   },
   setup(e) {
     var r;
-    const t = (r = z1()) == null ? void 0 : r.appContext.components;
-    return (C, _) => (n(), s("div", {
-      class: Z(["q-fence", e.type])
+    const t = (r = b1()) == null ? void 0 : r.appContext.components;
+    return (C, h) => (n(), s("div", {
+      class: D(["q-fence", e.type])
     }, [
       e.link ? (n(), s("a", {
         key: 0,
@@ -1808,46 +1824,46 @@ const M9 = ["href"], k9 = { class: "q-fence-text" }, x9 = {
         href: e.link,
         target: "_blank"
       }, [
-        e.icon && s1(t) ? (n(), F(c1(s1(t)[e.icon]), {
+        e.icon && r1(t) ? (n(), Z(c1(r1(t)[e.icon]), {
           key: 0,
           class: "icon"
-        })) : (n(), F(C1, {
+        })) : (n(), Z($1, {
           key: 1,
           class: "icon"
         })),
-        o("div", k9, P(e.text), 1)
-      ], 8, M9)) : (n(), s("div", x9, [
-        e.icon && s1(t) ? (n(), F(c1(s1(t)[e.icon]), {
+        o("div", y9, P(e.text), 1)
+      ], 8, x9)) : (n(), s("div", L9, [
+        e.icon && r1(t) ? (n(), Z(c1(r1(t)[e.icon]), {
           key: 0,
           class: "icon"
-        })) : (n(), F(C1, {
+        })) : (n(), Z($1, {
           key: 1,
           class: "icon"
         })),
-        o("div", L9, P(e.text), 1)
+        o("div", H9, P(e.text), 1)
       ]))
     ], 2));
   }
 });
-const H9 = {}, V9 = {
+const b9 = {}, z9 = {
   class: "q-loading pa-4 mb-4 rounded-sm text-center",
   color: "glass"
-}, b9 = /* @__PURE__ */ l1('<div class="spinners py-2 mb-2 d-flex justify-center"><i class="spinner one" aria-hidden="true"></i><i class="spinner two" aria-hidden="true"></i><i class="spinner three" aria-hidden="true"></i><i class="spinner four" aria-hidden="true"></i><i class="spinner five" aria-hidden="true"></i></div>', 1), z9 = [
-  b9
+}, Q9 = /* @__PURE__ */ a1('<div class="spinners py-2 mb-2 d-flex justify-center"><i class="spinner one" aria-hidden="true"></i><i class="spinner two" aria-hidden="true"></i><i class="spinner three" aria-hidden="true"></i><i class="spinner four" aria-hidden="true"></i><i class="spinner five" aria-hidden="true"></i></div>', 1), I9 = [
+  Q9
 ];
-function Q9(e, t) {
-  return n(), s("div", V9, z9);
+function B9(e, t) {
+  return n(), s("div", z9, I9);
 }
-const I9 = /* @__PURE__ */ c(H9, [["render", Q9]]), B9 = { class: "q-menu" }, S9 = ["onClick"], j9 = {
+const S9 = /* @__PURE__ */ c(b9, [["render", B9]]), j9 = { class: "q-menu" }, q9 = ["onClick"], D9 = {
   key: 0,
   class: "q-menu-item-divider"
-}, D9 = {
+}, Z9 = {
   key: 1,
   class: "q-menu-item-inner"
-}, Z9 = ["src", "alt"], q9 = { class: "q-menu-item-content" }, O9 = { class: "q-menu-title" }, A9 = {
+}, O9 = ["src", "alt"], A9 = { class: "q-menu-item-content" }, P9 = { class: "q-menu-title" }, T9 = {
   key: 0,
   class: "q-menu-subtitle"
-}, P9 = /* @__PURE__ */ q({
+}, F9 = /* @__PURE__ */ A({
   __name: "QMenu",
   props: {
     items: {
@@ -1862,35 +1878,35 @@ const I9 = /* @__PURE__ */ c(H9, [["render", Q9]]), B9 = { class: "q-menu" }, S9
       let u = "";
       return d.disabled && (u += " disabled"), d.danger && (u += " danger"), d.icon && (u += " with-icon"), d.image && (u += " with-image"), d.divider && (u += " with-divider"), u;
     }
-    function _(d) {
+    function h(d) {
       d.action && d.action(d), d.disabled !== !0 && t("action", d);
     }
-    return (d, u) => (n(), s("div", B9, [
-      (n(!0), s(g1, null, k1(r.items, (g) => (n(), s("div", {
-        class: Z(["q-menu-item", C(g)]),
+    return (d, u) => (n(), s("div", j9, [
+      (n(!0), s(m1, null, k1(r.items, (g) => (n(), s("div", {
+        class: D(["q-menu-item", C(g)]),
         key: `q-menu-item-${g.id}`,
-        onClick: ($) => _(g)
+        onClick: ($) => h(g)
       }, [
-        g.divider ? (n(), s("div", j9)) : (n(), s("div", D9, [
+        g.divider ? (n(), s("div", D9)) : (n(), s("div", Z9, [
           g.image ? (n(), s("img", {
             key: 0,
             class: "q-menu-image",
             src: g.image,
             alt: g.title
-          }, null, 8, Z9)) : g.icon ? (n(), F(c1(g.icon), {
+          }, null, 8, O9)) : g.icon ? (n(), Z(c1(g.icon), {
             key: 1,
             class: "q-menu-icon"
-          })) : W("", !0),
-          o("div", q9, [
-            o("div", O9, P(g.title), 1),
-            g.subtitle ? (n(), s("div", A9, P(g.subtitle), 1)) : W("", !0)
+          })) : O("", !0),
+          o("div", A9, [
+            o("div", P9, P(g.title), 1),
+            g.subtitle ? (n(), s("div", T9, P(g.subtitle), 1)) : O("", !0)
           ])
         ]))
-      ], 10, S9))), 128))
+      ], 10, q9))), 128))
     ]));
   }
 });
-const T9 = ["disabled"], F9 = /* @__PURE__ */ o("div", { class: "q-switch-inner" }, null, -1), Y9 = /* @__PURE__ */ q({
+const Y9 = ["disabled"], U9 = /* @__PURE__ */ o("div", { class: "q-switch-inner" }, null, -1), E9 = /* @__PURE__ */ A({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -1904,33 +1920,33 @@ const T9 = ["disabled"], F9 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const r = e, C = B(r.modelValue);
+    const r = e, C = S(r.modelValue);
     N(() => r.modelValue, (d) => {
       C.value = d;
     });
-    function _(d) {
+    function h(d) {
       t("update:modelValue", C.value), t("change", C.value);
     }
     return (d, u) => (n(), s("label", {
-      class: Z(["q-switch", e.disabled ? "disabled" : ""])
+      class: D(["q-switch", e.disabled ? "disabled" : ""])
     }, [
       i1(o("input", {
         class: "q-switch-checkbox",
         type: "checkbox",
         "onUpdate:modelValue": u[0] || (u[0] = (g) => C.value = g),
-        onChange: _,
+        onChange: h,
         disabled: r.disabled
-      }, null, 40, T9), [
-        [Q1, C.value]
+      }, null, 40, Y9), [
+        [z1, C.value]
       ]),
-      F9
+      U9
     ], 2));
   }
 });
-const U9 = { class: "q-text-field-wrapper" }, E9 = ["placeholder"], W9 = { class: "q-text-button-wrapper" }, N9 = ["disabled"], R9 = {
+const W9 = { class: "q-text-field-wrapper" }, N9 = ["placeholder"], R9 = { class: "q-text-button-wrapper" }, G9 = ["disabled"], J9 = {
   key: 0,
   class: "q-button-glow"
-}, G9 = /* @__PURE__ */ q({
+}, X9 = /* @__PURE__ */ A({
   __name: "QTextFieldWithButton",
   props: {
     modelValue: {
@@ -1964,51 +1980,51 @@ const U9 = { class: "q-text-field-wrapper" }, E9 = ["placeholder"], W9 = { class
   },
   emits: ["submit", "update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, C = B(r.defaultText), _ = S(() => {
-      const h = [];
-      return r.layout === "vertical" ? h.push("vertical") : h.push("horizontal"), r.type === "code" && h.push("code"), r.glow && h.push(`glow-${r.glow}`), h.join(" ");
-    }), d = S(() => {
+    const r = e, C = S(r.defaultText), h = I(() => {
+      const _ = [];
+      return r.layout === "vertical" ? _.push("vertical") : _.push("horizontal"), r.type === "code" && _.push("code"), r.glow && _.push(`glow-${r.glow}`), _.join(" ");
+    }), d = I(() => {
       var x;
       return r.loading || ((x = C.value) == null ? void 0 : x.trim()).length === 0 ? !1 : r.type === "email" ? u.value : r.type === "code" ? g.value : !0;
-    }), u = S(() => {
+    }), u = I(() => {
       var x;
-      const h = (x = C.value) == null ? void 0 : x.trim();
-      return !r.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h);
-    }), g = S(() => {
+      const _ = (x = C.value) == null ? void 0 : x.trim();
+      return !r.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(_);
+    }), g = I(() => {
       var x;
-      const h = (x = C.value) == null ? void 0 : x.trim();
-      return /^\d{6}$/.test(h);
-    }), $ = S(() => r.loading ? "Loading..." : r.actionLabel);
-    N(() => r.modelValue, (h) => {
-      C.value = h;
+      const _ = (x = C.value) == null ? void 0 : x.trim();
+      return /^\d{6}$/.test(_);
+    }), $ = I(() => r.loading ? "Loading..." : r.actionLabel);
+    N(() => r.modelValue, (_) => {
+      C.value = _;
     });
-    function M() {
+    function k() {
       d.value && t("submit", { text: C.value });
     }
     function m() {
       t("update:modelValue", C.value);
     }
-    return (h, x) => (n(), s("div", {
-      class: Z(["q-text-field-with-button", _.value])
+    return (_, x) => (n(), s("div", {
+      class: D(["q-text-field-with-button", h.value])
     }, [
-      o("div", U9, [
+      o("div", W9, [
         i1(o("input", {
           class: "q-text-field text-field",
           placeholder: r.placeholder,
           "onUpdate:modelValue": x[0] || (x[0] = (z) => C.value = z),
           onChange: m
-        }, null, 40, E9), [
-          [_1, C.value]
+        }, null, 40, N9), [
+          [C1, C.value]
         ])
       ]),
-      o("div", W9, [
+      o("div", R9, [
         o("button", {
           class: "q-button button primary",
           disabled: !d.value,
-          onClick: M
-        }, P($.value), 9, N9)
+          onClick: k
+        }, P($.value), 9, G9)
       ]),
-      e.glow !== "" ? (n(), s("div", R9)) : W("", !0)
+      e.glow !== "" ? (n(), s("div", J9)) : O("", !0)
     ], 2));
   }
 });
@@ -2020,10 +2036,10 @@ function H1() {
     oldValue: e + ""
   }));
 }
-const J9 = { class: "q-dropdown-menu" }, X9 = { class: "q-dropdown-menu-inner narrow-view" }, K9 = ["onClick"], e5 = {
+const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner narrow-view" }, t5 = ["onClick"], n5 = {
   key: 0,
   class: "q-dropdown-selected"
-}, t5 = ["src", "alt"], n5 = { class: "menu-title" }, o5 = /* @__PURE__ */ q({
+}, o5 = ["src", "alt"], s5 = { class: "menu-title" }, r5 = /* @__PURE__ */ A({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -2049,62 +2065,62 @@ const J9 = { class: "q-dropdown-menu" }, X9 = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const r = e, C = p1(), _ = B(!1), d = B(null), u = B(null), g = S(() => {
-      const h = [];
-      return _.value && h.push("expanded"), r.variant === "outlined" && h.push("frame"), r.hideSelected && h.push("hide-selected"), d.value && (d.value.icon || d.value.image) ? h.push("prepend") : h.push("no-prepend"), h.join(" ");
-    }), $ = S(() => C.default !== void 0);
-    function M() {
-      _.value || H1(), _.value = !_.value, _.value && setTimeout(() => {
+    const r = e, C = Q1(), h = S(!1), d = S(null), u = S(null), g = I(() => {
+      const _ = [];
+      return h.value && _.push("expanded"), r.variant === "outlined" && _.push("frame"), r.hideSelected && _.push("hide-selected"), d.value && (d.value.icon || d.value.image) ? _.push("prepend") : _.push("no-prepend"), _.join(" ");
+    }), $ = I(() => C.default !== void 0);
+    function k() {
+      h.value || H1(), h.value = !h.value, h.value && setTimeout(() => {
         const x = u.value.querySelector(".q-menu");
         x.getBoundingClientRect().left < 0 && (x.style.left = "0");
       }, 10);
     }
-    function m(h) {
-      _.value = !1, d.value = h, h.action && h.action(h), t("change", h);
+    function m(_) {
+      h.value = !1, d.value = _, _.action && _.action(_), t("change", _);
     }
     return N(
       () => r.initialItem,
       () => {
         r.initialItem && (d.value = r.initialItem);
       }
-    ), f1(() => {
-      r.initialItem && (d.value = r.initialItem), window.addEventListener("storage", (h) => {
-        h.key === "quailui_global_popup_trigger" && h.newValue && (_.value = !1);
+    ), d1(() => {
+      r.initialItem && (d.value = r.initialItem), window.addEventListener("storage", (_) => {
+        _.key === "quailui_global_popup_trigger" && _.newValue && (h.value = !1);
       });
-    }), (h, x) => {
-      const z = h1("q-icon-chevron-down"), j = h1("q-menu");
-      return n(), s("div", J9, [
-        o("div", X9, [
+    }), (_, x) => {
+      const z = v1("q-icon-chevron-down"), j = v1("q-menu");
+      return n(), s("div", K9, [
+        o("div", e5, [
           o("div", {
-            class: Z(["q-dropdown-menu-action", g.value]),
-            onClick: M1(M, ["stop"])
+            class: D(["q-dropdown-menu-action", g.value]),
+            onClick: p1(k, ["stop"])
           }, [
-            !e.hideSelected && d.value && !$.value ? (n(), s("div", e5, [
+            !e.hideSelected && d.value && !$.value ? (n(), s("div", n5, [
               d.value.image ? (n(), s("img", {
                 key: 0,
                 class: "menu-image",
                 src: d.value.image,
                 alt: d.value.title
-              }, null, 8, t5)) : d.value.icon ? (n(), F(c1(d.value.icon), {
+              }, null, 8, o5)) : d.value.icon ? (n(), Z(c1(d.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
-              })) : W("", !0),
-              o("div", n5, P(d.value ? d.value.title : r.placeholder || "Select ..."), 1)
-            ])) : W("", !0),
-            r1(h.$slots, "default"),
-            e1(z, { class: "icon chevron-icon" })
-          ], 10, K9),
+              })) : O("", !0),
+              o("div", s5, P(d.value ? d.value.title : r.placeholder || "Select ..."), 1)
+            ])) : O("", !0),
+            t1(_.$slots, "default"),
+            l1(z, { class: "icon chevron-icon" })
+          ], 10, t5),
           o("div", {
             ref_key: "menuWrapper",
             ref: u
           }, [
-            e1(v1, null, {
-              default: $1(() => [
-                _.value ? (n(), F(j, {
+            l1(f1, null, {
+              default: g1(() => [
+                h.value ? (n(), Z(j, {
                   key: 0,
                   items: e.items,
                   onAction: m
-                }, null, 8, ["items"])) : W("", !0)
+                }, null, 8, ["items"])) : O("", !0)
               ]),
               _: 1
             })
@@ -2114,13 +2130,13 @@ const J9 = { class: "q-dropdown-menu" }, X9 = { class: "q-dropdown-menu-inner na
     };
   }
 });
-const s5 = { class: "q-pagination" }, r5 = ["disabled"], i5 = {
+const i5 = { class: "q-pagination" }, c5 = ["disabled"], l5 = {
   key: 0,
   class: "q-page-indicators"
-}, c5 = { class: "q-page-indicator" }, l5 = ["disabled", "onClick"], a5 = {
+}, a5 = { class: "q-page-indicator" }, d5 = ["disabled", "onClick"], u5 = {
   key: 1,
   class: "q-page-indicator-simple"
-}, d5 = { class: "" }, u5 = ["disabled"], _5 = /* @__PURE__ */ q({
+}, _5 = { class: "" }, h5 = ["disabled"], C5 = /* @__PURE__ */ A({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -2142,67 +2158,67 @@ const s5 = { class: "q-pagination" }, r5 = ["disabled"], i5 = {
   },
   emits: ["change:next", "change:prev", "change:goto", "update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, C = S(() => {
+    const r = e, C = I(() => {
       let $ = 6;
-      const M = [];
+      const k = [];
       if (r.totalPage !== 0)
         if (r.totalPage <= $)
           for (let m = 1; m <= r.totalPage; m++)
-            M.push({ label: m });
+            k.push({ label: m });
         else {
-          M.push({ label: 1 });
-          let m = _.value - 2, h = _.value + 2;
-          m < 2 && (m = 2, h = m + $ - 2), h > r.totalPage - 1 && (h = r.totalPage - 1, m = h - $ + 2), m > 2 && M.push({ label: "…", disabled: !0 });
-          for (let x = m; x <= h; x++)
-            M.push({ label: x });
-          h < r.totalPage - 1 && M.push({ label: "…", disabled: !0 }), M.push({ label: r.totalPage });
+          k.push({ label: 1 });
+          let m = h.value - 2, _ = h.value + 2;
+          m < 2 && (m = 2, _ = m + $ - 2), _ > r.totalPage - 1 && (_ = r.totalPage - 1, m = _ - $ + 2), m > 2 && k.push({ label: "…", disabled: !0 });
+          for (let x = m; x <= _; x++)
+            k.push({ label: x });
+          _ < r.totalPage - 1 && k.push({ label: "…", disabled: !0 }), k.push({ label: r.totalPage });
         }
-      return M;
-    }), _ = B(r.modelValue);
+      return k;
+    }), h = S(r.modelValue);
     N(() => r.modelValue, ($) => {
-      _.value = $;
+      h.value = $;
     });
     function d() {
-      _.value--, t("change:prev", _.value), t("update:modelValue", _.value);
+      h.value--, t("change:prev", h.value), t("update:modelValue", h.value);
     }
     function u() {
-      _.value++, t("change:next", _.value), t("update:modelValue", _.value);
+      h.value++, t("change:next", h.value), t("update:modelValue", h.value);
     }
-    function g($, M) {
-      M.disabled || (_.value = $, t("change:goto", _.value), t("update:modelValue", _.value));
+    function g($, k) {
+      k.disabled || (h.value = $, t("change:goto", h.value), t("update:modelValue", h.value));
     }
-    return ($, M) => (n(), s("div", s5, [
+    return ($, k) => (n(), s("div", i5, [
       o("button", {
         class: "prev q-button button sm outlined icon",
         onClick: d,
         disabled: !r.hasPrev
       }, [
-        e1(x1, { class: "icon" })
-      ], 8, r5),
-      e.totalPage !== 0 ? (n(), s("div", i5, [
-        (n(!0), s(g1, null, k1(C.value, (m) => (n(), s("div", c5, [
+        l1(x1, { class: "icon" })
+      ], 8, c5),
+      e.totalPage !== 0 ? (n(), s("div", l5, [
+        (n(!0), s(m1, null, k1(C.value, (m) => (n(), s("div", a5, [
           o("button", {
-            class: Z(["q-page-indicator q-button button sm plain", m.label === _.value ? "active" : ""]),
+            class: D(["q-page-indicator q-button button sm plain", m.label === h.value ? "active" : ""]),
             disabled: m.disabled,
-            onClick: (h) => g(m.label, m)
-          }, P(m.label), 11, l5)
+            onClick: (_) => g(m.label, m)
+          }, P(m.label), 11, d5)
         ]))), 256))
-      ])) : (n(), s("div", a5, [
-        o("div", d5, P(e.modelValue), 1)
+      ])) : (n(), s("div", u5, [
+        o("div", _5, P(e.modelValue), 1)
       ])),
       o("button", {
         class: "next q-button button sm outlined icon",
         onClick: u,
         disabled: !r.hasNext
       }, [
-        e1(L1, { class: "icon" })
-      ], 8, u5)
+        l1(y1, { class: "icon" })
+      ], 8, h5)
     ]));
   }
 });
-const h5 = { class: "q-progress-slot" }, C5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), f5 = [
-  C5
-], g5 = /* @__PURE__ */ q({
+const f5 = { class: "q-progress-slot" }, g5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), w5 = [
+  g5
+], p5 = /* @__PURE__ */ A({
   __name: "QProgress",
   props: {
     infinite: {
@@ -2223,20 +2239,20 @@ const h5 = { class: "q-progress-slot" }, C5 = /* @__PURE__ */ o("div", { class:
     }
   },
   setup(e) {
-    const t = e, r = S(() => t.infinite ? "100%" : `${t.value / t.max * 100}%`), C = S(() => t.value >= t.max);
-    return (_, d) => (n(), s("div", {
-      class: Z(["q-progress", e.color])
+    const t = e, r = I(() => t.infinite ? "100%" : `${t.value / t.max * 100}%`), C = I(() => t.value >= t.max);
+    return (h, d) => (n(), s("div", {
+      class: D(["q-progress", e.color])
     }, [
-      o("div", h5, [
+      o("div", f5, [
         o("div", {
-          class: Z(["q-progress-bar", C.value ? "" : "animated"]),
-          style: m1({ width: r.value })
-        }, f5, 6)
+          class: D(["q-progress-bar", C.value ? "" : "animated"]),
+          style: w1({ width: r.value })
+        }, w5, 6)
       ])
     ], 2));
   }
 });
-const w5 = /* @__PURE__ */ q({
+const v5 = /* @__PURE__ */ A({
   __name: "QLanguageSelector",
   props: {
     lang: {
@@ -2258,7 +2274,7 @@ const w5 = /* @__PURE__ */ q({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const r = e, C = B(null), _ = S(() => {
+    const r = e, C = S(null), h = I(() => {
       let u = [
         {
           title_flag: "🇺🇸 English",
@@ -2302,37 +2318,37 @@ const w5 = /* @__PURE__ */ q({
       });
     }
     return N(() => r.lang, (u) => {
-      C.value = _.value.find((g) => u === g.value);
-    }), f1(() => {
-      C.value = _.value.find((u) => r.lang === u.value || localStorage.getItem("quail-language") === u.value) || _.value[0];
+      C.value = h.value.find((g) => u === g.value);
+    }), d1(() => {
+      C.value = h.value.find((u) => r.lang === u.value || localStorage.getItem("quail-language") === u.value) || h.value[0];
     }), (u, g) => {
-      const $ = h1("QDropdownMenu");
-      return n(), F($, {
-        items: _.value,
+      const $ = v1("QDropdownMenu");
+      return n(), Z($, {
+        items: h.value,
         "initial-item": C.value
       }, null, 8, ["items", "initial-item"]);
     };
   }
-}), p5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), $5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QDatetimePicker: f9,
-  QDialog: m9,
-  QDropdownMenu: o5,
-  QFence: y9,
-  QLanguageSelector: w5,
-  QLoading: I9,
-  QMenu: P9,
-  QPagination: _5,
-  QProgress: g5,
-  QSwitch: Y9,
-  QTextFieldWithButton: G9
+  QDialog: k9,
+  QDropdownMenu: r5,
+  QFence: V9,
+  QLanguageSelector: v5,
+  QLoading: S9,
+  QMenu: F9,
+  QPagination: C5,
+  QProgress: p5,
+  QSwitch: E9,
+  QTextFieldWithButton: X9
 }, Symbol.toStringTag, { value: "Module" }));
-const $5 = {
+const M5 = {
   install(e, t) {
     t != null && t.debug && console.log("options", t);
     for (const [r, C] of Object.entries(l9))
       t != null && t.debug && console.log("[quail-ui] register icon component", r, C), e.component(r, C);
-    for (const [r, C] of Object.entries(p5))
+    for (const [r, C] of Object.entries($5))
       t != null && t.debug && console.log("[quail-ui] register common component", r, C), e.component(r, C);
     document.body.addEventListener("click", (r) => {
       H1();
@@ -2340,9 +2356,9 @@ const $5 = {
   }
 };
 export {
-  p5 as Common,
+  $5 as Common,
   l9 as Icons,
-  $5 as QuailUI,
-  $5 as default
+  M5 as QuailUI,
+  M5 as default
 };
 //# sourceMappingURL=index.js.map