quail-ui 0.5.9 → 0.5.12

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as a, createElementBlock as u, createElementVNode as d, createStaticVNode as Z, defineComponent as S, ref as y, watch as j, computed as M, onMounted as R, withDirectives as G, vModelText as J, createCommentVNode as b, nextTick as C2, Fragment as Y, renderSlot as D, createBlock as Q, Transition as I1, withCtx as T, normalizeClass as B, normalizeStyle as e1, withModifiers as L1, toDisplayString as H, resolveComponent as E, resolveDynamicComponent as W, renderList as t1, createTextVNode as E1, getCurrentInstance as _2, unref as u1, vModelCheckbox as p2, createVNode as q, useSlots as f2, pushScopeId as q1, popScopeId as A1 } from "vue";
+import { openBlock as a, createElementBlock as u, createElementVNode as d, createStaticVNode as Z, defineComponent as S, ref as y, watch as D, computed as M, onMounted as R, withDirectives as G, vModelText as J, createCommentVNode as b, nextTick as C2, Fragment as Y, renderSlot as T, createBlock as Q, Transition as I1, withCtx as j, normalizeClass as B, normalizeStyle as e1, withModifiers as L1, toDisplayString as H, resolveComponent as q, resolveDynamicComponent as W, renderList as t1, createTextVNode as q1, getCurrentInstance as _2, unref as u1, vModelCheckbox as p2, createVNode as E, useSlots as f2, pushScopeId as E1, popScopeId as A1 } from "vue";
 const g2 = {
   name: "QIconArrowUpRight"
 }, _ = (t, o) => {
@@ -72,17 +72,17 @@ const G1 = /* @__PURE__ */ _(L2, [["render", Q2]]), H2 = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, E2 = /* @__PURE__ */ d("path", {
+}, q2 = /* @__PURE__ */ d("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), q2 = [
-  E2
+}, null, -1), E2 = [
+  q2
 ];
 function A2(t, o, e, s, n, i) {
-  return a(), u("svg", S2, q2);
+  return a(), u("svg", S2, E2);
 }
 const P2 = /* @__PURE__ */ _(H2, [["render", A2]]), T2 = {
   name: "QIconBatteryFull"
@@ -253,23 +253,23 @@ function Qt(t, o, e, s, n, i) {
 }
 const Ht = /* @__PURE__ */ _(Lt, [["render", Qt]]), St = {
   name: "QIconDesktop"
-}, Et = {
+}, qt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, qt = /* @__PURE__ */ d("path", {
+}, Et = /* @__PURE__ */ d("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), At = [
-  qt
+  Et
 ];
 function Pt(t, o, e, s, n, i) {
-  return a(), u("svg", Et, At);
+  return a(), u("svg", qt, At);
 }
 const Tt = /* @__PURE__ */ _(St, [["render", Pt]]), jt = {
   name: "QIconDocumentation"
@@ -432,17 +432,17 @@ const Qe = /* @__PURE__ */ _(Ie, [["render", Be]]), He = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ee = /* @__PURE__ */ d("path", {
+}, qe = /* @__PURE__ */ d("path", {
   d: "M12 16V12M12 8H12.01M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), qe = [
-  Ee
+}, null, -1), Ee = [
+  qe
 ];
 function Ae(t, o, e, s, n, i) {
-  return a(), u("svg", Se, qe);
+  return a(), u("svg", Se, Ee);
 }
 const Pe = /* @__PURE__ */ _(He, [["render", Ae]]), Te = {
   name: "QIconLinkBroken"
@@ -611,9 +611,9 @@ const Ln = /* @__PURE__ */ _(vn, [["render", In]]), bn = {
 function Hn(t, o, e, s, n, i) {
   return a(), u("svg", Vn, Qn);
 }
-const Sn = /* @__PURE__ */ _(bn, [["render", Hn]]), En = {
+const Sn = /* @__PURE__ */ _(bn, [["render", Hn]]), qn = {
   name: "QIconPlus"
-}, qn = {
+}, En = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -629,9 +629,9 @@ const Sn = /* @__PURE__ */ _(bn, [["render", Hn]]), En = {
   An
 ];
 function Tn(t, o, e, s, n, i) {
-  return a(), u("svg", qn, Pn);
+  return a(), u("svg", En, Pn);
 }
-const jn = /* @__PURE__ */ _(En, [["render", Tn]]), Dn = {
+const jn = /* @__PURE__ */ _(qn, [["render", Tn]]), Dn = {
   name: "QIconQuail"
 }, Zn = {
   width: "24",
@@ -784,10 +784,10 @@ const Vo = /* @__PURE__ */ _(Mo, [["render", bo]]), Bo = {
 }, Ho = /* @__PURE__ */ Z('<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), So = [
   Ho
 ];
-function Eo(t, o, e, s, n, i) {
+function qo(t, o, e, s, n, i) {
   return a(), u("svg", Qo, So);
 }
-const qo = /* @__PURE__ */ _(Bo, [["render", Eo]]), Ao = {
+const Eo = /* @__PURE__ */ _(Bo, [["render", qo]]), Ao = {
   name: "QIconBitcoinCircle"
 }, Po = {
   width: "24",
@@ -964,17 +964,17 @@ const V0 = /* @__PURE__ */ _(M0, [["render", b0]]), B0 = {
 }, null, -1), S0 = /* @__PURE__ */ d("path", {
   d: "M3.57548 7.00005V4.14405L2.80748 4.54005V3.52605L3.76148 2.99805H4.77548V7.00005H3.57548Z",
   fill: "currentColor"
-}, null, -1), E0 = /* @__PURE__ */ d("path", {
+}, null, -1), q0 = /* @__PURE__ */ d("path", {
   d: "M2.54175 14V13.184C2.67775 13.112 2.82175 13.024 2.97375 12.92C3.12575 12.812 3.27175 12.694 3.41175 12.566C3.55575 12.434 3.68375 12.3 3.79575 12.164C3.91175 12.028 4.00375 11.892 4.07175 11.756C4.13975 11.62 4.17375 11.494 4.17375 11.378C4.17375 11.222 4.14175 11.102 4.07775 11.018C4.01375 10.934 3.93575 10.878 3.84375 10.85C3.75575 10.818 3.67175 10.802 3.59175 10.802C3.41975 10.802 3.25375 10.846 3.09375 10.934C2.93775 11.022 2.76375 11.142 2.57175 11.294V10.31C2.74375 10.206 2.94375 10.114 3.17175 10.034C3.39975 9.95005 3.67375 9.90805 3.99375 9.90805C4.27775 9.90805 4.52375 9.95405 4.73175 10.046C4.93975 10.138 5.09975 10.278 5.21175 10.466C5.32375 10.654 5.37975 10.894 5.37975 11.186C5.37975 11.378 5.34575 11.554 5.27775 11.714C5.20975 11.87 5.11775 12.014 5.00175 12.146C4.88575 12.274 4.75775 12.392 4.61775 12.5C4.47775 12.608 4.33575 12.708 4.19175 12.8C4.04775 12.892 3.91175 12.982 3.78375 13.07L3.56775 12.92H5.46375V14H2.54175Z",
   fill: "currentColor"
-}, null, -1), q0 = /* @__PURE__ */ d("path", {
+}, null, -1), E0 = /* @__PURE__ */ d("path", {
   d: "M3.82727 21.048C3.61127 21.048 3.39927 21.016 3.19127 20.952C2.98727 20.884 2.79327 20.804 2.60927 20.712V19.722C2.80927 19.842 3.00327 19.95 3.19127 20.046C3.37927 20.138 3.57727 20.184 3.78527 20.184C3.96127 20.184 4.10327 20.154 4.21127 20.094C4.31927 20.03 4.37327 19.938 4.37327 19.818C4.37327 19.694 4.33327 19.592 4.25327 19.512C4.17727 19.428 4.01527 19.386 3.76727 19.386H3.11327V18.522H3.77927C3.93127 18.522 4.03927 18.488 4.10327 18.42C4.16727 18.348 4.19927 18.272 4.19927 18.192C4.19927 18.092 4.17127 18.018 4.11527 17.97C4.06327 17.918 3.99527 17.882 3.91127 17.862C3.83127 17.842 3.74927 17.832 3.66527 17.832C3.54527 17.832 3.41327 17.848 3.26927 17.88C3.12527 17.908 2.92927 17.98 2.68127 18.096V17.226C2.84127 17.142 3.01527 17.074 3.20327 17.022C3.39527 16.97 3.58727 16.944 3.77927 16.944C3.93527 16.944 4.09727 16.962 4.26527 16.998C4.43727 17.03 4.59527 17.088 4.73927 17.172C4.88727 17.252 5.00727 17.364 5.09927 17.508C5.19127 17.648 5.23727 17.826 5.23727 18.042C5.23727 18.138 5.21927 18.23 5.18327 18.318C5.14727 18.406 5.09927 18.486 5.03927 18.558C4.97927 18.63 4.91127 18.69 4.83527 18.738C4.76327 18.782 4.68927 18.812 4.61327 18.828C4.72927 18.86 4.83527 18.91 4.93127 18.978C5.02727 19.042 5.10927 19.12 5.17727 19.212C5.24927 19.3 5.30327 19.402 5.33927 19.518C5.37927 19.63 5.39927 19.75 5.39927 19.878C5.39927 20.118 5.34927 20.314 5.24927 20.466C5.15327 20.618 5.02527 20.736 4.86527 20.82C4.70927 20.904 4.53927 20.964 4.35527 21C4.17527 21.032 3.99927 21.048 3.82727 21.048Z",
   fill: "currentColor"
 }, null, -1), A0 = [
   H0,
   S0,
-  E0,
-  q0
+  q0,
+  E0
 ];
 function P0(t, o, e, s, n, i) {
   return a(), u("svg", Q0, A0);
@@ -1143,9 +1143,9 @@ const L4 = /* @__PURE__ */ _(k4, [["render", I4]]), b4 = {
 function H4(t, o, e, s, n, i) {
   return a(), u("svg", V4, Q4);
 }
-const S4 = /* @__PURE__ */ _(b4, [["render", H4]]), E4 = {
+const S4 = /* @__PURE__ */ _(b4, [["render", H4]]), q4 = {
   name: "QIconPaperclip"
-}, q4 = {
+}, E4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1161,9 +1161,9 @@ const S4 = /* @__PURE__ */ _(b4, [["render", H4]]), E4 = {
   A4
 ];
 function T4(t, o, e, s, n, i) {
-  return a(), u("svg", q4, P4);
+  return a(), u("svg", E4, P4);
 }
-const j4 = /* @__PURE__ */ _(E4, [["render", T4]]), D4 = {
+const j4 = /* @__PURE__ */ _(q4, [["render", T4]]), D4 = {
   name: "QIconPin"
 }, Z4 = {
   width: "24",
@@ -1323,9 +1323,9 @@ const L9 = /* @__PURE__ */ _(k9, [["render", I9]]), b9 = {
 function H9(t, o, e, s, n, i) {
   return a(), u("svg", V9, Q9);
 }
-const S9 = /* @__PURE__ */ _(b9, [["render", H9]]), E9 = {
+const S9 = /* @__PURE__ */ _(b9, [["render", H9]]), q9 = {
   name: "QIconArrowUp"
-}, q9 = {
+}, E9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1341,9 +1341,9 @@ const S9 = /* @__PURE__ */ _(b9, [["render", H9]]), E9 = {
   A9
 ];
 function T9(t, o, e, s, n, i) {
-  return a(), u("svg", q9, P9);
+  return a(), u("svg", E9, P9);
 }
-const j9 = /* @__PURE__ */ _(E9, [["render", T9]]), D9 = {
+const j9 = /* @__PURE__ */ _(q9, [["render", T9]]), D9 = {
   name: "QIconArrowDown"
 }, Z9 = {
   width: "24",
@@ -1503,9 +1503,9 @@ const L5 = /* @__PURE__ */ _(k5, [["render", I5]]), b5 = {
 function H5(t, o, e, s, n, i) {
   return a(), u("svg", V5, Q5);
 }
-const S5 = /* @__PURE__ */ _(b5, [["render", H5]]), E5 = {
+const S5 = /* @__PURE__ */ _(b5, [["render", H5]]), q5 = {
   name: "QIconSpeedoMeter"
-}, q5 = {
+}, E5 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1521,9 +1521,9 @@ const S5 = /* @__PURE__ */ _(b5, [["render", H5]]), E5 = {
   A5
 ];
 function T5(t, o, e, s, n, i) {
-  return a(), u("svg", q5, P5);
+  return a(), u("svg", E5, P5);
 }
-const j5 = /* @__PURE__ */ _(E5, [["render", T5]]), D5 = {
+const j5 = /* @__PURE__ */ _(q5, [["render", T5]]), D5 = {
   name: "QIconInfoCircle"
 }, Z5 = {
   width: "24",
@@ -1690,7 +1690,7 @@ const b3 = /* @__PURE__ */ _(k3, [["render", L3]]), V3 = {
 function S3(t, o, e, s, n, i) {
   return a(), u("svg", B3, H3);
 }
-const E3 = /* @__PURE__ */ _(V3, [["render", S3]]), q3 = {
+const q3 = /* @__PURE__ */ _(V3, [["render", S3]]), E3 = {
   name: "QIconEditorDelete"
 }, A3 = {
   width: "24",
@@ -1710,7 +1710,7 @@ const E3 = /* @__PURE__ */ _(V3, [["render", S3]]), q3 = {
 function j3(t, o, e, s, n, i) {
   return a(), u("svg", A3, T3);
 }
-const D3 = /* @__PURE__ */ _(q3, [["render", j3]]), Z3 = {
+const D3 = /* @__PURE__ */ _(E3, [["render", j3]]), Z3 = {
   name: "QIconLayoutRight"
 }, U3 = {
   width: "24",
@@ -1871,20 +1871,20 @@ const b7 = /* @__PURE__ */ _(x7, [["render", L7]]), V7 = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), E7 = /* @__PURE__ */ d("path", {
+}, null, -1), q7 = /* @__PURE__ */ d("path", {
   d: "M8.4 14H4.6C4.03995 14 3.75992 14 3.54601 14.109C3.35785 14.2049 3.20487 14.3578 3.10899 14.546C3 14.7599 3 15.0399 3 15.6V19.4C3 19.9601 3 20.2401 3.10899 20.454C3.20487 20.6422 3.35785 20.7951 3.54601 20.891C3.75992 21 4.03995 21 4.6 21H8.4C8.96005 21 9.24008 21 9.45399 20.891C9.64215 20.7951 9.79513 20.6422 9.89101 20.454C10 20.2401 10 19.9601 10 19.4V15.6C10 15.0399 10 14.7599 9.89101 14.546C9.79513 14.3578 9.64215 14.2049 9.45399 14.109C9.24008 14 8.96005 14 8.4 14Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), q7 = [
+}, null, -1), E7 = [
   Q7,
   H7,
   S7,
-  E7
+  q7
 ];
 function A7(t, o, e, s, n, i) {
-  return a(), u("svg", B7, q7);
+  return a(), u("svg", B7, E7);
 }
 const P7 = /* @__PURE__ */ _(V7, [["render", A7]]), T7 = {
   name: "QIconPasscode"
@@ -2025,17 +2025,17 @@ function Q8(t, o, e, s, n, i) {
 }
 const H8 = /* @__PURE__ */ _(L8, [["render", Q8]]), S8 = {
   name: "QIconColorDiscord"
-}, E8 = {
+}, q8 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, q8 = /* @__PURE__ */ Z('<g clip-path="url(#clip0_334_24)"><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_334_24)"></path><path d="M17.3608 8.16664C15.609 6.85399 13.9306 6.89088 13.9306 6.89088L13.759 7.08713C15.8417 7.71276 16.8095 8.63277 16.8095 8.63277C13.8298 6.99008 10.0345 7.00186 6.93522 8.63277C6.93522 8.63277 7.93978 7.66362 10.145 7.03799L10.0226 6.89073C10.0226 6.89073 8.35637 6.85399 6.59232 8.16649C6.59232 8.16649 4.82812 11.3436 4.82812 15.257C4.82812 15.257 5.85729 17.0235 8.56474 17.1094C8.56474 17.1094 9.01802 16.5696 9.38553 16.1035C7.82971 15.6374 7.24159 14.6682 7.24159 14.6682C8.21908 15.2807 9.20743 15.664 10.4392 15.9072C12.4431 16.3203 14.9357 15.8956 16.7975 14.6682C16.7975 14.6682 16.1849 15.6619 14.58 16.1157C14.9475 16.5696 15.3885 17.0971 15.3885 17.0971C18.096 17.0113 19.125 15.2447 19.125 15.2571C19.1248 11.3438 17.3608 8.16664 17.3608 8.16664ZM9.69174 14.1162C9.00563 14.1162 8.44213 13.5151 8.44213 12.7668C8.49227 10.9747 10.9037 10.9802 10.9414 12.7668C10.9414 13.5151 10.3899 14.1162 9.69174 14.1162ZM14.1632 14.1162C13.4771 14.1162 12.9136 13.5151 12.9136 12.7668C12.9687 10.9782 15.35 10.9775 15.4128 12.7668C15.4128 13.5151 14.8616 14.1162 14.1632 14.1162Z" fill="white"></path></g><defs><linearGradient id="paint0_linear_334_24" x1="12" y1="0" x2="12" y2="23.9124" gradientUnits="userSpaceOnUse"><stop stop-color="#9E9DF1"></stop><stop offset="1" stop-color="#6665D2"></stop></linearGradient><clipPath id="clip0_334_24"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), A8 = [
-  q8
+}, E8 = /* @__PURE__ */ Z('<g clip-path="url(#clip0_334_24)"><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_334_24)"></path><path d="M17.3608 8.16664C15.609 6.85399 13.9306 6.89088 13.9306 6.89088L13.759 7.08713C15.8417 7.71276 16.8095 8.63277 16.8095 8.63277C13.8298 6.99008 10.0345 7.00186 6.93522 8.63277C6.93522 8.63277 7.93978 7.66362 10.145 7.03799L10.0226 6.89073C10.0226 6.89073 8.35637 6.85399 6.59232 8.16649C6.59232 8.16649 4.82812 11.3436 4.82812 15.257C4.82812 15.257 5.85729 17.0235 8.56474 17.1094C8.56474 17.1094 9.01802 16.5696 9.38553 16.1035C7.82971 15.6374 7.24159 14.6682 7.24159 14.6682C8.21908 15.2807 9.20743 15.664 10.4392 15.9072C12.4431 16.3203 14.9357 15.8956 16.7975 14.6682C16.7975 14.6682 16.1849 15.6619 14.58 16.1157C14.9475 16.5696 15.3885 17.0971 15.3885 17.0971C18.096 17.0113 19.125 15.2447 19.125 15.2571C19.1248 11.3438 17.3608 8.16664 17.3608 8.16664ZM9.69174 14.1162C9.00563 14.1162 8.44213 13.5151 8.44213 12.7668C8.49227 10.9747 10.9037 10.9802 10.9414 12.7668C10.9414 13.5151 10.3899 14.1162 9.69174 14.1162ZM14.1632 14.1162C13.4771 14.1162 12.9136 13.5151 12.9136 12.7668C12.9687 10.9782 15.35 10.9775 15.4128 12.7668C15.4128 13.5151 14.8616 14.1162 14.1632 14.1162Z" fill="white"></path></g><defs><linearGradient id="paint0_linear_334_24" x1="12" y1="0" x2="12" y2="23.9124" gradientUnits="userSpaceOnUse"><stop stop-color="#9E9DF1"></stop><stop offset="1" stop-color="#6665D2"></stop></linearGradient><clipPath id="clip0_334_24"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), A8 = [
+  E8
 ];
 function P8(t, o, e, s, n, i) {
-  return a(), u("svg", E8, A8);
+  return a(), u("svg", q8, A8);
 }
 const T8 = /* @__PURE__ */ _(S8, [["render", P8]]), j8 = {
   name: "QIconColorLine"
@@ -2172,7 +2172,7 @@ const Ls = /* @__PURE__ */ _(ks, [["render", Is]]), bs = /* @__PURE__ */ Object.
   QIconChevronUp: _t,
   QIconChevronUpDouble: f7,
   QIconClockRewind: L4,
-  QIconCloseCircle: E3,
+  QIconCloseCircle: q3,
   QIconCode: Ht,
   QIconColorBluesky: Y8,
   QIconColorDiscord: T8,
@@ -2260,7 +2260,7 @@ const Ls = /* @__PURE__ */ _(ks, [["render", Is]]), bs = /* @__PURE__ */ Object.
   QIconUsers: a9,
   QIconVideo: b3,
   QIconWallet: a5,
-  QIconZapSquare: qo
+  QIconZapSquare: Eo
 }, Symbol.toStringTag, { value: "Module" })), Vs = { class: "q-datetime-picker touchable outlined" }, Bs = ["disabled"], Qs = ["disabled"], Hs = /* @__PURE__ */ S({
   __name: "QDatetimePicker",
   props: {
@@ -2281,7 +2281,7 @@ const Ls = /* @__PURE__ */ _(ks, [["render", Is]]), bs = /* @__PURE__ */ Object.
   emits: ["update:modelValue", "change"],
   setup(t, { emit: o }) {
     const e = t, s = o, n = y(""), i = y("");
-    j(
+    D(
       () => e.modelValue,
       (h) => {
         const p = l(h);
@@ -2365,7 +2365,7 @@ function Ss() {
     debounce: o
   };
 }
-const Es = { class: "q-dialog-body" }, qs = { class: "q-dialog-header" }, As = {
+const qs = { class: "q-dialog-body" }, Es = { class: "q-dialog-header" }, As = {
   key: 0,
   class: "q-dialog-title"
 }, Ps = { class: "q-dialog-body" }, Ts = /* @__PURE__ */ S({
@@ -2417,7 +2417,7 @@ const Es = { class: "q-dialog-body" }, qs = { class: "q-dialog-header" }, As = {
       let w = [];
       return p.value && w.push("desktop-mode-popup"), w.join(" ");
     });
-    j(
+    D(
       () => n.modelValue,
       (w) => {
         r.value = w, C2(() => {
@@ -2453,17 +2453,17 @@ const Es = { class: "q-dialog-body" }, qs = { class: "q-dialog-header" }, As = {
         ref_key: "triggerWrapper",
         ref: C
       }, [
-        D(w.$slots, "trigger"),
+        T(w.$slots, "trigger"),
         p.value ? (a(), Q(I1, { key: 0 }, {
-          default: T(() => [
+          default: j(() => [
             r.value ? (a(), u("div", {
               key: 0,
               class: B(["q-dialog", g.value]),
               style: e1(f.value),
               onClick: L1(L, ["stop"])
             }, [
-              d("div", Es, [
-                D(w.$slots, "default")
+              d("div", qs, [
+                T(w.$slots, "default")
               ])
             ], 6)) : b("", !0)
           ]),
@@ -2471,7 +2471,7 @@ const Es = { class: "q-dialog-body" }, qs = { class: "q-dialog-header" }, As = {
         })) : b("", !0)
       ], 512),
       p.value ? b("", !0) : (a(), Q(I1, { key: 0 }, {
-        default: T(() => [
+        default: j(() => [
           r.value ? (a(), u("div", {
             key: 0,
             class: B(["q-dialog-mask", k.value]),
@@ -2484,11 +2484,11 @@ const Es = { class: "q-dialog-body" }, qs = { class: "q-dialog-header" }, As = {
               style: e1(f.value),
               onClick: L1(L, ["stop"])
             }, [
-              d("div", qs, [
-                t.title ? (a(), u("div", As, H(t.title), 1)) : D(w.$slots, "header", { key: 1 })
+              d("div", Es, [
+                t.title ? (a(), u("div", As, H(t.title), 1)) : T(w.$slots, "header", { key: 1 })
               ]),
               d("div", Ps, [
-                D(w.$slots, "default")
+                T(w.$slots, "default")
               ])
             ], 6)
           ], 2)) : b("", !0)
@@ -2533,14 +2533,14 @@ const js = { class: "message-dialog-content" }, Ds = { class: "mt-6 mb-4 text-ce
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
     const e = t, s = y(e.modelValue), n = o, i = M(() => e.actions.length > 2 ? e.actions.slice(0, 2) : e.actions);
-    j(() => e.modelValue, (r) => {
+    D(() => e.modelValue, (r) => {
       s.value = r;
     });
     function c() {
       s.value = !1, n("update:modelValue", !1);
     }
     return (r, l) => {
-      const C = E("QButton"), h = E("QDialog");
+      const C = q("QButton"), h = q("QDialog");
       return a(), Q(h, {
         modelValue: s.value,
         "onUpdate:modelValue": l[0] || (l[0] = (p) => s.value = p),
@@ -2548,7 +2548,7 @@ const js = { class: "message-dialog-content" }, Ds = { class: "mt-6 mb-4 text-ce
         width: "500px",
         onClose: c
       }, {
-        default: T(() => [
+        default: j(() => [
           d("div", js, [
             d("div", Ds, [
               d("div", {
@@ -2570,8 +2570,8 @@ const js = { class: "message-dialog-content" }, Ds = { class: "mt-6 mb-4 text-ce
                 onClick: p.action,
                 key: p.name
               }, {
-                default: T(() => [
-                  E1(H(p.label), 1)
+                default: j(() => [
+                  q1(H(p.label), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "onClick"]))), 128))
@@ -2727,7 +2727,7 @@ const i6 = ["disabled"], r6 = { class: "q-switch-inner" }, c6 = { class: "q-swit
   emits: ["update:modelValue", "change"],
   setup(t, { emit: o }) {
     const e = t, s = y(e.modelValue);
-    j(() => e.modelValue, (r) => {
+    D(() => e.modelValue, (r) => {
       s.value = r;
     });
     const n = o, i = M(() => {
@@ -2738,7 +2738,7 @@ const i6 = ["disabled"], r6 = { class: "q-switch-inner" }, c6 = { class: "q-swit
       n("update:modelValue", s.value), n("change", s.value);
     }
     return (r, l) => {
-      const C = E("q-icon-sun"), h = E("q-icon-moon-star");
+      const C = q("q-icon-sun"), h = q("q-icon-moon-star");
       return a(), u("label", {
         class: B(["q-switch", i.value])
       }, [
@@ -2817,7 +2817,7 @@ const a6 = { class: "q-text-field-wrapper" }, d6 = ["placeholder"], u6 = { class
       const f = (g = n.value) == null ? void 0 : g.trim();
       return /^\d{6}$/.test(f);
     }), C = M(() => e.loading ? "Loading..." : e.actionLabel);
-    j(() => e.modelValue, (f) => {
+    D(() => e.modelValue, (f) => {
       n.value = f;
     });
     function h() {
@@ -2827,7 +2827,7 @@ const a6 = { class: "q-text-field-wrapper" }, d6 = ["placeholder"], u6 = { class
       s("update:modelValue", n.value);
     }
     return (f, g) => {
-      const k = E("q-button");
+      const k = q("q-button");
       return a(), u("div", {
         class: B(["q-text-field-with-button", i.value])
       }, [
@@ -2842,13 +2842,13 @@ const a6 = { class: "q-text-field-wrapper" }, d6 = ["placeholder"], u6 = { class
           ])
         ]),
         d("div", u6, [
-          q(k, {
+          E(k, {
             class: B(t.buttonCls),
             disabled: !c.value,
             onClick: h
           }, {
-            default: T(() => [
-              E1(H(C.value), 1)
+            default: j(() => [
+              q1(H(C.value), 1)
             ]),
             _: 1
           }, 8, ["class", "disabled"])
@@ -2976,7 +2976,7 @@ const C6 = { class: "q-dropdown-menu" }, _6 = { class: "q-dropdown-menu-inner na
     function L(w) {
       w.divider || (i.value = !1, c.value = w, n("change", w));
     }
-    return j(
+    return D(
       () => s.initialItem,
       () => {
         s.initialItem && (c.value = s.initialItem);
@@ -2986,7 +2986,7 @@ const C6 = { class: "q-dropdown-menu" }, _6 = { class: "q-dropdown-menu-inner na
         w.key === "quailui_global_popup_trigger" && w.newValue && (i.value = !1);
       });
     }), (w, m) => {
-      const $ = E("q-icon-chevron-down"), v = E("q-menu"), I = E("q-dialog");
+      const $ = q("q-icon-chevron-down"), v = q("q-menu"), I = q("q-dialog");
       return a(), u("div", C6, [
         d("div", _6, [
           d("div", {
@@ -3006,17 +3006,17 @@ const C6 = { class: "q-dropdown-menu" }, _6 = { class: "q-dropdown-menu-inner na
               })) : b("", !0),
               t.hideActionLabel ? b("", !0) : (a(), u("div", m6, H(c.value ? c.value.title : s.placeholder || "Select ..."), 1))
             ])) : b("", !0),
-            D(w.$slots, "default"),
+            T(w.$slots, "default"),
             t.hideSelected || f.value ? (a(), u("div", v6)) : b("", !0),
-            q($, { class: "icon chevron-icon" })
+            E($, { class: "icon chevron-icon" })
           ], 2),
           k.value ? b("", !0) : (a(), u("div", {
             key: 0,
             ref_key: "menuWrapper",
             ref: r
           }, [
-            q(I1, null, {
-              default: T(() => [
+            E(I1, null, {
+              default: j(() => [
                 i.value ? (a(), Q(v, {
                   key: 0,
                   items: t.items,
@@ -3032,7 +3032,7 @@ const C6 = { class: "q-dropdown-menu" }, _6 = { class: "q-dropdown-menu-inner na
             "onUpdate:modelValue": m[1] || (m[1] = (V) => i.value = V),
             "no-frame": ""
           }, {
-            default: T(() => [
+            default: j(() => [
               d("div", k6, [
                 s.useFilter ? (a(), u("div", x6, [
                   G(d("input", {
@@ -3114,7 +3114,7 @@ const I6 = { class: "q-pagination" }, L6 = {
         }
       return h;
     }), n = y(e.modelValue);
-    j(() => e.modelValue, (C) => {
+    D(() => e.modelValue, (C) => {
       n.value = C;
     });
     const i = o;
@@ -3128,27 +3128,27 @@ const I6 = { class: "q-pagination" }, L6 = {
       h.disabled || (n.value = C, i("change:goto", n.value), i("update:modelValue", n.value));
     }
     return (C, h) => {
-      const p = E("q-button");
+      const p = q("q-button");
       return a(), u("div", I6, [
-        q(p, {
+        E(p, {
           class: "prev sm outlined icon",
           onClick: c,
           disabled: !e.hasPrev
         }, {
-          default: T(() => [
-            q(O1, { class: "icon" })
+          default: j(() => [
+            E(O1, { class: "icon" })
           ]),
           _: 1
         }, 8, ["disabled"]),
         t.totalPage !== 0 ? (a(), u("div", L6, [
           (a(!0), u(Y, null, t1(s.value, (f) => (a(), u("div", b6, [
-            q(p, {
+            E(p, {
               class: B(["q-page-indicator sm outlined", f.label === n.value ? "active" : ""]),
               disabled: f.disabled,
               onClick: (g) => l(f.label, f)
             }, {
-              default: T(() => [
-                E1(H(f.label), 1)
+              default: j(() => [
+                q1(H(f.label), 1)
               ]),
               _: 2
             }, 1032, ["class", "disabled", "onClick"])
@@ -3157,18 +3157,18 @@ const I6 = { class: "q-pagination" }, L6 = {
           key: 1,
           class: "outlined sm q-page-indicator-simple q-page-indicator"
         }, {
-          default: T(() => [
+          default: j(() => [
             d("div", V6, H(t.modelValue), 1)
           ]),
           _: 1
         })),
-        q(p, {
+        E(p, {
           class: "next sm outlined icon",
           onClick: r,
           disabled: !e.hasNext
         }, {
-          default: T(() => [
-            q(G1, { class: "icon" })
+          default: j(() => [
+            E(G1, { class: "icon" })
           ]),
           _: 1
         }, 8, ["disabled"])
@@ -3178,7 +3178,7 @@ const I6 = { class: "q-pagination" }, L6 = {
 });
 const Q6 = { class: "q-progress-slot" }, H6 = /* @__PURE__ */ d("div", { class: "q-progress-bar-inner" }, null, -1), S6 = [
   H6
-], E6 = /* @__PURE__ */ S({
+], q6 = /* @__PURE__ */ S({
   __name: "QProgress",
   props: {
     infinite: {
@@ -3212,7 +3212,7 @@ const Q6 = { class: "q-progress-slot" }, H6 = /* @__PURE__ */ d("div", { class:
     ], 2));
   }
 });
-const q6 = /* @__PURE__ */ S({
+const E6 = /* @__PURE__ */ S({
   __name: "QLanguageSelector",
   props: {
     lang: {
@@ -3277,19 +3277,19 @@ const q6 = /* @__PURE__ */ S({
         value: r.value
       });
     }
-    return j(() => s.lang, (r) => {
+    return D(() => s.lang, (r) => {
       n.value = i.value.find((l) => r === l.value);
     }), R(() => {
       n.value = i.value.find((r) => s.lang === r.value || localStorage.getItem("quail-language") === r.value) || i.value[0];
     }), (r, l) => {
-      const C = E("QDropdownMenu");
+      const C = q("QDropdownMenu");
       return a(), Q(C, {
         items: i.value,
         "initial-item": n.value
       }, null, 8, ["items", "initial-item"]);
     };
   }
-}), Y1 = (t) => (q1("data-v-909717ab"), t = t(), A1(), t), A6 = { class: "q-pack-cover" }, P6 = /* @__PURE__ */ Y1(() => /* @__PURE__ */ d("div", { class: "q-pack-cover-layer one" }, null, -1)), T6 = /* @__PURE__ */ Y1(() => /* @__PURE__ */ d("div", { class: "q-pack-cover-layer two" }, null, -1)), j6 = { class: "q-pack-cover-inner" }, D6 = ["src", "alt"], Z6 = /* @__PURE__ */ S({
+}), Y1 = (t) => (E1("data-v-35d23afd"), t = t(), A1(), t), A6 = { class: "q-pack-cover" }, P6 = /* @__PURE__ */ Y1(() => /* @__PURE__ */ d("div", { class: "q-pack-cover-layer one" }, null, -1)), T6 = /* @__PURE__ */ Y1(() => /* @__PURE__ */ d("div", { class: "q-pack-cover-layer two" }, null, -1)), j6 = { class: "q-pack-cover-inner" }, D6 = ["src", "alt"], Z6 = /* @__PURE__ */ S({
   __name: "QPackCover",
   props: {
     src: {
@@ -3314,7 +3314,7 @@ const q6 = /* @__PURE__ */ S({
     ]));
   }
 });
-const U6 = /* @__PURE__ */ _(Z6, [["__scopeId", "data-v-909717ab"]]);
+const U6 = /* @__PURE__ */ _(Z6, [["__scopeId", "data-v-35d23afd"]]);
 function N6(t) {
   if (navigator.clipboard && window.isSecureContext)
     navigator.clipboard.writeText(t).then(function() {
@@ -4816,7 +4816,7 @@ a1.toDataURL = Z1.bind(null, h2.renderToDataURL);
 a1.toString = Z1.bind(null, function(t, o, e) {
   return Hi.render(t, e);
 });
-const Si = { class: "q-dialog-content mastodon-dialog-content flex center" }, Ei = { class: "q-dialog-content general-dialog-content" }, qi = { class: "qrcode-wrapper" }, Ai = ["src"], Pi = { class: "operations form" }, Ti = { class: "copy-row form-row flex center" }, ji = /* @__PURE__ */ d("span", { class: "button-label" }, "Copy URL", -1), Di = ["title", "onClick"], Zi = /* @__PURE__ */ S({
+const Si = { class: "q-dialog-content mastodon-dialog-content flex center" }, qi = { class: "q-dialog-content general-dialog-content" }, Ei = { class: "qrcode-wrapper" }, Ai = ["src"], Pi = { class: "operations form" }, Ti = { class: "copy-row form-row flex center" }, ji = /* @__PURE__ */ d("span", { class: "button-label" }, "Copy URL", -1), Di = ["title", "onClick"], Zi = /* @__PURE__ */ S({
   __name: "QShare",
   props: {
     url: {
@@ -4933,18 +4933,18 @@ const Si = { class: "q-dialog-content mastodon-dialog-content flex center" }, Ei
       localStorage.setItem("quailui_global_mastodon_host", c.value), window.open(m, "_blank"), i.value = !1;
     }
     return (m, $) => {
-      const v = E("q-icon-color-mastodon"), I = E("q-icon-arrow-right"), V = E("q-button"), A = E("q-dialog"), U = E("q-icon-copy");
+      const v = q("q-icon-color-mastodon"), I = q("q-icon-arrow-right"), V = q("q-button"), A = q("q-dialog"), U = q("q-icon-copy");
       return a(), u("div", {
         class: B(["q-share", C.value])
       }, [
-        q(A, {
+        E(A, {
           modelValue: i.value,
           "onUpdate:modelValue": $[1] || ($[1] = (P) => i.value = P),
           title: "Share to Mastodon"
         }, {
-          default: T(() => [
+          default: j(() => [
             d("div", Si, [
-              q(v, { class: "service-icon" }),
+              E(v, { class: "service-icon" }),
               G(d("input", {
                 class: "text-field",
                 "onUpdate:modelValue": $[0] || ($[0] = (P) => c.value = P),
@@ -4954,12 +4954,12 @@ const Si = { class: "q-dialog-content mastodon-dialog-content flex center" }, Ei
               }, null, 512), [
                 [J, c.value]
               ]),
-              q(V, {
+              E(V, {
                 class: "primary icon ml-2",
                 onClick: w
               }, {
-                default: T(() => [
-                  q(I)
+                default: j(() => [
+                  E(I)
                 ]),
                 _: 1
               })
@@ -4967,14 +4967,14 @@ const Si = { class: "q-dialog-content mastodon-dialog-content flex center" }, Ei
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        q(A, {
+        E(A, {
           modelValue: e.value,
           "onUpdate:modelValue": $[2] || ($[2] = (P) => e.value = P),
           title: "Share to ..."
         }, {
-          default: T(() => [
-            d("div", Ei, [
-              d("div", qi, [
+          default: j(() => [
+            d("div", qi, [
+              d("div", Ei, [
                 d("img", {
                   src: n.value,
                   alt: "QR Code",
@@ -4983,12 +4983,12 @@ const Si = { class: "q-dialog-content mastodon-dialog-content flex center" }, Ei
               ]),
               d("div", Pi, [
                 d("div", Ti, [
-                  q(V, {
+                  E(V, {
                     class: "highlight",
                     onClick: x
                   }, {
-                    default: T(() => [
-                      q(U, { class: "icon" }),
+                    default: j(() => [
+                      E(U, { class: "icon" }),
                       ji
                     ]),
                     _: 1
@@ -5067,7 +5067,7 @@ const Ui = ["src", "alt"], R1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2I
       class: B(["q-avatar", s.value]),
       style: e1(n.value)
     }, [
-      o.src === "" && c.$slots.default ? D(c.$slots, "default", { key: 0 }) : (a(), u("img", {
+      o.src === "" && c.$slots.default ? T(c.$slots, "default", { key: 0 }) : (a(), u("img", {
         key: 1,
         src: e.value,
         alt: t.alt,
@@ -5137,11 +5137,11 @@ const Fi = { class: "q-dropdown-menu-with-text-field" }, Ri = { class: "q-dropdo
         });
       }, 300)();
     }), (f, g) => {
-      const k = E("q-dropdown-menu");
+      const k = q("q-dropdown-menu");
       return a(), u("div", Fi, [
         d("div", Ri, [
           d("div", zi, [
-            q(k, {
+            E(k, {
               items: t.items,
               "initial-item": i.value,
               "use-dialog": "always",
@@ -5172,7 +5172,7 @@ const Fi = { class: "q-dropdown-menu-with-text-field" }, Ri = { class: "q-dropdo
             d("span", {
               textContent: H(e.fillActionLabel)
             }, null, 8, Yi),
-            q(z1, { class: "icon" })
+            E(z1, { class: "icon" })
           ]),
           d("div", Ki, [
             d("span", {
@@ -5184,7 +5184,7 @@ const Fi = { class: "q-dropdown-menu-with-text-field" }, Ri = { class: "q-dropdo
     };
   }
 });
-const tr = /* @__PURE__ */ _(Xi, [["__scopeId", "data-v-cc38c31d"]]), er = (t) => (q1("data-v-239de42a"), t = t(), A1(), t), nr = ["disabled"], or = {
+const tr = /* @__PURE__ */ _(Xi, [["__scopeId", "data-v-cc38c31d"]]), er = (t) => (E1("data-v-239de42a"), t = t(), A1(), t), nr = ["disabled"], or = {
   key: 0,
   class: "ocean"
 }, sr = /* @__PURE__ */ er(() => /* @__PURE__ */ d("div", { class: "wave" }, null, -1)), ir = [
@@ -5215,11 +5215,11 @@ const tr = /* @__PURE__ */ _(Xi, [["__scopeId", "data-v-cc38c31d"]]), er = (t) =
       disabled: !s.value
     }, [
       o.loading ? (a(), u("div", or, ir)) : b("", !0),
-      D(n.$slots, "default", {}, void 0, !0)
+      T(n.$slots, "default", {}, void 0, !0)
     ], 10, nr));
   }
 });
-const cr = /* @__PURE__ */ _(rr, [["__scopeId", "data-v-239de42a"]]), lr = { class: "q-tabs" }, ar = { class: "q-tab-button-label" }, dr = /* @__PURE__ */ S({
+const cr = /* @__PURE__ */ _(rr, [["__scopeId", "data-v-239de42a"]]), lr = { class: "q-tab-button-label" }, ar = /* @__PURE__ */ S({
   __name: "QTabs",
   props: {
     modelValue: Object,
@@ -5230,12 +5230,17 @@ const cr = /* @__PURE__ */ _(rr, [["__scopeId", "data-v-239de42a"]]), lr = { cla
     initialIndex: {
       type: Number,
       default: 0
+    },
+    variant: {
+      type: String,
+      default: "normal"
+      // normal, plain
     }
   },
   emits: ["change", "update:modelValue"],
   setup(t, { emit: o }) {
     const e = t, s = o, n = y(e.tabs[e.initialIndex]), i = y(e.initialIndex);
-    j(() => e.modelValue, (l) => {
+    D(() => e.modelValue, (l) => {
       i.value = e.tabs.findIndex((C) => C.id === l.id), n.value = l || e.tabs[0];
     });
     function c(l, C) {
@@ -5243,39 +5248,41 @@ const cr = /* @__PURE__ */ _(rr, [["__scopeId", "data-v-239de42a"]]), lr = { cla
     }
     function r(l, C) {
       const h = [];
-      return i.value === C ? h.push("selected outlined") : h.push("plain"), l.icon && h.push("with-icon"), l.title && h.push("with-label"), h.join(" ");
+      return e.variant === "normal" ? i.value === C ? h.push("selected outlined") : h.push("non-selected plain") : e.variant === "plain" && (i.value === C ? h.push("selected plain") : h.push("non-selected plain")), l.icon && h.push("with-icon"), l.title && h.push("with-label"), h.join(" ");
     }
     return (l, C) => {
-      const h = E("QButton");
-      return a(), u("div", lr, [
+      const h = q("QButton");
+      return a(), u("div", {
+        class: B(["q-tabs", e.variant])
+      }, [
         (a(!0), u(Y, null, t1(t.tabs, (p, f) => (a(), Q(h, {
           class: B(["q-tab-button sm", r(p, f)]),
           key: `tab-button-${f}`,
           onClick: (g) => c(f, p)
         }, {
-          default: T(() => [
+          default: j(() => [
             p.icon ? (a(), Q(W(p.icon), {
               key: 0,
               class: "q-tab-button-icon"
             })) : b("", !0),
-            d("div", ar, H(p.title), 1)
+            d("div", lr, H(p.title), 1)
           ]),
           _: 2
         }, 1032, ["class", "onClick"]))), 128))
-      ]);
+      ], 2);
     };
   }
 });
-const ur = /* @__PURE__ */ _(dr, [["__scopeId", "data-v-d2ef5460"]]), hr = { class: "q-input-prepend-out" }, Cr = { class: "q-text-field-wrapper" }, _r = { class: "q-text-field-inner" }, pr = { class: "q-input-prepend" }, fr = ["placeholder", "disabled"], gr = { class: "q-input-append" }, wr = {
+const dr = /* @__PURE__ */ _(ar, [["__scopeId", "data-v-5afbb532"]]), ur = { class: "q-input-prepend-out" }, hr = { class: "q-text-field-wrapper" }, Cr = { class: "q-text-field-inner" }, _r = { class: "q-input-prepend" }, pr = ["placeholder", "disabled"], fr = { class: "q-input-append" }, gr = {
   key: 0,
   class: "q-text-field-hint q-text-caption"
-}, $r = { class: "q-text-field-hint-left" }, mr = {
+}, wr = { class: "q-text-field-hint-left" }, $r = {
   key: 1,
   class: "q-text-field-hint-text"
-}, vr = {
+}, mr = {
   key: 0,
   class: "q-text-field-counter q-text-caption"
-}, kr = { class: "q-input-append-out" }, xr = /* @__PURE__ */ S({
+}, vr = { class: "q-input-append-out" }, kr = /* @__PURE__ */ S({
   __name: "QInput",
   props: {
     modelValue: {
@@ -5309,7 +5316,7 @@ const ur = /* @__PURE__ */ _(dr, [["__scopeId", "data-v-d2ef5460"]]), hr = { cla
   emits: ["change", "blur", "focus", "keyup", "update:modelValue"],
   setup(t, { emit: o }) {
     const e = t, s = o, n = y(e.defaultText), i = y(null);
-    j(() => e.modelValue, (g) => {
+    D(() => e.modelValue, (g) => {
       n.value = g;
     });
     const c = M(() => e.max === -1 ? !1 : n.value.length > e.max), r = M(() => e.hintIcon || e.hintText || e.max !== -1 || e.error), l = M(() => {
@@ -5330,17 +5337,17 @@ const ur = /* @__PURE__ */ _(dr, [["__scopeId", "data-v-d2ef5460"]]), hr = { cla
     }
     return R(() => {
     }), (g, k) => {
-      const x = E("QIconEditorDelete"), L = E("QButton");
+      const x = q("QIconEditorDelete"), L = q("QButton");
       return a(), u("div", {
         class: B(["q-input", l.value])
       }, [
-        d("div", hr, [
-          D(g.$slots, "prepend-out", {}, void 0, !0)
+        d("div", ur, [
+          T(g.$slots, "prepend-out", {}, void 0, !0)
         ]),
-        d("div", Cr, [
-          d("div", _r, [
-            d("div", pr, [
-              D(g.$slots, "prepend", {}, void 0, !0)
+        d("div", hr, [
+          d("div", Cr, [
+            d("div", _r, [
+              T(g.$slots, "prepend", {}, void 0, !0)
             ]),
             G(d("input", {
               ref_key: "textField",
@@ -5353,44 +5360,44 @@ const ur = /* @__PURE__ */ _(dr, [["__scopeId", "data-v-d2ef5460"]]), hr = { cla
               onKeyup: C,
               onFocus: k[1] || (k[1] = () => s("focus")),
               onBlur: k[2] || (k[2] = () => s("blur"))
-            }, null, 40, fr), [
+            }, null, 40, pr), [
               [J, n.value]
             ]),
-            q(L, {
+            E(L, {
               class: "clear-btn plain sm icon",
               onClick: p
             }, {
-              default: T(() => [
-                q(x, { class: "icon" })
+              default: j(() => [
+                E(x, { class: "icon" })
               ]),
               _: 1
             }),
-            d("div", gr, [
-              D(g.$slots, "append", {}, void 0, !0)
+            d("div", fr, [
+              T(g.$slots, "append", {}, void 0, !0)
             ])
           ]),
-          r.value ? (a(), u("div", wr, [
-            d("div", $r, [
+          r.value ? (a(), u("div", gr, [
+            d("div", wr, [
               t.hintIcon ? (a(), Q(W(t.hintIcon), {
                 key: 0,
                 class: "q-text-field-hint-icon"
               })) : b("", !0),
-              t.hintText ? (a(), u("div", mr, H(t.hintText), 1)) : b("", !0)
+              t.hintText ? (a(), u("div", $r, H(t.hintText), 1)) : b("", !0)
             ]),
-            t.max !== -1 ? (a(), u("div", vr, H(n.value.length) + " / " + H(t.max), 1)) : b("", !0)
+            t.max !== -1 ? (a(), u("div", mr, H(n.value.length) + " / " + H(t.max), 1)) : b("", !0)
           ])) : b("", !0)
         ]),
-        d("div", kr, [
-          D(g.$slots, "append-out", {}, void 0, !0)
+        d("div", vr, [
+          T(g.$slots, "append-out", {}, void 0, !0)
         ])
       ], 2);
     };
   }
 });
-const Mr = /* @__PURE__ */ _(xr, [["__scopeId", "data-v-bd9cfa59"]]), yr = { class: "q-search-input" }, Ir = {
+const xr = /* @__PURE__ */ _(kr, [["__scopeId", "data-v-99ca6095"]]), Mr = { class: "q-search-input" }, yr = {
   key: 0,
   class: "result"
-}, Lr = /* @__PURE__ */ S({
+}, Ir = /* @__PURE__ */ S({
   __name: "QSearchInput",
   props: {
     modelValue: {
@@ -5414,11 +5421,11 @@ const Mr = /* @__PURE__ */ _(xr, [["__scopeId", "data-v-bd9cfa59"]]), yr = { cla
   emits: ["change", "blur", "focus", "keyup", "select", "update:modelValue"],
   setup(t, { emit: o }) {
     const e = t, s = o, n = y(e.defaultText), i = y(!1);
-    j(() => e.modelValue, (h) => {
+    D(() => e.modelValue, (h) => {
       n.value = h;
-    }), j(() => n.value, (h) => {
+    }), D(() => n.value, (h) => {
       n.value === "" && (i.value = !1);
-    }), j(() => e.items, (h) => {
+    }), D(() => e.items, (h) => {
       i.value = h.length > 0 && n.value !== "";
     });
     const c = M(() => e.items.map((h) => ({
@@ -5439,9 +5446,9 @@ const Mr = /* @__PURE__ */ _(xr, [["__scopeId", "data-v-bd9cfa59"]]), yr = { cla
     }
     return R(() => {
     }), (h, p) => {
-      const f = E("QInput"), g = E("QMenu");
-      return a(), u("div", yr, [
-        q(f, {
+      const f = q("QInput"), g = q("QMenu");
+      return a(), u("div", Mr, [
+        E(f, {
           modelValue: n.value,
           "onUpdate:modelValue": p[0] || (p[0] = (k) => n.value = k),
           type: "text",
@@ -5450,14 +5457,14 @@ const Mr = /* @__PURE__ */ _(xr, [["__scopeId", "data-v-bd9cfa59"]]), yr = { cla
           onKeyup: r,
           onChange: l
         }, null, 8, ["modelValue", "placeholder", "disabled"]),
-        t.items && i.value ? (a(), u("div", Ir, [
-          q(g, { items: c.value }, null, 8, ["items"])
+        t.items && i.value ? (a(), u("div", yr, [
+          E(g, { items: c.value }, null, 8, ["items"])
         ])) : b("", !0)
       ]);
     };
   }
 });
-const br = /* @__PURE__ */ _(Lr, [["__scopeId", "data-v-2bc84f25"]]), Vr = /* @__PURE__ */ S({
+const Lr = /* @__PURE__ */ _(Ir, [["__scopeId", "data-v-2bc84f25"]]), br = /* @__PURE__ */ S({
   __name: "QToggleButton",
   props: {
     modelValue: {
@@ -5480,7 +5487,7 @@ const br = /* @__PURE__ */ _(Lr, [["__scopeId", "data-v-2bc84f25"]]), Vr = /* @_
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
     const e = t, s = o, n = y(e.modelValue);
-    j(() => e.modelValue, (r) => {
+    D(() => e.modelValue, (r) => {
       n.value = r;
     });
     const i = M(() => {
@@ -5491,30 +5498,30 @@ const br = /* @__PURE__ */ _(Lr, [["__scopeId", "data-v-2bc84f25"]]), Vr = /* @_
       n.value = !n.value, s("update:modelValue", n.value);
     }
     return (r, l) => {
-      const C = E("QButton");
+      const C = q("QButton");
       return a(), Q(C, {
         class: B(i.value),
         disabled: t.disabled,
         loading: t.loading,
         onClick: c
       }, {
-        default: T(() => [
-          D(r.$slots, "default")
+        default: j(() => [
+          T(r.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "disabled", "loading"]);
     };
   }
-}), Br = ["rows", "placeholder", "disabled"], Qr = {
+}), Vr = { class: "q-textarea-prepend-out" }, Br = { class: "q-textarea-wrapper" }, Qr = { class: "q-textarea-inner" }, Hr = { class: "q-textarea-prepend" }, Sr = ["rows", "placeholder", "disabled"], qr = { class: "q-textarea-append" }, Er = {
   key: 0,
   class: "q-textarea-hint q-text-caption"
-}, Hr = { class: "q-textarea-hint-left" }, Sr = {
+}, Ar = { class: "q-textarea-hint-left" }, Pr = {
   key: 1,
   class: "q-textarea-hint-text q-text-caption"
-}, Er = {
+}, Tr = {
   key: 0,
   class: "q-textarea-counter"
-}, qr = /* @__PURE__ */ S({
+}, jr = { class: "q-input-append-out" }, Dr = /* @__PURE__ */ S({
   __name: "QTextarea",
   props: {
     modelValue: {
@@ -5552,7 +5559,7 @@ const br = /* @__PURE__ */ _(Lr, [["__scopeId", "data-v-2bc84f25"]]), Vr = /* @_
   emits: ["change", "blur", "focus", "keyup", "update:modelValue"],
   setup(t, { emit: o }) {
     const e = t, s = o, n = y(e.defaultText);
-    j(() => e.modelValue, (p) => {
+    D(() => e.modelValue, (p) => {
       n.value = p;
     });
     const i = M(() => e.max === -1 ? !1 : n.value.length > e.max), c = M(() => e.hintIcon || e.hintText || e.max !== -1), r = M(() => {
@@ -5572,31 +5579,47 @@ const br = /* @__PURE__ */ _(Lr, [["__scopeId", "data-v-2bc84f25"]]), Vr = /* @_
     }), (p, f) => (a(), u("div", {
       class: B(["q-textarea", r.value])
     }, [
-      G(d("textarea", {
-        class: "textarea",
-        "onUpdate:modelValue": f[0] || (f[0] = (g) => n.value = g),
-        onChange: C,
-        onKeyup: l,
-        rows: t.rows,
-        placeholder: e.placeholder,
-        disabled: t.disabled
-      }, null, 40, Br), [
-        [J, n.value]
+      d("div", Vr, [
+        T(p.$slots, "prepend-out", {}, void 0, !0)
       ]),
-      c.value ? (a(), u("div", Qr, [
-        d("div", Hr, [
-          t.hintIcon ? (a(), Q(W(t.hintIcon), {
-            key: 0,
-            class: "q-textarea-hint-icon"
-          })) : b("", !0),
-          t.hintText ? (a(), u("div", Sr, H(t.hintText), 1)) : b("", !0)
+      d("div", Br, [
+        d("div", Qr, [
+          d("div", Hr, [
+            T(p.$slots, "prepend", {}, void 0, !0)
+          ]),
+          G(d("textarea", {
+            class: "textarea",
+            "onUpdate:modelValue": f[0] || (f[0] = (g) => n.value = g),
+            onChange: C,
+            onKeyup: l,
+            rows: t.rows,
+            placeholder: e.placeholder,
+            disabled: t.disabled
+          }, null, 40, Sr), [
+            [J, n.value]
+          ]),
+          d("div", qr, [
+            T(p.$slots, "append", {}, void 0, !0)
+          ])
         ]),
-        t.max !== -1 ? (a(), u("div", Er, H(n.value.length) + " / " + H(t.max), 1)) : b("", !0)
-      ])) : b("", !0)
+        c.value ? (a(), u("div", Er, [
+          d("div", Ar, [
+            t.hintIcon ? (a(), Q(W(t.hintIcon), {
+              key: 0,
+              class: "q-textarea-hint-icon"
+            })) : b("", !0),
+            t.hintText ? (a(), u("div", Pr, H(t.hintText), 1)) : b("", !0)
+          ]),
+          t.max !== -1 ? (a(), u("div", Tr, H(n.value.length) + " / " + H(t.max), 1)) : b("", !0)
+        ])) : b("", !0)
+      ]),
+      d("div", jr, [
+        T(p.$slots, "append-out", {}, void 0, !0)
+      ])
     ], 2));
   }
 });
-const Ar = /* @__PURE__ */ _(qr, [["__scopeId", "data-v-e263b795"]]), Pr = /* @__PURE__ */ S({
+const Zr = /* @__PURE__ */ _(Dr, [["__scopeId", "data-v-f7368614"]]), Ur = /* @__PURE__ */ S({
   __name: "QCurrencySelector",
   props: {
     currency: {
@@ -5640,19 +5663,19 @@ const Ar = /* @__PURE__ */ _(qr, [["__scopeId", "data-v-e263b795"]]), Pr = /* @_
         value: r.value
       });
     }
-    return j(() => s.currency, (r) => {
+    return D(() => s.currency, (r) => {
       n.value = i.value.find((l) => r === l.value);
     }), R(() => {
       n.value = i.value.find((r) => s.currency === r.value) || i.value[0];
     }), (r, l) => {
-      const C = E("QDropdownMenu");
+      const C = q("QDropdownMenu");
       return a(), Q(C, {
         items: i.value,
         "initial-item": n.value
       }, null, 8, ["items", "initial-item"]);
     };
   }
-}), Tr = (t) => (q1("data-v-d77b9da7"), t = t(), A1(), t), jr = { class: "q-payment-apparoch-item" }, Dr = { class: "approach-inner" }, Zr = { class: "approach-icons" }, Ur = ["textContent"], Nr = /* @__PURE__ */ Tr(() => /* @__PURE__ */ d("div", { class: "spacer" }, null, -1)), Fr = ["textContent"], Rr = /* @__PURE__ */ S({
+}), Nr = (t) => (E1("data-v-908991fb"), t = t(), A1(), t), Fr = { class: "q-payment-apparoch-item" }, Rr = { class: "approach-inner" }, zr = { class: "approach-icons" }, Or = ["textContent"], Gr = /* @__PURE__ */ Nr(() => /* @__PURE__ */ d("div", { class: "spacer" }, null, -1)), Wr = ["textContent"], Yr = /* @__PURE__ */ S({
   __name: "QPaymentApproachItem",
   props: {
     name: {
@@ -5678,9 +5701,9 @@ const Ar = /* @__PURE__ */ _(qr, [["__scopeId", "data-v-e263b795"]]), Pr = /* @_
   },
   setup(t) {
     const o = t;
-    return (e, s) => (a(), u("div", jr, [
-      d("div", Dr, [
-        d("div", Zr, [
+    return (e, s) => (a(), u("div", Fr, [
+      d("div", Rr, [
+        d("div", zr, [
           (a(!0), u(Y, null, t1(t.icons, (n) => (a(), u("div", {
             key: `icon-${n}`,
             class: B(["icon", `icon-${n}`])
@@ -5689,18 +5712,18 @@ const Ar = /* @__PURE__ */ _(qr, [["__scopeId", "data-v-e263b795"]]), Pr = /* @_
         d("div", {
           class: "approach-desc q-text-caption q-c-dark-2",
           textContent: H(o.desc)
-        }, null, 8, Ur)
+        }, null, 8, Or)
       ]),
-      Nr,
-      D(e.$slots, "default", {}, void 0, !0),
+      Gr,
+      T(e.$slots, "default", {}, void 0, !0),
       d("div", {
         class: "quote-currency q-text-caption font-bold q-c-dark-2",
         textContent: H(t.symbol)
-      }, null, 8, Fr)
+      }, null, 8, Wr)
     ]));
   }
 });
-const zr = /* @__PURE__ */ _(Rr, [["__scopeId", "data-v-d77b9da7"]]), Or = { class: "q-payment-approach-select grid gap-satoshi grid-cols-1" }, Gr = ["onClick"], Wr = /* @__PURE__ */ S({
+const Kr = /* @__PURE__ */ _(Yr, [["__scopeId", "data-v-908991fb"]]), Jr = { class: "q-payment-approach-select grid gap-satoshi grid-cols-1" }, Xr = ["onClick"], tc = /* @__PURE__ */ S({
   __name: "QPaymentApproachSelect",
   props: {
     channels: {
@@ -5725,26 +5748,26 @@ const zr = /* @__PURE__ */ _(Rr, [["__scopeId", "data-v-d77b9da7"]]), Or = { cla
       }), s.value[l].selected = !0, n("select", { name: r.name }));
     }
     return (r, l) => {
-      const C = E("QPaymentApproachItem");
-      return a(), u("div", Or, [
+      const C = q("QPaymentApproachItem");
+      return a(), u("div", Jr, [
         (a(!0), u(Y, null, t1(s.value, (h) => (a(), u("div", {
           key: `app-${h.name}`,
           class: B(["q-payment-approach-item-wrapper", i(h)]),
           onClick: (p) => c(h)
         }, [
-          q(C, {
+          E(C, {
             name: h.name,
             icons: h.icons,
             symbol: h.symbol,
             desc: h.desc,
             disabled: h.disabled
           }, null, 8, ["name", "icons", "symbol", "desc", "disabled"])
-        ], 10, Gr))), 128))
+        ], 10, Xr))), 128))
       ]);
     };
   }
 });
-const Yr = /* @__PURE__ */ _(Wr, [["__scopeId", "data-v-afb82846"]]), Kr = { class: "q-premium-decoration" }, Jr = { class: "q-premium-decoration-inner" }, Xr = /* @__PURE__ */ S({
+const ec = /* @__PURE__ */ _(tc, [["__scopeId", "data-v-afb82846"]]), nc = { class: "q-premium-decoration" }, oc = { class: "q-premium-decoration-inner" }, sc = /* @__PURE__ */ S({
   __name: "QPremiumDecoration",
   props: {
     borderRadius: {
@@ -5758,9 +5781,9 @@ const Yr = /* @__PURE__ */ _(Wr, [["__scopeId", "data-v-afb82846"]]), Kr = { cla
       borderBottomLeftRadius: o.borderRadius
     }));
     return R(() => {
-    }), (s, n) => (a(), u("div", Kr, [
-      d("div", Jr, [
-        D(s.$slots, "default", {}, void 0, !0),
+    }), (s, n) => (a(), u("div", nc, [
+      d("div", oc, [
+        T(s.$slots, "default", {}, void 0, !0),
         d("div", {
           class: "q-premium-decoration-image",
           style: e1(e.value)
@@ -5769,40 +5792,40 @@ const Yr = /* @__PURE__ */ _(Wr, [["__scopeId", "data-v-afb82846"]]), Kr = { cla
     ]));
   }
 });
-const tc = /* @__PURE__ */ _(Xr, [["__scopeId", "data-v-35d3f7bb"]]), ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ic = /* @__PURE__ */ _(sc, [["__scopeId", "data-v-609bfe30"]]), rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QAvatar: Ni,
   QButton: cr,
-  QCurrencySelector: Pr,
+  QCurrencySelector: Ur,
   QDatetimePicker: Hs,
   QDialog: Ts,
   QDropdownMenu: y6,
   QDropdownMenuWithTextField: tr,
   QFence: Ys,
-  QInput: Mr,
-  QLanguageSelector: q6,
+  QInput: xr,
+  QLanguageSelector: E6,
   QMenu: s6,
   QMessageDialog: Rs,
   QPackCover: U6,
   QPagination: B6,
-  QPaymentApproachItem: zr,
-  QPaymentApproachSelect: Yr,
-  QPremiumDecoration: tc,
-  QProgress: E6,
-  QSearchInput: br,
+  QPaymentApproachItem: Kr,
+  QPaymentApproachSelect: ec,
+  QPremiumDecoration: ic,
+  QProgress: q6,
+  QSearchInput: Lr,
   QShare: Zi,
   QSwitch: l6,
-  QTabs: ur,
+  QTabs: dr,
   QTextFieldWithButton: h6,
-  QTextarea: Ar,
-  QToggleButton: Vr
+  QTextarea: Zr,
+  QToggleButton: br
 }, Symbol.toStringTag, { value: "Module" }));
-const oc = {
+const lc = {
   install(t, o) {
     o != null && o.debug && console.log("options", o);
     for (const [e, s] of Object.entries(bs))
       o != null && o.debug && console.log("[quail-ui] register icon component", e, s), t.component(e, s);
-    for (const [e, s] of Object.entries(ec))
+    for (const [e, s] of Object.entries(rc))
       o != null && o.debug && console.log("[quail-ui] register common component", e, s), t.component(e, s);
     document.body.addEventListener("click", (e) => {
       W1();
@@ -5810,9 +5833,9 @@ const oc = {
   }
 };
 export {
-  ec as Common,
+  rc as Common,
   bs as Icons,
-  oc as QuailUI,
-  oc as default
+  lc as QuailUI,
+  lc as default
 };
 //# sourceMappingURL=index.js.map