@quidgest/ui 0.13.0 → 0.13.2

package/dist/ui.esm.js

@@ -1,6 +1,6 @@
-import { defineComponent as L, computed as k, openBlock as u, createElementBlock as m, normalizeClass as C, normalizeStyle as de, getCurrentInstance as Pe, ref as V, provide as Ne, inject as He, withModifiers as pe, createVNode as z, unref as v, createCommentVNode as $, createElementVNode as A, Fragment as ae, createTextVNode as ye, toDisplayString as N, renderSlot as y, createBlock as I, resolveDynamicComponent as Ke, h as Ae, withCtx as _, normalizeProps as J, guardReactiveProps as ie, toRef as ze, mergeModels as R, useModel as ee, renderList as we, mergeProps as ue, reactive as Qe, watch as Y, nextTick as Z, onMounted as je, onBeforeUnmount as at, Teleport as st, Transition as it, withKeys as rt, createSlots as qe, withDirectives as dt, vModelDynamic as ut } from "vue";
+import { defineComponent as L, computed as g, openBlock as u, createElementBlock as v, normalizeClass as C, normalizeStyle as ue, getCurrentInstance as Pe, ref as V, provide as Ne, inject as He, withModifiers as pe, createVNode as z, unref as m, createCommentVNode as $, createElementVNode as A, Fragment as te, createTextVNode as me, toDisplayString as N, renderSlot as y, createBlock as I, resolveDynamicComponent as Ke, h as Ae, withCtx as k, normalizeProps as G, guardReactiveProps as se, toRef as ze, mergeModels as X, useModel as ee, renderList as we, mergeProps as re, reactive as Qe, watch as Z, nextTick as J, onMounted as je, onBeforeUnmount as at, Teleport as st, Transition as it, withKeys as rt, createSlots as qe, withDirectives as dt, vModelDynamic as ut } from "vue";
 /*!
- * Quidgest UI v0.13.0
+ * Quidgest UI v0.13.2
  * (c) 2024 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -66,7 +66,7 @@ const Le = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   defaultDarkColorScheme: Ge,
   defaultLightColorScheme: Le
@@ -76,28 +76,28 @@ const Le = {
     size: { default: 48 },
     class: { default: void 0 }
   },
-  setup(t) {
-    const o = t, e = k(() => ({
-      "font-size": o.size !== 48 ? `${o.size}px` : void 0
+  setup(o) {
+    const t = o, e = g(() => ({
+      "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
-    return (n, l) => (u(), m("div", {
-      class: C(["q-spinner-loader", o.class]),
-      style: de(e.value)
+    return (n, l) => (u(), v("div", {
+      class: C(["q-spinner-loader", t.class]),
+      style: ue(e.value)
     }, null, 6));
   }
 });
-function Se(t) {
-  return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
+function Se(o) {
+  return o == null ? !0 : typeof o == "string" || Array.isArray(o) ? o.length === 0 : typeof o == "object" ? Object.keys(o).length === 0 : !1;
 }
-function Me(t) {
-  return t !== null && typeof t == "object" && !Array.isArray(t);
+function Me(o) {
+  return o !== null && typeof o == "object" && !Array.isArray(o);
 }
-function Be(t = {}, o = {}) {
+function Be(o = {}, t = {}) {
   const e = {};
-  for (const n in t)
-    e[n] = t[n];
-  for (const n in o) {
-    const l = t[n], s = o[n];
+  for (const n in o)
+    e[n] = o[n];
+  for (const n in t) {
+    const l = o[n], s = t[n];
     if (Me(l) && Me(s)) {
       e[n] = Be(
         l,
@@ -112,44 +112,44 @@ function Be(t = {}, o = {}) {
 const Ce = "q-defaults";
 function ft() {
   var s, i;
-  const t = Pe();
-  if (!t)
-    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
-  const o = t.type.name ?? t.type.__name;
+  const o = Pe();
   if (!o)
+    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
+  const t = o.type.name ?? o.type.__name;
+  if (!t)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const e = We(), n = (s = e.value) == null ? void 0 : s.Global, l = (i = e.value) == null ? void 0 : i[o];
-  return k(() => Be(n, l));
+  const e = We(), n = (s = e.value) == null ? void 0 : s.Global, l = (i = e.value) == null ? void 0 : i[t];
+  return g(() => Be(n, l));
 }
-function Re(t) {
-  if (Se(t))
+function Re(o) {
+  if (Se(o))
     return;
-  const o = We(), e = V(t), n = k(() => Se(e.value) ? o.value : Be(o.value, e.value));
+  const t = We(), e = V(o), n = g(() => Se(e.value) ? t.value : Be(t.value, e.value));
   Ne(Ce, n);
 }
 function We() {
-  const t = He(Ce, void 0);
-  if (!t)
+  const o = He(Ce, void 0);
+  if (!o)
     throw new Error("[Quidgest UI] Could not find defaults instance");
-  return t;
+  return o;
 }
-function Xe(t) {
-  return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
+function Xe(o) {
+  return o.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
 }
-function pt(t, o) {
+function pt(o, t) {
   var n;
-  const e = Xe(o);
-  return e ? typeof ((n = t.props) == null ? void 0 : n[e]) < "u" : !1;
+  const e = Xe(t);
+  return e ? typeof ((n = o.props) == null ? void 0 : n[e]) < "u" : !1;
 }
-function B(t) {
-  const o = t.setup;
-  return o && (t.setup = (e, n) => {
+function B(o) {
+  const t = o.setup;
+  return t && (o.setup = (e, n) => {
     const l = ft();
     if (Se(l.value))
-      return o(e, n);
+      return t(e, n);
     const s = Pe();
     if (s === null)
-      return o(e, n);
+      return t(e, n);
     const i = new Proxy(e, {
       get(a, r) {
         var x;
@@ -157,10 +157,10 @@ function B(t) {
         return typeof r == "string" && !pt(s.vnode, r) ? q ?? f : f;
       }
     });
-    return o(i, n);
-  }), t;
+    return t(i, n);
+  }), o;
 }
-const xe = B(ct), mt = ["disabled"], vt = {
+const Ie = B(ct), mt = ["disabled"], vt = {
   key: 0,
   class: "q-btn__spinner"
 }, ht = { class: "q-btn__content" }, yt = /* @__PURE__ */ L({
@@ -179,12 +179,12 @@ const xe = B(ct), mt = ["disabled"], vt = {
     class: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: o }) {
-    const e = t, n = o, l = k(() => e.disabled || e.loading);
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = g(() => e.disabled || e.loading);
     function s(a) {
       l.value || n("click", a);
     }
-    const i = k(() => {
+    const i = g(() => {
       const a = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
@@ -200,27 +200,27 @@ const xe = B(ct), mt = ["disabled"], vt = {
         e.class
       ];
     });
-    return (a, r) => (u(), m("button", {
+    return (a, r) => (u(), v("button", {
       type: "button",
       class: C(i.value),
       disabled: l.value,
       onClick: pe(s, ["stop", "prevent"])
     }, [
-      a.loading ? (u(), m("div", vt, [
-        z(v(xe), { size: 20 })
+      a.loading ? (u(), v("div", vt, [
+        z(m(Ie), { size: 20 })
       ])) : $("", !0),
       A("span", ht, [
-        a.iconOnRight ? (u(), m(ae, { key: 0 }, [
-          ye(N(e.label), 1)
+        a.iconOnRight ? (u(), v(te, { key: 0 }, [
+          me(N(e.label), 1)
         ], 64)) : $("", !0),
         y(a.$slots, "default"),
-        a.iconOnRight ? $("", !0) : (u(), m(ae, { key: 1 }, [
-          ye(N(e.label), 1)
+        a.iconOnRight ? $("", !0) : (u(), v(te, { key: 1 }, [
+          me(N(e.label), 1)
         ], 64))
       ])
     ], 10, mt));
   }
-}), re = B(yt), bt = /* @__PURE__ */ L({
+}), de = B(yt), bt = /* @__PURE__ */ L({
   __name: "QIcon",
   props: {
     icon: {},
@@ -228,9 +228,9 @@ const xe = B(ct), mt = ["disabled"], vt = {
     size: { default: void 0 },
     class: { default: void 0 }
   },
-  setup(t) {
-    const o = t, e = k(() => {
-      switch (o.type) {
+  setup(o) {
+    const t = o, e = g(() => {
+      switch (t.type) {
         case "svg":
           return Je;
         case "font":
@@ -242,9 +242,9 @@ const xe = B(ct), mt = ["disabled"], vt = {
       }
     });
     return (n, l) => (u(), I(Ke(e.value), {
-      class: C(o.class),
-      icon: o.icon,
-      size: o.size
+      class: C(t.class),
+      icon: t.icon,
+      size: t.size
     }, null, 8, ["class", "icon", "size"]));
   }
 }), gt = /* @__PURE__ */ L({
@@ -256,13 +256,13 @@ const xe = B(ct), mt = ["disabled"], vt = {
     size: { default: void 0 },
     class: { default: void 0 }
   },
-  setup(t) {
-    const o = t, e = k(() => o.variant ? `${o.library}-${o.variant}` : o.library), n = k(() => o.library && o.icon ? `${o.library}-${o.icon}` : o.icon), l = k(() => ({
-      "font-size": o.size !== void 0 ? `${o.size}px` : void 0
+  setup(o) {
+    const t = o, e = g(() => t.variant ? `${t.library}-${t.variant}` : t.library), n = g(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), l = g(() => ({
+      "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (s, i) => (u(), m("i", {
-      class: C(["q-icon", "q-icon__font", e.value, n.value, o.class]),
-      style: de(l.value)
+    return (s, i) => (u(), v("i", {
+      class: C(["q-icon", "q-icon__font", e.value, n.value, t.class]),
+      style: ue(l.value)
     }, null, 6));
   }
 }), _t = ["src"], kt = /* @__PURE__ */ L({
@@ -272,32 +272,32 @@ const xe = B(ct), mt = ["disabled"], vt = {
     size: {},
     class: {}
   },
-  setup(t) {
-    const o = t, e = k(() => ({
-      "font-size": o.size !== void 0 ? `${o.size}px` : void 0
+  setup(o) {
+    const t = o, e = g(() => ({
+      "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (n, l) => (u(), m("img", {
-      src: o.icon,
-      class: C(["q-icon", "q-icon__img", o.class]),
-      style: de(e.value)
+    return (n, l) => (u(), v("img", {
+      src: t.icon,
+      class: C(["q-icon", "q-icon__img", t.class]),
+      style: ue(e.value)
     }, null, 14, _t));
   }
-}), he = {}, wt = L({
+}), ye = {}, wt = L({
   name: "InlineSvg",
   emits: {
-    loaded: (t) => typeof t == "object",
+    loaded: (o) => typeof o == "object",
     unloaded: () => !0,
-    error: (t) => typeof t == "object"
+    error: (o) => typeof o == "object"
   },
   inheritAttrs: !1,
   render() {
     if (!this.svgElSource)
       return null;
-    const t = this.getSvgContent(this.svgElSource);
-    if (!t)
+    const o = this.getSvgContent(this.svgElSource);
+    if (!o)
       return Ae("div", this.$attrs);
-    const o = {};
-    return this.copySvgAttrs(o, this.svgElSource), this.copySvgAttrs(o, t), this.copyComponentAttrs(o, this.$attrs), o.innerHTML = t.innerHTML, Ae("svg", o);
+    const t = {};
+    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, o), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = o.innerHTML, Ae("svg", t);
   },
   props: {
     /**
@@ -348,30 +348,30 @@ const xe = B(ct), mt = ["disabled"], vt = {
     await this.getSource(this.src);
   },
   methods: {
-    copySvgAttrs(t, o) {
-      const e = o.attributes;
+    copySvgAttrs(o, t) {
+      const e = t.attributes;
       if (e)
         for (const n of e)
-          t[n.name] = n.value;
+          o[n.name] = n.value;
     },
-    copyComponentAttrs(t, o) {
-      for (const [e, n] of Object.entries(o))
-        n !== !1 && n !== null && n !== void 0 && (t[e] = n);
+    copyComponentAttrs(o, t) {
+      for (const [e, n] of Object.entries(t))
+        n !== !1 && n !== null && n !== void 0 && (o[e] = n);
     },
-    getSvgContent(t) {
-      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), $t(t, this.title)), t);
+    getSvgContent(o) {
+      return this.symbol && (o = o.getElementById(this.symbol), !o) ? null : (this.transformSource && (o = o.cloneNode(!0), o = this.transformSource(o)), this.title && (this.transformSource || (o = o.cloneNode(!0)), $t(o, this.title)), o);
     },
     /**
      * Get svgElSource
      * @param {string} src
      */
-    async getSource(t) {
+    async getSource(o) {
       try {
-        he[t] || (he[t] = qt(this.download(t))), this.svgElSource && he[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const o = await he[t];
-        this.svgElSource = o, await this.$nextTick(), this.$emit("loaded", this.$el);
-      } catch (o) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete he[t], this.$emit("error", o);
+        ye[o] || (ye[o] = qt(this.download(o))), this.svgElSource && ye[o].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const t = await ye[o];
+        this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
+      } catch (t) {
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete ye[o], this.$emit("error", t);
       }
     },
     /**
@@ -379,45 +379,45 @@ const xe = B(ct), mt = ["disabled"], vt = {
      * @param {string} url
      * @returns {PromiseWithState<Element>}
      */
-    async download(t) {
-      const o = await fetch(t);
-      if (!o.ok)
+    async download(o) {
+      const t = await fetch(o);
+      if (!t.ok)
         throw new Error("Error loading SVG");
-      const e = await o.text(), s = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
+      const e = await t.text(), s = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
       if (!s)
         throw new Error("Loaded file is not a valid SVG");
       return s;
     }
   },
   watch: {
-    src(t) {
-      this.getSource(t);
+    src(o) {
+      this.getSource(o);
     }
   },
   expose: []
 });
-function $t(t, o) {
-  const e = t.getElementsByTagName("title");
+function $t(o, t) {
+  const e = o.getElementsByTagName("title");
   if (e.length)
-    e[0].textContent = o;
+    e[0].textContent = t;
   else {
     const n = document.createElementNS("http://www.w3.org/2000/svg", "title");
-    n.textContent = o, t.insertBefore(n, t.firstChild);
+    n.textContent = t, o.insertBefore(n, o.firstChild);
   }
 }
-function qt(t) {
-  if (t.getIsPending)
-    return t;
-  let o = !0;
-  const e = t.then(
-    (n) => (o = !1, n),
+function qt(o) {
+  if (o.getIsPending)
+    return o;
+  let t = !0;
+  const e = o.then(
+    (n) => (t = !1, n),
     (n) => {
-      throw o = !1, n;
+      throw t = !1, n;
     }
   );
-  return e.getIsPending = () => o, e;
+  return e.getIsPending = () => t, e;
 }
-const xt = /* @__PURE__ */ L({
+const It = /* @__PURE__ */ L({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -426,8 +426,8 @@ const xt = /* @__PURE__ */ L({
     class: { default: void 0 }
   },
   emits: ["loaded", "unloaded"],
-  setup(t, { emit: o }) {
-    const e = t, n = o, l = k(() => ({
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = g(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
     function s(a) {
@@ -436,40 +436,40 @@ const xt = /* @__PURE__ */ L({
     function i() {
       n("unloaded");
     }
-    return (a, r) => (u(), I(v(wt), {
+    return (a, r) => (u(), I(m(wt), {
       class: C(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: de(l.value),
+      style: ue(l.value),
       onLoaded: s,
       onUnloaded: i
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), F = B(bt), Ye = B(gt), Ze = B(kt), Je = B(xt);
-function It(t) {
-  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
+}), F = B(bt), Ye = B(gt), Ze = B(kt), Je = B(It);
+function xt(o) {
+  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(o);
 }
-function Lt(t) {
-  const o = t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
-  if (o) {
-    const e = parseInt(o[1], 10), n = parseInt(o[2], 10), l = parseInt(o[3], 10);
+function Lt(o) {
+  const t = o.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+  if (t) {
+    const e = parseInt(t[1], 10), n = parseInt(t[2], 10), l = parseInt(t[3], 10);
     return { r: e, g: n, b: l };
   }
 }
-function et(t) {
-  if (It(t)) {
-    t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
-    const o = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), n = parseInt(t.slice(5, 7), 16);
-    return { r: o, g: e, b: n };
+function et(o) {
+  if (xt(o)) {
+    o.length === 4 && (o = "#" + o[1] + o[1] + o[2] + o[2] + o[3] + o[3]);
+    const t = parseInt(o.slice(1, 3), 16), e = parseInt(o.slice(3, 5), 16), n = parseInt(o.slice(5, 7), 16);
+    return { r: t, g: e, b: n };
   } else {
-    const o = Lt(t);
-    if (o)
-      return o;
+    const t = Lt(o);
+    if (t)
+      return t;
   }
   throw new Error("Invalid color format");
 }
-function St(t) {
-  const o = t.r / 255, e = t.g / 255, n = t.b / 255, l = Math.max(o, e, n), s = Math.min(o, e, n);
+function St(o) {
+  const t = o.r / 255, e = o.g / 255, n = o.b / 255, l = Math.max(t, e, n), s = Math.min(t, e, n);
   let i = 0, a;
   const r = (l + s) / 2;
   if (l === s)
@@ -477,14 +477,14 @@ function St(t) {
   else {
     const f = l - s;
     switch (a = r > 0.5 ? f / (2 - l - s) : f / (l + s), l) {
-      case o:
+      case t:
         i = (e - n) / f + (e < n ? 6 : 0);
         break;
       case e:
-        i = (n - o) / f + 2;
+        i = (n - t) / f + 2;
         break;
       case n:
-        i = (o - e) / f + 4;
+        i = (t - e) / f + 4;
         break;
     }
     i /= 6;
@@ -495,8 +495,8 @@ function St(t) {
     l: Math.round(r * 100)
   };
 }
-function Bt(t) {
-  return t > 50 ? "#000" : "#fff";
+function Bt(o) {
+  return o > 50 ? "#000" : "#fff";
 }
 const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), Tt = { class: "q-badge__content" }, Vt = {
   remove: {
@@ -509,16 +509,16 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
     variant: { default: "tonal" },
     removable: { type: Boolean },
     pill: { type: Boolean },
-    icons: { default: () => Vt }
+    internals: { default: () => ({ icons: Vt }) }
   },
   emits: ["click:remove"],
-  setup(t, { emit: o }) {
-    const e = t, n = o, l = k(
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = g(
       () => ["primary", "info", "success", "warning", "danger"].includes(e.color)
-    ), s = k(() => {
+    ), s = g(() => {
       const r = l.value ? `q-badge--${e.color}` : void 0;
       return ["q-badge", `q-badge--${e.variant}`, r, { "q-badge--pill": e.pill }];
-    }), i = k(() => {
+    }), i = g(() => {
       let r, f;
       if (!l.value)
         if (r = e.color, e.variant === "tonal")
@@ -535,23 +535,23 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
     function a() {
       n("click:remove");
     }
-    return (r, f) => (u(), m("span", {
+    return (r, f) => (u(), v("span", {
       class: C(s.value),
       role: "presentation",
-      style: de(i.value)
+      style: ue(i.value)
     }, [
       Ct,
       A("div", Tt, [
         y(r.$slots, "default"),
-        e.removable ? (u(), I(v(re), {
+        e.removable ? (u(), I(m(de), {
           key: 0,
           class: "q-badge__remove",
           borderless: "",
           tabindex: "0",
           onClick: a
         }, {
-          default: _(() => [
-            z(v(F), J(ie(e.icons.remove)), null, 16)
+          default: k(() => [
+            z(m(F), G(se(e.internals.icons.remove)), null, 16)
           ]),
           _: 1
         })) : $("", !0)
@@ -566,22 +566,22 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
     elevated: { type: Boolean },
     class: { default: void 0 }
   },
-  setup(t) {
-    const o = t;
+  setup(o) {
+    const t = o;
     return Re({
       QButton: {
         bStyle: "secondary",
-        disabled: ze(o, "disabled"),
-        borderless: ze(o, "borderless"),
+        disabled: ze(t, "disabled"),
+        borderless: ze(t, "borderless"),
         elevated: !1
       }
-    }), (e, n) => (u(), m("div", {
+    }), (e, n) => (u(), v("div", {
       class: C([
         "q-btn-group",
         {
-          "q-btn-group--elevated": o.elevated
+          "q-btn-group--elevated": t.elevated
         },
-        o.class
+        t.class
       ])
     }, [
       y(e.$slots, "default")
@@ -589,7 +589,7 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
   }
 }), tt = B(At), zt = /* @__PURE__ */ L({
   __name: "QButtonToggle",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     options: {},
     disabled: { type: Boolean },
     borderless: { type: Boolean },
@@ -601,27 +601,27 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const o = t, e = ee(t, "modelValue");
+  setup(o) {
+    const t = o, e = ee(o, "modelValue");
     function n(l) {
-      e.value === l.key && !o.required ? e.value = void 0 : e.value = l.key;
+      e.value === l.key && !t.required ? e.value = void 0 : e.value = l.key;
     }
-    return (l, s) => (u(), I(v(tt), {
+    return (l, s) => (u(), I(m(tt), {
       "b-style": "secondary",
-      class: C(o.class),
-      disabled: o.disabled,
-      borderless: o.borderless,
-      elevated: o.elevated
+      class: C(t.class),
+      disabled: t.disabled,
+      borderless: t.borderless,
+      elevated: t.elevated
     }, {
-      default: _(() => [
-        (u(!0), m(ae, null, we(o.options, (i) => (u(), I(v(re), {
+      default: k(() => [
+        (u(!0), v(te, null, we(t.options, (i) => (u(), I(m(de), {
           key: i.key,
           title: i.title,
           label: i.label,
           active: e.value === i.key,
           onClick: () => n(i)
         }, {
-          default: _(() => [
+          default: k(() => [
             y(l.$slots, i.key)
           ]),
           _: 2
@@ -632,14 +632,15 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
   }
 }), Qt = B(zt), Mt = /* @__PURE__ */ L({
   __name: "QList",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     disabled: { type: Boolean },
-    class: { default: void 0 }
+    class: { default: void 0 },
+    selectable: { type: Boolean }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -647,9 +648,9 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const e = t, n = ee(t, "modelValue"), l = V(!1), s = k(() => i.value.length > 1 ? "div" : "ul"), i = k(() => e.groups.length ? e.groups.filter(
-      (p) => e.items.some((g) => g.group === p.id)
+  setup(o, { expose: t }) {
+    const e = o, n = ee(o, "modelValue"), l = V(!1), s = g(() => i.value.length > 1 ? "div" : "ul"), i = g(() => e.groups.length ? e.groups.filter(
+      (p) => e.items.some((_) => _.group === p.id)
     ) : [{ id: "", title: "" }]), a = V(null);
     function r(p) {
       n.value = p;
@@ -664,10 +665,10 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
       var h;
       if ((h = a.value) != null && h.contains(p.relatedTarget))
         return;
-      let g;
-      n.value ? g = e.items.findIndex((U) => U[e.itemValue] === n.value) : g = G();
+      let _;
+      n.value ? _ = e.items.findIndex((U) => U[e.itemValue] === n.value) : _ = R();
       const c = l.value;
-      S(g, c);
+      S(_, c);
     }
     function M(p) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(p.key) && p.preventDefault(), p.key) {
@@ -692,68 +693,68 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
           S(H(p));
           break;
         case "first":
-          S(G());
+          S(R());
           break;
         case "last":
           S(O());
           break;
       }
     }
-    function S(p, g = !1) {
+    function S(p, _ = !1) {
       var h;
-      (h = T()[p]) == null || h.focus({ preventScroll: g });
+      (h = T()[p]) == null || h.focus({ preventScroll: _ });
     }
     function T() {
-      var g;
-      const p = (g = a.value) == null ? void 0 : g.querySelectorAll("li");
+      var _;
+      const p = (_ = a.value) == null ? void 0 : _.querySelectorAll("li");
       return p ? Array.from(p) : [];
     }
-    function W(p) {
+    function Y(p) {
       return T()[p];
     }
-    function te() {
+    function oe() {
       return T().indexOf(document.activeElement);
     }
-    function G() {
-      const p = T(), g = p.find((c) => Q(c));
-      return g ? p.indexOf(g) : -1;
+    function R() {
+      const p = T(), _ = p.find((c) => Q(c));
+      return _ ? p.indexOf(_) : -1;
     }
     function O() {
-      const p = T(), g = [...p].reverse().find((c) => Q(c));
-      return g ? p.indexOf(g) : -1;
+      const p = T(), _ = [...p].reverse().find((c) => Q(c));
+      return _ ? p.indexOf(_) : -1;
     }
-    function oe(p, g, c) {
-      return g === "prev" && p === 0 || g === "next" && p === c.length - 1;
+    function ne(p, _, c) {
+      return _ === "prev" && p === 0 || _ === "next" && p === c.length - 1;
     }
     function H(p) {
-      const g = te();
-      return ne(g, p);
+      const _ = oe();
+      return le(_, p);
     }
-    function ne(p, g) {
+    function le(p, _) {
       const c = T();
-      if (oe(p, g, c))
+      if (ne(p, _, c))
         return p;
-      let h = p + (g === "next" ? 1 : -1);
+      let h = p + (_ === "next" ? 1 : -1);
       for (; !Q(c[h]); ) {
-        if (oe(h, g, c))
+        if (ne(h, _, c))
           return p;
-        h += g === "next" ? 1 : -1;
+        h += _ === "next" ? 1 : -1;
       }
       return h;
     }
     function Q(p) {
       return p.tabIndex === -2;
     }
-    function X(p) {
-      return p ? e.items.filter((g) => g.group === p) : e.items;
+    function W(p) {
+      return p ? e.items.filter((_) => _.group === p) : e.items;
     }
-    return o({
+    return t({
       focusItem: S,
-      getItem: W,
-      getAdjacentItemIndex: ne,
-      getFirstFocusableItemIndex: G,
+      getItem: Y,
+      getAdjacentItemIndex: le,
+      getFirstFocusableItemIndex: R,
       getLastFocusableItemIndex: O
-    }), (p, g) => (u(), I(Ke(s.value), {
+    }), (p, _) => (u(), I(Ke(s.value), {
       ref_key: "listRef",
       ref: a,
       class: C(["q-list", { "q-list--disabled": e.disabled }, e.class]),
@@ -764,14 +765,14 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
       onMouseup: q,
       onKeydown: M
     }, {
-      default: _(() => [
-        (u(!0), m(ae, null, we(i.value, (c) => (u(), I(v(nt), {
+      default: k(() => [
+        (u(!0), v(te, null, we(i.value, (c) => (u(), I(m(nt), {
           key: c.id,
           id: c.id,
           title: i.value.length === 1 ? void 0 : c.title
         }, {
-          default: _(() => [
-            (u(!0), m(ae, null, we(X(c.id), (h) => (u(), I(v(ot), {
+          default: k(() => [
+            (u(!0), v(te, null, we(W(c.id), (h) => (u(), I(m(ot), {
               key: h[e.itemValue],
               value: h[e.itemValue],
               label: h[e.itemLabel],
@@ -779,10 +780,10 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
               icon: h.icon,
               disabled: e.disabled || c.disabled || h.disabled,
               highlighted: e.highlighted === h[e.itemValue],
-              selected: n.value === h[e.itemValue],
+              selected: p.selectable && n.value === h[e.itemValue],
               onSelect: r
             }, {
-              default: _(() => [
+              default: k(() => [
                 y(p.$slots, "item", { item: h })
               ]),
               _: 2
@@ -796,8 +797,8 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), T
   }
 });
 let Ft = 0;
-function me(t) {
-  return t || `uid-${++Ft}`;
+function ve(o) {
+  return o || `uid-${++Ft}`;
 }
 const Ot = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ut = { class: "q-list-item__container" }, Pt = { class: "q-list-item__content" }, Nt = {
   key: 0,
@@ -817,21 +818,21 @@ const Ot = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ut = {
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Kt },
     disabled: { type: Boolean },
-    description: { default: void 0 }
+    description: { default: void 0 },
+    internals: { default: () => ({ icons: Kt }) }
   },
   emits: ["select"],
-  setup(t, { emit: o }) {
-    const e = t, n = o, l = me();
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = ve();
     function s() {
       e.disabled || n("select", e.value);
     }
     function i(a) {
       a.key === "Tab" && s(), (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.stopPropagation(), s());
     }
-    return (a, r) => (u(), m("li", {
-      id: v(l),
+    return (a, r) => (u(), v("li", {
+      id: m(l),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
@@ -851,17 +852,17 @@ const Ot = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ut = {
       A("div", Ut, [
         A("div", Pt, [
           y(a.$slots, "default", {}, () => [
-            e.icon ? (u(), I(v(F), J(ue({ key: 0 }, e.icon)), null, 16)) : $("", !0),
-            ye(" " + N(e.label), 1)
+            e.icon ? (u(), I(m(F), G(re({ key: 0 }, e.icon)), null, 16)) : $("", !0),
+            me(" " + N(e.label), 1)
           ])
         ]),
-        e.description ? (u(), m("div", Nt, [
-          z(v(F), J(ie(e.icons.description)), null, 16),
+        e.description ? (u(), v("div", Nt, [
+          z(m(F), G(se(e.internals.icons.description)), null, 16),
           A("span", null, N(e.description), 1)
         ])) : $("", !0)
       ]),
       A("div", Ht, [
-        e.selected ? (u(), I(v(F), ue({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : $("", !0)
+        e.selected ? (u(), I(m(F), re({ key: 0 }, e.internals.icons.check, { class: "q-list-item__check" }), null, 16)) : $("", !0)
       ])
     ], 42, Ot));
   }
@@ -871,26 +872,26 @@ const Ot = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ut = {
     id: {},
     title: { default: "" }
   },
-  setup(t) {
-    const o = t, e = me();
-    return (n, l) => (u(), m("ul", {
+  setup(o) {
+    const t = o, e = ve();
+    return (n, l) => (u(), v("ul", {
       class: "q-list-item-group",
       role: "group",
-      "data-key": o.id,
-      "aria-labelledby": o.title ? v(e) : void 0
+      "data-key": t.id,
+      "aria-labelledby": t.title ? m(e) : void 0
     }, [
-      o.title ? (u(), m("li", {
+      t.title ? (u(), v("li", {
         key: 0,
-        id: v(e),
+        id: m(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(o.title), 9, Rt)) : $("", !0),
+      }, N(t.title), 9, Rt)) : $("", !0),
       y(n.$slots, "default")
     ], 8, Gt));
   }
 }), Te = B(Mt), ot = B(jt), nt = B(Wt), ke = 8;
-function Xt(t, o, e, n) {
-  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = t.getBoundingClientRect(), a = o.getBoundingClientRect(), r = e == null ? void 0 : e.getBoundingClientRect(), f = Yt(i, a, s, l), q = to(i, a, f), x = Jt(q, f, l), M = Zt(x, a, f);
+function Xt(o, t, e, n) {
+  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = o.getBoundingClientRect(), a = t.getBoundingClientRect(), r = e == null ? void 0 : e.getBoundingClientRect(), f = Yt(i, a, s, l), q = to(i, a, f), x = Jt(q, f, l), M = Zt(x, a, f);
   let E;
   if (n != null && n.arrow) {
     if (!r)
@@ -899,8 +900,8 @@ function Xt(t, o, e, n) {
   }
   return { overlayCoords: M, arrowCoords: E, placement: f };
 }
-function Yt(t, o, e, n) {
-  const l = Fe(t, o, e, n);
+function Yt(o, t, e, n) {
+  const l = Fe(o, t, e, n);
   if (Oe(l)) {
     const s = ge(e), a = {
       top: "bottom",
@@ -908,8 +909,8 @@ function Yt(t, o, e, n) {
       left: "right",
       right: "left"
     }[s], r = Fe(
-      t,
       o,
+      t,
       a,
       n
     );
@@ -920,54 +921,54 @@ function Yt(t, o, e, n) {
   }
   return e;
 }
-function Zt(t, o, e) {
-  const n = $e(e), l = (i, a, r) => Math.min(Math.max(i, a), r), s = { ...t };
-  return n === "x" ? s.x = l(t.x, ke, window.innerWidth - o.width - ke) : s.y = l(t.y, ke, window.innerHeight - o.height - ke), s;
+function Zt(o, t, e) {
+  const n = $e(e), l = (i, a, r) => Math.min(Math.max(i, a), r), s = { ...o };
+  return n === "x" ? s.x = l(o.x, ke, window.innerWidth - t.width - ke) : s.y = l(o.y, ke, window.innerHeight - t.height - ke), s;
 }
-function Jt(t, o, e) {
-  const n = ge(o);
+function Jt(o, t, e) {
+  const n = ge(t);
   return {
-    x: t.x + (n === "left" ? -e : n === "right" ? e : 0),
-    y: t.y + (n === "top" ? -e : n === "bottom" ? e : 0)
+    x: o.x + (n === "left" ? -e : n === "right" ? e : 0),
+    y: o.y + (n === "top" ? -e : n === "bottom" ? e : 0)
   };
 }
-function eo(t, o, e, n, l) {
+function eo(o, t, e, n, l) {
   if ($e(l) === "y") {
-    const i = o.top + o.height / 2, a = t.y + e.height / 2, r = a - i, f = e.height / 2 - r - n.height / 2 + 2;
+    const i = t.top + t.height / 2, a = o.y + e.height / 2, r = a - i, f = e.height / 2 - r - n.height / 2 + 2;
     if (f > 0 && f < e.height - n.height)
       return {
         y: f
       };
   } else {
-    const i = o.left + o.width / 2, a = t.x + e.width / 2, r = a - i, f = e.width / 2 - r - n.width / 2 + 2;
+    const i = t.left + t.width / 2, a = o.x + e.width / 2, r = a - i, f = e.width / 2 - r - n.width / 2 + 2;
     if (f > 0 && f < e.width - n.width)
       return {
         x: f
       };
   }
 }
-function to(t, o, e) {
-  const [n, l] = e.split("-"), s = t.x + t.width / 2 - o.width / 2, i = t.y + t.height / 2 - o.height / 2;
+function to(o, t, e) {
+  const [n, l] = e.split("-"), s = o.x + o.width / 2 - t.width / 2, i = o.y + o.height / 2 - t.height / 2;
   let a;
   switch (n) {
     case "top":
-      a = { x: s, y: t.y - o.height };
+      a = { x: s, y: o.y - t.height };
       break;
     case "bottom":
-      a = { x: s, y: t.y + t.height };
+      a = { x: s, y: o.y + o.height };
       break;
     case "left":
-      a = { x: t.x - o.width, y: i };
+      a = { x: o.x - t.width, y: i };
       break;
     case "right":
-      a = { x: t.x + t.width, y: i };
+      a = { x: o.x + o.width, y: i };
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid placement value: ${e}`);
   }
   if (!l)
     return a;
-  const f = $e(e) === "y" ? "height" : "width", q = $e(e), x = t[f] / 2 - o[f] / 2;
+  const f = $e(e) === "y" ? "height" : "width", q = $e(e), x = o[f] / 2 - t[f] / 2;
   switch (l) {
     case "start":
       a[q] -= x;
@@ -980,61 +981,62 @@ function to(t, o, e) {
   }
   return a;
 }
-function Fe(t, o, e, n) {
+function Fe(o, t, e, n) {
   const l = ge(e);
   let s = 0;
   switch (l) {
     case "top":
-      s = t.top - (o.height + n);
+      s = o.top - (t.height + n);
       break;
     case "bottom":
-      s = window.innerHeight - t.bottom - (o.height + n);
+      s = window.innerHeight - o.bottom - (t.height + n);
       break;
     case "left":
-      s = t.left - (o.width + n);
+      s = o.left - (t.width + n);
       break;
     case "right":
-      s = window.innerWidth - t.right - (o.width + n);
+      s = window.innerWidth - o.right - (t.width + n);
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid side value: ${l}`);
   }
   return s;
 }
-function oo(t) {
-  return t === "x" ? "y" : "x";
+function oo(o) {
+  return o === "x" ? "y" : "x";
 }
-function no(t) {
-  const o = ge(t);
-  return ["left", "right"].includes(o) ? "x" : "y";
+function no(o) {
+  const t = ge(o);
+  return ["left", "right"].includes(t) ? "x" : "y";
 }
-function $e(t) {
-  return oo(no(t));
+function $e(o) {
+  return oo(no(o));
 }
-function ge(t) {
-  const [o] = t.split("-");
-  return o;
+function ge(o) {
+  const [t] = o.split("-");
+  return t;
 }
-function lo(t) {
-  const [, o] = t.split("-");
-  return o;
+function lo(o) {
+  const [, t] = o.split("-");
+  return t;
 }
-function Oe(t) {
-  return t < 0;
+function Oe(o) {
+  return o < 0;
 }
-function ao(t) {
-  return typeof t == "string" ? document.querySelector(t) : t;
+function ao(o) {
+  return typeof o == "string" ? document.querySelector(o) : o;
 }
 const so = ["role"], io = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     anchor: { default: void 0 },
     appearance: { default: "regular" },
     arrow: { type: Boolean },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean },
+    backdropClass: { default: void 0 },
     delay: { default: 500 },
     nonModal: { type: Boolean },
     scrollLock: { type: Boolean },
@@ -1050,9 +1052,9 @@ const so = ["role"], io = /* @__PURE__ */ L({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["enter", "leave"], ["update:modelValue"]),
-  setup(t, { emit: o }) {
-    const e = t, n = o, l = ee(t, "modelValue"), s = k(() => [
+  emits: /* @__PURE__ */ X(["enter", "leave"], ["update:modelValue"]),
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = ee(o, "modelValue"), s = g(() => [
       "q-overlay",
       `q-overlay--${ge(a.placement)}`,
       {
@@ -1060,7 +1062,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
         "q-overlay--inverted": e.appearance === "inverted"
       },
       e.class
-    ]), i = k(() => (l.value || a.animating) && !e.nonModal), a = Qe({
+    ]), i = g(() => (l.value || a.animating) && !e.nonModal), a = Qe({
       animating: !1,
       top: 0,
       left: 0,
@@ -1070,9 +1072,9 @@ const so = ["role"], io = /* @__PURE__ */ L({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), f = k(() => a.top !== 0 && a.left !== 0);
-    Y(l, () => a.animating = !0);
-    const q = k(() => {
+    }), f = g(() => a.top !== 0 && a.left !== 0);
+    Z(l, () => a.animating = !0);
+    const q = g(() => {
       if (e.anchor === void 0)
         return;
       const b = Q(), ce = e.width === "anchor", j = ce ? b == null ? void 0 : b.getBoundingClientRect().width : void 0;
@@ -1081,7 +1083,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
         left: `${a.left}px`,
         width: j !== void 0 ? `${j}px` : void 0
       };
-    }), x = k(() => {
+    }), x = g(() => {
       if (e.arrow)
         return {
           top: r.top !== void 0 ? `${r.top}px` : void 0,
@@ -1106,18 +1108,18 @@ const so = ["role"], io = /* @__PURE__ */ L({
       );
       a.left = j.overlayCoords.x, a.top = j.overlayCoords.y, a.placement = j.placement, r.hidden = j.arrowCoords === void 0, j.arrowCoords && (r.top = j.arrowCoords.y, r.left = j.arrowCoords.x);
     }
-    Y(
+    Z(
       () => e.placement,
-      () => Z(S)
+      () => J(S)
     );
     let T;
-    function W() {
-      G(0);
+    function Y() {
+      R(0);
     }
-    function te() {
-      G(e.delay);
+    function oe() {
+      R(e.delay);
     }
-    function G(b) {
+    function R(b) {
       T || (T = window.setTimeout(() => {
         l.value = !0;
       }, b));
@@ -1128,44 +1130,44 @@ const so = ["role"], io = /* @__PURE__ */ L({
         b == null || b.focus();
       }
     }
-    Y(f, () => Z(oe));
-    function oe() {
+    Z(f, () => J(ne));
+    function ne() {
       n("enter");
     }
     let H;
-    function ne() {
+    function le() {
       window.clearTimeout(H), H = window.setTimeout(() => a.animating = !1, 200), n("leave");
     }
     function Q() {
       return e.anchor ? ao(e.anchor) : null;
     }
-    let X;
+    let W;
     function p() {
       const b = Q();
       if (b)
-        switch (X = new MutationObserver(S), X.observe(b, {
+        switch (W = new MutationObserver(S), W.observe(b, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), e.trigger) {
           case "click":
-            b.addEventListener("click", W);
+            b.addEventListener("click", Y);
             break;
           case "hover":
-            b.addEventListener("mouseenter", te), b.addEventListener("mouseleave", O), b.addEventListener("focusin", W), b.addEventListener("focusout", O);
+            b.addEventListener("mouseenter", oe), b.addEventListener("mouseleave", O), b.addEventListener("focusin", Y), b.addEventListener("focusout", O);
             break;
         }
     }
-    function g() {
+    function _() {
       const b = Q();
       if (b)
-        switch (X == null || X.disconnect(), e.trigger) {
+        switch (W == null || W.disconnect(), e.trigger) {
           case "click":
-            b.removeEventListener("click", W);
+            b.removeEventListener("click", Y);
             break;
           case "hover":
-            b.removeEventListener("mouseenter", te), b.removeEventListener("mouseleave", O), b.removeEventListener("focusin", W), b.removeEventListener("focusout", O);
+            b.removeEventListener("mouseenter", oe), b.removeEventListener("mouseleave", O), b.removeEventListener("focusin", Y), b.removeEventListener("focusout", O);
             break;
         }
     }
@@ -1176,38 +1178,39 @@ const so = ["role"], io = /* @__PURE__ */ L({
       window.removeEventListener("resize", S), e.scrollLock || window.removeEventListener("scroll", S);
     }
     let U;
-    function le() {
-      Q() ? (S(), U = window.setTimeout(le, 100)) : O();
+    function ae() {
+      Q() ? (S(), U = window.setTimeout(ae, 100)) : O();
     }
     function K() {
-      c(), e.spy ? le() : S(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && Z(() => {
+      c(), e.spy ? ae() : S(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && J(() => {
         var b;
         return (b = E.value) == null ? void 0 : b.focus();
       });
     }
-    function se() {
+    function ie() {
       h(), e.spy && (clearTimeout(U), U = void 0), e.scrollLock && document.body.classList.remove("no-scroll"), a.top = 0, a.left = 0;
     }
     function _e() {
       e.persistent || O();
     }
     return je(() => {
-      Z(p);
+      J(p);
     }), at(() => {
-      g(), se();
-    }), Y(
+      _(), ie();
+    }), Z(
       l,
       (b) => {
-        Z(() => b ? K() : se());
+        J(() => b ? K() : ie());
       },
       { immediate: !0 }
     ), (b, ce) => (u(), I(st, {
       disabled: !l.value && !a.animating || e.inline,
       to: e.attach
     }, [
-      i.value ? (u(), m("div", {
+      i.value ? (u(), v("div", {
         key: 0,
         class: C([
+          e.backdropClass,
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
@@ -1215,15 +1218,15 @@ const so = ["role"], io = /* @__PURE__ */ L({
       z(it, {
         name: e.transition,
         appear: "",
-        onLeave: ne
+        onLeave: le
       }, {
-        default: _(() => [
-          l.value ? (u(), m("div", {
+        default: k(() => [
+          l.value ? (u(), v("div", {
             key: 0,
             class: C(s.value),
-            style: de(q.value)
+            style: ue(q.value)
           }, [
-            A("div", ue({
+            A("div", re({
               class: "q-overlay__content",
               ref_key: "overlayRef",
               ref: E,
@@ -1233,13 +1236,13 @@ const so = ["role"], io = /* @__PURE__ */ L({
               onKeydown: rt(_e, ["escape"]),
               onBlur: _e
             }), [
-              e.arrow ? (u(), m("div", {
+              e.arrow ? (u(), v("div", {
                 key: 0,
                 ref_key: "arrowRef",
                 ref: M,
                 role: "presentation",
                 class: "q-overlay__arrow",
-                style: de(x.value)
+                style: ue(x.value)
               }, null, 4)) : $("", !0),
               y(b.$slots, "default")
             ], 16, so)
@@ -1249,7 +1252,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), ve = B(io), ro = ["id"], uo = {
+}), he = B(io), ro = ["id"], uo = {
   key: 0,
   class: "q-field__label"
 }, co = ["for"], fo = {
@@ -1274,12 +1277,12 @@ const so = ["role"], io = /* @__PURE__ */ L({
     required: { type: Boolean },
     class: { default: void 0 }
   },
-  setup(t, { expose: o }) {
-    const e = t, n = me(e.id), l = V(null), s = k(() => e.required && !e.readonly && !e.disabled);
-    return o({
+  setup(o, { expose: t }) {
+    const e = o, n = ve(e.id), l = V(null), s = g(() => e.required && !e.readonly && !e.disabled);
+    return t({
       fieldRef: l
-    }), (i, a) => (u(), m("div", {
-      id: v(n),
+    }), (i, a) => (u(), v("div", {
+      id: m(n),
       class: C([
         "q-field",
         `q-field--${e.size}`,
@@ -1291,7 +1294,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
         e.class
       ])
     }, [
-      e.label ? (u(), m("div", uo, [
+      e.label ? (u(), v("div", uo, [
         y(i.$slots, "label.prepend"),
         A("label", {
           for: e.for
@@ -1299,29 +1302,29 @@ const so = ["role"], io = /* @__PURE__ */ L({
         y(i.$slots, "label.append")
       ])) : $("", !0),
       y(i.$slots, "control", {}, () => [
-        A("div", ue({
+        A("div", re({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: l
         }, i.$attrs), [
-          i.$slots.prepend ? (u(), m("div", fo, [
+          i.$slots.prepend ? (u(), v("div", fo, [
             y(i.$slots, "prepend")
           ])) : $("", !0),
           y(i.$slots, "default"),
-          i.$slots.append ? (u(), m("div", po, [
+          i.$slots.append ? (u(), v("div", po, [
             y(i.$slots, "append")
           ])) : $("", !0)
         ], 16)
       ]),
-      i.$slots.extras ? (u(), m("div", mo, [
+      i.$slots.extras ? (u(), v("div", mo, [
         y(i.$slots, "extras")
       ])) : $("", !0)
     ], 10, ro));
   }
-}), Ie = B(vo), ho = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], yo = /* @__PURE__ */ L({
+}), xe = B(vo), ho = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], yo = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     id: { default: void 0 },
     placeholder: { default: "" },
     label: { default: "" },
@@ -1338,39 +1341,39 @@ const so = ["role"], io = /* @__PURE__ */ L({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: o }) {
-    const e = t, n = ee(t, "modelValue"), l = me(e.id), s = V(null), i = V(null), a = k(
+  setup(o, { expose: t }) {
+    const e = o, n = ee(o, "modelValue"), l = ve(e.id), s = V(null), i = V(null), a = g(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
-    return o({
-      fieldRef: k(() => {
+    return t({
+      fieldRef: g(() => {
         var r;
         return (r = s.value) == null ? void 0 : r.fieldRef;
       }),
       inputRef: i
-    }), (r, f) => (u(), I(v(Ie), {
+    }), (r, f) => (u(), I(m(xe), {
       ref_key: "fieldRef",
       ref: s,
       class: C(["q-text-field", e.class]),
-      for: v(l),
+      for: m(l),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required
     }, qe({
-      "label.prepend": _(() => [
+      "label.prepend": k(() => [
         y(r.$slots, "label.prepend")
       ]),
-      "label.append": _(() => [
+      "label.append": k(() => [
         y(r.$slots, "label.append")
       ]),
-      default: _(() => [
-        dt(A("input", ue({
+      default: k(() => [
+        dt(A("input", re({
           "onUpdate:modelValue": f[0] || (f[0] = (q) => n.value = q),
           ref_key: "inputRef",
           ref: i,
-          id: v(l),
+          id: m(l),
           class: "q-text-field__input",
           type: e.type,
           role: e.role,
@@ -1387,21 +1390,21 @@ const so = ["role"], io = /* @__PURE__ */ L({
     }, [
       r.$slots.prepend ? {
         name: "prepend",
-        fn: _(() => [
+        fn: k(() => [
           y(r.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       r.$slots.append ? {
         name: "append",
-        fn: _(() => [
+        fn: k(() => [
           y(r.$slots, "append")
         ]),
         key: "1"
       } : void 0,
       r.$slots.extras ? {
         name: "extras",
-        fn: _(() => [
+        fn: k(() => [
           y(r.$slots, "extras")
         ]),
         key: "2"
@@ -1425,7 +1428,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
   }
 }, $o = /* @__PURE__ */ L({
   __name: "QCombobox",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     id: { default: void 0 },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
@@ -1442,9 +1445,8 @@ const so = ["role"], io = /* @__PURE__ */ L({
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => ko },
-    icons: { default: () => wo },
-    class: { default: void 0 }
+    class: { default: void 0 },
+    internals: { default: () => ({ icons: wo, texts: ko }) }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -1455,33 +1457,33 @@ const so = ["role"], io = /* @__PURE__ */ L({
     search: { default: "" },
     searchModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
-  setup(t, { expose: o, emit: e }) {
-    const n = t, l = e, s = ee(t, "modelValue"), i = ee(t, "open"), a = ee(t, "search"), r = V(void 0), f = V(null), q = V(null), x = V(null), M = V(null);
+  emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
+  setup(o, { expose: t, emit: e }) {
+    const n = o, l = e, s = ee(o, "modelValue"), i = ee(o, "open"), a = ee(o, "search"), r = V(void 0), f = V(null), q = V(null), x = V(null), M = V(null);
     je(H);
-    const E = k(() => n.clearable && !n.readonly && !n.disabled), S = k(() => {
+    const E = g(() => n.clearable && !n.readonly && !n.disabled), S = g(() => {
       var d;
       return n.filterMode === "manual" || !O.value ? n.items : (d = n.items) == null ? void 0 : d.filter(
         (w) => w[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
       );
-    }), T = k(() => {
+    }), T = g(() => {
       var d;
       return (d = n.items) == null ? void 0 : d.find((w) => w[n.itemValue] === s.value);
-    }), W = k(() => T.value === void 0), te = k(() => {
+    }), Y = g(() => T.value === void 0), oe = g(() => {
       const d = r.value;
       if (d !== void 0 && S.value[d])
         return S.value[d];
-    }), G = k(() => {
+    }), R = g(() => {
       var w;
       if (r.value === void 0)
         return;
       const d = (w = q.value) == null ? void 0 : w.getItem(r.value);
       return d == null ? void 0 : d.id;
-    }), O = k(() => {
+    }), O = g(() => {
       var d;
       return a.value.length > 0 && a.value !== ((d = T.value) == null ? void 0 : d[n.itemLabel]);
     });
-    function oe(d) {
+    function ne(d) {
       s.value = d, Q();
     }
     function H() {
@@ -1489,22 +1491,22 @@ const so = ["role"], io = /* @__PURE__ */ L({
       const d = ((w = T.value) == null ? void 0 : w[n.itemLabel]) || "";
       a.value !== d && (a.value = d);
     }
-    function ne() {
-      i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, se());
+    function le() {
+      i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, ie());
     }
     function Q() {
       i.value && (l("before-hide"), i.value = !1, r.value = void 0);
     }
-    function X() {
-      i.value ? Q() : g();
+    function W() {
+      i.value ? Q() : _();
     }
     function p() {
-      E.value && (s.value = n.emptyValue, r.value = void 0, se());
+      E.value && (s.value = n.emptyValue, r.value = void 0, ie());
     }
-    function g() {
-      if (ne(), T.value !== void 0) {
+    function _() {
+      if (le(), T.value !== void 0) {
         const d = S.value.indexOf(T.value);
-        d !== -1 && Z(() => j(d));
+        d !== -1 && J(() => j(d));
       }
     }
     function c(d) {
@@ -1513,26 +1515,26 @@ const so = ["role"], io = /* @__PURE__ */ L({
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), d.key === "Escape")
           H(), i.value && Q();
         else if (["ArrowDown", "ArrowUp"].includes(d.key))
-          i.value ? Z(() => {
+          i.value ? J(() => {
             if (r.value === void 0)
               h();
             else {
               const P = d.key === "ArrowDown" ? "next" : "prev";
-              le(r.value, P);
+              ae(r.value, P);
             }
-          }) : (ne(), Z(() => {
+          }) : (le(), J(() => {
             d.key === "ArrowDown" ? h() : U();
           }));
         else if (d.key === "Enter") {
-          if (te.value === void 0)
+          if (oe.value === void 0)
             return;
-          oe(te.value[n.itemValue]);
+          ne(oe.value[n.itemValue]);
         } else
-          d.key === "Home" ? r.value = (w = q.value) == null ? void 0 : w.getFirstFocusableItemIndex() : d.key === "End" ? r.value = (D = q.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(d.key) || d.key === "Backspace") && ne();
+          d.key === "Home" ? r.value = (w = q.value) == null ? void 0 : w.getFirstFocusableItemIndex() : d.key === "End" ? r.value = (D = q.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(d.key) || d.key === "Backspace") && le();
     }
     function h() {
       var d, w;
-      if (W.value)
+      if (Y.value)
         r.value = (w = q.value) == null ? void 0 : w.getFirstFocusableItemIndex();
       else {
         const D = S.value.findIndex(
@@ -1545,7 +1547,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
       var d;
       r.value = (d = q.value) == null ? void 0 : d.getLastFocusableItemIndex();
     }
-    function le(d, w) {
+    function ae(d, w) {
       var D;
       r.value = (D = q.value) == null ? void 0 : D.getAdjacentItemIndex(d, w);
     }
@@ -1558,12 +1560,12 @@ const so = ["role"], io = /* @__PURE__ */ L({
       }
       Q(), E.value && !a.value && (s.value = n.emptyValue), H();
     }
-    function se() {
+    function ie() {
       var d, w;
       (w = (d = f.value) == null ? void 0 : d.inputRef) == null || w.focus();
     }
     function _e() {
-      se();
+      ie();
     }
     function b() {
       l("show");
@@ -1576,30 +1578,30 @@ const so = ["role"], io = /* @__PURE__ */ L({
       const w = (D = q.value) == null ? void 0 : D.getItem(d);
       q.value && (q.value.$el.scrollTop = w == null ? void 0 : w.offsetTop);
     }
-    return Y(s, H), Y(
+    return Z(s, H), Z(
       () => n.items,
       (d, w) => {
-        if (!W.value) {
+        if (!Y.value) {
           const D = w.find((P) => P[n.itemValue] === s.value);
           a.value === (D == null ? void 0 : D[n.itemLabel]) && H();
         }
       },
       { deep: !0 }
-    ), Y(r, (d) => {
+    ), Z(r, (d) => {
       d !== void 0 && j(d);
-    }), Y(a, (d) => {
-      d && i.value && n.selectionMode === "automatic" && Z(h);
-    }), Y(
+    }), Z(a, (d) => {
+      d && i.value && n.selectionMode === "automatic" && J(h);
+    }), Z(
       () => n.loading,
       (d) => {
-        !d && i.value && Z(h);
+        !d && i.value && J(h);
       }
-    ), o({
+    ), t({
       triggerEl: f
     }), (d, w) => {
       var D;
-      return u(), m(ae, null, [
-        z(v(lt), {
+      return u(), v(te, null, [
+        z(m(lt), {
           modelValue: a.value,
           "onUpdate:modelValue": w[0] || (w[0] = (P) => a.value = P),
           id: n.id,
@@ -1625,21 +1627,21 @@ const so = ["role"], io = /* @__PURE__ */ L({
           "aria-expanded": i.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
-          "aria-activedescendant": G.value,
+          "aria-activedescendant": R.value,
           size: n.size,
-          onClick: g,
+          onClick: _,
           onFocusout: K,
           onKeydown: pe(c, ["stop"])
         }, qe({
-          "label.prepend": _(() => [
+          "label.prepend": k(() => [
             y(d.$slots, "label.prepend")
           ]),
-          "label.append": _(() => [
+          "label.append": k(() => [
             y(d.$slots, "label.append")
           ]),
-          append: _(() => [
+          append: k(() => [
             y(d.$slots, "append"),
-            E.value && a.value ? (u(), I(v(re), {
+            E.value && a.value ? (u(), I(m(de), {
               key: 0,
               class: "q-combobox__clear",
               "b-style": "plain",
@@ -1647,12 +1649,12 @@ const so = ["role"], io = /* @__PURE__ */ L({
               tabindex: "-1",
               onClick: p
             }, {
-              default: _(() => [
-                z(v(F), J(ie(n.icons.clear)), null, 16)
+              default: k(() => [
+                z(m(F), G(se(n.internals.icons.clear)), null, 16)
               ]),
               _: 1
             })) : $("", !0),
-            n.readonly ? $("", !0) : (u(), I(v(re), {
+            n.readonly ? $("", !0) : (u(), I(m(de), {
               key: 1,
               ref_key: "toggleRef",
               ref: x,
@@ -1661,10 +1663,10 @@ const so = ["role"], io = /* @__PURE__ */ L({
               borderless: "",
               tabindex: "-1",
               disabled: n.disabled,
-              onMousedown: pe(X, ["stop", "prevent"])
+              onMousedown: pe(W, ["stop", "prevent"])
             }, {
-              default: _(() => [
-                z(v(F), J(ie(n.icons.chevron)), null, 16)
+              default: k(() => [
+                z(m(F), G(se(n.internals.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
@@ -1673,20 +1675,20 @@ const so = ["role"], io = /* @__PURE__ */ L({
         }, [
           d.$slots.prepend ? {
             name: "prepend",
-            fn: _(() => [
+            fn: k(() => [
               y(d.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           d.$slots.extras ? {
             name: "extras",
-            fn: _(() => [
+            fn: k(() => [
               y(d.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-        z(v(ve), {
+        z(m(he), {
           modelValue: i.value,
           "onUpdate:modelValue": w[2] || (w[2] = (P) => i.value = P),
           spy: "",
@@ -1699,7 +1701,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
           onEnter: b,
           onLeave: ce
         }, {
-          default: _(() => {
+          default: k(() => {
             var P;
             return [
               A("div", {
@@ -1711,30 +1713,31 @@ const so = ["role"], io = /* @__PURE__ */ L({
                 onFocusout: K
               }, [
                 y(d.$slots, "body.prepend"),
-                n.loading ? (u(), m("div", go, [
-                  z(v(xe), { size: 24 })
-                ])) : S.value.length ? (u(), I(v(Te), {
+                n.loading ? (u(), v("div", go, [
+                  z(m(Ie), { size: 24 })
+                ])) : S.value.length ? (u(), I(m(Te), {
                   key: 1,
                   ref_key: "listRef",
                   ref: q,
                   class: "q-select__items",
+                  selectable: "",
                   modelValue: s.value,
                   "onUpdate:modelValue": [
                     w[1] || (w[1] = (fe) => s.value = fe),
-                    oe
+                    ne
                   ],
-                  highlighted: (P = te.value) == null ? void 0 : P[n.itemValue],
+                  highlighted: (P = oe.value) == null ? void 0 : P[n.itemValue],
                   items: S.value,
                   groups: d.groups,
                   "item-label": n.itemLabel,
                   "item-value": n.itemValue,
                   onMouseup: _e
                 }, {
-                  item: _(({ item: fe }) => [
+                  item: k(({ item: fe }) => [
                     y(d.$slots, "item", { item: fe })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", _o, N(d.texts.noData), 1)),
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", _o, N(d.internals.texts.noData), 1)),
                 y(d.$slots, "body.append")
               ], 40, bo)
             ];
@@ -1744,106 +1747,113 @@ const so = ["role"], io = /* @__PURE__ */ L({
       ], 64);
     };
   }
-}), qo = B($o), xo = { class: "q-dialog" }, Io = { class: "q-dialog__header" }, Lo = { class: "q-dialog__header-title" }, So = { class: "q-dialog__body" }, Bo = {
+}), qo = B($o), Io = { class: "q-dialog__header" }, xo = { class: "q-dialog__header-title" }, Lo = { class: "q-dialog__body" }, So = {
   key: 0,
   class: "q-dialog__body-icon"
-}, Co = { class: "q-dialog__body-text" }, To = ["innerHTML"], Vo = { key: 1 }, Eo = { class: "q-dialog__body-actions" }, Do = [
+}, Bo = { class: "q-dialog__body-text" }, Co = ["innerHTML"], To = { key: 1 }, Vo = { class: "q-dialog__body-actions" }, Eo = [
   {
     id: "button",
-    bStyle: "primary",
-    label: "Ok",
     icon: {
       icon: "check"
     },
-    iconOnRight: !1,
-    action: void 0
+    props: {
+      bStyle: "primary",
+      label: "Ok"
+    }
+  }
+], Do = {
+  icon: "check-circle-outline"
+}, Ao = {
+  close: {
+    icon: "close"
   }
-], Ao = {
-  icon: "check-circle-outline",
-  type: "svg"
 }, zo = /* @__PURE__ */ L({
   __name: "QDialog",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     text: { default: "" },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean, default: !0 },
-    buttons: { default: () => Do },
-    dismissible: { type: Boolean, default: !1 },
+    buttons: { default: () => Eo },
+    dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icon: { default: () => Ao },
+    icon: { default: () => Do },
     id: { default: void 0 },
     title: { default: "" },
-    class: { default: void 0 }
+    class: { default: void 0 },
+    internals: { default: () => ({ icons: Ao }) }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const o = t, e = ee(t, "modelValue"), n = me(o.id);
-    function l() {
+  setup(o) {
+    const t = o, e = ee(o, "modelValue"), n = ve(t.id), l = g(() => ["q-dialog", t.class]);
+    function s() {
       e.value = !1;
     }
-    function s(i) {
-      var a;
-      (a = i.action) == null || a.call(i), l();
+    function i(a) {
+      var r;
+      (r = a.action) == null || r.call(a), s();
     }
-    return (i, a) => (u(), I(v(ve), {
+    return (a, r) => (u(), I(m(he), {
       "model-value": e.value,
-      id: v(n),
-      inline: o.inline,
-      attach: o.attach,
-      "backdrop-blur": o.backdropBlur,
+      id: m(n),
+      inline: t.inline,
+      attach: t.attach,
+      "backdrop-blur": t.backdropBlur,
+      "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: ""
     }, {
-      default: _(() => [
-        A("div", xo, [
+      default: k(() => [
+        A("div", {
+          class: C(l.value)
+        }, [
           A("div", Io, [
-            A("span", Lo, N(o.title), 1),
-            o.dismissible ? (u(), I(v(re), {
+            A("span", xo, N(t.title), 1),
+            t.dismissible ? (u(), I(m(de), {
               key: 0,
               "b-style": "tertiary",
-              onClick: l
+              onClick: s
             }, {
-              default: _(() => [
-                z(v(F), { icon: "close" })
+              default: k(() => [
+                z(m(F), G(se(t.internals.icons.close)), null, 16)
               ]),
               _: 1
             })) : $("", !0)
           ]),
-          y(i.$slots, "body.content", {}, () => [
-            A("div", So, [
-              y(i.$slots, "body.icon", {}, () => [
-                o.icon ? (u(), m("span", Bo, [
-                  z(v(F), J(ie(o.icon)), null, 16)
+          y(a.$slots, "body.content", {}, () => [
+            A("div", Lo, [
+              y(a.$slots, "body.icon", {}, () => [
+                t.icon ? (u(), v("span", So, [
+                  z(m(F), G(se(t.icon)), null, 16)
                 ])) : $("", !0)
               ]),
-              A("div", Co, [
-                o.html ? (u(), m("span", {
+              A("div", Bo, [
+                t.html ? (u(), v("span", {
                   key: 0,
-                  innerHTML: o.text
-                }, null, 8, To)) : (u(), m("span", Vo, N(o.text), 1))
+                  innerHTML: t.text
+                }, null, 8, Co)) : (u(), v("span", To, N(t.text), 1))
               ]),
-              y(i.$slots, "body.append")
+              y(a.$slots, "body.append")
             ])
           ]),
-          A("div", Eo, [
-            (u(!0), m(ae, null, we(o.buttons, (r) => (u(), I(v(re), ue({ ref_for: !0 }, r, {
-              key: r.id,
-              onClick: () => s(r)
+          A("div", Vo, [
+            (u(!0), v(te, null, we(t.buttons, (f) => (u(), I(m(de), re({ ref_for: !0 }, f.props, {
+              key: f.id,
+              onClick: () => i(f)
             }), {
-              default: _(() => [
-                r.icon ? (u(), I(v(F), ue({
+              default: k(() => [
+                f.icon ? (u(), I(m(F), re({
                   key: 0,
                   ref_for: !0
-                }, r.icon), null, 16)) : $("", !0)
+                }, f.icon), null, 16)) : $("", !0)
               ]),
               _: 2
             }, 1040, ["onClick"]))), 128))
           ])
-        ])
+        ], 2)
       ]),
       _: 3
     }, 8, ["model-value", "id", "inline", "attach", "backdrop-blur"]));
@@ -1865,30 +1875,30 @@ const so = ["role"], io = /* @__PURE__ */ L({
     size: { default: "large" },
     class: { default: void 0 }
   },
-  setup(t) {
-    const o = t;
+  setup(o) {
+    const t = o;
     return Re({
       QField: {
         size: "block"
       }
-    }), (e, n) => (u(), I(v(Ie), {
-      id: o.id,
-      class: C(["q-input-group", o.class]),
-      label: o.label,
-      required: o.required,
-      size: o.size
+    }), (e, n) => (u(), I(m(xe), {
+      id: t.id,
+      class: C(["q-input-group", t.class]),
+      label: t.label,
+      required: t.required,
+      size: t.size
     }, qe({
-      default: _(() => [
-        e.$slots.prepend || o.prependIcon ? (u(), m("div", Mo, [
-          o.prependIcon ? (u(), m("span", Fo, [
-            z(v(F), J(ie(o.prependIcon)), null, 16)
+      default: k(() => [
+        e.$slots.prepend || t.prependIcon ? (u(), v("div", Mo, [
+          t.prependIcon ? (u(), v("span", Fo, [
+            z(m(F), G(se(t.prependIcon)), null, 16)
           ])) : $("", !0),
           y(e.$slots, "prepend")
         ])) : $("", !0),
         y(e.$slots, "default"),
-        e.$slots.append || o.appendIcon ? (u(), m("div", Oo, [
-          o.appendIcon ? (u(), m("span", Uo, [
-            z(v(F), J(ie(o.appendIcon)), null, 16)
+        e.$slots.append || t.appendIcon ? (u(), v("div", Oo, [
+          t.appendIcon ? (u(), v("span", Uo, [
+            z(m(F), G(se(t.appendIcon)), null, 16)
           ])) : $("", !0),
           y(e.$slots, "append")
         ])) : $("", !0)
@@ -1897,7 +1907,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
     }, [
       e.$slots.extras ? {
         name: "extras",
-        fn: _(() => [
+        fn: k(() => [
           y(e.$slots, "extras")
         ]),
         key: "0"
@@ -1909,10 +1919,10 @@ const so = ["role"], io = /* @__PURE__ */ L({
   props: {
     class: { default: void 0 }
   },
-  setup(t) {
-    const o = t;
-    return (e, n) => (u(), m("div", {
-      class: C(["q-line-loader", o.class])
+  setup(o) {
+    const t = o;
+    return (e, n) => (u(), v("div", {
+      class: C(["q-line-loader", t.class])
     }, null, 2));
   }
 }), Ko = B(Ho), jo = {
@@ -1924,7 +1934,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
 }, Ro = ["innerHTML"], Wo = { key: 1 }, Xo = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QPopover",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     anchor: {},
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
@@ -1939,29 +1949,29 @@ const so = ["role"], io = /* @__PURE__ */ L({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const o = t, e = ee(t, "modelValue");
-    return (n, l) => (u(), I(v(ve), {
+  setup(o) {
+    const t = o, e = ee(o, "modelValue");
+    return (n, l) => (u(), I(m(he), {
       "model-value": e.value,
       class: "q-popover",
       trigger: "click",
-      anchor: o.anchor,
-      arrow: o.arrow,
-      attach: o.attach,
-      inline: o.inline,
-      disabled: o.disabled,
-      placement: o.placement
+      anchor: t.anchor,
+      arrow: t.arrow,
+      attach: t.attach,
+      inline: t.inline,
+      disabled: t.disabled,
+      placement: t.placement
     }, {
-      default: _(() => [
-        o.title || n.$slots.header ? (u(), m("h3", jo, [
-          ye(N(o.title) + " ", 1),
+      default: k(() => [
+        t.title || n.$slots.header ? (u(), v("h3", jo, [
+          me(N(t.title) + " ", 1),
           y(n.$slots, "header")
         ])) : $("", !0),
-        o.text || n.$slots.body ? (u(), m("div", Go, [
-          o.html ? (u(), m("span", {
+        t.text || n.$slots.body ? (u(), v("div", Go, [
+          t.html ? (u(), v("span", {
             key: 0,
-            innerHTML: o.text
-          }, null, 8, Ro)) : (u(), m("span", Wo, N(o.text), 1)),
+            innerHTML: t.text
+          }, null, 8, Ro)) : (u(), v("span", Wo, N(t.text), 1)),
           y(n.$slots, "body")
         ])) : $("", !0)
       ]),
@@ -1988,7 +1998,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
   }
 }, ln = /* @__PURE__ */ L({
   __name: "QSelect",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -1996,76 +2006,75 @@ const so = ["role"], io = /* @__PURE__ */ L({
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => nn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => on },
-    class: { default: "" }
+    class: { default: "" },
+    internals: { default: () => ({ icons: nn, texts: on }) }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ R(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(t, { emit: o }) {
-    const e = t, n = o, l = ee(t, "modelValue"), s = V(!1), i = V(""), a = V(null), r = V(null), f = V(null), q = k(() => x.value === void 0), x = k(
+  emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = ee(o, "modelValue"), s = V(!1), i = V(""), a = V(null), r = V(null), f = V(null), q = g(() => x.value === void 0), x = g(
       () => {
         var c;
         return (c = e.items) == null ? void 0 : c.find((h) => h[e.itemValue] === l.value);
       }
-    ), M = k(
+    ), M = g(
       () => x.value ? x.value[e.itemLabel] : ""
-    ), E = k(
+    ), E = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function S(c) {
-      l.value = c, G();
+      l.value = c, R();
     }
     function T() {
-      E.value && S(e.emptyValue);
+      E.value && (S(e.emptyValue), W());
     }
-    function W(c) {
-      var h, U, le;
-      !((h = f.value) != null && h.contains(c.relatedTarget)) && !((le = (U = a.value) == null ? void 0 : U.fieldRef) != null && le.contains(c.relatedTarget)) && G();
+    function Y(c) {
+      var h, U, ae;
+      !((h = f.value) != null && h.contains(c.relatedTarget)) && !((ae = (U = a.value) == null ? void 0 : U.fieldRef) != null && ae.contains(c.relatedTarget)) && R();
     }
-    function te() {
+    function oe() {
       s.value || (n("before-show"), s.value = !0);
     }
-    function G() {
+    function R() {
       s.value && (n("before-hide"), s.value = !1);
     }
     function O() {
-      e.readonly || e.disabled || (s.value ? G() : te());
+      e.readonly || e.disabled || (s.value ? R() : oe());
     }
-    let oe;
+    let ne;
     function H(c) {
       if (!(!c.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(oe), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (s.value = !0), ["Escape", "Tab"].includes(c.key) && (s.value ? s.value = !1 : E.value && c.key === "Escape" && T()), c.key === "Delete" && e.clearable && T(), /^[a-z]$/i.test(c.key)) {
+        if (window.clearTimeout(ne), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (s.value = !0), ["Escape", "Tab"].includes(c.key) && (s.value ? s.value = !1 : E.value && c.key === "Escape" && T()), c.key === "Delete" && e.clearable && T(), /^[a-z]$/i.test(c.key)) {
           i.value += c.key.toLowerCase();
           for (let h = 0; h < e.items.length; h++)
             if (e.items[h][e.itemLabel].toLowerCase().startsWith(i.value)) {
-              g(h);
+              _(h);
               break;
             }
         }
-        oe = window.setTimeout(function() {
+        ne = window.setTimeout(function() {
           i.value = "";
         }, 500);
       }
     }
-    function ne() {
+    function le() {
       var c;
       e.loading ? (c = f.value) == null || c.focus() : p(), n("show");
     }
     function Q() {
-      X(), n("hide");
+      W(), n("hide");
     }
-    function X() {
+    function W() {
       var c, h;
       (h = (c = a.value) == null ? void 0 : c.fieldRef) == null || h.focus();
     }
@@ -2073,19 +2082,19 @@ const so = ["role"], io = /* @__PURE__ */ L({
       var c;
       (c = r.value) == null || c.$el.focus();
     }
-    function g(c) {
+    function _(c) {
       var h;
       (h = r.value) == null || h.focusItem(c);
     }
-    return Y(
+    return Z(
       () => e.loading,
       (c) => {
-        !c && s.value && Z(p);
+        !c && s.value && J(p);
       }
     ), (c, h) => {
-      var U, le;
-      return u(), m(ae, null, [
-        z(v(Ie), {
+      var U, ae;
+      return u(), v(te, null, [
+        z(m(xe), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -2111,9 +2120,9 @@ const so = ["role"], io = /* @__PURE__ */ L({
           onClick: O,
           onKeydown: pe(H, ["stop"])
         }, qe({
-          append: _(() => [
+          append: k(() => [
             y(c.$slots, "append"),
-            E.value && l.value ? (u(), I(v(re), {
+            E.value && l.value ? (u(), I(m(de), {
               key: 0,
               class: "q-select__clear",
               "b-style": "plain",
@@ -2121,12 +2130,12 @@ const so = ["role"], io = /* @__PURE__ */ L({
               tabindex: "-1",
               onClick: T
             }, {
-              default: _(() => [
-                z(v(F), J(ie(e.icons.clear)), null, 16)
+              default: k(() => [
+                z(m(F), G(se(e.internals.icons.clear)), null, 16)
               ]),
               _: 1
             })) : $("", !0),
-            e.readonly ? $("", !0) : (u(), I(v(re), {
+            e.readonly ? $("", !0) : (u(), I(m(de), {
               key: 1,
               class: "q-select__chevron",
               "b-style": "plain",
@@ -2135,41 +2144,41 @@ const so = ["role"], io = /* @__PURE__ */ L({
               disabled: e.disabled,
               onClick: O
             }, {
-              default: _(() => [
-                z(v(F), J(ie(e.icons.chevron)), null, 16)
+              default: k(() => [
+                z(m(F), G(se(e.internals.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
-          default: _(() => [
-            q.value ? (u(), m("span", Jo, [
-              !e.readonly && !e.disabled ? (u(), m(ae, { key: 0 }, [
-                ye(N(c.texts.placeholder), 1)
+          default: k(() => [
+            q.value ? (u(), v("span", Jo, [
+              !e.readonly && !e.disabled ? (u(), v(te, { key: 0 }, [
+                me(N(c.internals.texts.placeholder), 1)
               ], 64)) : $("", !0)
-            ])) : (u(), m("span", Zo, N(M.value), 1))
+            ])) : (u(), v("span", Zo, N(M.value), 1))
           ]),
           _: 2
         }, [
           (U = x.value) != null && U.icon || c.$slots.prepend ? {
             name: "prepend",
-            fn: _(() => {
-              var K, se;
+            fn: k(() => {
+              var K, ie;
               return [
                 y(c.$slots, "prepend"),
-                (K = x.value) != null && K.icon ? (u(), I(v(F), J(ue({ key: 0 }, (se = x.value) == null ? void 0 : se.icon)), null, 16)) : $("", !0)
+                (K = x.value) != null && K.icon ? (u(), I(m(F), G(re({ key: 0 }, (ie = x.value) == null ? void 0 : ie.icon)), null, 16)) : $("", !0)
               ];
             }),
             key: "0"
           } : void 0,
           c.$slots.extras ? {
             name: "extras",
-            fn: _(() => [
+            fn: k(() => [
               y(c.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-        z(v(ve), {
+        z(m(he), {
           modelValue: s.value,
           "onUpdate:modelValue": h[1] || (h[1] = (K) => s.value = K),
           spy: "",
@@ -2177,12 +2186,12 @@ const so = ["role"], io = /* @__PURE__ */ L({
           placement: "bottom-start",
           width: "anchor",
           "scroll-lock": "",
-          anchor: (le = a.value) == null ? void 0 : le.$el,
+          anchor: (ae = a.value) == null ? void 0 : ae.$el,
           offset: 2,
-          onEnter: ne,
+          onEnter: le,
           onLeave: Q
         }, {
-          default: _(() => [
+          default: k(() => [
             A("div", {
               ref_key: "contentRef",
               ref: f,
@@ -2190,17 +2199,18 @@ const so = ["role"], io = /* @__PURE__ */ L({
               "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: W,
+              onFocusout: Y,
               onKeydown: pe(H, ["stop"])
             }, [
               y(c.$slots, "body.prepend"),
-              e.loading ? (u(), m("div", tn, [
-                z(v(xe), { size: 24 })
-              ])) : (u(), I(v(Te), {
+              e.loading ? (u(), v("div", tn, [
+                z(m(Ie), { size: 24 })
+              ])) : (u(), I(m(Te), {
                 key: 1,
                 ref_key: "listRef",
                 ref: r,
                 class: "q-select__items",
+                selectable: "",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
                   h[0] || (h[0] = (K) => l.value = K),
@@ -2211,7 +2221,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: _(({ item: K }) => [
+                item: k(({ item: K }) => [
                   y(c.$slots, "item", { item: K })
                 ]),
                 _: 3
@@ -2233,17 +2243,17 @@ const so = ["role"], io = /* @__PURE__ */ L({
     width: { default: void 0 },
     height: { default: void 0 }
   },
-  setup(t) {
-    const o = t, e = k(() => o.type ? `q-skeleton-loader--${o.type}` : void 0), n = k(() => {
-      const l = typeof o.width == "number" ? `${o.width}px` : o.width, s = typeof o.height == "number" ? `${o.height}px` : o.height;
+  setup(o) {
+    const t = o, e = g(() => t.type ? `q-skeleton-loader--${t.type}` : void 0), n = g(() => {
+      const l = typeof t.width == "number" ? `${t.width}px` : t.width, s = typeof t.height == "number" ? `${t.height}px` : t.height;
       return {
         width: l,
         height: s
       };
     });
-    return (l, s) => (u(), m("div", {
+    return (l, s) => (u(), v("div", {
       class: C(["q-skeleton-loader", e.value]),
-      style: de(n.value)
+      style: ue(n.value)
     }, rn, 6));
   }
 }), un = B(dn), cn = /* @__PURE__ */ L({
@@ -2251,17 +2261,17 @@ const so = ["role"], io = /* @__PURE__ */ L({
   props: {
     theme: {}
   },
-  setup(t) {
-    const o = t;
-    return (e, n) => (u(), m("div", {
-      class: C(["q-theme-provider", `q-theme--${o.theme}`])
+  setup(o) {
+    const t = o;
+    return (e, n) => (u(), v("div", {
+      class: C(["q-theme-provider", `q-theme--${t.theme}`])
     }, [
       y(e.$slots, "default")
     ], 2));
   }
-}), fn = B(cn), pn = ["innerHTML"], mn = { key: 1 }, vn = /* @__PURE__ */ L({
+}), fn = B(cn), pn = ["innerHTML"], mn = /* @__PURE__ */ L({
   __name: "QTooltip",
-  props: /* @__PURE__ */ R({
+  props: /* @__PURE__ */ X({
     id: { default: void 0 },
     anchor: {},
     appearance: { default: "inverted" },
@@ -2273,6 +2283,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
     text: {},
+    icon: { default: void 0 },
     trigger: { default: "hover" },
     class: { default: void 0 }
   }, {
@@ -2280,47 +2291,52 @@ const so = ["role"], io = /* @__PURE__ */ L({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const o = t, e = ee(t, "modelValue"), n = me(o.id);
-    return (l, s) => (u(), m(ae, null, [
+  setup(o) {
+    const t = o, e = ee(o, "modelValue"), n = ve(t.id);
+    return (l, s) => (u(), v(te, null, [
       y(l.$slots, "anchor", {
-        props: { "aria-describedby": v(n) }
+        props: { "aria-describedby": m(n) }
       }),
-      z(v(ve), {
+      z(m(he), {
         "model-value": e.value,
-        anchor: o.anchor,
+        anchor: t.anchor,
         role: "tooltip",
         "non-modal": "",
-        id: v(n),
-        appearance: o.appearance,
-        arrow: o.arrow,
-        attach: o.attach,
-        inline: o.inline,
-        class: C(["q-tooltip", o.class]),
-        delay: o.delay,
-        disabled: o.disabled,
-        placement: o.placement,
-        trigger: o.trigger
+        id: m(n),
+        appearance: t.appearance,
+        arrow: t.arrow,
+        attach: t.attach,
+        inline: t.inline,
+        class: C(["q-tooltip", t.class]),
+        delay: t.delay,
+        disabled: t.disabled,
+        placement: t.placement,
+        trigger: t.trigger
       }, {
-        default: _(() => [
-          o.html ? (u(), m("span", {
-            key: 0,
-            innerHTML: o.text
-          }, null, 8, pn)) : (u(), m("span", mn, N(o.text), 1))
+        default: k(() => [
+          y(l.$slots, "default", {}, () => [
+            t.icon ? (u(), I(m(F), G(re({ key: 0 }, t.icon)), null, 16)) : $("", !0),
+            t.html ? (u(), v("span", {
+              key: 1,
+              innerHTML: t.text
+            }, null, 8, pn)) : (u(), v(te, { key: 2 }, [
+              me(N(t.text), 1)
+            ], 64))
+          ])
         ]),
-        _: 1
+        _: 3
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), hn = B(vn), yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), vn = B(mn), hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QBadge: Dt,
-  QButton: re,
+  QButton: de,
   QButtonGroup: tt,
   QButtonToggle: Qt,
   QCombobox: qo,
   QDialog: Qo,
-  QField: Ie,
+  QField: xe,
   QIcon: F,
   QIconFont: Ye,
   QIconImg: Ze,
@@ -2330,104 +2346,104 @@ const so = ["role"], io = /* @__PURE__ */ L({
   QList: Te,
   QListItem: ot,
   QListItemGroup: nt,
-  QOverlay: ve,
+  QOverlay: he,
   QPopover: Yo,
   QSelect: an,
   QSkeletonLoader: un,
-  QSpinnerLoader: xe,
+  QSpinnerLoader: Ie,
   QTextField: lt,
   QThemeProvider: fn,
-  QTooltip: hn
+  QTooltip: vn
 }, Symbol.toStringTag, { value: "Module" })), be = "q-theme";
-function bn() {
-  const t = He(be);
-  if (!t)
+function yn() {
+  const o = He(be);
+  if (!o)
     throw new Error("[Quidgest UI] Could not find theme instance");
-  return t;
+  return o;
 }
-function In(t) {
-  const o = bn(), e = {
-    activeTheme: V(t),
-    themes: o.themes
+function In(o) {
+  const t = yn(), e = {
+    activeTheme: V(o),
+    themes: t.themes
   };
   return Ne(be, e), e;
 }
-function gn() {
-  let t = document.getElementById(
+function bn() {
+  let o = document.getElementById(
     be
   );
-  return t || (t = document.createElement("style"), t.id = be, document.head.appendChild(t)), t;
+  return o || (o = document.createElement("style"), o.id = be, document.head.appendChild(o)), o;
 }
-function _n(t) {
-  let o = "";
-  for (const n of t) {
-    o += `.q-theme--${n.name} {
+function gn(o) {
+  let t = "";
+  for (const n of o) {
+    t += `.q-theme--${n.name} {
 `;
     const l = n.scheme;
     let s;
     for (s in l) {
       const i = l[s];
       if (i) {
-        o += `  ${Ue(s)}: ${i};
+        t += `  ${Ue(s)}: ${i};
 `;
         const a = et(i);
-        o += `  ${Ue(s)}-rgb: ${a.r} ${a.g} ${a.b};
+        t += `  ${Ue(s)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
       }
     }
-    o += `}
+    t += `}
 `;
   }
-  const e = gn();
-  e.textContent = o;
+  const e = bn();
+  e.textContent = t;
 }
-function Ue(t) {
-  return t ? `--q-theme-${Xe(t)}` : "";
+function Ue(o) {
+  return o ? `--q-theme-${Xe(o)}` : "";
 }
-function kn(t = {}) {
+function _n(o = {}) {
   return { install: (e) => {
-    const n = t.components || {};
+    const n = o.components || {};
     for (const s in n)
       e.component(s, n[s]);
-    const l = t.defaults || {};
-    e.provide(Ce, V(l)), wn(e, t.themes);
+    const l = o.defaults || {};
+    e.provide(Ce, V(l)), kn(e, o.themes);
   } };
 }
-function wn(t, o) {
+function kn(o, t) {
   const e = [];
   let n;
-  if (!o)
+  if (!t)
     n = "default", e.push({
       name: n,
       mode: "light",
       scheme: Le
     });
   else
-    for (const l of o.themes) {
+    for (const l of t.themes) {
       const i = { ...l.mode === "light" ? Le : Ge, ...l.colors };
       e.push({
         name: l.name,
         mode: l.mode,
         scheme: i
-      }), l.name === o.defaultTheme && (n = l.name);
+      }), l.name === t.defaultTheme && (n = l.name);
     }
   if (n) {
     const l = {
       activeTheme: V(n),
       themes: e
     };
-    _n(e), Y(l.activeTheme, $n, { immediate: !0 }), t.provide(be, l);
+    gn(e), Z(l.activeTheme, wn, { immediate: !0 }), o.provide(be, l);
   }
 }
-function $n(t) {
-  const o = document.documentElement, n = Array.from(o.classList).filter((l) => !l.startsWith("q-theme"));
-  o.className = n.join(" "), o.classList.add(`q-theme--${t}`);
+function wn(o) {
+  const t = document.documentElement, n = Array.from(t.classList).filter((l) => !l.startsWith("q-theme"));
+  t.className = n.join(" "), t.classList.add(`q-theme--${o}`);
 }
-const Ln = (t = {}) => kn({ components: yn, ...t });
+const xn = (o = {}) => _n({ components: hn, ...o });
 export {
-  yn as components,
-  Ln as createFramework,
+  hn as components,
+  xn as createFramework,
   In as provideTheme,
-  xn as templates,
-  bn as useTheme
+  qn as templates,
+  yn as useTheme
 };