@quidgest/ui 0.0.8 → 0.0.10

package/README.md

@@ -17,23 +17,42 @@ pnpm add @quidgest/ui
 
 ## Usage
 
-Once installed, you can import and use components as follows:
+Start by installing the framework. We recommend placing this logic in a dedicated file, such as `src/plugins/quidgest-ui.ts`.
 
-```vue
+```ts
+// src/plugins/quidgest-ui.ts
+
+import { createFramework } from '@quidgest/ui'
+
+const framework = createFramework()
+
+export default framework
+```
+
+Then, use the plugin in `main.ts`, as follows:
+
+```ts
+// src/main.ts
+
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import framework from './plugins/quidgest-ui'
+
+createApp(App).use(framework).mount('#app')
+```
+
+Once installed, the components become globally available and can be used like so:
+
+```ts
 <template>
-	<div>
-		<q-button>Click me</q-button>
-	</div>
+	<q-button @click="handleClick">Click me</q-button>
 </template>
 
-<script>
-	import { QButton } from '@quidgest/ui'
-
-	export default {
-		components: {
-			QButton
-		}
-	}
+<script setup lang="ts">
+function handleClick() {
+	console.log("Parallel lines have so much in common. It's a shame they'll never meet.")
+}
 </script>
 ```
 
@@ -41,13 +60,7 @@ Once installed, you can import and use components as follows:
 
 The package utilizes Storybook for component development and organization. You can view the components locally in the Storybook documentation explorer.
 
-First, navigate to the package's directory:
-
-```cli
-cd ui
-```
-
-Next, run Storybook:
+Execute the following command to run Storybook:
 
 ```cli
 npm run storybook

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as v, openBlock as g, createElementBlock as y, normalizeStyle as ot, createElementVNode as Z, normalizeClass as re, createVNode as it, unref as I, createCommentVNode as j, Fragment as pe, createTextVNode as ge, toDisplayString as R, renderSlot as L, provide as kt, inject as Nt, getCurrentInstance as st, toRef as le, ref as we, watch as X, createBlock as G, withCtx as H, renderList as Ut, reactive as Rt, onBeforeUnmount as Gt, Teleport as Ht, Transition as Vt, nextTick as Ie } from "vue";
+import { defineComponent as A, computed as _, openBlock as g, createElementBlock as y, normalizeStyle as ot, createElementVNode as Z, normalizeClass as $e, createVNode as it, unref as I, createCommentVNode as j, Fragment as de, createTextVNode as pe, toDisplayString as R, renderSlot as L, provide as kt, inject as Nt, getCurrentInstance as st, toRef as ce, ref as we, watch as X, createBlock as G, withCtx as H, renderList as Ut, reactive as Rt, onBeforeUnmount as Gt, Teleport as Ht, Transition as Vt, nextTick as Ie } from "vue";
 const Qt = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
   /* @__PURE__ */ Z("circle", {
     class: "path",
@@ -18,7 +18,7 @@ const Qt = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
     size: { default: 48 }
   },
   setup(e) {
-    const t = e, r = v(() => (t.size !== 48 && `${t.size}`, {
+    const t = e, r = _(() => (t.size !== 48 && `${t.size}`, {
       "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
     return (n, a) => (g(), y("div", {
@@ -32,6 +32,7 @@ const Qt = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
 }, Xt = { class: "q-btn__content" }, lt = /* @__PURE__ */ A({
   __name: "QButton",
   props: {
+    active: { type: Boolean },
     bStyle: { default: "secondary" },
     label: { default: "" },
     disabled: { type: Boolean },
@@ -44,17 +45,18 @@ const Qt = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const r = e, n = v(() => r.disabled || r.loading);
+    const r = e, n = _(() => r.disabled || r.loading);
     function a(o) {
       n.value || t("click", o);
     }
-    const s = v(() => {
-      const o = v(() => r.bStyle ? `q-btn--${r.bStyle}` : void 0), i = v(() => r.size !== "regular" ? `q-btn--${r.size}` : void 0);
+    const s = _(() => {
+      const o = _(() => r.bStyle ? `q-btn--${r.bStyle}` : void 0), i = _(() => r.size !== "regular" ? `q-btn--${r.size}` : void 0);
       return [
         "q-btn",
         o.value,
         i.value,
         {
+          "q-btn--active": r.active,
           "q-btn--borderless": r.borderless,
           "q-btn--elevated": r.elevated,
           "q-btn--block": r.block,
@@ -64,7 +66,7 @@ const Qt = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
     });
     return (o, i) => (g(), y("button", {
       type: "button",
-      class: re(s.value),
+      class: $e(s.value),
       disabled: n.value,
       onClick: a
     }, [
@@ -72,12 +74,12 @@ const Qt = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
         it(I(ct), { size: 23 })
       ])) : j("", !0),
       Z("span", Xt, [
-        o.iconOnRight ? (g(), y(pe, { key: 0 }, [
-          ge(R(r.label), 1)
+        o.iconOnRight ? (g(), y(de, { key: 0 }, [
+          pe(R(r.label), 1)
         ], 64)) : j("", !0),
         L(o.$slots, "default"),
-        o.iconOnRight ? j("", !0) : (g(), y(pe, { key: 1 }, [
-          ge(R(r.label), 1)
+        o.iconOnRight ? j("", !0) : (g(), y(de, { key: 1 }, [
+          pe(R(r.label), 1)
         ], 64))
       ])
     ], 10, Wt));
@@ -128,19 +130,19 @@ function Te(e) {
   return t == dr || t == pr || t == fr || t == gr;
 }
 var hr = m["__core-js_shared__"];
-const ue = hr;
+const le = hr;
 var Me = function() {
-  var e = /[^.]+$/.exec(ue && ue.keys && ue.keys.IE_PROTO || "");
+  var e = /[^.]+$/.exec(le && le.keys && le.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
 function br(e) {
   return !!Me && Me in e;
 }
-var yr = Function.prototype, _r = yr.toString;
+var yr = Function.prototype, vr = yr.toString;
 function C(e) {
   if (e != null) {
     try {
-      return _r.call(e);
+      return vr.call(e);
     } catch {
     }
     try {
@@ -150,8 +152,8 @@ function C(e) {
   }
   return "";
 }
-var vr = /[\\^$.*+?()[\]{}|]/g, mr = /^\[object .+?Constructor\]$/, $r = Function.prototype, wr = Object.prototype, Tr = $r.toString, Or = wr.hasOwnProperty, jr = RegExp(
-  "^" + Tr.call(Or).replace(vr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var _r = /[\\^$.*+?()[\]{}|]/g, mr = /^\[object .+?Constructor\]$/, $r = Function.prototype, wr = Object.prototype, Tr = $r.toString, Or = wr.hasOwnProperty, jr = RegExp(
+  "^" + Tr.call(Or).replace(_r, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function Sr(e) {
   if (!T(e) || br(e))
@@ -167,7 +169,7 @@ function B(e, t) {
   return Sr(r) ? r : void 0;
 }
 var xr = B(m, "WeakMap");
-const he = xr;
+const ge = xr;
 var De = Object.create, Cr = function() {
   function e() {
   }
@@ -256,13 +258,13 @@ function Oe(e, t, r) {
     writable: !0
   }) : e[t] = r;
 }
-function ne(e, t) {
+function re(e, t) {
   return e === t || e !== e && t !== t;
 }
 var Hr = Object.prototype, Vr = Hr.hasOwnProperty;
 function ht(e, t, r) {
   var n = e[t];
-  (!(Vr.call(e, t) && ne(n, r)) || r === void 0 && !(t in e)) && Oe(e, t, r);
+  (!(Vr.call(e, t) && re(n, r)) || r === void 0 && !(t in e)) && Oe(e, t, r);
 }
 function K(e, t, r, n) {
   var a = !r;
@@ -298,7 +300,7 @@ function Yr(e, t, r) {
   if (!T(r))
     return !1;
   var n = typeof t;
-  return (n == "number" ? W(r) && gt(t, r.length) : n == "string" && t in r) ? ne(r[t], e) : !1;
+  return (n == "number" ? W(r) && gt(t, r.length) : n == "string" && t in r) ? re(r[t], e) : !1;
 }
 function Xr(e) {
   return Kr(function(t, r) {
@@ -311,7 +313,7 @@ function Xr(e) {
   });
 }
 var Jr = Object.prototype;
-function ae(e) {
+function ne(e) {
   var t = e && e.constructor, r = typeof t == "function" && t.prototype || Jr;
   return e === r;
 }
@@ -333,11 +335,11 @@ const te = nn;
 function an() {
   return !1;
 }
-var _t = typeof exports == "object" && exports && !exports.nodeType && exports, ze = _t && typeof module == "object" && module && !module.nodeType && module, on = ze && ze.exports === _t, ke = on ? m.Buffer : void 0, sn = ke ? ke.isBuffer : void 0, cn = sn || an;
-const oe = cn;
-var ln = "[object Arguments]", un = "[object Array]", fn = "[object Boolean]", dn = "[object Date]", pn = "[object Error]", gn = "[object Function]", hn = "[object Map]", bn = "[object Number]", yn = "[object Object]", _n = "[object RegExp]", vn = "[object Set]", mn = "[object String]", $n = "[object WeakMap]", wn = "[object ArrayBuffer]", Tn = "[object DataView]", On = "[object Float32Array]", jn = "[object Float64Array]", Sn = "[object Int8Array]", An = "[object Int16Array]", xn = "[object Int32Array]", Cn = "[object Uint8Array]", Bn = "[object Uint8ClampedArray]", En = "[object Uint16Array]", Pn = "[object Uint32Array]", d = {};
+var vt = typeof exports == "object" && exports && !exports.nodeType && exports, ze = vt && typeof module == "object" && module && !module.nodeType && module, on = ze && ze.exports === vt, ke = on ? m.Buffer : void 0, sn = ke ? ke.isBuffer : void 0, cn = sn || an;
+const ae = cn;
+var ln = "[object Arguments]", un = "[object Array]", fn = "[object Boolean]", dn = "[object Date]", pn = "[object Error]", gn = "[object Function]", hn = "[object Map]", bn = "[object Number]", yn = "[object Object]", vn = "[object RegExp]", _n = "[object Set]", mn = "[object String]", $n = "[object WeakMap]", wn = "[object ArrayBuffer]", Tn = "[object DataView]", On = "[object Float32Array]", jn = "[object Float64Array]", Sn = "[object Int8Array]", An = "[object Int16Array]", xn = "[object Int32Array]", Cn = "[object Uint8Array]", Bn = "[object Uint8ClampedArray]", En = "[object Uint16Array]", Pn = "[object Uint32Array]", d = {};
 d[On] = d[jn] = d[Sn] = d[An] = d[xn] = d[Cn] = d[Bn] = d[En] = d[Pn] = !0;
-d[ln] = d[un] = d[wn] = d[fn] = d[Tn] = d[dn] = d[pn] = d[gn] = d[hn] = d[bn] = d[yn] = d[_n] = d[vn] = d[mn] = d[$n] = !1;
+d[ln] = d[un] = d[wn] = d[fn] = d[Tn] = d[dn] = d[pn] = d[gn] = d[hn] = d[bn] = d[yn] = d[vn] = d[_n] = d[mn] = d[$n] = !1;
 function In(e) {
   return x(e) && bt(e.length) && !!d[q(e)];
 }
@@ -346,10 +348,10 @@ function je(e) {
     return e(t);
   };
 }
-var vt = typeof exports == "object" && exports && !exports.nodeType && exports, U = vt && typeof module == "object" && module && !module.nodeType && module, Ln = U && U.exports === vt, fe = Ln && ut.process, Mn = function() {
+var _t = typeof exports == "object" && exports && !exports.nodeType && exports, U = _t && typeof module == "object" && module && !module.nodeType && module, Ln = U && U.exports === _t, ue = Ln && ut.process, Mn = function() {
   try {
     var e = U && U.require && U.require("util").types;
-    return e || fe && fe.binding && fe.binding("util");
+    return e || ue && ue.binding && ue.binding("util");
   } catch {
   }
 }();
@@ -358,7 +360,7 @@ var Ne = F && F.isTypedArray, Dn = Ne ? je(Ne) : In;
 const Se = Dn;
 var Fn = Object.prototype, qn = Fn.hasOwnProperty;
 function mt(e, t) {
-  var r = D(e), n = !r && te(e), a = !r && !n && oe(e), s = !r && !n && !a && Se(e), o = r || n || a || s, i = o ? Zr(e.length, String) : [], c = i.length;
+  var r = D(e), n = !r && te(e), a = !r && !n && ae(e), s = !r && !n && !a && Se(e), o = r || n || a || s, i = o ? Zr(e.length, String) : [], c = i.length;
   for (var l in e)
     (t || qn.call(e, l)) && !(o && // Safari 9 has enumerable `arguments.length` in strict mode.
     (l == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -376,7 +378,7 @@ var zn = $t(Object.keys, Object);
 const kn = zn;
 var Nn = Object.prototype, Un = Nn.hasOwnProperty;
 function wt(e) {
-  if (!ae(e))
+  if (!ne(e))
     return kn(e);
   var t = [];
   for (var r in Object(e))
@@ -397,7 +399,7 @@ var Gn = Object.prototype, Hn = Gn.hasOwnProperty;
 function Vn(e) {
   if (!T(e))
     return Rn(e);
-  var t = ae(e), r = [];
+  var t = ne(e), r = [];
   for (var n in e)
     n == "constructor" && (t || !Hn.call(e, n)) || r.push(n);
   return r;
@@ -448,29 +450,29 @@ S.prototype.set = aa;
 function oa() {
   this.__data__ = [], this.size = 0;
 }
-function ie(e, t) {
+function oe(e, t) {
   for (var r = e.length; r--; )
-    if (ne(e[r][0], t))
+    if (re(e[r][0], t))
       return r;
   return -1;
 }
 var ia = Array.prototype, sa = ia.splice;
 function ca(e) {
-  var t = this.__data__, r = ie(t, e);
+  var t = this.__data__, r = oe(t, e);
   if (r < 0)
     return !1;
   var n = t.length - 1;
   return r == n ? t.pop() : sa.call(t, r, 1), --this.size, !0;
 }
 function la(e) {
-  var t = this.__data__, r = ie(t, e);
+  var t = this.__data__, r = oe(t, e);
   return r < 0 ? void 0 : t[r][1];
 }
 function ua(e) {
-  return ie(this.__data__, e) > -1;
+  return oe(this.__data__, e) > -1;
 }
 function fa(e, t) {
-  var r = this.__data__, n = ie(r, e);
+  var r = this.__data__, n = oe(r, e);
   return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;
 }
 function $(e) {
@@ -498,22 +500,22 @@ function ga(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function se(e, t) {
+function ie(e, t) {
   var r = e.__data__;
   return ga(t) ? r[typeof t == "string" ? "string" : "hash"] : r.map;
 }
 function ha(e) {
-  var t = se(this, e).delete(e);
+  var t = ie(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
 function ba(e) {
-  return se(this, e).get(e);
+  return ie(this, e).get(e);
 }
 function ya(e) {
-  return se(this, e).has(e);
+  return ie(this, e).has(e);
 }
-function _a(e, t) {
-  var r = se(this, e), n = r.size;
+function va(e, t) {
+  var r = ie(this, e), n = r.size;
   return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
 }
 function z(e) {
@@ -527,14 +529,14 @@ z.prototype.clear = pa;
 z.prototype.delete = ha;
 z.prototype.get = ba;
 z.prototype.has = ya;
-z.prototype.set = _a;
+z.prototype.set = va;
 function Tt(e, t) {
   for (var r = -1, n = t.length, a = e.length; ++r < n; )
     e[a + r] = t[r];
   return e;
 }
-var va = $t(Object.getPrototypeOf, Object);
-const xe = va;
+var _a = $t(Object.getPrototypeOf, Object);
+const xe = _a;
 var ma = "[object Object]", $a = Function.prototype, wa = Object.prototype, Ot = $a.toString, Ta = wa.hasOwnProperty, Oa = Ot.call(Object);
 function ja(e) {
   if (!x(e) || q(e) != ma)
@@ -630,13 +632,13 @@ function Ga(e) {
   return Ct(e, Y, xt);
 }
 var Ha = B(m, "DataView");
-const be = Ha;
+const he = Ha;
 var Va = B(m, "Promise");
-const ye = Va;
+const be = Va;
 var Qa = B(m, "Set");
-const _e = Qa;
-var Ve = "[object Map]", Ka = "[object Object]", Qe = "[object Promise]", Ke = "[object Set]", We = "[object WeakMap]", Ye = "[object DataView]", Wa = C(be), Ya = C(Q), Xa = C(ye), Ja = C(_e), Za = C(he), O = q;
-(be && O(new be(new ArrayBuffer(1))) != Ye || Q && O(new Q()) != Ve || ye && O(ye.resolve()) != Qe || _e && O(new _e()) != Ke || he && O(new he()) != We) && (O = function(e) {
+const ye = Qa;
+var Ve = "[object Map]", Ka = "[object Object]", Qe = "[object Promise]", Ke = "[object Set]", We = "[object WeakMap]", Ye = "[object DataView]", Wa = C(he), Ya = C(Q), Xa = C(be), Ja = C(ye), Za = C(ge), O = q;
+(he && O(new he(new ArrayBuffer(1))) != Ye || Q && O(new Q()) != Ve || be && O(be.resolve()) != Qe || ye && O(new ye()) != Ke || ge && O(new ge()) != We) && (O = function(e) {
   var t = q(e), r = t == Ka ? e.constructor : void 0, n = r ? C(r) : "";
   if (n)
     switch (n) {
@@ -653,7 +655,7 @@ var Ve = "[object Map]", Ka = "[object Object]", Qe = "[object Promise]", Ke = "
     }
   return t;
 });
-const ce = O;
+const se = O;
 var eo = Object.prototype, to = eo.hasOwnProperty;
 function ro(e) {
   var t = e.length, r = new e.constructor(t);
@@ -682,7 +684,7 @@ function Bt(e, t) {
   var r = t ? Be(e.buffer) : e.buffer;
   return new e.constructor(r, e.byteOffset, e.length);
 }
-var co = "[object Boolean]", lo = "[object Date]", uo = "[object Map]", fo = "[object Number]", po = "[object RegExp]", go = "[object Set]", ho = "[object String]", bo = "[object Symbol]", yo = "[object ArrayBuffer]", _o = "[object DataView]", vo = "[object Float32Array]", mo = "[object Float64Array]", $o = "[object Int8Array]", wo = "[object Int16Array]", To = "[object Int32Array]", Oo = "[object Uint8Array]", jo = "[object Uint8ClampedArray]", So = "[object Uint16Array]", Ao = "[object Uint32Array]";
+var co = "[object Boolean]", lo = "[object Date]", uo = "[object Map]", fo = "[object Number]", po = "[object RegExp]", go = "[object Set]", ho = "[object String]", bo = "[object Symbol]", yo = "[object ArrayBuffer]", vo = "[object DataView]", _o = "[object Float32Array]", mo = "[object Float64Array]", $o = "[object Int8Array]", wo = "[object Int16Array]", To = "[object Int32Array]", Oo = "[object Uint8Array]", jo = "[object Uint8ClampedArray]", So = "[object Uint16Array]", Ao = "[object Uint32Array]";
 function xo(e, t, r) {
   var n = e.constructor;
   switch (t) {
@@ -691,9 +693,9 @@ function xo(e, t, r) {
     case co:
     case lo:
       return new n(+e);
-    case _o:
-      return ao(e, r);
     case vo:
+      return ao(e, r);
+    case _o:
     case mo:
     case $o:
     case wo:
@@ -717,17 +719,17 @@ function xo(e, t, r) {
   }
 }
 function Et(e) {
-  return typeof e.constructor == "function" && !ae(e) ? Br(xe(e)) : {};
+  return typeof e.constructor == "function" && !ne(e) ? Br(xe(e)) : {};
 }
 var Co = "[object Map]";
 function Bo(e) {
-  return x(e) && ce(e) == Co;
+  return x(e) && se(e) == Co;
 }
 var et = F && F.isMap, Eo = et ? je(et) : Bo;
 const Po = Eo;
 var Io = "[object Set]";
 function Lo(e) {
-  return x(e) && ce(e) == Io;
+  return x(e) && se(e) == Io;
 }
 var tt = F && F.isSet, Mo = tt ? je(tt) : Lo;
 const Do = Mo;
@@ -745,11 +747,11 @@ function J(e, t, r, n, a, s) {
     if (o = ro(e), !i)
       return pt(e, o);
   } else {
-    var h = ce(e), _ = h == It || h == Go;
-    if (oe(e))
+    var h = se(e), v = h == It || h == Go;
+    if (ae(e))
       return St(e, i);
-    if (h == Lt || h == Pt || _ && !a) {
-      if (o = c || _ ? {} : Et(e), !i)
+    if (h == Lt || h == Pt || v && !a) {
+      if (o = c || v ? {} : Et(e), !i)
         return c ? Ua(e, Ia(o, e)) : za(e, Pa(o, e));
     } else {
       if (!f[h])
@@ -788,12 +790,12 @@ function di(e) {
 var pi = di();
 const gi = pi;
 function ve(e, t, r) {
-  (r !== void 0 && !ne(e[t], r) || r === void 0 && !(t in e)) && Oe(e, t, r);
+  (r !== void 0 && !re(e[t], r) || r === void 0 && !(t in e)) && Oe(e, t, r);
 }
 function hi(e) {
   return x(e) && W(e);
 }
-function me(e, t) {
+function _e(e, t) {
   if (!(t === "constructor" && typeof e[t] == "function") && t != "__proto__")
     return e[t];
 }
@@ -801,15 +803,15 @@ function bi(e) {
   return K(e, Y(e));
 }
 function yi(e, t, r, n, a, s, o) {
-  var i = me(e, r), c = me(t, r), l = o.get(c);
+  var i = _e(e, r), c = _e(t, r), l = o.get(c);
   if (l) {
     ve(e, r, l);
     return;
   }
   var p = s ? s(i, c, r + "", e, t, o) : void 0, h = p === void 0;
   if (h) {
-    var _ = D(c), w = !_ && oe(c), P = !_ && !w && Se(c);
-    p = c, _ || w || P ? D(i) ? p = i : hi(i) ? p = pt(i) : w ? (h = !1, p = St(c, !0)) : P ? (h = !1, p = Bt(c, !0)) : p = [] : ja(c) || te(c) ? (p = i, te(i) ? p = bi(i) : (!T(i) || Te(i)) && (p = Et(c))) : h = !1;
+    var v = D(c), w = !v && ae(c), P = !v && !w && Se(c);
+    p = c, v || w || P ? D(i) ? p = i : hi(i) ? p = pt(i) : w ? (h = !1, p = St(c, !0)) : P ? (h = !1, p = Bt(c, !0)) : p = [] : ja(c) || te(c) ? (p = i, te(i) ? p = bi(i) : (!T(i) || Te(i)) && (p = Et(c))) : h = !1;
   }
   h && (o.set(c, p), a(p, c, n, s, o), o.delete(c)), ve(e, r, p);
 }
@@ -818,21 +820,21 @@ function Mt(e, t, r, n, a) {
     if (a || (a = new E()), T(s))
       yi(e, t, o, r, Mt, n, a);
     else {
-      var i = n ? n(me(e, o), s, o + "", e, t, a) : void 0;
+      var i = n ? n(_e(e, o), s, o + "", e, t, a) : void 0;
       i === void 0 && (i = s), ve(e, o, i);
     }
   }, Y);
 }
-var _i = "[object Map]", vi = "[object Set]", mi = Object.prototype, $i = mi.hasOwnProperty;
+var vi = "[object Map]", _i = "[object Set]", mi = Object.prototype, $i = mi.hasOwnProperty;
 function wi(e) {
   if (e == null)
     return !0;
-  if (W(e) && (D(e) || typeof e == "string" || typeof e.splice == "function" || oe(e) || Se(e) || te(e)))
+  if (W(e) && (D(e) || typeof e == "string" || typeof e.splice == "function" || ae(e) || Se(e) || te(e)))
     return !e.length;
-  var t = ce(e);
-  if (t == _i || t == vi)
+  var t = se(e);
+  if (t == vi || t == _i)
     return !e.size;
-  if (ae(e))
+  if (ne(e))
     return !wt(e).length;
   for (var r in e)
     if ($i.call(e, r))
@@ -874,20 +876,20 @@ const qt = /* @__PURE__ */ A({
     const t = e;
     ji({
       QButton: {
-        bStyle: le(t, "bStyle"),
-        disabled: le(t, "disabled"),
-        borderless: le(t, "borderless"),
+        bStyle: ce(t, "bStyle"),
+        disabled: ce(t, "disabled"),
+        borderless: ce(t, "borderless"),
         elevated: !1
       }
     });
-    const r = v(() => [
+    const r = _(() => [
       "q-btn-group",
       {
         "q-btn-group--elevated": t.elevated
       }
     ]);
     return (n, a) => (g(), y("div", {
-      class: re(r.value)
+      class: $e(r.value)
     }, [
       L(n.$slots, "default")
     ], 2));
@@ -909,7 +911,7 @@ const qt = /* @__PURE__ */ A({
       () => r.modelValue,
       (o) => n.value = o
     );
-    const a = v({
+    const a = _({
       get() {
         return n.value;
       },
@@ -927,18 +929,18 @@ const qt = /* @__PURE__ */ A({
       elevated: r.elevated
     }, {
       default: H(() => [
-        (g(!0), y(pe, null, Ut(r.options, (c) => (g(), G(I(lt), {
+        (g(!0), y(de, null, Ut(r.options, (c) => (g(), G(I(lt), {
           key: c.key,
           title: c.title,
           label: c.label,
-          class: re({ "q-btn--active": a.value === c.key }),
+          active: a.value === c.key,
           onClick: (l) => s(c)
         }, {
           default: H(() => [
             L(o.$slots, c.key)
           ]),
           _: 2
-        }, 1032, ["title", "label", "class", "onClick"]))), 128))
+        }, 1032, ["title", "label", "active", "onClick"]))), 128))
       ]),
       _: 3
     }, 8, ["disabled", "borderless", "elevated"]));
@@ -1010,7 +1012,7 @@ function Ii(e, t, r) {
       return a;
   return r;
 }
-function de(e) {
+function fe(e) {
   return typeof e == "string" ? document.querySelector(e) : e && "$el" in e ? e.$el : e;
 }
 const Li = {
@@ -1033,12 +1035,12 @@ const Li = {
     trigger: { default: "click" }
   },
   setup(e) {
-    const t = e, r = v(() => [
+    const t = e, r = _(() => [
       "q-overlay",
       `q-overlay--${n.placement}`,
       { "q-overlay--inverted": t.appearance === "inverted" },
       ...t.contentClasses
-    ]), n = Rt({ show: !1, top: 0, left: 0, placement: t.placement }), a = v(() => (n.show || t.persistent) && !t.disabled), s = v(() => {
+    ]), n = Rt({ show: !1, top: 0, left: 0, placement: t.placement }), a = _(() => (n.show || t.persistent) && !t.disabled), s = _(() => {
       let u = 0, b = 0;
       switch (n.placement) {
         case "top":
@@ -1060,7 +1062,7 @@ const Li = {
       };
     }), o = we(null);
     function i() {
-      const u = de(t.anchor);
+      const u = fe(t.anchor);
       if (u && o.value) {
         const b = Pi(u, o.value, t.placement);
         n.left = b.x, n.top = b.y, n.placement = b.placement;
@@ -1078,10 +1080,10 @@ const Li = {
     function h() {
       a.value ? p() : l();
     }
-    let _;
+    let v;
     function w() {
       Ie(() => {
-        const u = de(t.anchor);
+        const u = fe(t.anchor);
         if (u)
           switch (t.trigger) {
             case "click":
@@ -1095,8 +1097,8 @@ const Li = {
     }
     function P() {
       Ie(() => {
-        const u = de(t.anchor);
-        u && (window.addEventListener("scroll", i), window.addEventListener("resize", i), _ = new MutationObserver(i), _.observe(u, {
+        const u = fe(t.anchor);
+        u && (window.addEventListener("scroll", i), window.addEventListener("resize", i), v = new MutationObserver(i), v.observe(u, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1105,7 +1107,7 @@ const Li = {
       });
     }
     function k() {
-      window.removeEventListener("scroll", i), window.removeEventListener("resize", i), _ == null || _.disconnect();
+      window.removeEventListener("scroll", i), window.removeEventListener("resize", i), v == null || v.disconnect();
     }
     return Gt(() => k()), X(
       () => t.disabled,
@@ -1129,7 +1131,7 @@ const Li = {
         default: H(() => [
           a.value ? (g(), y("div", {
             key: 0,
-            class: re(r.value),
+            class: $e(r.value),
             style: ot(s.value)
           }, [
             Z("div", {
@@ -1179,7 +1181,7 @@ const Li = {
     }, {
       default: H(() => [
         t.title || r.$slots.header ? (g(), y("h3", Mi, [
-          ge(R(t.title) + " ", 1),
+          pe(R(t.title) + " ", 1),
           L(r.$slots, "header")
         ])) : j("", !0),
         t.text || r.$slots.body ? (g(), y("div", Di, [
@@ -1241,7 +1243,7 @@ const Li = {
   QPopover: zi,
   QSpinnerLoader: ct,
   QTooltip: Ui
-}, Symbol.toStringTag, { value: "Module" })), $e = "q-theme", at = {
+}, Symbol.toStringTag, { value: "Module" })), me = "q-theme", at = {
   primary: "#00a1f8",
   primaryLight: "#d8f1ff",
   primaryDark: "#0079ba",
@@ -1271,13 +1273,13 @@ const Li = {
 };
 function Gi(e, t) {
   let r = null;
-  t ? r = Dt(at, t) : r = at, e.provide($e, we(r)), Hi(r);
+  t ? r = Dt(at, t) : r = at, e.provide(me, we(r)), Hi(r);
 }
 function Hi(e) {
   let t = document.getElementById(
-    $e
+    me
   );
-  t || (t = document.createElement("style"), t.type = "text/css", t.id = $e, document.head.appendChild(t));
+  t || (t = document.createElement("style"), t.type = "text/css", t.id = me, document.head.appendChild(t));
   let r = `:root {
 `, n;
   for (n in e) {