quail-ui 0.2.20 → 0.2.22

package/dist/index.js

@@ -1,8 +1,8 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as Z, ref as Q, watch as G, onMounted as h1, withDirectives as t1, vModelText as c1, computed as T, createBlock as D, Transition as u1, withCtx as C1, normalizeStyle as H1, withModifiers as f1, toDisplayString as B, renderSlot as l1, createCommentVNode as F, getCurrentInstance as V1, resolveComponent as d1, normalizeClass as U, unref as X, resolveDynamicComponent as e1, Fragment as w1, renderList as $1, vModelCheckbox as y1, createVNode as n1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as j, ref as Q, watch as G, onMounted as u1, withDirectives as t1, vModelText as c1, computed as B, createBlock as O, Transition as h1, withCtx as C1, normalizeClass as I, normalizeStyle as f1, withModifiers as w1, toDisplayString as S, renderSlot as l1, createCommentVNode as U, getCurrentInstance as H1, resolveComponent as d1, unref as X, resolveDynamicComponent as e1, Fragment as p1, renderList as g1, vModelCheckbox as V1, createVNode as n1 } from "vue";
 const c = (t, e) => {
   const d = t.__vccOpts || t;
-  for (const [_, h] of e)
-    d[_] = h;
+  for (const [_, u] of e)
+    d[_] = u;
   return d;
 }, b1 = {}, z1 = {
   width: "24",
@@ -22,7 +22,7 @@ const c = (t, e) => {
 function I1(t, e) {
   return n(), s("svg", z1, B1);
 }
-const j1 = /* @__PURE__ */ c(b1, [["render", I1]]), S1 = {}, D1 = {
+const S1 = /* @__PURE__ */ c(b1, [["render", I1]]), j1 = {}, D1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -40,7 +40,7 @@ const j1 = /* @__PURE__ */ c(b1, [["render", I1]]), S1 = {}, D1 = {
 function O1(t, e) {
   return n(), s("svg", D1, q1);
 }
-const g1 = /* @__PURE__ */ c(S1, [["render", O1]]), P1 = {}, T1 = {
+const $1 = /* @__PURE__ */ c(j1, [["render", O1]]), P1 = {}, T1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -58,7 +58,7 @@ const g1 = /* @__PURE__ */ c(S1, [["render", O1]]), P1 = {}, T1 = {
 function F1(t, e) {
   return n(), s("svg", T1, A1);
 }
-const p1 = /* @__PURE__ */ c(P1, [["render", F1]]), U1 = {}, E1 = {
+const v1 = /* @__PURE__ */ c(P1, [["render", F1]]), U1 = {}, E1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -125,19 +125,19 @@ const d2 = /* @__PURE__ */ c(o2, [["render", l2]]), a2 = {}, _2 = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, h2 = /* @__PURE__ */ o("path", {
+}, u2 = /* @__PURE__ */ o("path", {
   d: "M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), u2 = [
-  h2
+}, null, -1), h2 = [
+  u2
 ];
 function C2(t, e) {
-  return n(), s("svg", _2, u2);
+  return n(), s("svg", _2, h2);
 }
-const f2 = /* @__PURE__ */ c(a2, [["render", C2]]), w2 = {}, $2 = {
+const f2 = /* @__PURE__ */ c(a2, [["render", C2]]), w2 = {}, p2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -149,11 +149,11 @@ const f2 = /* @__PURE__ */ c(a2, [["render", C2]]), w2 = {}, $2 = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), p2 = [
+}, null, -1), $2 = [
   g2
 ];
 function v2(t, e) {
-  return n(), s("svg", $2, p2);
+  return n(), s("svg", p2, $2);
 }
 const m2 = /* @__PURE__ */ c(w2, [["render", v2]]), M2 = {}, k2 = {
   width: "24",
@@ -170,10 +170,10 @@ const m2 = /* @__PURE__ */ c(w2, [["render", v2]]), M2 = {}, k2 = {
 }, null, -1), L2 = [
   x2
 ];
-function H2(t, e) {
+function y2(t, e) {
   return n(), s("svg", k2, L2);
 }
-const V2 = /* @__PURE__ */ c(M2, [["render", H2]]), y2 = {}, b2 = {
+const H2 = /* @__PURE__ */ c(M2, [["render", y2]]), V2 = {}, b2 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
@@ -184,7 +184,7 @@ const V2 = /* @__PURE__ */ c(M2, [["render", H2]]), y2 = {}, b2 = {
 function B2(t, e) {
   return n(), s("svg", b2, Q2);
 }
-const I2 = /* @__PURE__ */ c(y2, [["render", B2]]), j2 = {}, S2 = {
+const I2 = /* @__PURE__ */ c(V2, [["render", B2]]), S2 = {}, j2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -200,9 +200,9 @@ const I2 = /* @__PURE__ */ c(y2, [["render", B2]]), j2 = {}, S2 = {
   D2
 ];
 function q2(t, e) {
-  return n(), s("svg", S2, Z2);
+  return n(), s("svg", j2, Z2);
 }
-const O2 = /* @__PURE__ */ c(j2, [["render", q2]]), P2 = {}, T2 = {
+const O2 = /* @__PURE__ */ c(S2, [["render", q2]]), P2 = {}, T2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -272,13 +272,13 @@ const dt = /* @__PURE__ */ c(st, [["render", lt]]), at = {}, _t = {
   width: "18",
   height: "20",
   fill: "currentColor"
-}, ht = /* @__PURE__ */ o("path", { d: "M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z" }, null, -1), ut = [
-  ht
+}, ut = /* @__PURE__ */ o("path", { d: "M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z" }, null, -1), ht = [
+  ut
 ];
 function Ct(t, e) {
-  return n(), s("svg", _t, ut);
+  return n(), s("svg", _t, ht);
 }
-const ft = /* @__PURE__ */ c(at, [["render", Ct]]), wt = {}, $t = {
+const ft = /* @__PURE__ */ c(at, [["render", Ct]]), wt = {}, pt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -290,11 +290,11 @@ const ft = /* @__PURE__ */ c(at, [["render", Ct]]), wt = {}, $t = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), pt = [
+}, null, -1), $t = [
   gt
 ];
 function vt(t, e) {
-  return n(), s("svg", $t, pt);
+  return n(), s("svg", pt, $t);
 }
 const mt = /* @__PURE__ */ c(wt, [["render", vt]]), Mt = {}, kt = {
   width: "24",
@@ -311,10 +311,10 @@ const mt = /* @__PURE__ */ c(wt, [["render", vt]]), Mt = {}, kt = {
 }, null, -1), Lt = [
   xt
 ];
-function Ht(t, e) {
+function yt(t, e) {
   return n(), s("svg", kt, Lt);
 }
-const Vt = /* @__PURE__ */ c(Mt, [["render", Ht]]), yt = {}, bt = {
+const Ht = /* @__PURE__ */ c(Mt, [["render", yt]]), Vt = {}, bt = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": "true",
@@ -329,7 +329,7 @@ const Vt = /* @__PURE__ */ c(Mt, [["render", Ht]]), yt = {}, bt = {
 function Bt(t, e) {
   return n(), s("svg", bt, Qt);
 }
-const It = /* @__PURE__ */ c(yt, [["render", Bt]]), jt = {}, St = {
+const It = /* @__PURE__ */ c(Vt, [["render", Bt]]), St = {}, jt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -345,9 +345,9 @@ const It = /* @__PURE__ */ c(yt, [["render", Bt]]), jt = {}, St = {
   Dt
 ];
 function qt(t, e) {
-  return n(), s("svg", St, Zt);
+  return n(), s("svg", jt, Zt);
 }
-const Ot = /* @__PURE__ */ c(jt, [["render", qt]]), Pt = {}, Tt = {
+const Ot = /* @__PURE__ */ c(St, [["render", qt]]), Pt = {}, Tt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -425,19 +425,19 @@ const de = /* @__PURE__ */ c(se, [["render", le]]), ae = {}, _e = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, he = /* @__PURE__ */ o("path", {
+}, ue = /* @__PURE__ */ o("path", {
   d: "M18 8L22 12M22 12L18 16M22 12H9M15 4.20404C13.7252 3.43827 12.2452 3 10.6667 3C5.8802 3 2 7.02944 2 12C2 16.9706 5.8802 21 10.6667 21C12.2452 21 13.7252 20.5617 15 19.796",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), ue = [
-  he
+}, null, -1), he = [
+  ue
 ];
 function Ce(t, e) {
-  return n(), s("svg", _e, ue);
+  return n(), s("svg", _e, he);
 }
-const fe = /* @__PURE__ */ c(ae, [["render", Ce]]), we = {}, $e = {
+const fe = /* @__PURE__ */ c(ae, [["render", Ce]]), we = {}, pe = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -449,11 +449,11 @@ const fe = /* @__PURE__ */ c(ae, [["render", Ce]]), we = {}, $e = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), pe = [
+}, null, -1), $e = [
   ge
 ];
 function ve(t, e) {
-  return n(), s("svg", $e, pe);
+  return n(), s("svg", pe, $e);
 }
 const me = /* @__PURE__ */ c(we, [["render", ve]]), Me = {}, ke = {
   width: "24",
@@ -470,10 +470,10 @@ const me = /* @__PURE__ */ c(we, [["render", ve]]), Me = {}, ke = {
 }, null, -1), Le = [
   xe
 ];
-function He(t, e) {
+function ye(t, e) {
   return n(), s("svg", ke, Le);
 }
-const Ve = /* @__PURE__ */ c(Me, [["render", He]]), ye = {}, be = {
+const He = /* @__PURE__ */ c(Me, [["render", ye]]), Ve = {}, be = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -491,7 +491,7 @@ const Ve = /* @__PURE__ */ c(Me, [["render", He]]), ye = {}, be = {
 function Be(t, e) {
   return n(), s("svg", be, Qe);
 }
-const Ie = /* @__PURE__ */ c(ye, [["render", Be]]), je = {}, Se = {
+const Ie = /* @__PURE__ */ c(Ve, [["render", Be]]), Se = {}, je = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -507,9 +507,9 @@ const Ie = /* @__PURE__ */ c(ye, [["render", Be]]), je = {}, Se = {
   De
 ];
 function qe(t, e) {
-  return n(), s("svg", Se, Ze);
+  return n(), s("svg", je, Ze);
 }
-const Oe = /* @__PURE__ */ c(je, [["render", qe]]), Pe = {}, Te = {
+const Oe = /* @__PURE__ */ c(Se, [["render", qe]]), Pe = {}, Te = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -592,7 +592,7 @@ const s4 = /* @__PURE__ */ c(Xe, [["render", o4]]), r4 = {}, i4 = {
 function a4(t, e) {
   return n(), s("svg", i4, d4);
 }
-const _4 = /* @__PURE__ */ c(r4, [["render", a4]]), h4 = {}, u4 = {
+const _4 = /* @__PURE__ */ c(r4, [["render", a4]]), u4 = {}, h4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -608,9 +608,9 @@ const _4 = /* @__PURE__ */ c(r4, [["render", a4]]), h4 = {}, u4 = {
   C4
 ];
 function w4(t, e) {
-  return n(), s("svg", u4, f4);
+  return n(), s("svg", h4, f4);
 }
-const $4 = /* @__PURE__ */ c(h4, [["render", w4]]), g4 = {}, p4 = {
+const p4 = /* @__PURE__ */ c(u4, [["render", w4]]), g4 = {}, $4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -626,7 +626,7 @@ const $4 = /* @__PURE__ */ c(h4, [["render", w4]]), g4 = {}, p4 = {
   v4
 ];
 function M4(t, e) {
-  return n(), s("svg", p4, m4);
+  return n(), s("svg", $4, m4);
 }
 const k4 = /* @__PURE__ */ c(g4, [["render", M4]]), x4 = {}, L4 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -637,13 +637,13 @@ const k4 = /* @__PURE__ */ c(g4, [["render", M4]]), x4 = {}, L4 = {
   height: "24",
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24"
-}, H4 = /* @__PURE__ */ o1('<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), V4 = [
-  H4
+}, y4 = /* @__PURE__ */ o1('<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), H4 = [
+  y4
 ];
-function y4(t, e) {
-  return n(), s("svg", L4, V4);
+function V4(t, e) {
+  return n(), s("svg", L4, H4);
 }
-const b4 = /* @__PURE__ */ c(x4, [["render", y4]]), z4 = {}, Q4 = {
+const b4 = /* @__PURE__ */ c(x4, [["render", V4]]), z4 = {}, Q4 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": "true",
@@ -659,10 +659,10 @@ const b4 = /* @__PURE__ */ c(x4, [["render", y4]]), z4 = {}, Q4 = {
 }, null, -1), I4 = [
   B4
 ];
-function j4(t, e) {
+function S4(t, e) {
   return n(), s("svg", Q4, I4);
 }
-const S4 = /* @__PURE__ */ c(z4, [["render", j4]]), D4 = {}, Z4 = {
+const j4 = /* @__PURE__ */ c(z4, [["render", S4]]), D4 = {}, Z4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -743,7 +743,7 @@ const r0 = /* @__PURE__ */ c(t0, [["render", s0]]), i0 = {}, c0 = {
 function a0(t, e) {
   return n(), s("svg", c0, d0);
 }
-const _0 = /* @__PURE__ */ c(i0, [["render", a0]]), h0 = {}, u0 = {
+const _0 = /* @__PURE__ */ c(i0, [["render", a0]]), u0 = {}, h0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -759,9 +759,9 @@ const _0 = /* @__PURE__ */ c(i0, [["render", a0]]), h0 = {}, u0 = {
   C0
 ];
 function w0(t, e) {
-  return n(), s("svg", u0, f0);
+  return n(), s("svg", h0, f0);
 }
-const $0 = /* @__PURE__ */ c(h0, [["render", w0]]), g0 = {}, p0 = {
+const p0 = /* @__PURE__ */ c(u0, [["render", w0]]), g0 = {}, $0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -777,7 +777,7 @@ const $0 = /* @__PURE__ */ c(h0, [["render", w0]]), g0 = {}, p0 = {
   v0
 ];
 function M0(t, e) {
-  return n(), s("svg", p0, m0);
+  return n(), s("svg", $0, m0);
 }
 const k0 = /* @__PURE__ */ c(g0, [["render", M0]]), x0 = {}, L0 = {
   width: "24",
@@ -785,19 +785,19 @@ const k0 = /* @__PURE__ */ c(g0, [["render", M0]]), x0 = {}, L0 = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, H0 = /* @__PURE__ */ o("path", {
+}, y0 = /* @__PURE__ */ o("path", {
   d: "M13.25 4L7.25 20M16.75 4L10.75 20M19.5 4L9.5 4M14.5 20H4.5",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), V0 = [
-  H0
+}, null, -1), H0 = [
+  y0
 ];
-function y0(t, e) {
-  return n(), s("svg", L0, V0);
+function V0(t, e) {
+  return n(), s("svg", L0, H0);
 }
-const b0 = /* @__PURE__ */ c(x0, [["render", y0]]), z0 = {}, Q0 = {
+const b0 = /* @__PURE__ */ c(x0, [["render", V0]]), z0 = {}, Q0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -812,10 +812,10 @@ const b0 = /* @__PURE__ */ c(x0, [["render", y0]]), z0 = {}, Q0 = {
 }, null, -1), I0 = [
   B0
 ];
-function j0(t, e) {
+function S0(t, e) {
   return n(), s("svg", Q0, I0);
 }
-const S0 = /* @__PURE__ */ c(z0, [["render", j0]]), D0 = {}, Z0 = {
+const j0 = /* @__PURE__ */ c(z0, [["render", S0]]), D0 = {}, Z0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -905,16 +905,16 @@ const dn = /* @__PURE__ */ c(tn, [["render", ln]]), an = {}, _n = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, hn = /* @__PURE__ */ o("path", {
+}, un = /* @__PURE__ */ o("path", {
   d: "M12.3984 12.6001C12.3984 11.5601 12.5584 10.6668 12.8784 9.9201C13.1984 9.14676 13.6118 8.5201 14.1184 8.0401C14.6251 7.53343 15.1984 7.17343 15.8384 6.9601C16.5051 6.7201 17.1584 6.6001 17.7984 6.6001V8.0001C17.1051 8.0001 16.4518 8.2401 15.8384 8.7201C15.2518 9.17343 14.9051 9.8001 14.7984 10.6001C14.8784 10.5734 14.9718 10.5468 15.0784 10.5201C15.1584 10.4934 15.2518 10.4668 15.3584 10.4401C15.4918 10.4134 15.6384 10.4001 15.7984 10.4001C16.5984 10.4001 17.2651 10.7068 17.7984 11.3201C18.3318 11.9068 18.5984 12.6001 18.5984 13.4001C18.5984 14.2001 18.3184 14.9068 17.7584 15.5201C17.2251 16.1068 16.5051 16.4001 15.5984 16.4001C14.5851 16.4001 13.7984 16.0268 13.2384 15.2801C12.6784 14.5068 12.3984 13.6134 12.3984 12.6001ZM4.39844 12.6001C4.39844 11.5601 4.55844 10.6668 4.87844 9.9201C5.19844 9.14676 5.61177 8.5201 6.11844 8.0401C6.6251 7.53343 7.19844 7.17343 7.83844 6.9601C8.5051 6.7201 9.15844 6.6001 9.79844 6.6001V8.0001C9.1051 8.0001 8.45177 8.2401 7.83844 8.7201C7.25177 9.17343 6.9051 9.8001 6.79844 10.6001C6.87844 10.5734 6.97177 10.5468 7.07844 10.5201C7.15844 10.4934 7.25177 10.4668 7.35844 10.4401C7.49177 10.4134 7.63844 10.4001 7.79844 10.4001C8.59844 10.4001 9.2651 10.7068 9.79844 11.3201C10.3318 11.9068 10.5984 12.6001 10.5984 13.4001C10.5984 14.2001 10.3184 14.9068 9.75844 15.5201C9.2251 16.1068 8.5051 16.4001 7.59844 16.4001C6.5851 16.4001 5.79844 16.0268 5.23844 15.2801C4.67844 14.5068 4.39844 13.6134 4.39844 12.6001Z",
   fill: "currentColor"
-}, null, -1), un = [
-  hn
+}, null, -1), hn = [
+  un
 ];
 function Cn(t, e) {
-  return n(), s("svg", _n, un);
+  return n(), s("svg", _n, hn);
 }
-const fn = /* @__PURE__ */ c(an, [["render", Cn]]), wn = {}, $n = {
+const fn = /* @__PURE__ */ c(an, [["render", Cn]]), wn = {}, pn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -926,11 +926,11 @@ const fn = /* @__PURE__ */ c(an, [["render", Cn]]), wn = {}, $n = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), pn = [
+}, null, -1), $n = [
   gn
 ];
 function vn(t, e) {
-  return n(), s("svg", $n, pn);
+  return n(), s("svg", pn, $n);
 }
 const mn = /* @__PURE__ */ c(wn, [["render", vn]]), Mn = {}, kn = {
   width: "24",
@@ -947,10 +947,10 @@ const mn = /* @__PURE__ */ c(wn, [["render", vn]]), Mn = {}, kn = {
 }, null, -1), Ln = [
   xn
 ];
-function Hn(t, e) {
+function yn(t, e) {
   return n(), s("svg", kn, Ln);
 }
-const Vn = /* @__PURE__ */ c(Mn, [["render", Hn]]), yn = {}, bn = {
+const Hn = /* @__PURE__ */ c(Mn, [["render", yn]]), Vn = {}, bn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -968,7 +968,7 @@ const Vn = /* @__PURE__ */ c(Mn, [["render", Hn]]), yn = {}, bn = {
 function Bn(t, e) {
   return n(), s("svg", bn, Qn);
 }
-const In = /* @__PURE__ */ c(yn, [["render", Bn]]), jn = {}, Sn = {
+const In = /* @__PURE__ */ c(Vn, [["render", Bn]]), Sn = {}, jn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -984,9 +984,9 @@ const In = /* @__PURE__ */ c(yn, [["render", Bn]]), jn = {}, Sn = {
   Dn
 ];
 function qn(t, e) {
-  return n(), s("svg", Sn, Zn);
+  return n(), s("svg", jn, Zn);
 }
-const On = /* @__PURE__ */ c(jn, [["render", qn]]), Pn = {}, Tn = {
+const On = /* @__PURE__ */ c(Sn, [["render", qn]]), Pn = {}, Tn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1065,43 +1065,43 @@ const s9 = /* @__PURE__ */ c(Xn, [["render", o9]]), r9 = {}, i9 = {
 function d9(t, e) {
   return n(), s("svg", i9, l9);
 }
-const a9 = /* @__PURE__ */ c(r9, [["render", d9]]), _9 = {}, h9 = {
+const a9 = /* @__PURE__ */ c(r9, [["render", d9]]), _9 = {}, u9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, u9 = /* @__PURE__ */ o("path", {
+}, h9 = /* @__PURE__ */ o("path", {
   d: "M8.3767 15.6163L2.71985 21.2732M11.6944 6.64181L10.1335 8.2027C10.0062 8.33003 9.94252 8.39369 9.86999 8.44427C9.80561 8.48917 9.73616 8.52634 9.66309 8.555C9.58077 8.58729 9.49249 8.60495 9.31592 8.64026L5.65145 9.37315C4.69915 9.56361 4.223 9.65884 4.00024 9.9099C3.80617 10.1286 3.71755 10.4213 3.75771 10.7109C3.8038 11.0434 4.14715 11.3867 4.83387 12.0735L11.9196 19.1592C12.6063 19.8459 12.9497 20.1893 13.2821 20.2354C13.5718 20.2755 13.8645 20.1869 14.0832 19.9928C14.3342 19.7701 14.4294 19.2939 14.6199 18.3416L15.3528 14.6771C15.3881 14.5006 15.4058 14.4123 15.4381 14.33C15.4667 14.2569 15.5039 14.1875 15.5488 14.1231C15.5994 14.0505 15.663 13.9869 15.7904 13.8596L17.3512 12.2987C17.4326 12.2173 17.4734 12.1766 17.5181 12.141C17.5578 12.1095 17.5999 12.081 17.644 12.0558C17.6936 12.0274 17.7465 12.0048 17.8523 11.9594L20.3467 10.8904C21.0744 10.5785 21.4383 10.4226 21.6035 10.1706C21.7481 9.95025 21.7998 9.68175 21.7474 9.42348C21.6875 9.12813 21.4076 8.84822 20.8478 8.28839L15.7047 3.14526C15.1448 2.58543 14.8649 2.30552 14.5696 2.24565C14.3113 2.19329 14.0428 2.245 13.8225 2.38953C13.5705 2.55481 13.4145 2.91866 13.1027 3.64636L12.0337 6.14071C11.9883 6.24653 11.9656 6.29944 11.9373 6.34905C11.9121 6.39313 11.8836 6.43522 11.852 6.47496C11.8165 6.51971 11.7758 6.56041 11.6944 6.64181Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), C9 = [
-  u9
+  h9
 ];
 function f9(t, e) {
-  return n(), s("svg", h9, C9);
+  return n(), s("svg", u9, C9);
 }
-const w9 = /* @__PURE__ */ c(_9, [["render", f9]]), $9 = {}, g9 = {
+const w9 = /* @__PURE__ */ c(_9, [["render", f9]]), p9 = {}, g9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, p9 = /* @__PURE__ */ o("path", {
+}, $9 = /* @__PURE__ */ o("path", {
   d: "M3 8L15 8M15 8C15 9.65686 16.3431 11 18 11C19.6569 11 21 9.65685 21 8C21 6.34315 19.6569 5 18 5C16.3431 5 15 6.34315 15 8ZM9 16L21 16M9 16C9 17.6569 7.65685 19 6 19C4.34315 19 3 17.6569 3 16C3 14.3431 4.34315 13 6 13C7.65685 13 9 14.3431 9 16Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), v9 = [
-  p9
+  $9
 ];
 function m9(t, e) {
   return n(), s("svg", g9, v9);
 }
-const M9 = /* @__PURE__ */ c($9, [["render", m9]]), k9 = {}, x9 = {
+const M9 = /* @__PURE__ */ c(p9, [["render", m9]]), k9 = {}, x9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1113,13 +1113,13 @@ const M9 = /* @__PURE__ */ c($9, [["render", m9]]), k9 = {}, x9 = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), H9 = [
+}, null, -1), y9 = [
   L9
 ];
-function V9(t, e) {
-  return n(), s("svg", x9, H9);
+function H9(t, e) {
+  return n(), s("svg", x9, y9);
 }
-const y9 = /* @__PURE__ */ c(k9, [["render", V9]]), b9 = {}, z9 = {
+const V9 = /* @__PURE__ */ c(k9, [["render", H9]]), b9 = {}, z9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1137,7 +1137,7 @@ const y9 = /* @__PURE__ */ c(k9, [["render", V9]]), b9 = {}, z9 = {
 function I9(t, e) {
   return n(), s("svg", z9, B9);
 }
-const j9 = /* @__PURE__ */ c(b9, [["render", I9]]), S9 = {}, D9 = {
+const S9 = /* @__PURE__ */ c(b9, [["render", I9]]), j9 = {}, D9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1155,11 +1155,11 @@ const j9 = /* @__PURE__ */ c(b9, [["render", I9]]), S9 = {}, D9 = {
 function O9(t, e) {
   return n(), s("svg", D9, q9);
 }
-const P9 = /* @__PURE__ */ c(S9, [["render", O9]]), T9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const P9 = /* @__PURE__ */ c(j9, [["render", O9]]), T9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QIconArrowLeft: g1,
-  QIconArrowRight: p1,
-  QIconArrowUpRight: j1,
+  QIconArrowLeft: $1,
+  QIconArrowRight: v1,
+  QIconArrowUpRight: S1,
   QIconBatteryFull: n2,
   QIconBatteryMid: R1,
   QIconBitcoinCircle: _0,
@@ -1169,7 +1169,7 @@ const P9 = /* @__PURE__ */ c(S9, [["render", O9]]), T9 = /* @__PURE__ */ Object.
   QIconCheckCircle: f2,
   QIconCheckHeart: On,
   QIconChevronDown: m2,
-  QIconChevronUp: V2,
+  QIconChevronUp: H2,
   QIconClockRewind: Kn,
   QIconCode: U2,
   QIconCommunity: I2,
@@ -1178,12 +1178,12 @@ const P9 = /* @__PURE__ */ c(S9, [["render", O9]]), T9 = /* @__PURE__ */ Object.
   QIconDataflow: P9,
   QIconDesktop: J2,
   QIconDocumentation: ot,
-  QIconDollarCircle: $0,
+  QIconDollarCircle: p0,
   QIconDownloadCloud: dt,
   QIconEcosystem: ft,
-  QIconExpand: S0,
+  QIconExpand: j0,
   QIconFaceFrown: mt,
-  QIconFeather: Vt,
+  QIconFeather: Ht,
   QIconFeed: It,
   QIconFileLock: T0,
   QIconFilter: Ot,
@@ -1196,7 +1196,7 @@ const P9 = /* @__PURE__ */ c(S9, [["render", O9]]), T9 = /* @__PURE__ */ Object.
   QIconLinkBroken: de,
   QIconLogout: fe,
   QIconMagicWand: me,
-  QIconMail: Ve,
+  QIconMail: He,
   QIconMenu: Ie,
   QIconMessageChatSquare: s9,
   QIconMobile: Oe,
@@ -1208,51 +1208,51 @@ const P9 = /* @__PURE__ */ c(S9, [["render", O9]]), T9 = /* @__PURE__ */ Object.
   QIconPlus: s4,
   QIconQuail: _4,
   QIconQuote: fn,
-  QIconSearch: $4,
+  QIconSearch: p4,
   QIconSettings: M9,
-  QIconShoppingBag: y9,
+  QIconShoppingBag: V9,
   QIconStrikeThrough: mn,
   QIconSun: k4,
   QIconTelegram: b4,
-  QIconTooling: S4,
+  QIconTooling: j4,
   QIconTrash: T4,
-  QIconUnorderedList: Vn,
+  QIconUnorderedList: Hn,
   QIconUnsplash: W4,
   QIconUserCircle: X4,
-  QIconUsers: j9,
+  QIconUsers: S9,
   QIconZapSquare: r0
 }, Symbol.toStringTag, { value: "Module" }));
 var Y9 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function A9(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var v1 = { exports: {} };
+var m1 = { exports: {} };
 (function(t, e) {
   (function(d, _) {
     t.exports = _();
   })(Y9, function() {
-    var d = 1e3, _ = 6e4, h = 36e5, p = "millisecond", v = "second", u = "minute", M = "hour", f = "day", g = "week", x = "month", I = "quarter", j = "year", Y = "date", a1 = "Invalid Date", M1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, k1 = /\[([^\]]+)]|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, x1 = { 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(C) {
+    var d = 1e3, _ = 6e4, u = 36e5, $ = "millisecond", v = "second", p = "minute", m = "hour", h = "day", g = "week", x = "month", D = "quarter", Z = "year", A = "date", a1 = "Invalid Date", k1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, x1 = /\[([^\]]+)]|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, L1 = { 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(C) {
       var l = ["th", "st", "nd", "rd"], r = C % 100;
       return "[" + C + (l[(r - 20) % 10] || l[r] || l[0]) + "]";
     } }, s1 = function(C, l, r) {
       var a = String(C);
       return !a || a.length >= l ? C : "" + Array(l + 1 - a.length).join(r) + C;
-    }, L1 = { s: s1, z: function(C) {
+    }, y1 = { s: s1, z: function(C) {
       var l = -C.utcOffset(), r = Math.abs(l), a = Math.floor(r / 60), i = r % 60;
       return (l <= 0 ? "+" : "-") + s1(a, 2, "0") + ":" + s1(i, 2, "0");
     }, m: function C(l, r) {
       if (l.date() < r.date())
         return -C(r, l);
-      var a = 12 * (r.year() - l.year()) + (r.month() - l.month()), i = l.clone().add(a, x), w = r - i < 0, $ = l.clone().add(a + (w ? -1 : 1), x);
-      return +(-(a + (r - i) / (w ? i - $ : $ - i)) || 0);
+      var a = 12 * (r.year() - l.year()) + (r.month() - l.month()), i = l.clone().add(a, x), f = r - i < 0, w = l.clone().add(a + (f ? -1 : 1), x);
+      return +(-(a + (r - i) / (f ? i - w : w - i)) || 0);
     }, a: function(C) {
       return C < 0 ? Math.ceil(C) || 0 : Math.floor(C);
     }, p: function(C) {
-      return { M: x, y: j, w: g, d: f, D: Y, h: M, m: u, s: v, ms: p, Q: I }[C] || String(C || "").toLowerCase().replace(/s$/, "");
+      return { M: x, y: Z, w: g, d: h, D: A, h: m, m: p, s: v, ms: $, Q: D }[C] || String(C || "").toLowerCase().replace(/s$/, "");
     }, u: function(C) {
       return C === void 0;
-    } }, E = "en", q = {};
-    q[E] = x1;
+    } }, E = "en", P = {};
+    P[E] = L1;
     var r1 = function(C) {
       return C instanceof J;
     }, R = function C(l, r, a) {
@@ -1260,24 +1260,24 @@ var v1 = { exports: {} };
       if (!l)
         return E;
       if (typeof l == "string") {
-        var w = l.toLowerCase();
-        q[w] && (i = w), r && (q[w] = r, i = w);
-        var $ = l.split("-");
-        if (!i && $.length > 1)
-          return C($[0]);
+        var f = l.toLowerCase();
+        P[f] && (i = f), r && (P[f] = r, i = f);
+        var w = l.split("-");
+        if (!i && w.length > 1)
+          return C(w[0]);
       } else {
         var k = l.name;
-        q[k] = l, i = k;
+        P[k] = l, i = k;
       }
       return !a && i && (E = i), i || !a && E;
-    }, H = function(C, l) {
+    }, y = function(C, l) {
       if (r1(C))
         return C.clone();
       var r = typeof l == "object" ? l : {};
       return r.date = C, r.args = arguments, new J(r);
-    }, m = L1;
-    m.l = R, m.i = r1, m.w = function(C, l) {
-      return H(C, { locale: l.$L, utc: l.$u, x: l.$x, $offset: l.$offset });
+    }, M = y1;
+    M.l = R, M.i = r1, M.w = function(C, l) {
+      return y(C, { locale: l.$L, utc: l.$u, x: l.$x, $offset: l.$offset });
     };
     var J = function() {
       function C(r) {
@@ -1286,18 +1286,18 @@ var v1 = { exports: {} };
       var l = C.prototype;
       return l.parse = function(r) {
         this.$d = function(a) {
-          var i = a.date, w = a.utc;
+          var i = a.date, f = a.utc;
           if (i === null)
             return /* @__PURE__ */ new Date(NaN);
-          if (m.u(i))
+          if (M.u(i))
             return /* @__PURE__ */ new Date();
           if (i instanceof Date)
             return new Date(i);
           if (typeof i == "string" && !/Z$/i.test(i)) {
-            var $ = i.match(M1);
-            if ($) {
-              var k = $[2] - 1 || 0, L = ($[7] || "0").substring(0, 3);
-              return w ? new Date(Date.UTC($[1], k, $[3] || 1, $[4] || 0, $[5] || 0, $[6] || 0, L)) : new Date($[1], k, $[3] || 1, $[4] || 0, $[5] || 0, $[6] || 0, L);
+            var w = i.match(k1);
+            if (w) {
+              var k = w[2] - 1 || 0, L = (w[7] || "0").substring(0, 3);
+              return f ? new Date(Date.UTC(w[1], k, w[3] || 1, w[4] || 0, w[5] || 0, w[6] || 0, L)) : new Date(w[1], k, w[3] || 1, w[4] || 0, w[5] || 0, w[6] || 0, L);
             }
           }
           return new Date(i);
@@ -1306,195 +1306,195 @@ var v1 = { exports: {} };
         var r = this.$d;
         this.$y = r.getFullYear(), this.$M = r.getMonth(), this.$D = r.getDate(), this.$W = r.getDay(), this.$H = r.getHours(), this.$m = r.getMinutes(), this.$s = r.getSeconds(), this.$ms = r.getMilliseconds();
       }, l.$utils = function() {
-        return m;
+        return M;
       }, l.isValid = function() {
         return this.$d.toString() !== a1;
       }, l.isSame = function(r, a) {
-        var i = H(r);
+        var i = y(r);
         return this.startOf(a) <= i && i <= this.endOf(a);
       }, l.isAfter = function(r, a) {
-        return H(r) < this.startOf(a);
+        return y(r) < this.startOf(a);
       }, l.isBefore = function(r, a) {
-        return this.endOf(a) < H(r);
+        return this.endOf(a) < y(r);
       }, l.$g = function(r, a, i) {
-        return m.u(r) ? this[a] : this.set(i, r);
+        return M.u(r) ? this[a] : this.set(i, r);
       }, l.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, l.valueOf = function() {
         return this.$d.getTime();
       }, l.startOf = function(r, a) {
-        var i = this, w = !!m.u(a) || a, $ = m.p(r), k = function(P, b) {
-          var S = m.w(i.$u ? Date.UTC(i.$y, b, P) : new Date(i.$y, b, P), i);
-          return w ? S : S.endOf(f);
-        }, L = function(P, b) {
-          return m.w(i.toDate()[P].apply(i.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(b)), i);
-        }, V = this.$W, y = this.$M, z = this.$D, A = "set" + (this.$u ? "UTC" : "");
-        switch ($) {
-          case j:
-            return w ? k(1, 0) : k(31, 11);
+        var i = this, f = !!M.u(a) || a, w = M.p(r), k = function(Y, b) {
+          var q = M.w(i.$u ? Date.UTC(i.$y, b, Y) : new Date(i.$y, b, Y), i);
+          return f ? q : q.endOf(h);
+        }, L = function(Y, b) {
+          return M.w(i.toDate()[Y].apply(i.toDate("s"), (f ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(b)), i);
+        }, H = this.$W, V = this.$M, z = this.$D, F = "set" + (this.$u ? "UTC" : "");
+        switch (w) {
+          case Z:
+            return f ? k(1, 0) : k(31, 11);
           case x:
-            return w ? k(1, y) : k(0, y + 1);
+            return f ? k(1, V) : k(0, V + 1);
           case g:
-            var O = this.$locale().weekStart || 0, W = (V < O ? V + 7 : V) - O;
-            return k(w ? z - W : z + (6 - W), y);
-          case f:
-          case Y:
-            return L(A + "Hours", 0);
-          case M:
-            return L(A + "Minutes", 1);
-          case u:
-            return L(A + "Seconds", 2);
+            var T = this.$locale().weekStart || 0, W = (H < T ? H + 7 : H) - T;
+            return k(f ? z - W : z + (6 - W), V);
+          case h:
+          case A:
+            return L(F + "Hours", 0);
+          case m:
+            return L(F + "Minutes", 1);
+          case p:
+            return L(F + "Seconds", 2);
           case v:
-            return L(A + "Milliseconds", 3);
+            return L(F + "Milliseconds", 3);
           default:
             return this.clone();
         }
       }, l.endOf = function(r) {
         return this.startOf(r, !1);
       }, l.$set = function(r, a) {
-        var i, w = m.p(r), $ = "set" + (this.$u ? "UTC" : ""), k = (i = {}, i[f] = $ + "Date", i[Y] = $ + "Date", i[x] = $ + "Month", i[j] = $ + "FullYear", i[M] = $ + "Hours", i[u] = $ + "Minutes", i[v] = $ + "Seconds", i[p] = $ + "Milliseconds", i)[w], L = w === f ? this.$D + (a - this.$W) : a;
-        if (w === x || w === j) {
-          var V = this.clone().set(Y, 1);
-          V.$d[k](L), V.init(), this.$d = V.set(Y, Math.min(this.$D, V.daysInMonth())).$d;
+        var i, f = M.p(r), w = "set" + (this.$u ? "UTC" : ""), k = (i = {}, i[h] = w + "Date", i[A] = w + "Date", i[x] = w + "Month", i[Z] = w + "FullYear", i[m] = w + "Hours", i[p] = w + "Minutes", i[v] = w + "Seconds", i[$] = w + "Milliseconds", i)[f], L = f === h ? this.$D + (a - this.$W) : a;
+        if (f === x || f === Z) {
+          var H = this.clone().set(A, 1);
+          H.$d[k](L), H.init(), this.$d = H.set(A, Math.min(this.$D, H.daysInMonth())).$d;
         } else
           k && this.$d[k](L);
         return this.init(), this;
       }, l.set = function(r, a) {
         return this.clone().$set(r, a);
       }, l.get = function(r) {
-        return this[m.p(r)]();
+        return this[M.p(r)]();
       }, l.add = function(r, a) {
-        var i, w = this;
+        var i, f = this;
         r = Number(r);
-        var $ = m.p(a), k = function(y) {
-          var z = H(w);
-          return m.w(z.date(z.date() + Math.round(y * r)), w);
+        var w = M.p(a), k = function(V) {
+          var z = y(f);
+          return M.w(z.date(z.date() + Math.round(V * r)), f);
         };
-        if ($ === x)
+        if (w === x)
           return this.set(x, this.$M + r);
-        if ($ === j)
-          return this.set(j, this.$y + r);
-        if ($ === f)
+        if (w === Z)
+          return this.set(Z, this.$y + r);
+        if (w === h)
           return k(1);
-        if ($ === g)
+        if (w === g)
           return k(7);
-        var L = (i = {}, i[u] = _, i[M] = h, i[v] = d, i)[$] || 1, V = this.$d.getTime() + r * L;
-        return m.w(V, this);
+        var L = (i = {}, i[p] = _, i[m] = u, i[v] = d, i)[w] || 1, H = this.$d.getTime() + r * L;
+        return M.w(H, this);
       }, l.subtract = function(r, a) {
         return this.add(-1 * r, a);
       }, l.format = function(r) {
         var a = this, i = this.$locale();
         if (!this.isValid())
           return i.invalidDate || a1;
-        var w = r || "YYYY-MM-DDTHH:mm:ssZ", $ = m.z(this), k = this.$H, L = this.$m, V = this.$M, y = i.weekdays, z = i.months, A = i.meridiem, O = function(b, S, N, K) {
-          return b && (b[S] || b(a, w)) || N[S].slice(0, K);
+        var f = r || "YYYY-MM-DDTHH:mm:ssZ", w = M.z(this), k = this.$H, L = this.$m, H = this.$M, V = i.weekdays, z = i.months, F = i.meridiem, T = function(b, q, N, K) {
+          return b && (b[q] || b(a, f)) || N[q].slice(0, K);
         }, W = function(b) {
-          return m.s(k % 12 || 12, b, "0");
-        }, P = A || function(b, S, N) {
+          return M.s(k % 12 || 12, b, "0");
+        }, Y = F || function(b, q, N) {
           var K = b < 12 ? "AM" : "PM";
           return N ? K.toLowerCase() : K;
         };
-        return w.replace(k1, function(b, S) {
-          return S || function(N) {
+        return f.replace(x1, function(b, q) {
+          return q || function(N) {
             switch (N) {
               case "YY":
                 return String(a.$y).slice(-2);
               case "YYYY":
-                return m.s(a.$y, 4, "0");
+                return M.s(a.$y, 4, "0");
               case "M":
-                return V + 1;
+                return H + 1;
               case "MM":
-                return m.s(V + 1, 2, "0");
+                return M.s(H + 1, 2, "0");
               case "MMM":
-                return O(i.monthsShort, V, z, 3);
+                return T(i.monthsShort, H, z, 3);
               case "MMMM":
-                return O(z, V);
+                return T(z, H);
               case "D":
                 return a.$D;
               case "DD":
-                return m.s(a.$D, 2, "0");
+                return M.s(a.$D, 2, "0");
               case "d":
                 return String(a.$W);
               case "dd":
-                return O(i.weekdaysMin, a.$W, y, 2);
+                return T(i.weekdaysMin, a.$W, V, 2);
               case "ddd":
-                return O(i.weekdaysShort, a.$W, y, 3);
+                return T(i.weekdaysShort, a.$W, V, 3);
               case "dddd":
-                return y[a.$W];
+                return V[a.$W];
               case "H":
                 return String(k);
               case "HH":
-                return m.s(k, 2, "0");
+                return M.s(k, 2, "0");
               case "h":
                 return W(1);
               case "hh":
                 return W(2);
               case "a":
-                return P(k, L, !0);
+                return Y(k, L, !0);
               case "A":
-                return P(k, L, !1);
+                return Y(k, L, !1);
               case "m":
                 return String(L);
               case "mm":
-                return m.s(L, 2, "0");
+                return M.s(L, 2, "0");
               case "s":
                 return String(a.$s);
               case "ss":
-                return m.s(a.$s, 2, "0");
+                return M.s(a.$s, 2, "0");
               case "SSS":
-                return m.s(a.$ms, 3, "0");
+                return M.s(a.$ms, 3, "0");
               case "Z":
-                return $;
+                return w;
             }
             return null;
-          }(b) || $.replace(":", "");
+          }(b) || w.replace(":", "");
         });
       }, l.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, l.diff = function(r, a, i) {
-        var w, $ = this, k = m.p(a), L = H(r), V = (L.utcOffset() - this.utcOffset()) * _, y = this - L, z = function() {
-          return m.m($, L);
+        var f, w = this, k = M.p(a), L = y(r), H = (L.utcOffset() - this.utcOffset()) * _, V = this - L, z = function() {
+          return M.m(w, L);
         };
         switch (k) {
-          case j:
-            w = z() / 12;
+          case Z:
+            f = z() / 12;
             break;
           case x:
-            w = z();
+            f = z();
             break;
-          case I:
-            w = z() / 3;
+          case D:
+            f = z() / 3;
             break;
           case g:
-            w = (y - V) / 6048e5;
+            f = (V - H) / 6048e5;
             break;
-          case f:
-            w = (y - V) / 864e5;
+          case h:
+            f = (V - H) / 864e5;
             break;
-          case M:
-            w = y / h;
+          case m:
+            f = V / u;
             break;
-          case u:
-            w = y / _;
+          case p:
+            f = V / _;
             break;
           case v:
-            w = y / d;
+            f = V / d;
             break;
           default:
-            w = y;
+            f = V;
         }
-        return i ? w : m.a(w);
+        return i ? f : M.a(f);
       }, l.daysInMonth = function() {
         return this.endOf(x).$D;
       }, l.$locale = function() {
-        return q[this.$L];
+        return P[this.$L];
       }, l.locale = function(r, a) {
         if (!r)
           return this.$L;
-        var i = this.clone(), w = R(r, a, !0);
-        return w && (i.$L = w), i;
+        var i = this.clone(), f = R(r, a, !0);
+        return f && (i.$L = f), i;
       }, l.clone = function() {
-        return m.w(this.$d, this);
+        return M.w(this.$d, this);
       }, l.toDate = function() {
         return new Date(this.valueOf());
       }, l.toJSON = function() {
@@ -1505,19 +1505,19 @@ var v1 = { exports: {} };
         return this.$d.toUTCString();
       }, C;
     }(), _1 = J.prototype;
-    return H.prototype = _1, [["$ms", p], ["$s", v], ["$m", u], ["$H", M], ["$W", f], ["$M", x], ["$y", j], ["$D", Y]].forEach(function(C) {
+    return y.prototype = _1, [["$ms", $], ["$s", v], ["$m", p], ["$H", m], ["$W", h], ["$M", x], ["$y", Z], ["$D", A]].forEach(function(C) {
       _1[C[1]] = function(l) {
         return this.$g(l, C[0], C[1]);
       };
-    }), H.extend = function(C, l) {
-      return C.$i || (C(l, J, H), C.$i = !0), H;
-    }, H.locale = R, H.isDayjs = r1, H.unix = function(C) {
-      return H(1e3 * C);
-    }, H.en = q[E], H.Ls = q, H.p = {}, H;
+    }), y.extend = function(C, l) {
+      return C.$i || (C(l, J, y), C.$i = !0), y;
+    }, y.locale = R, y.isDayjs = r1, y.unix = function(C) {
+      return y(1e3 * C);
+    }, y.en = P[E], y.Ls = P, y.p = {}, y;
   });
-})(v1);
-var F9 = v1.exports;
-const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["disabled"], W9 = ["disabled"], N9 = /* @__PURE__ */ Z({
+})(m1);
+var F9 = m1.exports;
+const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["disabled"], W9 = ["disabled"], N9 = /* @__PURE__ */ j({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1531,37 +1531,37 @@ const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["d
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const d = t, _ = Q(""), h = Q("");
+    const d = t, _ = Q(""), u = Q("");
     G(
       () => d.modelValue,
       (v) => {
-        const u = i1(v);
-        _.value = u.format("YYYY-MM-DD"), h.value = u.format("HH:mm");
+        const p = i1(v);
+        _.value = p.format("YYYY-MM-DD"), u.value = p.format("HH:mm");
       }
     );
-    function p() {
-      const v = i1(`${_.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+    function $() {
+      const v = i1(`${_.value} ${u.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
       e("change", v), e("update:modelValue", v);
     }
-    return h1(() => {
+    return u1(() => {
       const v = i1();
-      _.value = v.format("YYYY-MM-DD"), h.value = v.format("HH:mm");
-    }), (v, u) => (n(), s("div", U9, [
+      _.value = v.format("YYYY-MM-DD"), u.value = v.format("HH:mm");
+    }), (v, p) => (n(), s("div", U9, [
       t1(o("input", {
-        "onUpdate:modelValue": u[0] || (u[0] = (M) => _.value = M),
+        "onUpdate:modelValue": p[0] || (p[0] = (m) => _.value = m),
         type: "date",
         disabled: t.disabled,
-        onChange: p
+        onChange: $
       }, null, 40, E9), [
         [c1, _.value]
       ]),
       t1(o("input", {
-        "onUpdate:modelValue": u[1] || (u[1] = (M) => h.value = M),
+        "onUpdate:modelValue": p[1] || (p[1] = (m) => u.value = m),
         type: "time",
         disabled: t.disabled,
-        onChange: p
+        onChange: $
       }, null, 40, W9), [
-        [c1, h.value]
+        [c1, u.value]
       ])
     ]));
   }
@@ -1569,7 +1569,7 @@ const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["d
 const G9 = ["onClick"], R9 = { class: "q-dialog-header" }, J9 = {
   key: 0,
   class: "q-dialog-title"
-}, K9 = { class: "q-dialog-body" }, X9 = /* @__PURE__ */ Z({
+}, K9 = { class: "q-dialog-body" }, X9 = /* @__PURE__ */ j({
   __name: "QDialog",
   props: {
     modelValue: Boolean,
@@ -1588,48 +1588,58 @@ const G9 = ["onClick"], R9 = { class: "q-dialog-header" }, J9 = {
     position: {
       type: String,
       default: "center"
+    },
+    persistent: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const d = t, _ = Q(d.modelValue), h = T(() => {
-      const u = document.body.clientWidth < 720 ? "100%" : d.width, M = d.height;
+    const d = t, _ = Q(!1), u = Q(d.modelValue), $ = B(() => {
+      const m = document.body.clientWidth < 720 ? "100%" : d.width, h = d.height;
       return {
-        width: u,
-        height: M
+        width: m,
+        height: h
       };
     });
     G(
       () => d.modelValue,
-      (u) => {
-        _.value = u;
+      (m) => {
+        u.value = m;
       }
     );
-    function p() {
-      _.value = !1, e("update:modelValue", !1), e("close");
-    }
     function v() {
+      if (d.persistent) {
+        _.value = !0, setTimeout(() => {
+          _.value = !1;
+        }, 300);
+        return;
+      }
+      u.value = !1, e("update:modelValue", !1), e("close");
     }
-    return (u, M) => (n(), D(u1, null, {
+    function p() {
+    }
+    return (m, h) => (n(), O(h1, null, {
       default: C1(() => [
-        _.value ? (n(), s("div", {
+        u.value ? (n(), s("div", {
           key: 0,
           class: "q-dialog-mask",
-          onClick: p
+          onClick: v
         }, [
           o("div", {
-            class: "q-dialog",
-            style: H1(h.value),
-            onClick: f1(v, ["stop"])
+            class: I(["q-dialog", _.value ? "shaking" : ""]),
+            style: f1($.value),
+            onClick: w1(p, ["stop"])
           }, [
             o("div", R9, [
-              t.title ? (n(), s("div", J9, B(t.title), 1)) : l1(u.$slots, "header", { key: 1 })
+              t.title ? (n(), s("div", J9, S(t.title), 1)) : l1(m.$slots, "header", { key: 1 })
             ]),
             o("div", K9, [
-              l1(u.$slots, "default")
+              l1(m.$slots, "default")
             ])
-          ], 12, G9)
-        ])) : F("", !0)
+          ], 14, G9)
+        ])) : U("", !0)
       ]),
       _: 3
     }));
@@ -1638,7 +1648,7 @@ const G9 = ["onClick"], R9 = { class: "q-dialog-header" }, J9 = {
 const t5 = ["href"], e5 = { class: "q-fence-text" }, n5 = {
   key: 1,
   class: "q-fence-inner"
-}, o5 = { class: "q-fence-text" }, s5 = /* @__PURE__ */ Z({
+}, o5 = { class: "q-fence-text" }, s5 = /* @__PURE__ */ j({
   __name: "QFence",
   props: {
     link: {
@@ -1659,11 +1669,11 @@ const t5 = ["href"], e5 = { class: "q-fence-text" }, n5 = {
   },
   setup(t) {
     var d;
-    const e = (d = V1()) == null ? void 0 : d.appContext.components;
-    return (_, h) => {
-      const p = d1("q-icon-help");
+    const e = (d = H1()) == null ? void 0 : d.appContext.components;
+    return (_, u) => {
+      const $ = d1("q-icon-help");
       return n(), s("div", {
-        class: U(["q-fence", t.type])
+        class: I(["q-fence", t.type])
       }, [
         t.link ? (n(), s("a", {
           key: 0,
@@ -1671,23 +1681,23 @@ const t5 = ["href"], e5 = { class: "q-fence-text" }, n5 = {
           href: t.link,
           target: "_blank"
         }, [
-          t.icon && X(e) ? (n(), D(e1(X(e)[t.icon]), {
+          t.icon && X(e) ? (n(), O(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), D(p, {
+          })) : (n(), O($, {
             key: 1,
             class: "icon"
           })),
-          o("div", e5, B(t.text), 1)
+          o("div", e5, S(t.text), 1)
         ], 8, t5)) : (n(), s("div", n5, [
-          t.icon && X(e) ? (n(), D(e1(X(e)[t.icon]), {
+          t.icon && X(e) ? (n(), O(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), D(p, {
+          })) : (n(), O($, {
             key: 1,
             class: "icon"
           })),
-          o("div", o5, B(t.text), 1)
+          o("div", o5, S(t.text), 1)
         ]))
       ], 2);
     };
@@ -1702,16 +1712,16 @@ const r5 = {}, i5 = {
 function d5(t, e) {
   return n(), s("div", i5, l5);
 }
-const a5 = /* @__PURE__ */ c(r5, [["render", d5]]), _5 = { class: "q-menu frame" }, h5 = ["onClick"], u5 = {
+const a5 = /* @__PURE__ */ c(r5, [["render", d5]]), _5 = { class: "q-menu frame" }, u5 = ["onClick"], h5 = {
   key: 0,
   class: "q-menu-item-divider"
 }, C5 = {
   key: 1,
   class: "q-menu-item-inner"
-}, f5 = ["src", "alt"], w5 = { class: "q-menu-item-content" }, $5 = { class: "q-menu-title" }, g5 = {
+}, f5 = ["src", "alt"], w5 = { class: "q-menu-item-content" }, p5 = { class: "q-menu-title" }, g5 = {
   key: 0,
   class: "q-menu-subtitle"
-}, p5 = /* @__PURE__ */ Z({
+}, $5 = /* @__PURE__ */ j({
   __name: "QMenu",
   props: {
     items: {
@@ -1722,39 +1732,39 @@ const a5 = /* @__PURE__ */ c(r5, [["render", d5]]), _5 = { class: "q-menu frame"
   emits: ["action"],
   setup(t, { emit: e }) {
     const d = t;
-    function _(p) {
+    function _($) {
       let v = "";
-      return p.disabled && (v += " disabled"), p.danger && (v += " danger"), p.icon && (v += " with-icon"), p.image && (v += " with-image"), v;
+      return $.disabled && (v += " disabled"), $.danger && (v += " danger"), $.icon && (v += " with-icon"), $.image && (v += " with-image"), v;
     }
-    function h(p) {
-      p.action && p.action(p), p.disabled !== !0 && e("action", p);
+    function u($) {
+      $.action && $.action($), $.disabled !== !0 && e("action", $);
     }
-    return (p, v) => (n(), s("div", _5, [
-      (n(!0), s(w1, null, $1(d.items, (u) => (n(), s("div", {
-        class: U(["q-menu-item", _(u)]),
-        key: `q-menu-item-${u.id}`,
-        onClick: (M) => h(u)
+    return ($, v) => (n(), s("div", _5, [
+      (n(!0), s(p1, null, g1(d.items, (p) => (n(), s("div", {
+        class: I(["q-menu-item", _(p)]),
+        key: `q-menu-item-${p.id}`,
+        onClick: (m) => u(p)
       }, [
-        u.divider ? (n(), s("div", u5)) : (n(), s("div", C5, [
-          u.image ? (n(), s("img", {
+        p.divider ? (n(), s("div", h5)) : (n(), s("div", C5, [
+          p.image ? (n(), s("img", {
             key: 0,
             class: "q-menu-image",
-            src: u.image,
-            alt: u.title
-          }, null, 8, f5)) : u.icon ? (n(), D(e1(u.icon), {
+            src: p.image,
+            alt: p.title
+          }, null, 8, f5)) : p.icon ? (n(), O(e1(p.icon), {
             key: 1,
             class: "q-menu-icon mr-1"
-          })) : F("", !0),
+          })) : U("", !0),
           o("div", w5, [
-            o("div", $5, B(u.title), 1),
-            u.subtitle ? (n(), s("div", g5, B(u.subtitle), 1)) : F("", !0)
+            o("div", p5, S(p.title), 1),
+            p.subtitle ? (n(), s("div", g5, S(p.subtitle), 1)) : U("", !0)
           ])
         ]))
-      ], 10, h5))), 128))
+      ], 10, u5))), 128))
     ]));
   }
 });
-const v5 = ["disabled"], m5 = /* @__PURE__ */ o("div", { class: "q-switch-inner" }, null, -1), M5 = /* @__PURE__ */ Z({
+const v5 = ["disabled"], m5 = /* @__PURE__ */ o("div", { class: "q-switch-inner" }, null, -1), M5 = /* @__PURE__ */ j({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -1769,29 +1779,29 @@ const v5 = ["disabled"], m5 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const d = t, _ = Q(d.modelValue);
-    G(() => d.modelValue, (p) => {
-      _.value = p;
+    G(() => d.modelValue, ($) => {
+      _.value = $;
     });
-    function h(p) {
+    function u($) {
       e("update:modelValue", _.value), e("change", _.value);
     }
-    return (p, v) => (n(), s("label", {
-      class: U(["q-switch", t.disabled ? "disabled" : ""])
+    return ($, v) => (n(), s("label", {
+      class: I(["q-switch", t.disabled ? "disabled" : ""])
     }, [
       t1(o("input", {
         class: "q-switch-checkbox",
         type: "checkbox",
-        "onUpdate:modelValue": v[0] || (v[0] = (u) => _.value = u),
-        onChange: h,
+        "onUpdate:modelValue": v[0] || (v[0] = (p) => _.value = p),
+        onChange: u,
         disabled: d.disabled
       }, null, 40, v5), [
-        [y1, _.value]
+        [V1, _.value]
       ]),
       m5
     ], 2));
   }
 });
-const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, H5 = /* @__PURE__ */ Z({
+const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, y5 = /* @__PURE__ */ j({
   __name: "QTextFieldWithButton",
   props: {
     type: {
@@ -1815,22 +1825,22 @@ const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, H5 = /* @__PUR
   },
   emits: ["submit"],
   setup(t, { emit: e }) {
-    const d = t, _ = Q(d.defaultText), h = T(() => {
+    const d = t, _ = Q(d.defaultText), u = B(() => {
       var g;
-      return d.loading || ((g = _.value) == null ? void 0 : g.trim()).length === 0 ? !1 : d.type === "email" ? p.value : d.type === "code" ? v.value : !0;
-    }), p = T(() => {
+      return d.loading || ((g = _.value) == null ? void 0 : g.trim()).length === 0 ? !1 : d.type === "email" ? $.value : d.type === "code" ? v.value : !0;
+    }), $ = B(() => {
       var g;
-      const f = (g = _.value) == null ? void 0 : g.trim();
-      return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f);
-    }), v = T(() => {
+      const h = (g = _.value) == null ? void 0 : g.trim();
+      return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h);
+    }), v = B(() => {
       var g;
-      const f = (g = _.value) == null ? void 0 : g.trim();
-      return /^\d{6}$/.test(f);
-    }), u = T(() => d.loading ? "Loading..." : d.actionLabel), M = () => {
-      h.value && e("submit", { text: _.value });
+      const h = (g = _.value) == null ? void 0 : g.trim();
+      return /^\d{6}$/.test(h);
+    }), p = B(() => d.loading ? "Loading..." : d.actionLabel), m = () => {
+      u.value && e("submit", { text: _.value });
     };
-    return (f, g) => (n(), s("div", {
-      class: U(["q-text-field-with-button", d.type])
+    return (h, g) => (n(), s("div", {
+      class: I(["q-text-field-with-button", d.type])
     }, [
       o("div", null, [
         t1(o("input", {
@@ -1844,16 +1854,16 @@ const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, H5 = /* @__PUR
       o("div", null, [
         o("button", {
           class: "q-button button primary",
-          disabled: !h.value,
-          onClick: M
+          disabled: !u.value,
+          onClick: m
         }, [
-          o("div", L5, B(u.value), 1)
+          o("div", L5, S(p.value), 1)
         ], 8, x5)
       ])
     ], 2));
   }
 });
-function m1() {
+function M1() {
   let t = parseInt(sessionStorage.getItem("quailui_global_popup_trigger") || "0") || 0;
   sessionStorage.setItem("quailui_global_popup_trigger", t + 1 + ""), window.dispatchEvent(new StorageEvent("storage", {
     key: "quailui_global_popup_trigger",
@@ -1861,10 +1871,10 @@ function m1() {
     oldValue: t + ""
   }));
 }
-const V5 = { class: "q-dropdown-menu" }, y5 = { class: "q-dropdown-menu-inner narrow-view" }, b5 = ["onClick"], z5 = {
+const H5 = { class: "q-dropdown-menu" }, V5 = { class: "q-dropdown-menu-inner narrow-view" }, b5 = ["onClick"], z5 = {
   key: 0,
   class: "q-dropdown-selected"
-}, Q5 = ["src", "alt"], B5 = { class: "menu-title" }, I5 = /* @__PURE__ */ Z({
+}, Q5 = ["src", "alt"], B5 = { class: "menu-title" }, I5 = /* @__PURE__ */ j({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -1890,62 +1900,62 @@ const V5 = { class: "q-dropdown-menu" }, y5 = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const d = t, _ = Q(!1), h = Q(null), p = Q(null), v = T(() => {
-      const f = [];
-      return _.value && f.push("expanded"), d.variant === "outlined" && f.push("frame"), f.join(" ");
+    const d = t, _ = Q(!1), u = Q(null), $ = Q(null), v = B(() => {
+      const h = [];
+      return _.value && h.push("expanded"), d.variant === "outlined" && h.push("frame"), h.join(" ");
     });
-    function u() {
-      _.value || m1(), _.value = !_.value, _.value && setTimeout(() => {
-        const g = p.value.querySelector(".menu");
+    function p() {
+      _.value || M1(), _.value = !_.value, _.value && setTimeout(() => {
+        const g = $.value.querySelector(".menu");
         g.getBoundingClientRect().left < 0 && (g.style.left = "0");
       }, 10);
     }
-    function M(f) {
-      _.value = !1, h.value = f, f.action && f.action(f), e("change", f);
+    function m(h) {
+      _.value = !1, u.value = h, h.action && h.action(h), e("change", h);
     }
     return G(
       () => d.initialItem,
       () => {
-        d.initialItem && (h.value = d.initialItem);
+        d.initialItem && (u.value = d.initialItem);
       }
-    ), h1(() => {
-      d.initialItem && (h.value = d.initialItem), window.addEventListener("storage", (f) => {
-        f.key === "quailui_global_popup_trigger" && f.newValue && (_.value = !1);
+    ), u1(() => {
+      d.initialItem && (u.value = d.initialItem), window.addEventListener("storage", (h) => {
+        h.key === "quailui_global_popup_trigger" && h.newValue && (_.value = !1);
       });
-    }), (f, g) => {
-      const x = d1("q-icon-chevron-down"), I = d1("q-menu");
-      return n(), s("div", V5, [
-        o("div", y5, [
+    }), (h, g) => {
+      const x = d1("q-icon-chevron-down"), D = d1("q-menu");
+      return n(), s("div", H5, [
+        o("div", V5, [
           o("div", {
-            class: U(["q-dropdown-menu-action", v.value]),
-            onClick: f1(u, ["stop"])
+            class: I(["q-dropdown-menu-action", v.value]),
+            onClick: w1(p, ["stop"])
           }, [
-            !t.hideSelected && h.value ? (n(), s("div", z5, [
-              h.value.image ? (n(), s("img", {
+            !t.hideSelected && u.value ? (n(), s("div", z5, [
+              u.value.image ? (n(), s("img", {
                 key: 0,
                 class: "menu-image",
-                src: h.value.image,
-                alt: h.value.title
-              }, null, 8, Q5)) : h.value.icon ? (n(), D(e1(h.value.icon), {
+                src: u.value.image,
+                alt: u.value.title
+              }, null, 8, Q5)) : u.value.icon ? (n(), O(e1(u.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
-              })) : F("", !0),
-              o("div", B5, B(h.value ? h.value.title : d.placeholder || "Select ..."), 1)
-            ])) : F("", !0),
-            l1(f.$slots, "default"),
+              })) : U("", !0),
+              o("div", B5, S(u.value ? u.value.title : d.placeholder || "Select ..."), 1)
+            ])) : U("", !0),
+            l1(h.$slots, "default"),
             n1(x, { class: "icon chevron-icon" })
           ], 10, b5),
           o("div", {
             ref_key: "menuWrapper",
-            ref: p
+            ref: $
           }, [
-            n1(u1, null, {
+            n1(h1, null, {
               default: C1(() => [
-                _.value ? (n(), D(I, {
+                _.value ? (n(), O(D, {
                   key: 0,
                   items: t.items,
-                  onAction: M
-                }, null, 8, ["items"])) : F("", !0)
+                  onAction: m
+                }, null, 8, ["items"])) : U("", !0)
               ]),
               _: 1
             })
@@ -1955,13 +1965,13 @@ const V5 = { class: "q-dropdown-menu" }, y5 = { class: "q-dropdown-menu-inner na
     };
   }
 });
-const j5 = { class: "q-pagination" }, S5 = ["disabled"], D5 = {
+const S5 = { class: "q-pagination" }, j5 = ["disabled"], D5 = {
   key: 0,
   class: "q-page-indicators"
 }, Z5 = { class: "q-page-indicator" }, q5 = ["disabled", "onClick"], O5 = {
   key: 1,
   class: "q-page-indicator-simple"
-}, P5 = { class: "" }, T5 = ["disabled"], Y5 = /* @__PURE__ */ Z({
+}, P5 = { class: "" }, T5 = ["disabled"], Y5 = /* @__PURE__ */ j({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -1983,92 +1993,129 @@ const j5 = { class: "q-pagination" }, S5 = ["disabled"], D5 = {
   },
   emits: ["change:next", "change:prev", "change:goto", "update:modelValue"],
   setup(t, { emit: e }) {
-    const d = t, _ = T(() => {
-      let M = 6;
-      const f = [];
+    const d = t, _ = B(() => {
+      let m = 6;
+      const h = [];
       if (d.totalPage !== 0)
-        if (d.totalPage <= M)
+        if (d.totalPage <= m)
           for (let g = 1; g <= d.totalPage; g++)
-            f.push({ label: g });
+            h.push({ label: g });
         else {
-          f.push({ label: 1 });
-          let g = h.value - 2, x = h.value + 2;
-          g < 2 && (g = 2, x = g + M - 2), x > d.totalPage - 1 && (x = d.totalPage - 1, g = x - M + 2), g > 2 && f.push({ label: "…", disabled: !0 });
-          for (let I = g; I <= x; I++)
-            f.push({ label: I });
-          x < d.totalPage - 1 && f.push({ label: "…", disabled: !0 }), f.push({ label: d.totalPage });
+          h.push({ label: 1 });
+          let g = u.value - 2, x = u.value + 2;
+          g < 2 && (g = 2, x = g + m - 2), x > d.totalPage - 1 && (x = d.totalPage - 1, g = x - m + 2), g > 2 && h.push({ label: "…", disabled: !0 });
+          for (let D = g; D <= x; D++)
+            h.push({ label: D });
+          x < d.totalPage - 1 && h.push({ label: "…", disabled: !0 }), h.push({ label: d.totalPage });
         }
-      return f;
-    }), h = Q(d.modelValue);
-    G(() => d.modelValue, (M) => {
-      h.value = M;
+      return h;
+    }), u = Q(d.modelValue);
+    G(() => d.modelValue, (m) => {
+      u.value = m;
     });
-    function p() {
-      h.value--, e("change:prev", h.value), e("update:modelValue", h.value);
+    function $() {
+      u.value--, e("change:prev", u.value), e("update:modelValue", u.value);
     }
     function v() {
-      h.value++, e("change:next", h.value), e("update:modelValue", h.value);
+      u.value++, e("change:next", u.value), e("update:modelValue", u.value);
     }
-    function u(M, f) {
-      f.disabled || (h.value = M, e("change:goto", h.value), e("update:modelValue", h.value));
+    function p(m, h) {
+      h.disabled || (u.value = m, e("change:goto", u.value), e("update:modelValue", u.value));
     }
-    return (M, f) => (n(), s("div", j5, [
+    return (m, h) => (n(), s("div", S5, [
       o("button", {
         class: "prev q-button button sm outlined icon",
-        onClick: p,
+        onClick: $,
         disabled: !d.hasPrev
       }, [
-        n1(g1, { class: "icon" })
-      ], 8, S5),
+        n1($1, { class: "icon" })
+      ], 8, j5),
       t.totalPage !== 0 ? (n(), s("div", D5, [
-        (n(!0), s(w1, null, $1(_.value, (g) => (n(), s("div", Z5, [
+        (n(!0), s(p1, null, g1(_.value, (g) => (n(), s("div", Z5, [
           o("button", {
-            class: U(["q-page-indicator q-button button sm plain", g.label === h.value ? "active" : ""]),
+            class: I(["q-page-indicator q-button button sm plain", g.label === u.value ? "active" : ""]),
             disabled: g.disabled,
-            onClick: (x) => u(g.label, g)
-          }, B(g.label), 11, q5)
+            onClick: (x) => p(g.label, g)
+          }, S(g.label), 11, q5)
         ]))), 256))
       ])) : (n(), s("div", O5, [
-        o("div", P5, B(t.modelValue), 1)
+        o("div", P5, S(t.modelValue), 1)
       ])),
       o("button", {
         class: "next q-button button sm outlined icon",
         onClick: v,
         disabled: !d.hasNext
       }, [
-        n1(p1, { class: "icon" })
+        n1(v1, { class: "icon" })
       ], 8, T5)
     ]));
   }
 });
-const A5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const A5 = { class: "q-progress-slot" }, F5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), U5 = [
+  F5
+], E5 = /* @__PURE__ */ j({
+  __name: "QProgress",
+  props: {
+    infinite: {
+      type: Boolean,
+      default: !1
+    },
+    color: {
+      type: String,
+      default: "blue"
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    value: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(t) {
+    const e = t, d = B(() => e.infinite ? "100%" : `${e.value / e.max * 100}%`), _ = B(() => e.value >= e.max);
+    return (u, $) => (n(), s("div", {
+      class: I(["q-progress", t.color])
+    }, [
+      o("div", A5, [
+        o("div", {
+          class: I(["q-progress-bar", _.value ? "" : "animated"]),
+          style: f1({ width: d.value })
+        }, U5, 6)
+      ])
+    ], 2));
+  }
+});
+const W5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QDatetimePicker: N9,
   QDialog: X9,
   QDropdownMenu: I5,
   QFence: s5,
   QLoading: a5,
-  QMenu: p5,
+  QMenu: $5,
   QPagination: Y5,
+  QProgress: E5,
   QSwitch: M5,
-  QTextFieldWithButton: H5
+  QTextFieldWithButton: y5
 }, Symbol.toStringTag, { value: "Module" }));
-const U5 = {
+const G5 = {
   install(t, e) {
     e != null && e.debug && console.log("options", e);
     for (const [d, _] of Object.entries(T9))
       e != null && e.debug && console.log("[quail-ui] register icon component", d, _), t.component(d, _);
-    for (const [d, _] of Object.entries(A5))
+    for (const [d, _] of Object.entries(W5))
       e != null && e.debug && console.log("[quail-ui] register common component", d, _), t.component(d, _);
     document.body.addEventListener("click", (d) => {
-      m1();
+      M1();
     });
   }
 };
 export {
-  A5 as Common,
+  W5 as Common,
   T9 as Icons,
-  U5 as QuailUI,
-  U5 as default
+  G5 as QuailUI,
+  G5 as default
 };
 //# sourceMappingURL=index.js.map