quail-ui 0.2.16 → 0.2.18

package/dist/index.js

@@ -1,82 +1,82 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as s1, defineComponent as Z, ref as B, watch as G, onMounted as h1, withDirectives as e1, vModelText as l1, computed as A, createBlock as D, Transition as u1, withCtx as C1, normalizeStyle as x1, withModifiers as f1, toDisplayString as S, renderSlot as d1, createCommentVNode as U, getCurrentInstance as L1, resolveComponent as R, normalizeClass as E, unref as t1, resolveDynamicComponent as n1, Fragment as w1, renderList as p1, vModelCheckbox as H1, pushScopeId as V1, popScopeId as y1, createVNode as o1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as Z, ref as I, watch as G, onMounted as h1, withDirectives as t1, vModelText as c1, computed as Y, createBlock as D, Transition as u1, withCtx as C1, normalizeStyle as H1, withModifiers as f1, toDisplayString as Q, renderSlot as l1, createCommentVNode as U, getCurrentInstance as V1, resolveComponent as d1, normalizeClass as q, unref as X, resolveDynamicComponent as e1, Fragment as w1, renderList as p1, vModelCheckbox as y1, pushScopeId as b1, popScopeId as z1, createVNode as n1 } from "https://cdn.jsdelivr.net/npm/vue@3.3.9/+esm";
 const r = (t, e) => {
   const d = t.__vccOpts || t;
   for (const [_, h] of e)
     d[_] = h;
   return d;
-}, b1 = {}, z1 = {
+}, I1 = {}, Q1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, I1 = /* @__PURE__ */ o("path", {
+}, B1 = /* @__PURE__ */ o("path", {
   d: "M6 18L18 6M18 6H10M18 6V14",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), Q1 = [
-  I1
+}, null, -1), S1 = [
+  B1
 ];
-function B1(t, e) {
-  return n(), s("svg", z1, Q1);
+function j1(t, e) {
+  return n(), s("svg", Q1, S1);
 }
-const S1 = /* @__PURE__ */ r(b1, [["render", B1]]), j1 = {}, D1 = {
+const D1 = /* @__PURE__ */ r(I1, [["render", j1]]), Z1 = {}, O1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Z1 = /* @__PURE__ */ o("path", {
+}, P1 = /* @__PURE__ */ o("path", {
   d: "M19 12H5M5 12L12 19M5 12L12 5",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), O1 = [
-  Z1
+}, null, -1), T1 = [
+  P1
 ];
-function P1(t, e) {
-  return n(), s("svg", D1, O1);
+function Y1(t, e) {
+  return n(), s("svg", O1, T1);
 }
-const T1 = /* @__PURE__ */ r(j1, [["render", P1]]), A1 = {}, Y1 = {
+const v1 = /* @__PURE__ */ r(Z1, [["render", Y1]]), A1 = {}, F1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, F1 = /* @__PURE__ */ o("path", {
+}, U1 = /* @__PURE__ */ o("path", {
   d: "M5 12H19M19 12L12 5M19 12L12 19",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), U1 = [
-  F1
+}, null, -1), q1 = [
+  U1
 ];
 function E1(t, e) {
-  return n(), s("svg", Y1, U1);
+  return n(), s("svg", F1, q1);
 }
-const W1 = /* @__PURE__ */ r(A1, [["render", E1]]), q1 = {}, N1 = {
+const g1 = /* @__PURE__ */ r(A1, [["render", E1]]), W1 = {}, N1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, R1 = /* @__PURE__ */ o("path", {
+}, G1 = /* @__PURE__ */ o("path", {
   d: "M6.5 10V14M10.5 10V14M22 13V11M6.8 18H14.2C15.8802 18 16.7202 18 17.362 17.673C17.9265 17.3854 18.3854 16.9265 18.673 16.362C19 15.7202 19 14.8802 19 13.2V10.8C19 9.11984 19 8.27976 18.673 7.63803C18.3854 7.07354 17.9265 6.6146 17.362 6.32698C16.7202 6 15.8802 6 14.2 6H6.8C5.11984 6 4.27976 6 3.63803 6.32698C3.07354 6.6146 2.6146 7.07354 2.32698 7.63803C2 8.27976 2 9.11984 2 10.8V13.2C2 14.8802 2 15.7202 2.32698 16.362C2.6146 16.9265 3.07354 17.3854 3.63803 17.673C4.27976 18 5.11984 18 6.8 18Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), G1 = [
-  R1
+}, null, -1), R1 = [
+  G1
 ];
 function J1(t, e) {
-  return n(), s("svg", N1, G1);
+  return n(), s("svg", N1, R1);
 }
-const K1 = /* @__PURE__ */ r(q1, [["render", J1]]), X1 = {}, t2 = {
+const K1 = /* @__PURE__ */ r(W1, [["render", J1]]), X1 = {}, t2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -202,7 +202,7 @@ const j2 = /* @__PURE__ */ r(z2, [["render", S2]]), D2 = {}, Z2 = {
 function T2(t, e) {
   return n(), s("svg", Z2, P2);
 }
-const A2 = /* @__PURE__ */ r(D2, [["render", T2]]), Y2 = {}, F2 = {
+const Y2 = /* @__PURE__ */ r(D2, [["render", T2]]), A2 = {}, F2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -214,29 +214,29 @@ const A2 = /* @__PURE__ */ r(D2, [["render", T2]]), Y2 = {}, F2 = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), E2 = [
+}, null, -1), q2 = [
   U2
 ];
-function W2(t, e) {
-  return n(), s("svg", F2, E2);
+function E2(t, e) {
+  return n(), s("svg", F2, q2);
 }
-const q2 = /* @__PURE__ */ r(Y2, [["render", W2]]), N2 = {}, R2 = {
+const W2 = /* @__PURE__ */ r(A2, [["render", E2]]), N2 = {}, G2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, G2 = /* @__PURE__ */ o("path", {
+}, R2 = /* @__PURE__ */ o("path", {
   d: "M8 21H16M12 17V21M6.8 17H17.2C18.8802 17 19.7202 17 20.362 16.673C20.9265 16.3854 21.3854 15.9265 21.673 15.362C22 14.7202 22 13.8802 22 12.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V12.2C2 13.8802 2 14.7202 2.32698 15.362C2.6146 15.9265 3.07354 16.3854 3.63803 16.673C4.27976 17 5.11984 17 6.8 17Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), J2 = [
-  G2
+  R2
 ];
 function K2(t, e) {
-  return n(), s("svg", R2, J2);
+  return n(), s("svg", G2, J2);
 }
 const X2 = /* @__PURE__ */ r(N2, [["render", K2]]), tt = {}, et = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -323,7 +323,7 @@ const bt = /* @__PURE__ */ r(xt, [["render", yt]]), zt = {}, It = {
   height: "24",
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24"
-}, Qt = /* @__PURE__ */ s1('<g clip-path="url(#clip0_110_2)"><path d="M24 12C24 18.6281 18.6281 24 12 24C5.37188 24 0 18.6281 0 12C0 5.37188 5.37188 0 12 0C18.6281 0 24 5.37188 24 12Z" fill="#F26522"></path><path d="M7.57501 17.5266C6.67033 17.5266 5.93907 16.7953 5.93907 15.8906C5.93907 14.9859 6.67033 14.2547 7.57501 14.2547C8.4797 14.2547 9.21095 14.9859 9.21095 15.8906C9.21095 16.7906 8.4797 17.5266 7.57501 17.5266ZM11.4844 17.5266C11.4516 14.4797 8.98126 12.0094 5.93439 11.9766V9.55311C10.3266 9.58593 13.875 13.1391 13.9078 17.5266H11.4844ZM15.5906 17.5266C15.5813 14.9484 14.5734 12.5203 12.75 10.6969C10.9266 8.87343 8.50782 7.86561 5.93439 7.85624V5.4328C12.6 5.45624 18 10.8609 18.0141 17.5266H15.5906Z" fill="white"></path></g><defs><clipPath id="clip0_110_2"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), Bt = [
+}, Qt = /* @__PURE__ */ o1('<g clip-path="url(#clip0_110_2)"><path d="M24 12C24 18.6281 18.6281 24 12 24C5.37188 24 0 18.6281 0 12C0 5.37188 5.37188 0 12 0C18.6281 0 24 5.37188 24 12Z" fill="#F26522"></path><path d="M7.57501 17.5266C6.67033 17.5266 5.93907 16.7953 5.93907 15.8906C5.93907 14.9859 6.67033 14.2547 7.57501 14.2547C8.4797 14.2547 9.21095 14.9859 9.21095 15.8906C9.21095 16.7906 8.4797 17.5266 7.57501 17.5266ZM11.4844 17.5266C11.4516 14.4797 8.98126 12.0094 5.93439 11.9766V9.55311C10.3266 9.58593 13.875 13.1391 13.9078 17.5266H11.4844ZM15.5906 17.5266C15.5813 14.9484 14.5734 12.5203 12.75 10.6969C10.9266 8.87343 8.50782 7.86561 5.93439 7.85624V5.4328C12.6 5.45624 18 10.8609 18.0141 17.5266H15.5906Z" fill="white"></path></g><defs><clipPath id="clip0_110_2"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), Bt = [
   Qt
 ];
 function St(t, e) {
@@ -347,7 +347,7 @@ const jt = /* @__PURE__ */ r(zt, [["render", St]]), Dt = {}, Zt = {
 function Tt(t, e) {
   return n(), s("svg", Zt, Pt);
 }
-const At = /* @__PURE__ */ r(Dt, [["render", Tt]]), Yt = {}, Ft = {
+const Yt = /* @__PURE__ */ r(Dt, [["render", Tt]]), At = {}, Ft = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -359,29 +359,29 @@ const At = /* @__PURE__ */ r(Dt, [["render", Tt]]), Yt = {}, Ft = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), Et = [
+}, null, -1), qt = [
   Ut
 ];
-function Wt(t, e) {
-  return n(), s("svg", Ft, Et);
+function Et(t, e) {
+  return n(), s("svg", Ft, qt);
 }
-const qt = /* @__PURE__ */ r(Yt, [["render", Wt]]), Nt = {}, Rt = {
+const Wt = /* @__PURE__ */ r(At, [["render", Et]]), Nt = {}, Gt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Gt = /* @__PURE__ */ o("path", {
+}, Rt = /* @__PURE__ */ o("path", {
   d: "M4.27209 20.7279L10.8686 14.1314C11.2646 13.7354 11.4627 13.5373 11.691 13.4632C11.8918 13.3979 12.1082 13.3979 12.309 13.4632C12.5373 13.5373 12.7354 13.7354 13.1314 14.1314L19.6839 20.6839M14 15L16.8686 12.1314C17.2646 11.7354 17.4627 11.5373 17.691 11.4632C17.8918 11.3979 18.1082 11.3979 18.309 11.4632C18.5373 11.5373 18.7354 11.7354 19.1314 12.1314L22 15M10 9C10 10.1046 9.10457 11 8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9ZM6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), Jt = [
-  Gt
+  Rt
 ];
 function Kt(t, e) {
-  return n(), s("svg", Rt, Jt);
+  return n(), s("svg", Gt, Jt);
 }
 const Xt = /* @__PURE__ */ r(Nt, [["render", Kt]]), te = {}, ee = {
   width: "24",
@@ -509,7 +509,7 @@ const je = /* @__PURE__ */ r(ze, [["render", Se]]), De = {}, Ze = {
 function Te(t, e) {
   return n(), s("svg", Ze, Pe);
 }
-const Ae = /* @__PURE__ */ r(De, [["render", Te]]), Ye = {}, Fe = {
+const Ye = /* @__PURE__ */ r(De, [["render", Te]]), Ae = {}, Fe = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -521,20 +521,20 @@ const Ae = /* @__PURE__ */ r(De, [["render", Te]]), Ye = {}, Fe = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), Ee = /* @__PURE__ */ o("path", {
+}, null, -1), qe = /* @__PURE__ */ o("path", {
   d: "M21 13.3893C19.689 15.689 17.2145 17.2395 14.3779 17.2395C10.1711 17.2395 6.76075 13.8292 6.76075 9.62233C6.76075 6.78554 8.31149 4.31094 10.6115 3C5.77979 3.45812 2 7.52692 2 12.4785C2 17.7371 6.26292 22 11.5215 22C16.4729 22 20.5415 18.2206 21 13.3893Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), We = [
+}, null, -1), Ee = [
   Ue,
-  Ee
+  qe
 ];
-function qe(t, e) {
-  return n(), s("svg", Fe, We);
+function We(t, e) {
+  return n(), s("svg", Fe, Ee);
 }
-const Ne = /* @__PURE__ */ r(Ye, [["render", qe]]), Re = {}, Ge = {
+const Ne = /* @__PURE__ */ r(Ae, [["render", We]]), Ge = {}, Re = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -550,9 +550,9 @@ const Ne = /* @__PURE__ */ r(Ye, [["render", qe]]), Re = {}, Ge = {
   Je
 ];
 function Xe(t, e) {
-  return n(), s("svg", Ge, Ke);
+  return n(), s("svg", Re, Ke);
 }
-const t4 = /* @__PURE__ */ r(Re, [["render", Xe]]), e4 = {}, n4 = {
+const t4 = /* @__PURE__ */ r(Ge, [["render", Xe]]), e4 = {}, n4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -637,7 +637,7 @@ const L4 = /* @__PURE__ */ r($4, [["render", x4]]), H4 = {}, V4 = {
   height: "24",
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24"
-}, y4 = /* @__PURE__ */ s1('<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), b4 = [
+}, 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), b4 = [
   y4
 ];
 function z4(t, e) {
@@ -674,28 +674,28 @@ const Z4 = /* @__PURE__ */ r(Q4, [["render", D4]]), O4 = {}, P4 = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), A4 = [
+}, null, -1), Y4 = [
   T4
 ];
-function Y4(t, e) {
-  return n(), s("svg", P4, A4);
+function A4(t, e) {
+  return n(), s("svg", P4, Y4);
 }
-const F4 = /* @__PURE__ */ r(O4, [["render", Y4]]), U4 = {}, E4 = {
+const F4 = /* @__PURE__ */ r(O4, [["render", A4]]), U4 = {}, q4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, W4 = /* @__PURE__ */ o("path", {
+}, E4 = /* @__PURE__ */ o("path", {
   d: "M8.625 8.0625V3H15.375V8.0625H8.625ZM15.375 10.875H21V21H3V10.875H8.625V15.9375H15.375V10.875Z",
   fill: "currentColor"
-}, null, -1), q4 = [
-  W4
+}, null, -1), W4 = [
+  E4
 ];
 function N4(t, e) {
-  return n(), s("svg", E4, q4);
+  return n(), s("svg", q4, W4);
 }
-const R4 = /* @__PURE__ */ r(U4, [["render", N4]]), G4 = {}, J4 = {
+const G4 = /* @__PURE__ */ r(U4, [["render", N4]]), R4 = {}, J4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -713,13 +713,13 @@ const R4 = /* @__PURE__ */ r(U4, [["render", N4]]), G4 = {}, J4 = {
 function t0(t, e) {
   return n(), s("svg", J4, X4);
 }
-const e0 = /* @__PURE__ */ r(G4, [["render", t0]]), n0 = {}, o0 = {
+const e0 = /* @__PURE__ */ r(R4, [["render", t0]]), n0 = {}, o0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, s0 = /* @__PURE__ */ s1('<path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8Z" stroke="url(#paint0_linear_24_7)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6L7.4336 12.2269C7.13256 12.6374 6.98205 12.8427 6.9869 13.0142C6.99113 13.1634 7.06185 13.303 7.17972 13.3947C7.31514 13.5 7.56967 13.5 8.07872 13.5H12V18L16.5664 11.7731C16.8674 11.3626 17.018 11.1573 17.0131 10.9858C17.0089 10.8366 16.9381 10.697 16.8203 10.6053C16.6849 10.5 16.4303 10.5 15.9213 10.5H12V6Z" fill="url(#paint1_linear_24_7)"></path><defs><linearGradient id="paint0_linear_24_7" x1="12" y1="3" x2="12" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#D6AC5E"></stop><stop offset="1" stop-color="#9D5C2E"></stop></linearGradient><linearGradient id="paint1_linear_24_7" x1="12" y1="6" x2="12" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#D7AD5E"></stop><stop offset="1" stop-color="#9C5B2D"></stop></linearGradient></defs>', 3), r0 = [
+}, s0 = /* @__PURE__ */ o1('<path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8Z" stroke="url(#paint0_linear_24_7)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6L7.4336 12.2269C7.13256 12.6374 6.98205 12.8427 6.9869 13.0142C6.99113 13.1634 7.06185 13.303 7.17972 13.3947C7.31514 13.5 7.56967 13.5 8.07872 13.5H12V18L16.5664 11.7731C16.8674 11.3626 17.018 11.1573 17.0131 10.9858C17.0089 10.8366 16.9381 10.697 16.8203 10.6053C16.6849 10.5 16.4303 10.5 15.9213 10.5H12V6Z" fill="url(#paint1_linear_24_7)"></path><defs><linearGradient id="paint0_linear_24_7" x1="12" y1="3" x2="12" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#D6AC5E"></stop><stop offset="1" stop-color="#9D5C2E"></stop></linearGradient><linearGradient id="paint1_linear_24_7" x1="12" y1="6" x2="12" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#D7AD5E"></stop><stop offset="1" stop-color="#9C5B2D"></stop></linearGradient></defs>', 3), r0 = [
   s0
 ];
 function i0(t, e) {
@@ -827,31 +827,31 @@ const Z0 = /* @__PURE__ */ r(Q0, [["render", D0]]), O0 = {}, P0 = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), A0 = [
+}, null, -1), Y0 = [
   T0
 ];
-function Y0(t, e) {
-  return n(), s("svg", P0, A0);
+function A0(t, e) {
+  return n(), s("svg", P0, Y0);
 }
-const F0 = /* @__PURE__ */ r(O0, [["render", Y0]]), U0 = {}, E0 = {
+const F0 = /* @__PURE__ */ r(O0, [["render", A0]]), U0 = {}, q0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, W0 = /* @__PURE__ */ o("path", {
+}, E0 = /* @__PURE__ */ o("path", {
   d: "M6 4V20M18 4V20M9.5 4V20M11.5 4H4M18 12H9.5M11.5 20H4M20 20H16M20 4H16",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), q0 = [
-  W0
+}, null, -1), W0 = [
+  E0
 ];
 function N0(t, e) {
-  return n(), s("svg", E0, q0);
+  return n(), s("svg", q0, W0);
 }
-const R0 = /* @__PURE__ */ r(U0, [["render", N0]]), G0 = {}, J0 = {
+const G0 = /* @__PURE__ */ r(U0, [["render", N0]]), R0 = {}, J0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -869,7 +869,7 @@ const R0 = /* @__PURE__ */ r(U0, [["render", N0]]), G0 = {}, J0 = {
 function tn(t, e) {
   return n(), s("svg", J0, X0);
 }
-const en = /* @__PURE__ */ r(G0, [["render", tn]]), nn = {}, on = {
+const en = /* @__PURE__ */ r(R0, [["render", tn]]), nn = {}, on = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -986,7 +986,7 @@ const jn = /* @__PURE__ */ r(zn, [["render", Sn]]), Dn = {}, Zn = {
 function Tn(t, e) {
   return n(), s("svg", Zn, Pn);
 }
-const An = /* @__PURE__ */ r(Dn, [["render", Tn]]), Yn = {}, Fn = {
+const Yn = /* @__PURE__ */ r(Dn, [["render", Tn]]), An = {}, Fn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -998,20 +998,20 @@ const An = /* @__PURE__ */ r(Dn, [["render", Tn]]), Yn = {}, Fn = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), En = /* @__PURE__ */ o("path", {
+}, null, -1), qn = /* @__PURE__ */ o("path", {
   d: "M14.7221 8.26596C15.2107 8.10312 15.4549 8.02169 15.6174 8.07962C15.7587 8.13003 15.87 8.24127 15.9204 8.38263C15.9783 8.54507 15.8969 8.78935 15.734 9.27789L14.2465 13.7405C14.2001 13.8797 14.1769 13.9492 14.1374 14.007C14.1024 14.0582 14.0582 14.1024 14.007 14.1374C13.9492 14.1769 13.8797 14.2001 13.7405 14.2465L9.27789 15.734C8.78935 15.8969 8.54507 15.9783 8.38263 15.9204C8.24127 15.87 8.13003 15.7587 8.07962 15.6174C8.02169 15.4549 8.10312 15.2107 8.26596 14.7221L9.75351 10.2595C9.79989 10.1203 9.82308 10.0508 9.8626 9.99299C9.8976 9.94182 9.94182 9.8976 9.99299 9.8626C10.0508 9.82308 10.1203 9.79989 10.2595 9.75351L14.7221 8.26596Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), Wn = [
+}, null, -1), En = [
   Un,
-  En
+  qn
 ];
-function qn(t, e) {
-  return n(), s("svg", Fn, Wn);
+function Wn(t, e) {
+  return n(), s("svg", Fn, En);
 }
-const Nn = /* @__PURE__ */ r(Yn, [["render", qn]]), Rn = {}, Gn = {
+const Nn = /* @__PURE__ */ r(An, [["render", Wn]]), Gn = {}, Rn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1027,9 +1027,9 @@ const Nn = /* @__PURE__ */ r(Yn, [["render", qn]]), Rn = {}, Gn = {
   Jn
 ];
 function Xn(t, e) {
-  return n(), s("svg", Gn, Kn);
+  return n(), s("svg", Rn, Kn);
 }
-const t9 = /* @__PURE__ */ r(Rn, [["render", Xn]]), e9 = {}, n9 = {
+const t9 = /* @__PURE__ */ r(Gn, [["render", Xn]]), e9 = {}, n9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1152,14 +1152,14 @@ const D9 = /* @__PURE__ */ r(I9, [["render", j9]]), Z9 = {}, O9 = {
 }, null, -1), T9 = [
   P9
 ];
-function A9(t, e) {
+function Y9(t, e) {
   return n(), s("svg", O9, T9);
 }
-const Y9 = /* @__PURE__ */ r(Z9, [["render", A9]]), F9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const A9 = /* @__PURE__ */ r(Z9, [["render", Y9]]), F9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QIconArrowLeft: T1,
-  QIconArrowRight: W1,
-  QIconArrowUpRight: S1,
+  QIconArrowLeft: v1,
+  QIconArrowRight: g1,
+  QIconArrowUpRight: D1,
   QIconBatteryFull: s2,
   QIconBatteryMid: K1,
   QIconBitcoinCircle: u0,
@@ -1167,15 +1167,15 @@ const Y9 = /* @__PURE__ */ r(Z9, [["render", A9]]), F9 = /* @__PURE__ */ Object.
   QIconBookOpen: jn,
   QIconCamera: _2,
   QIconCheckCircle: p2,
-  QIconCheckHeart: An,
+  QIconCheckHeart: Yn,
   QIconChevronDown: k2,
   QIconChevronUp: b2,
   QIconClockRewind: t9,
-  QIconCode: q2,
+  QIconCode: W2,
   QIconCommunity: j2,
   QIconCompass: Nn,
-  QIconCopy: A2,
-  QIconDataflow: Y9,
+  QIconCopy: Y2,
+  QIconDataflow: A9,
   QIconDesktop: X2,
   QIconDocumentation: rt,
   QIconDollarCircle: g0,
@@ -1186,9 +1186,9 @@ const Y9 = /* @__PURE__ */ r(Z9, [["render", A9]]), F9 = /* @__PURE__ */ Object.
   QIconFeather: bt,
   QIconFeed: jt,
   QIconFileLock: F0,
-  QIconFilter: At,
-  QIconHead: R0,
-  QIconHelp: qt,
+  QIconFilter: Yt,
+  QIconHead: G0,
+  QIconHelp: Wt,
   QIconImage: Xt,
   QIconInfoSquare: re,
   QIconItalic: I0,
@@ -1199,7 +1199,7 @@ const Y9 = /* @__PURE__ */ r(Z9, [["render", A9]]), F9 = /* @__PURE__ */ Object.
   QIconMail: be,
   QIconMenu: je,
   QIconMessageChatSquare: i9,
-  QIconMobile: Ae,
+  QIconMobile: Ye,
   QIconMoonStar: Ne,
   QIconOrderedList: _n,
   QIconPaperclip: h9,
@@ -1217,29 +1217,29 @@ const Y9 = /* @__PURE__ */ r(Z9, [["render", A9]]), F9 = /* @__PURE__ */ Object.
   QIconTooling: Z4,
   QIconTrash: F4,
   QIconUnorderedList: bn,
-  QIconUnsplash: R4,
+  QIconUnsplash: G4,
   QIconUserCircle: e0,
   QIconUsers: D9,
   QIconZapSquare: c0
 }, Symbol.toStringTag, { value: "Module" }));
 var U9 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function E9(t) {
+function q9(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var v1 = { exports: {} };
+var $1 = { exports: {} };
 (function(t, e) {
   (function(d, _) {
     t.exports = _();
   })(U9, function() {
-    var d = 1e3, _ = 6e4, h = 36e5, v = "millisecond", g = "second", u = "minute", M = "hour", f = "day", $ = "week", x = "month", b = "quarter", Q = "year", Y = "date", a1 = "Invalid Date", $1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, m1 = /\[([^\]]+)]|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, M1 = { 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, h = 36e5, g = "millisecond", $ = "second", u = "minute", M = "hour", f = "day", v = "week", x = "month", B = "quarter", S = "year", A = "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 l = ["th", "st", "nd", "rd"], i = C % 100;
       return "[" + C + (l[(i - 20) % 10] || l[i] || l[0]) + "]";
-    } }, r1 = function(C, l, i) {
+    } }, s1 = function(C, l, i) {
       var a = String(C);
       return !a || a.length >= l ? C : "" + Array(l + 1 - a.length).join(i) + C;
-    }, k1 = { s: r1, z: function(C) {
+    }, L1 = { s: s1, z: function(C) {
       var l = -C.utcOffset(), i = Math.abs(l), a = Math.floor(i / 60), c = i % 60;
-      return (l <= 0 ? "+" : "-") + r1(a, 2, "0") + ":" + r1(c, 2, "0");
+      return (l <= 0 ? "+" : "-") + s1(a, 2, "0") + ":" + s1(c, 2, "0");
     }, m: function C(l, i) {
       if (l.date() < i.date())
         return -C(i, l);
@@ -1248,17 +1248,17 @@ var v1 = { exports: {} };
     }, a: function(C) {
       return C < 0 ? Math.ceil(C) || 0 : Math.floor(C);
     }, p: function(C) {
-      return { M: x, y: Q, w: $, d: f, D: Y, h: M, m: u, s: g, ms: v, Q: b }[C] || String(C || "").toLowerCase().replace(/s$/, "");
+      return { M: x, y: S, w: v, d: f, D: A, h: M, m: u, s: $, ms: g, Q: B }[C] || String(C || "").toLowerCase().replace(/s$/, "");
     }, u: function(C) {
       return C === void 0;
-    } }, W = "en", O = {};
-    O[W] = M1;
-    var i1 = function(C) {
-      return C instanceof K;
-    }, J = function C(l, i, a) {
+    } }, E = "en", O = {};
+    O[E] = x1;
+    var r1 = function(C) {
+      return C instanceof J;
+    }, R = function C(l, i, a) {
       var c;
       if (!l)
-        return W;
+        return E;
       if (typeof l == "string") {
         var w = l.toLowerCase();
         O[w] && (c = w), i && (O[w] = i, c = w);
@@ -1269,19 +1269,19 @@ var v1 = { exports: {} };
         var k = l.name;
         O[k] = l, c = k;
       }
-      return !a && c && (W = c), c || !a && W;
+      return !a && c && (E = c), c || !a && E;
     }, H = function(C, l) {
-      if (i1(C))
+      if (r1(C))
         return C.clone();
       var i = typeof l == "object" ? l : {};
-      return i.date = C, i.args = arguments, new K(i);
-    }, m = k1;
-    m.l = J, m.i = i1, m.w = function(C, l) {
+      return i.date = C, i.args = arguments, new J(i);
+    }, 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 });
     };
-    var K = function() {
+    var J = function() {
       function C(i) {
-        this.$L = J(i.locale, null, !0), this.parse(i);
+        this.$L = R(i.locale, null, !0), this.parse(i);
       }
       var l = C.prototype;
       return l.parse = function(i) {
@@ -1294,7 +1294,7 @@ var v1 = { exports: {} };
           if (c instanceof Date)
             return new Date(c);
           if (typeof c == "string" && !/Z$/i.test(c)) {
-            var p = c.match($1);
+            var p = c.match(M1);
             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);
@@ -1323,28 +1323,28 @@ var v1 = { exports: {} };
       }, l.valueOf = function() {
         return this.$d.getTime();
       }, l.startOf = function(i, a) {
-        var c = this, w = !!m.u(a) || a, p = m.p(i), k = function(T, z) {
-          var j = m.w(c.$u ? Date.UTC(c.$y, z, T) : new Date(c.$y, z, T), c);
+        var c = this, w = !!m.u(a) || a, p = m.p(i), k = function(T, b) {
+          var j = m.w(c.$u ? Date.UTC(c.$y, b, T) : new Date(c.$y, b, T), c);
           return w ? j : j.endOf(f);
-        }, L = function(T, z) {
-          return m.w(c.toDate()[T].apply(c.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(z)), c);
-        }, V = this.$W, y = this.$M, I = this.$D, F = "set" + (this.$u ? "UTC" : "");
+        }, L = function(T, b) {
+          return m.w(c.toDate()[T].apply(c.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(b)), c);
+        }, V = this.$W, y = this.$M, z = this.$D, F = "set" + (this.$u ? "UTC" : "");
         switch (p) {
-          case Q:
+          case S:
             return w ? k(1, 0) : k(31, 11);
           case x:
             return w ? k(1, y) : k(0, y + 1);
-          case $:
-            var P = this.$locale().weekStart || 0, q = (V < P ? V + 7 : V) - P;
-            return k(w ? I - q : I + (6 - q), y);
+          case v:
+            var P = this.$locale().weekStart || 0, W = (V < P ? V + 7 : V) - P;
+            return k(w ? z - W : z + (6 - W), y);
           case f:
-          case Y:
+          case A:
             return L(F + "Hours", 0);
           case M:
             return L(F + "Minutes", 1);
           case u:
             return L(F + "Seconds", 2);
-          case g:
+          case $:
             return L(F + "Milliseconds", 3);
           default:
             return this.clone();
@@ -1352,10 +1352,10 @@ var v1 = { exports: {} };
       }, l.endOf = function(i) {
         return this.startOf(i, !1);
       }, l.$set = function(i, a) {
-        var c, w = m.p(i), p = "set" + (this.$u ? "UTC" : ""), k = (c = {}, c[f] = p + "Date", c[Y] = p + "Date", c[x] = p + "Month", c[Q] = p + "FullYear", c[M] = p + "Hours", c[u] = p + "Minutes", c[g] = p + "Seconds", c[v] = p + "Milliseconds", c)[w], L = w === f ? this.$D + (a - this.$W) : a;
-        if (w === x || w === Q) {
-          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 c, w = m.p(i), p = "set" + (this.$u ? "UTC" : ""), k = (c = {}, c[f] = p + "Date", c[A] = p + "Date", c[x] = p + "Month", c[S] = p + "FullYear", c[M] = p + "Hours", c[u] = p + "Minutes", c[$] = p + "Seconds", c[g] = p + "Milliseconds", c)[w], L = w === f ? this.$D + (a - this.$W) : a;
+        if (w === x || w === S) {
+          var V = this.clone().set(A, 1);
+          V.$d[k](L), V.init(), this.$d = V.set(A, Math.min(this.$D, V.daysInMonth())).$d;
         } else
           k && this.$d[k](L);
         return this.init(), this;
@@ -1367,18 +1367,18 @@ var v1 = { exports: {} };
         var c, w = this;
         i = Number(i);
         var p = m.p(a), k = function(y) {
-          var I = H(w);
-          return m.w(I.date(I.date() + Math.round(y * i)), w);
+          var z = H(w);
+          return m.w(z.date(z.date() + Math.round(y * i)), w);
         };
         if (p === x)
           return this.set(x, this.$M + i);
-        if (p === Q)
-          return this.set(Q, this.$y + i);
+        if (p === S)
+          return this.set(S, this.$y + i);
         if (p === f)
           return k(1);
-        if (p === $)
+        if (p === v)
           return k(7);
-        var L = (c = {}, c[u] = _, c[M] = h, c[g] = d, c)[p] || 1, V = this.$d.getTime() + i * L;
+        var L = (c = {}, c[u] = _, c[M] = h, c[$] = d, c)[p] || 1, V = this.$d.getTime() + i * L;
         return m.w(V, this);
       }, l.subtract = function(i, a) {
         return this.add(-1 * i, a);
@@ -1386,15 +1386,15 @@ var v1 = { exports: {} };
         var a = this, c = this.$locale();
         if (!this.isValid())
           return c.invalidDate || a1;
-        var w = i || "YYYY-MM-DDTHH:mm:ssZ", p = m.z(this), k = this.$H, L = this.$m, V = this.$M, y = c.weekdays, I = c.months, F = c.meridiem, P = function(z, j, N, X) {
-          return z && (z[j] || z(a, w)) || N[j].slice(0, X);
-        }, q = function(z) {
-          return m.s(k % 12 || 12, z, "0");
-        }, T = F || function(z, j, N) {
-          var X = z < 12 ? "AM" : "PM";
-          return N ? X.toLowerCase() : X;
+        var w = i || "YYYY-MM-DDTHH:mm:ssZ", p = m.z(this), k = this.$H, L = this.$m, V = this.$M, y = c.weekdays, z = c.months, F = c.meridiem, P = function(b, j, N, K) {
+          return b && (b[j] || b(a, w)) || N[j].slice(0, K);
+        }, W = function(b) {
+          return m.s(k % 12 || 12, b, "0");
+        }, T = F || function(b, j, N) {
+          var K = b < 12 ? "AM" : "PM";
+          return N ? K.toLowerCase() : K;
         };
-        return w.replace(m1, function(z, j) {
+        return w.replace(k1, function(b, j) {
           return j || function(N) {
             switch (N) {
               case "YY":
@@ -1406,9 +1406,9 @@ var v1 = { exports: {} };
               case "MM":
                 return m.s(V + 1, 2, "0");
               case "MMM":
-                return P(c.monthsShort, V, I, 3);
+                return P(c.monthsShort, V, z, 3);
               case "MMMM":
-                return P(I, V);
+                return P(z, V);
               case "D":
                 return a.$D;
               case "DD":
@@ -1426,9 +1426,9 @@ var v1 = { exports: {} };
               case "HH":
                 return m.s(k, 2, "0");
               case "h":
-                return q(1);
+                return W(1);
               case "hh":
-                return q(2);
+                return W(2);
               case "a":
                 return T(k, L, !0);
               case "A":
@@ -1447,25 +1447,25 @@ var v1 = { exports: {} };
                 return p;
             }
             return null;
-          }(z) || p.replace(":", "");
+          }(b) || p.replace(":", "");
         });
       }, l.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, l.diff = function(i, a, c) {
-        var w, p = this, k = m.p(a), L = H(i), V = (L.utcOffset() - this.utcOffset()) * _, y = this - L, I = function() {
+        var w, p = this, k = m.p(a), L = H(i), V = (L.utcOffset() - this.utcOffset()) * _, y = this - L, z = function() {
           return m.m(p, L);
         };
         switch (k) {
-          case Q:
-            w = I() / 12;
+          case S:
+            w = z() / 12;
             break;
           case x:
-            w = I();
+            w = z();
             break;
-          case b:
-            w = I() / 3;
+          case B:
+            w = z() / 3;
             break;
-          case $:
+          case v:
             w = (y - V) / 6048e5;
             break;
           case f:
@@ -1477,7 +1477,7 @@ var v1 = { exports: {} };
           case u:
             w = y / _;
             break;
-          case g:
+          case $:
             w = y / d;
             break;
           default:
@@ -1491,7 +1491,7 @@ var v1 = { exports: {} };
       }, l.locale = function(i, a) {
         if (!i)
           return this.$L;
-        var c = this.clone(), w = J(i, a, !0);
+        var c = this.clone(), w = R(i, a, !0);
         return w && (c.$L = w), c;
       }, l.clone = function() {
         return m.w(this.$d, this);
@@ -1504,20 +1504,20 @@ var v1 = { exports: {} };
       }, l.toString = function() {
         return this.$d.toUTCString();
       }, C;
-    }(), _1 = K.prototype;
-    return H.prototype = _1, [["$ms", v], ["$s", g], ["$m", u], ["$H", M], ["$W", f], ["$M", x], ["$y", Q], ["$D", Y]].forEach(function(C) {
+    }(), _1 = J.prototype;
+    return H.prototype = _1, [["$ms", g], ["$s", $], ["$m", u], ["$H", M], ["$W", f], ["$M", x], ["$y", S], ["$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, K, H), C.$i = !0), H;
-    }, H.locale = J, H.isDayjs = i1, H.unix = function(C) {
+      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 = O[W], H.Ls = O, H.p = {}, H;
+    }, H.en = O[E], H.Ls = O, H.p = {}, H;
   });
-})(v1);
-var W9 = v1.exports;
-const c1 = /* @__PURE__ */ E9(W9), q9 = { class: "wrapper" }, N9 = ["disabled"], R9 = ["disabled"], G9 = /* @__PURE__ */ Z({
+})($1);
+var E9 = $1.exports;
+const i1 = /* @__PURE__ */ q9(E9), W9 = { class: "wrapper" }, N9 = ["disabled"], G9 = ["disabled"], R9 = /* @__PURE__ */ Z({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1531,42 +1531,42 @@ const c1 = /* @__PURE__ */ E9(W9), q9 = { class: "wrapper" }, N9 = ["disabled"],
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(""), h = B("");
+    const d = t, _ = I(""), h = I("");
     G(
       () => d.modelValue,
-      (g) => {
-        const u = c1(g);
+      ($) => {
+        const u = i1($);
         _.value = u.format("YYYY-MM-DD"), h.value = u.format("HH:mm");
       }
     );
-    function v() {
-      const g = c1(`${_.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
-      e("change", g), e("update:modelValue", g);
+    function g() {
+      const $ = i1(`${_.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+      e("change", $), e("update:modelValue", $);
     }
     return h1(() => {
-      const g = c1();
-      _.value = g.format("YYYY-MM-DD"), h.value = g.format("HH:mm");
-    }), (g, u) => (n(), s("div", q9, [
-      e1(o("input", {
+      const $ = i1();
+      _.value = $.format("YYYY-MM-DD"), h.value = $.format("HH:mm");
+    }), ($, u) => (n(), s("div", W9, [
+      t1(o("input", {
         "onUpdate:modelValue": u[0] || (u[0] = (M) => _.value = M),
         type: "date",
         disabled: t.disabled,
-        onChange: v
+        onChange: g
       }, null, 40, N9), [
-        [l1, _.value]
+        [c1, _.value]
       ]),
-      e1(o("input", {
+      t1(o("input", {
         "onUpdate:modelValue": u[1] || (u[1] = (M) => h.value = M),
         type: "time",
         disabled: t.disabled,
-        onChange: v
-      }, null, 40, R9), [
-        [l1, h.value]
+        onChange: g
+      }, null, 40, G9), [
+        [c1, h.value]
       ])
     ]));
   }
 });
-const J9 = /* @__PURE__ */ r(G9, [["__scopeId", "data-v-f79d855e"]]), K9 = ["onClick"], X9 = { class: "dialog-header" }, t5 = {
+const J9 = /* @__PURE__ */ r(R9, [["__scopeId", "data-v-f79d855e"]]), K9 = ["onClick"], X9 = { class: "dialog-header" }, t5 = {
   key: 0,
   class: "dialog-title"
 }, e5 = { class: "dialog-body" }, n5 = /* @__PURE__ */ Z({
@@ -1592,7 +1592,7 @@ const J9 = /* @__PURE__ */ r(G9, [["__scopeId", "data-v-f79d855e"]]), K9 = ["onC
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.modelValue), h = A(() => {
+    const d = t, _ = I(d.modelValue), h = Y(() => {
       const u = document.body.clientWidth < 720 ? "100%" : d.width, M = d.height;
       return {
         width: u,
@@ -1605,28 +1605,28 @@ const J9 = /* @__PURE__ */ r(G9, [["__scopeId", "data-v-f79d855e"]]), K9 = ["onC
         _.value = u;
       }
     );
-    function v() {
+    function g() {
       _.value = !1, e("update:modelValue", !1), e("close");
     }
-    function g() {
+    function $() {
     }
     return (u, M) => (n(), D(u1, null, {
       default: C1(() => [
         _.value ? (n(), s("div", {
           key: 0,
           class: "dialog-mask",
-          onClick: v
+          onClick: g
         }, [
           o("div", {
             class: "dialog",
-            style: x1(h.value),
-            onClick: f1(g, ["stop"])
+            style: H1(h.value),
+            onClick: f1($, ["stop"])
           }, [
             o("div", X9, [
-              t.title ? (n(), s("div", t5, S(t.title), 1)) : d1(u.$slots, "header", { key: 1 }, void 0, !0)
+              t.title ? (n(), s("div", t5, Q(t.title), 1)) : l1(u.$slots, "header", { key: 1 }, void 0, !0)
             ]),
             o("div", e5, [
-              d1(u.$slots, "default", {}, void 0, !0)
+              l1(u.$slots, "default", {}, void 0, !0)
             ])
           ], 12, K9)
         ])) : U("", !0)
@@ -1659,11 +1659,11 @@ const o5 = /* @__PURE__ */ r(n5, [["__scopeId", "data-v-cd14d61a"]]), s5 = ["hre
   },
   setup(t) {
     var d;
-    const e = (d = L1()) == null ? void 0 : d.appContext.components;
+    const e = (d = V1()) == null ? void 0 : d.appContext.components;
     return (_, h) => {
-      const v = R("QIconHelp");
+      const g = d1("q-icon-help");
       return n(), s("div", {
-        class: E(["fence", t.type])
+        class: q(["fence", t.type])
       }, [
         t.link ? (n(), s("a", {
           key: 0,
@@ -1671,33 +1671,33 @@ const o5 = /* @__PURE__ */ r(n5, [["__scopeId", "data-v-cd14d61a"]]), s5 = ["hre
           href: t.link,
           target: "_blank"
         }, [
-          t.icon && t1(e) ? (n(), D(n1(t1(e)[t.icon]), {
+          t.icon && X(e) ? (n(), D(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), D(v, {
+          })) : (n(), D(g, {
             key: 1,
             class: "icon"
           })),
-          o("div", r5, S(t.text), 1)
+          o("div", r5, Q(t.text), 1)
         ], 8, s5)) : (n(), s("div", i5, [
-          t.icon && t1(e) ? (n(), D(n1(t1(e)[t.icon]), {
+          t.icon && X(e) ? (n(), D(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), D(v, {
+          })) : (n(), D(g, {
             key: 1,
             class: "icon"
           })),
-          o("div", c5, S(t.text), 1)
+          o("div", c5, Q(t.text), 1)
         ]))
       ], 2);
     };
   }
 });
-const d5 = /* @__PURE__ */ r(l5, [["__scopeId", "data-v-077653b0"]]);
+const d5 = /* @__PURE__ */ r(l5, [["__scopeId", "data-v-38c08c55"]]);
 const a5 = {}, _5 = {
   class: "pa-4 mb-4 rounded-sm text-center",
   color: "glass"
-}, h5 = /* @__PURE__ */ s1('<div class="spinners py-2 mb-2 d-flex justify-center" data-v-f4d8a4f4><i class="spinner one" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner two" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner three" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner four" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner five" aria-hidden="true" data-v-f4d8a4f4></i></div>', 1), u5 = [
+}, h5 = /* @__PURE__ */ o1('<div class="spinners py-2 mb-2 d-flex justify-center" data-v-f4d8a4f4><i class="spinner one" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner two" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner three" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner four" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner five" aria-hidden="true" data-v-f4d8a4f4></i></div>', 1), u5 = [
   h5
 ];
 function C5(t, e) {
@@ -1723,16 +1723,16 @@ const f5 = /* @__PURE__ */ r(a5, [["render", C5], ["__scopeId", "data-v-f4d8a4f4
   emits: ["action"],
   setup(t, { emit: e }) {
     const d = t;
-    function _(v) {
-      let g = "";
-      return v.disabled && (g += " disabled"), v.danger && (g += " danger"), v.icon && (g += " with-icon"), v.image && (g += " with-image"), g;
+    function _(g) {
+      let $ = "";
+      return g.disabled && ($ += " disabled"), g.danger && ($ += " danger"), g.icon && ($ += " with-icon"), g.image && ($ += " with-image"), $;
     }
-    function h(v) {
-      v.action && v.action(v), v.disabled !== !0 && e("action", v);
+    function h(g) {
+      g.action && g.action(g), g.disabled !== !0 && e("action", g);
     }
-    return (v, g) => (n(), s("div", w5, [
+    return (g, $) => (n(), s("div", w5, [
       (n(!0), s(w1, null, p1(d.items, (u) => (n(), s("div", {
-        class: E(["menu-item", _(u)]),
+        class: q(["menu-item", _(u)]),
         key: `menu-item-${u.id}`,
         onClick: (M) => h(u)
       }, [
@@ -1742,20 +1742,20 @@ const f5 = /* @__PURE__ */ r(a5, [["render", C5], ["__scopeId", "data-v-f4d8a4f4
             class: "menu-image",
             src: u.image,
             alt: u.title
-          }, null, 8, $5)) : u.icon ? (n(), D(n1(u.icon), {
+          }, null, 8, $5)) : u.icon ? (n(), D(e1(u.icon), {
             key: 1,
             class: "menu-icon mr-1"
           })) : U("", !0),
           o("div", m5, [
-            o("div", M5, S(u.title), 1),
-            u.subtitle ? (n(), s("div", k5, S(u.subtitle), 1)) : U("", !0)
+            o("div", M5, Q(u.title), 1),
+            u.subtitle ? (n(), s("div", k5, Q(u.subtitle), 1)) : U("", !0)
           ])
         ]))
       ], 10, p5))), 128))
     ]));
   }
 });
-const L5 = /* @__PURE__ */ r(x5, [["__scopeId", "data-v-f9bd95cd"]]), H5 = (t) => (V1("data-v-f5802762"), t = t(), y1(), t), V5 = ["disabled"], y5 = /* @__PURE__ */ H5(() => /* @__PURE__ */ o("div", { class: "toggle-switch" }, null, -1)), b5 = /* @__PURE__ */ Z({
+const L5 = /* @__PURE__ */ r(x5, [["__scopeId", "data-v-f9bd95cd"]]), H5 = (t) => (b1("data-v-f5802762"), t = t(), z1(), t), V5 = ["disabled"], y5 = /* @__PURE__ */ H5(() => /* @__PURE__ */ o("div", { class: "toggle-switch" }, null, -1)), b5 = /* @__PURE__ */ Z({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -1769,24 +1769,24 @@ const L5 = /* @__PURE__ */ r(x5, [["__scopeId", "data-v-f9bd95cd"]]), H5 = (t) =
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.modelValue);
-    G(() => d.modelValue, (v) => {
-      _.value = v;
+    const d = t, _ = I(d.modelValue);
+    G(() => d.modelValue, (g) => {
+      _.value = g;
     });
-    function h(v) {
+    function h(g) {
       e("update:modelValue", _.value), e("change", _.value);
     }
-    return (v, g) => (n(), s("label", {
-      class: E(["toggle", t.disabled ? "disabled" : ""])
+    return (g, $) => (n(), s("label", {
+      class: q(["toggle", t.disabled ? "disabled" : ""])
     }, [
-      e1(o("input", {
+      t1(o("input", {
         class: "toggle-checkbox",
         type: "checkbox",
-        "onUpdate:modelValue": g[0] || (g[0] = (u) => _.value = u),
+        "onUpdate:modelValue": $[0] || ($[0] = (u) => _.value = u),
         onChange: h,
         disabled: d.disabled
       }, null, 40, V5), [
-        [H1, _.value]
+        [y1, _.value]
       ]),
       y5
     ], 2));
@@ -1816,30 +1816,30 @@ const z5 = /* @__PURE__ */ r(b5, [["__scopeId", "data-v-f5802762"]]), I5 = ["pla
   },
   emits: ["submit"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.defaultText), h = A(() => {
-      var $;
-      return d.loading || (($ = _.value) == null ? void 0 : $.trim()).length === 0 ? !1 : d.type === "email" ? v.value : d.type === "code" ? g.value : !0;
-    }), v = A(() => {
-      var $;
-      const f = ($ = _.value) == null ? void 0 : $.trim();
+    const d = t, _ = I(d.defaultText), h = Y(() => {
+      var v;
+      return d.loading || ((v = _.value) == null ? void 0 : v.trim()).length === 0 ? !1 : d.type === "email" ? g.value : d.type === "code" ? $.value : !0;
+    }), g = Y(() => {
+      var v;
+      const f = (v = _.value) == null ? void 0 : v.trim();
       return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f);
-    }), g = A(() => {
-      var $;
-      const f = ($ = _.value) == null ? void 0 : $.trim();
+    }), $ = Y(() => {
+      var v;
+      const f = (v = _.value) == null ? void 0 : v.trim();
       return /^\d{6}$/.test(f);
-    }), u = A(() => d.loading ? "Loading..." : d.actionLabel), M = () => {
+    }), u = Y(() => d.loading ? "Loading..." : d.actionLabel), M = () => {
       h.value && e("submit", { text: _.value });
     };
-    return (f, $) => (n(), s("div", {
-      class: E(["text-field-with-button", d.type])
+    return (f, v) => (n(), s("div", {
+      class: q(["text-field-with-button", d.type])
     }, [
       o("div", null, [
-        e1(o("input", {
+        t1(o("input", {
           class: "text-field",
           placeholder: d.placeholder,
-          "onUpdate:modelValue": $[0] || ($[0] = (x) => _.value = x)
+          "onUpdate:modelValue": v[0] || (v[0] = (x) => _.value = x)
         }, null, 8, I5), [
-          [l1, _.value]
+          [c1, _.value]
         ])
       ]),
       o("div", null, [
@@ -1848,14 +1848,14 @@ const z5 = /* @__PURE__ */ r(b5, [["__scopeId", "data-v-f5802762"]]), I5 = ["pla
           disabled: !h.value,
           onClick: M
         }, [
-          o("div", B5, S(u.value), 1)
+          o("div", B5, Q(u.value), 1)
         ], 8, Q5)
       ])
     ], 2));
   }
 });
 const j5 = /* @__PURE__ */ r(S5, [["__scopeId", "data-v-7c4dff0c"]]);
-function g1() {
+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",
@@ -1866,7 +1866,7 @@ function g1() {
 const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow-view" }, O5 = ["onClick"], P5 = {
   key: 0,
   class: "dropdown-selected"
-}, T5 = ["src", "alt"], A5 = { class: "menu-title" }, Y5 = /* @__PURE__ */ Z({
+}, T5 = ["src", "alt"], Y5 = { class: "menu-title" }, A5 = /* @__PURE__ */ Z({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -1892,14 +1892,14 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(!1), h = B(null), v = B(null), g = A(() => {
+    const d = t, _ = I(!1), h = I(null), g = I(null), $ = Y(() => {
       const f = [];
       return _.value && f.push("expanded"), d.variant === "outlined" && f.push("frame"), f.join(" ");
     });
     function u() {
-      _.value || g1(), _.value = !_.value, _.value && setTimeout(() => {
-        const $ = v.value.querySelector(".menu");
-        $.getBoundingClientRect().left < 0 && ($.style.left = "0");
+      _.value || m1(), _.value = !_.value, _.value && setTimeout(() => {
+        const v = g.value.querySelector(".menu");
+        v.getBoundingClientRect().left < 0 && (v.style.left = "0");
       }, 10);
     }
     function M(f) {
@@ -1914,12 +1914,12 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
       d.initialItem && (h.value = d.initialItem), window.addEventListener("storage", (f) => {
         f.key === "quailui_global_popup_trigger" && f.newValue && (_.value = !1);
       });
-    }), (f, $) => {
-      const x = R("QIconChevronDown"), b = R("QMenu");
+    }), (f, v) => {
+      const x = d1("q-icon-chevron-down"), B = d1("q-menu");
       return n(), s("div", D5, [
         o("div", Z5, [
           o("div", {
-            class: E(["dropdown-menu-action", g.value]),
+            class: q(["dropdown-menu-action", $.value]),
             onClick: f1(u, ["stop"])
           }, [
             !t.hideSelected && h.value ? (n(), s("div", P5, [
@@ -1928,22 +1928,22 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
                 class: "menu-image",
                 src: h.value.image,
                 alt: h.value.title
-              }, null, 8, T5)) : h.value.icon ? (n(), D(n1(h.value.icon), {
+              }, null, 8, T5)) : h.value.icon ? (n(), D(e1(h.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : U("", !0),
-              o("div", A5, S(h.value ? h.value.title : d.placeholder || "Select ..."), 1)
+              o("div", Y5, Q(h.value ? h.value.title : d.placeholder || "Select ..."), 1)
             ])) : U("", !0),
-            d1(f.$slots, "default", {}, void 0, !0),
-            o1(x, { class: "icon chevron-icon" })
+            l1(f.$slots, "default", {}, void 0, !0),
+            n1(x, { class: "icon chevron-icon" })
           ], 10, O5),
           o("div", {
             ref_key: "menuWrapper",
-            ref: v
+            ref: g
           }, [
-            o1(u1, null, {
+            n1(u1, null, {
               default: C1(() => [
-                _.value ? (n(), D(b, {
+                _.value ? (n(), D(B, {
                   key: 0,
                   items: t.items,
                   onAction: M
@@ -1957,13 +1957,13 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
     };
   }
 });
-const F5 = /* @__PURE__ */ r(Y5, [["__scopeId", "data-v-e8a215bd"]]), U5 = { class: "pagination" }, E5 = ["disabled"], W5 = {
+const F5 = /* @__PURE__ */ r(A5, [["__scopeId", "data-v-7ab312de"]]), U5 = { class: "pagination" }, q5 = ["disabled"], E5 = {
   key: 0,
   class: "page-indicators"
-}, q5 = { class: "page-indicator" }, N5 = ["disabled", "onClick"], R5 = {
+}, W5 = { class: "page-indicator" }, N5 = ["disabled", "onClick"], G5 = {
   key: 1,
   class: "page-indicator-simple"
-}, G5 = { class: "" }, J5 = ["disabled"], K5 = /* @__PURE__ */ Z({
+}, R5 = { class: "" }, J5 = ["disabled"], K5 = /* @__PURE__ */ Z({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -1985,68 +1985,65 @@ const F5 = /* @__PURE__ */ r(Y5, [["__scopeId", "data-v-e8a215bd"]]), U5 = { cla
   },
   emits: ["change:next", "change:prev", "change:goto", "update:modelValue"],
   setup(t, { emit: e }) {
-    const d = t, _ = A(() => {
+    const d = t, _ = Y(() => {
       let M = 6;
       const f = [];
       if (d.totalPage !== 0)
         if (d.totalPage < M)
-          for (let $ = 1; $ <= d.totalPage; $++)
-            f.push({ label: $ });
+          for (let v = 1; v <= d.totalPage; v++)
+            f.push({ label: v });
         else {
           f.push({ label: 1 });
-          let $ = h.value - 2, x = h.value + 2;
-          $ < 2 && ($ = 2, x = $ + M - 2), x > d.totalPage - 1 && (x = d.totalPage - 1, $ = x - M + 2), $ > 2 && f.push({ label: "…", disabled: !0 });
-          for (let b = $; b <= x; b++)
-            f.push({ label: b });
+          let v = h.value - 2, x = h.value + 2;
+          v < 2 && (v = 2, x = v + M - 2), x > d.totalPage - 1 && (x = d.totalPage - 1, v = x - M + 2), v > 2 && f.push({ label: "…", disabled: !0 });
+          for (let B = v; B <= x; B++)
+            f.push({ label: B });
           x < d.totalPage - 1 && f.push({ label: "…", disabled: !0 }), f.push({ label: d.totalPage });
         }
       return f;
-    }), h = B(d.modelValue);
+    }), h = I(d.modelValue);
     G(() => d.modelValue, (M) => {
       h.value = M;
     });
-    function v() {
+    function g() {
       h.value--, e("change:prev", h.value), e("update:modelValue", h.value);
     }
-    function g() {
+    function $() {
       h.value++, e("change:next", h.value), e("update:modelValue", h.value);
     }
     function u(M, f) {
       f.disabled || (h.value = M, e("change:goto", h.value), e("update:modelValue", h.value));
     }
-    return (M, f) => {
-      const $ = R("QIconArrowLeft"), x = R("QIconArrowRight");
-      return n(), s("div", U5, [
-        o("button", {
-          class: "prev button sm outlined icon",
-          onClick: v,
-          disabled: !d.hasPrev
-        }, [
-          o1($, { class: "icon" })
-        ], 8, E5),
-        t.totalPage !== 0 ? (n(), s("div", W5, [
-          (n(!0), s(w1, null, p1(_.value, (b) => (n(), s("div", q5, [
-            o("button", {
-              class: E(["page-indicator button sm plain", b.label === h.value ? "active" : ""]),
-              disabled: b.disabled,
-              onClick: (Q) => u(b.label, b)
-            }, S(b.label), 11, N5)
-          ]))), 256))
-        ])) : (n(), s("div", R5, [
-          o("div", G5, S(t.modelValue), 1)
-        ])),
-        o("button", {
-          class: "next button sm outlined icon",
-          onClick: g,
-          disabled: !d.hasNext
-        }, [
-          o1(x, { class: "icon" })
-        ], 8, J5)
-      ]);
-    };
+    return (M, f) => (n(), s("div", U5, [
+      o("button", {
+        class: "prev button sm outlined icon",
+        onClick: g,
+        disabled: !d.hasPrev
+      }, [
+        n1(v1, { class: "icon" })
+      ], 8, q5),
+      t.totalPage !== 0 ? (n(), s("div", E5, [
+        (n(!0), s(w1, null, p1(_.value, (v) => (n(), s("div", W5, [
+          o("button", {
+            class: q(["page-indicator button sm plain", v.label === h.value ? "active" : ""]),
+            disabled: v.disabled,
+            onClick: (x) => u(v.label, v)
+          }, Q(v.label), 11, N5)
+        ]))), 256))
+      ])) : (n(), s("div", G5, [
+        o("div", R5, Q(t.modelValue), 1)
+      ])),
+      o("button", {
+        class: "next button sm outlined icon",
+        onClick: $,
+        disabled: !d.hasNext
+      }, [
+        n1(g1, { class: "icon" })
+      ], 8, J5)
+    ]));
   }
 });
-const X5 = /* @__PURE__ */ r(K5, [["__scopeId", "data-v-a325335a"]]), t7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const X5 = /* @__PURE__ */ r(K5, [["__scopeId", "data-v-bca3dc7c"]]), t7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QDatetimePicker: J9,
   QDialog: o5,
@@ -2064,9 +2061,9 @@ const n7 = {
     for (const [d, _] of Object.entries(F9))
       e != null && e.debug && console.log("[quail-ui] register icon component", d, _), t.component(d, _);
     for (const [d, _] of Object.entries(t7))
-      e != null && e.debug && console.log("[quail-ui] register cpmmon component", d, _), t.component(d, _);
+      e != null && e.debug && console.log("[quail-ui] register common component", d, _), t.component(d, _);
     document.body.addEventListener("click", (d) => {
-      g1();
+      m1();
     });
   }
 };