quail-ui 0.2.16 → 0.2.17

package/dist/index.js

@@ -1,4 +1,4 @@
-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 s1, defineComponent as Z, ref as B, watch as R, onMounted as h1, withDirectives as e1, vModelText as l1, computed as Y, 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 G, normalizeClass as q, 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";
 const r = (t, e) => {
   const d = t.__vccOpts || t;
   for (const [_, h] of e)
@@ -40,7 +40,7 @@ const S1 = /* @__PURE__ */ r(b1, [["render", B1]]), j1 = {}, D1 = {
 function P1(t, e) {
   return n(), s("svg", D1, O1);
 }
-const T1 = /* @__PURE__ */ r(j1, [["render", P1]]), A1 = {}, Y1 = {
+const T1 = /* @__PURE__ */ r(j1, [["render", P1]]), Y1 = {}, A1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -55,28 +55,28 @@ const T1 = /* @__PURE__ */ r(j1, [["render", P1]]), A1 = {}, Y1 = {
 }, null, -1), U1 = [
   F1
 ];
-function E1(t, e) {
-  return n(), s("svg", Y1, U1);
+function q1(t, e) {
+  return n(), s("svg", A1, U1);
 }
-const W1 = /* @__PURE__ */ r(A1, [["render", E1]]), q1 = {}, N1 = {
+const E1 = /* @__PURE__ */ r(Y1, [["render", q1]]), 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",
@@ -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",
@@ -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,7 +713,7 @@ 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",
@@ -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,13 +1152,13 @@ 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,
+  QIconArrowRight: E1,
   QIconArrowUpRight: S1,
   QIconBatteryFull: s2,
   QIconBatteryMid: K1,
@@ -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,13 +1217,13 @@ 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: {} };
@@ -1231,7 +1231,7 @@ var v1 = { exports: {} };
   (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, v = "millisecond", g = "second", u = "minute", M = "hour", f = "day", $ = "week", x = "month", b = "quarter", Q = "year", A = "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 l = ["th", "st", "nd", "rd"], i = C % 100;
       return "[" + C + (l[(i - 20) % 10] || l[i] || l[0]) + "]";
     } }, r1 = function(C, l, i) {
@@ -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: Q, w: $, d: f, D: A, h: M, m: u, s: g, ms: v, Q: b }[C] || String(C || "").toLowerCase().replace(/s$/, "");
     }, u: function(C) {
       return C === void 0;
-    } }, W = "en", O = {};
-    O[W] = M1;
+    } }, E = "en", O = {};
+    O[E] = M1;
     var i1 = function(C) {
       return C instanceof K;
     }, J = 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,7 +1269,7 @@ 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))
         return C.clone();
@@ -1335,10 +1335,10 @@ var v1 = { exports: {} };
           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);
+            var P = this.$locale().weekStart || 0, W = (V < P ? V + 7 : V) - P;
+            return k(w ? I - W : I + (6 - W), y);
           case f:
-          case Y:
+          case A:
             return L(F + "Hours", 0);
           case M:
             return L(F + "Minutes", 1);
@@ -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;
+        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[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 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;
@@ -1388,7 +1388,7 @@ var v1 = { exports: {} };
           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) {
+        }, W = function(z) {
           return m.s(k % 12 || 12, z, "0");
         }, T = F || function(z, j, N) {
           var X = z < 12 ? "AM" : "PM";
@@ -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":
@@ -1505,7 +1505,7 @@ var v1 = { exports: {} };
         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) {
+    return H.prototype = _1, [["$ms", v], ["$s", g], ["$m", u], ["$H", M], ["$W", f], ["$M", x], ["$y", Q], ["$D", A]].forEach(function(C) {
       _1[C[1]] = function(l) {
         return this.$g(l, C[0], C[1]);
       };
@@ -1513,11 +1513,11 @@ var v1 = { exports: {} };
       return C.$i || (C(l, K, H), C.$i = !0), H;
     }, H.locale = J, H.isDayjs = i1, 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({
+var E9 = v1.exports;
+const c1 = /* @__PURE__ */ q9(E9), W9 = { class: "wrapper" }, N9 = ["disabled"], G9 = ["disabled"], R9 = /* @__PURE__ */ Z({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1532,7 +1532,7 @@ const c1 = /* @__PURE__ */ E9(W9), q9 = { class: "wrapper" }, N9 = ["disabled"],
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const d = t, _ = B(""), h = B("");
-    G(
+    R(
       () => d.modelValue,
       (g) => {
         const u = c1(g);
@@ -1546,7 +1546,7 @@ const c1 = /* @__PURE__ */ E9(W9), q9 = { class: "wrapper" }, N9 = ["disabled"],
     return h1(() => {
       const g = c1();
       _.value = g.format("YYYY-MM-DD"), h.value = g.format("HH:mm");
-    }), (g, u) => (n(), s("div", q9, [
+    }), (g, u) => (n(), s("div", W9, [
       e1(o("input", {
         "onUpdate:modelValue": u[0] || (u[0] = (M) => _.value = M),
         type: "date",
@@ -1560,13 +1560,13 @@ const c1 = /* @__PURE__ */ E9(W9), q9 = { class: "wrapper" }, N9 = ["disabled"],
         type: "time",
         disabled: t.disabled,
         onChange: v
-      }, null, 40, R9), [
+      }, null, 40, G9), [
         [l1, 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,14 +1592,14 @@ 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, _ = B(d.modelValue), h = Y(() => {
       const u = document.body.clientWidth < 720 ? "100%" : d.width, M = d.height;
       return {
         width: u,
         height: M
       };
     });
-    G(
+    R(
       () => d.modelValue,
       (u) => {
         _.value = u;
@@ -1661,9 +1661,9 @@ const o5 = /* @__PURE__ */ r(n5, [["__scopeId", "data-v-cd14d61a"]]), s5 = ["hre
     var d;
     const e = (d = L1()) == null ? void 0 : d.appContext.components;
     return (_, h) => {
-      const v = R("QIconHelp");
+      const v = G("QIconHelp");
       return n(), s("div", {
-        class: E(["fence", t.type])
+        class: q(["fence", t.type])
       }, [
         t.link ? (n(), s("a", {
           key: 0,
@@ -1732,7 +1732,7 @@ const f5 = /* @__PURE__ */ r(a5, [["render", C5], ["__scopeId", "data-v-f4d8a4f4
     }
     return (v, 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)
       }, [
@@ -1770,14 +1770,14 @@ 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) => {
+    R(() => d.modelValue, (v) => {
       _.value = v;
     });
     function h(v) {
       e("update:modelValue", _.value), e("change", _.value);
     }
     return (v, g) => (n(), s("label", {
-      class: E(["toggle", t.disabled ? "disabled" : ""])
+      class: q(["toggle", t.disabled ? "disabled" : ""])
     }, [
       e1(o("input", {
         class: "toggle-checkbox",
@@ -1816,22 +1816,22 @@ 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(() => {
+    const d = t, _ = B(d.defaultText), h = Y(() => {
       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(() => {
+    }), v = Y(() => {
       var $;
       const f = ($ = _.value) == null ? void 0 : $.trim();
       return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f);
-    }), g = A(() => {
+    }), g = Y(() => {
       var $;
       const f = ($ = _.value) == null ? void 0 : $.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])
+      class: q(["text-field-with-button", d.type])
     }, [
       o("div", null, [
         e1(o("input", {
@@ -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,7 +1892,7 @@ 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, _ = B(!1), h = B(null), v = B(null), g = Y(() => {
       const f = [];
       return _.value && f.push("expanded"), d.variant === "outlined" && f.push("frame"), f.join(" ");
     });
@@ -1905,7 +1905,7 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
     function M(f) {
       _.value = !1, h.value = f, f.action && f.action(f), e("change", f);
     }
-    return G(
+    return R(
       () => d.initialItem,
       () => {
         d.initialItem && (h.value = d.initialItem);
@@ -1915,11 +1915,11 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
         f.key === "quailui_global_popup_trigger" && f.newValue && (_.value = !1);
       });
     }), (f, $) => {
-      const x = R("QIconChevronDown"), b = R("QMenu");
+      const x = G("QIconChevronDown"), b = G("QMenu");
       return n(), s("div", D5, [
         o("div", Z5, [
           o("div", {
-            class: E(["dropdown-menu-action", g.value]),
+            class: q(["dropdown-menu-action", g.value]),
             onClick: f1(u, ["stop"])
           }, [
             !t.hideSelected && h.value ? (n(), s("div", P5, [
@@ -1932,7 +1932,7 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
                 key: 1,
                 class: "icon menu-icon"
               })) : U("", !0),
-              o("div", A5, S(h.value ? h.value.title : d.placeholder || "Select ..."), 1)
+              o("div", Y5, S(h.value ? h.value.title : d.placeholder || "Select ..."), 1)
             ])) : U("", !0),
             d1(f.$slots, "default", {}, void 0, !0),
             o1(x, { class: "icon chevron-icon" })
@@ -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-e8a215bd"]]), 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,7 +1985,7 @@ 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)
@@ -2002,7 +2002,7 @@ const F5 = /* @__PURE__ */ r(Y5, [["__scopeId", "data-v-e8a215bd"]]), U5 = { cla
         }
       return f;
     }), h = B(d.modelValue);
-    G(() => d.modelValue, (M) => {
+    R(() => d.modelValue, (M) => {
       h.value = M;
     });
     function v() {
@@ -2015,7 +2015,7 @@ const F5 = /* @__PURE__ */ r(Y5, [["__scopeId", "data-v-e8a215bd"]]), U5 = { cla
       f.disabled || (h.value = M, e("change:goto", h.value), e("update:modelValue", h.value));
     }
     return (M, f) => {
-      const $ = R("QIconArrowLeft"), x = R("QIconArrowRight");
+      const $ = G("q-icon-arrow-left"), x = G("q-icon-arrow-right");
       return n(), s("div", U5, [
         o("button", {
           class: "prev button sm outlined icon",
@@ -2023,17 +2023,17 @@ const F5 = /* @__PURE__ */ r(Y5, [["__scopeId", "data-v-e8a215bd"]]), U5 = { cla
           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, [
+        ], 8, q5),
+        t.totalPage !== 0 ? (n(), s("div", E5, [
+          (n(!0), s(w1, null, p1(_.value, (b) => (n(), s("div", W5, [
             o("button", {
-              class: E(["page-indicator button sm plain", b.label === h.value ? "active" : ""]),
+              class: q(["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)
+        ])) : (n(), s("div", G5, [
+          o("div", R5, S(t.modelValue), 1)
         ])),
         o("button", {
           class: "next button sm outlined icon",
@@ -2046,7 +2046,7 @@ const F5 = /* @__PURE__ */ r(Y5, [["__scopeId", "data-v-e8a215bd"]]), U5 = { cla
     };
   }
 });
-const X5 = /* @__PURE__ */ r(K5, [["__scopeId", "data-v-a325335a"]]), t7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const X5 = /* @__PURE__ */ r(K5, [["__scopeId", "data-v-e6c4fb71"]]), t7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QDatetimePicker: J9,
   QDialog: o5,
@@ -2064,7 +2064,7 @@ 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();
     });