quail-ui 0.2.19 → 0.2.21

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 S, ref as B, watch as G, onMounted as u1, withDirectives as t1, vModelText as c1, computed as Q, createBlock as q, Transition as h1, withCtx as C1, normalizeStyle as f1, withModifiers as w1, toDisplayString as I, renderSlot as l1, createCommentVNode as U, getCurrentInstance as H1, resolveComponent as d1, normalizeClass as O, 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", h = "minute", M = "hour", f = "day", g = "week", x = "month", j = "quarter", D = "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), w = r - i < 0, p = l.clone().add(a + (w ? -1 : 1), x);
+      return +(-(a + (r - i) / (w ? i - p : p - 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: D, w: g, d: f, D: A, h: M, m: h, s: v, ms: $, Q: j }[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) {
@@ -1261,23 +1261,23 @@ var v1 = { exports: {} };
         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]);
+        P[w] && (i = w), r && (P[w] = r, i = w);
+        var p = l.split("-");
+        if (!i && p.length > 1)
+          return C(p[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 = y1;
     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 });
+      return y(C, { locale: l.$L, utc: l.$u, x: l.$x, $offset: l.$offset });
     };
     var J = function() {
       function C(r) {
@@ -1294,10 +1294,10 @@ var v1 = { exports: {} };
           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 p = i.match(k1);
+            if (p) {
+              var k = p[2] - 1 || 0, L = (p[7] || "0").substring(0, 3);
+              return w ? new Date(Date.UTC(p[1], k, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, L)) : new Date(p[1], k, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, L);
             }
           }
           return new Date(i);
@@ -1310,12 +1310,12 @@ var v1 = { exports: {} };
       }, 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);
       }, l.unix = function() {
@@ -1323,39 +1323,39 @@ var v1 = { exports: {} };
       }, 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:
+        var i = this, w = !!m.u(a) || a, p = m.p(r), k = function(Y, b) {
+          var Z = m.w(i.$u ? Date.UTC(i.$y, b, Y) : new Date(i.$y, b, Y), i);
+          return w ? Z : Z.endOf(f);
+        }, L = function(Y, b) {
+          return m.w(i.toDate()[Y].apply(i.toDate("s"), (w ? [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 (p) {
+          case D:
             return w ? k(1, 0) : k(31, 11);
           case x:
-            return w ? k(1, y) : k(0, y + 1);
+            return w ? 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);
+            var T = this.$locale().weekStart || 0, W = (H < T ? H + 7 : H) - T;
+            return k(w ? z - W : z + (6 - W), V);
           case f:
-          case Y:
-            return L(A + "Hours", 0);
+          case A:
+            return L(F + "Hours", 0);
           case M:
-            return L(A + "Minutes", 1);
-          case u:
-            return L(A + "Seconds", 2);
+            return L(F + "Minutes", 1);
+          case h:
+            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, w = m.p(r), p = "set" + (this.$u ? "UTC" : ""), k = (i = {}, i[f] = p + "Date", i[A] = p + "Date", i[x] = p + "Month", i[D] = p + "FullYear", i[M] = p + "Hours", i[h] = p + "Minutes", i[v] = p + "Seconds", i[$] = p + "Milliseconds", i)[w], L = w === f ? this.$D + (a - this.$W) : a;
+        if (w === x || w === D) {
+          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;
@@ -1366,49 +1366,49 @@ var v1 = { exports: {} };
       }, l.add = function(r, a) {
         var i, w = 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 p = m.p(a), k = function(V) {
+          var z = y(w);
+          return m.w(z.date(z.date() + Math.round(V * r)), w);
         };
-        if ($ === x)
+        if (p === x)
           return this.set(x, this.$M + r);
-        if ($ === j)
-          return this.set(j, this.$y + r);
-        if ($ === f)
+        if (p === D)
+          return this.set(D, this.$y + r);
+        if (p === f)
           return k(1);
-        if ($ === g)
+        if (p === 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[h] = _, i[M] = u, i[v] = d, i)[p] || 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 w = r || "YYYY-MM-DDTHH:mm:ssZ", p = m.z(this), k = this.$H, L = this.$m, H = this.$M, V = i.weekdays, z = i.months, F = i.meridiem, T = function(b, Z, N, K) {
+          return b && (b[Z] || b(a, w)) || N[Z].slice(0, K);
         }, W = function(b) {
           return m.s(k % 12 || 12, b, "0");
-        }, P = A || function(b, S, N) {
+        }, Y = F || function(b, Z, N) {
           var K = b < 12 ? "AM" : "PM";
           return N ? K.toLowerCase() : K;
         };
-        return w.replace(k1, function(b, S) {
-          return S || function(N) {
+        return w.replace(x1, function(b, Z) {
+          return Z || function(N) {
             switch (N) {
               case "YY":
                 return String(a.$y).slice(-2);
               case "YYYY":
                 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":
@@ -1416,11 +1416,11 @@ var v1 = { exports: {} };
               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":
@@ -1430,9 +1430,9 @@ var v1 = { exports: {} };
               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":
@@ -1444,50 +1444,50 @@ var v1 = { exports: {} };
               case "SSS":
                 return m.s(a.$ms, 3, "0");
               case "Z":
-                return $;
+                return p;
             }
             return null;
-          }(b) || $.replace(":", "");
+          }(b) || p.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 w, p = this, k = m.p(a), L = y(r), H = (L.utcOffset() - this.utcOffset()) * _, V = this - L, z = function() {
+          return m.m(p, L);
         };
         switch (k) {
-          case j:
+          case D:
             w = z() / 12;
             break;
           case x:
             w = z();
             break;
-          case I:
+          case j:
             w = z() / 3;
             break;
           case g:
-            w = (y - V) / 6048e5;
+            w = (V - H) / 6048e5;
             break;
           case f:
-            w = (y - V) / 864e5;
+            w = (V - H) / 864e5;
             break;
           case M:
-            w = y / h;
+            w = V / u;
             break;
-          case u:
-            w = y / _;
+          case h:
+            w = V / _;
             break;
           case v:
-            w = y / d;
+            w = V / d;
             break;
           default:
-            w = y;
+            w = V;
         }
         return i ? w : m.a(w);
       }, 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;
@@ -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", h], ["$H", M], ["$W", f], ["$M", x], ["$y", D], ["$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__ */ S({
   __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, _ = B(""), u = B("");
     G(
       () => d.modelValue,
       (v) => {
-        const u = i1(v);
-        _.value = u.format("YYYY-MM-DD"), h.value = u.format("HH:mm");
+        const h = i1(v);
+        _.value = h.format("YYYY-MM-DD"), u.value = h.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, h) => (n(), s("div", U9, [
       t1(o("input", {
-        "onUpdate:modelValue": u[0] || (u[0] = (M) => _.value = M),
+        "onUpdate:modelValue": h[0] || (h[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": h[1] || (h[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__ */ S({
   __name: "QDialog",
   props: {
     modelValue: Boolean,
@@ -1592,44 +1592,44 @@ const G9 = ["onClick"], R9 = { class: "q-dialog-header" }, J9 = {
   },
   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, _ = B(d.modelValue), u = Q(() => {
+      const h = document.body.clientWidth < 720 ? "100%" : d.width, M = d.height;
       return {
-        width: u,
+        width: h,
         height: M
       };
     });
     G(
       () => d.modelValue,
-      (u) => {
-        _.value = u;
+      (h) => {
+        _.value = h;
       }
     );
-    function p() {
+    function $() {
       _.value = !1, e("update:modelValue", !1), e("close");
     }
     function v() {
     }
-    return (u, M) => (n(), D(u1, null, {
+    return (h, M) => (n(), q(h1, null, {
       default: C1(() => [
         _.value ? (n(), s("div", {
           key: 0,
           class: "q-dialog-mask",
-          onClick: p
+          onClick: $
         }, [
           o("div", {
             class: "q-dialog",
-            style: H1(h.value),
-            onClick: f1(v, ["stop"])
+            style: f1(u.value),
+            onClick: w1(v, ["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, I(t.title), 1)) : l1(h.$slots, "header", { key: 1 })
             ]),
             o("div", K9, [
-              l1(u.$slots, "default")
+              l1(h.$slots, "default")
             ])
           ], 12, G9)
-        ])) : F("", !0)
+        ])) : U("", !0)
       ]),
       _: 3
     }));
@@ -1638,7 +1638,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__ */ S({
   __name: "QFence",
   props: {
     link: {
@@ -1659,11 +1659,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: O(["q-fence", t.type])
       }, [
         t.link ? (n(), s("a", {
           key: 0,
@@ -1671,23 +1671,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(), q(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), D(p, {
+          })) : (n(), q($, {
             key: 1,
             class: "icon"
           })),
-          o("div", e5, B(t.text), 1)
+          o("div", e5, I(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(), q(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), D(p, {
+          })) : (n(), q($, {
             key: 1,
             class: "icon"
           })),
-          o("div", o5, B(t.text), 1)
+          o("div", o5, I(t.text), 1)
         ]))
       ], 2);
     };
@@ -1702,16 +1702,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__ */ S({
   __name: "QMenu",
   props: {
     items: {
@@ -1722,39 +1722,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, (h) => (n(), s("div", {
+        class: O(["q-menu-item", _(h)]),
+        key: `q-menu-item-${h.id}`,
+        onClick: (M) => u(h)
       }, [
-        u.divider ? (n(), s("div", u5)) : (n(), s("div", C5, [
-          u.image ? (n(), s("img", {
+        h.divider ? (n(), s("div", h5)) : (n(), s("div", C5, [
+          h.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: h.image,
+            alt: h.title
+          }, null, 8, f5)) : h.icon ? (n(), q(e1(h.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, I(h.title), 1),
+            h.subtitle ? (n(), s("div", g5, I(h.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__ */ S({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -1768,30 +1768,30 @@ 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;
+    const d = t, _ = B(d.modelValue);
+    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: O(["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] = (h) => _.value = h),
+        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__ */ S({
   __name: "QTextFieldWithButton",
   props: {
     type: {
@@ -1815,22 +1815,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, _ = B(d.defaultText), u = Q(() => {
       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;
+    }), $ = Q(() => {
       var g;
       const f = (g = _.value) == null ? void 0 : g.trim();
       return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f);
-    }), v = T(() => {
+    }), v = Q(() => {
       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 });
+    }), h = Q(() => 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])
+      class: O(["q-text-field-with-button", d.type])
     }, [
       o("div", null, [
         t1(o("input", {
@@ -1844,16 +1844,16 @@ const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, H5 = /* @__PUR
       o("div", null, [
         o("button", {
           class: "q-button button primary",
-          disabled: !h.value,
+          disabled: !u.value,
           onClick: M
         }, [
-          o("div", L5, B(u.value), 1)
+          o("div", L5, I(h.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 +1861,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__ */ S({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -1890,62 +1890,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 d = t, _ = B(!1), u = B(null), $ = B(null), v = Q(() => {
       const f = [];
       return _.value && f.push("expanded"), d.variant === "outlined" && f.push("frame"), f.join(" ");
     });
-    function u() {
-      _.value || m1(), _.value = !_.value, _.value && setTimeout(() => {
-        const g = p.value.querySelector(".menu");
+    function h() {
+      _.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);
+      _.value = !1, u.value = f, f.action && f.action(f), e("change", f);
     }
     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) => {
+    ), u1(() => {
+      d.initialItem && (u.value = d.initialItem), window.addEventListener("storage", (f) => {
         f.key === "quailui_global_popup_trigger" && f.newValue && (_.value = !1);
       });
     }), (f, g) => {
-      const x = d1("q-icon-chevron-down"), I = d1("q-menu");
-      return n(), s("div", V5, [
-        o("div", y5, [
+      const x = d1("q-icon-chevron-down"), j = 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: O(["q-dropdown-menu-action", v.value]),
+            onClick: w1(h, ["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(), q(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),
+              })) : U("", !0),
+              o("div", B5, I(u.value ? u.value.title : d.placeholder || "Select ..."), 1)
+            ])) : U("", !0),
             l1(f.$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(), q(j, {
                   key: 0,
                   items: t.items,
                   onAction: M
-                }, null, 8, ["items"])) : F("", !0)
+                }, null, 8, ["items"])) : U("", !0)
               ]),
               _: 1
             })
@@ -1955,13 +1955,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__ */ S({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -1983,92 +1983,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(() => {
+    const d = t, _ = Q(() => {
       let M = 6;
       const f = [];
       if (d.totalPage !== 0)
-        if (d.totalPage < M)
+        if (d.totalPage <= M)
           for (let g = 1; g <= d.totalPage; g++)
             f.push({ label: g });
         else {
           f.push({ label: 1 });
-          let g = h.value - 2, x = h.value + 2;
+          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 && f.push({ label: "…", disabled: !0 });
-          for (let I = g; I <= x; I++)
-            f.push({ label: I });
+          for (let j = g; j <= x; j++)
+            f.push({ label: j });
           x < d.totalPage - 1 && f.push({ label: "…", disabled: !0 }), f.push({ label: d.totalPage });
         }
       return f;
-    }), h = Q(d.modelValue);
+    }), u = B(d.modelValue);
     G(() => d.modelValue, (M) => {
-      h.value = 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 h(M, f) {
+      f.disabled || (u.value = M, e("change:goto", u.value), e("update:modelValue", u.value));
     }
-    return (M, f) => (n(), s("div", j5, [
+    return (M, f) => (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: O(["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) => h(g.label, g)
+          }, I(g.label), 11, q5)
         ]))), 256))
       ])) : (n(), s("div", O5, [
-        o("div", P5, B(t.modelValue), 1)
+        o("div", P5, I(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__ */ S({
+  __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 = Q(() => e.infinite ? "100%" : `${e.value / e.max * 100}%`), _ = Q(() => e.value >= e.max);
+    return (u, $) => (n(), s("div", {
+      class: O(["q-progress", t.color])
+    }, [
+      o("div", A5, [
+        o("div", {
+          class: O(["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