@quidgest/ui 0.12.2 → 0.13.1

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 ie, getCurrentInstance as Ue, ref as V, provide as Ne, inject as He, withModifiers as ce, createVNode as Q, unref as y, createCommentVNode as q, createElementVNode as K, Fragment as se, createTextVNode as ve, toDisplayString as j, renderSlot as h, toRef as Ae, mergeModels as Z, useModel as ne, createBlock as D, withCtx as w, renderList as xe, resolveDynamicComponent as Ke, h as ze, normalizeProps as ae, mergeProps as fe, guardReactiveProps as re, reactive as Qe, watch as R, nextTick as X, onMounted as je, onBeforeUnmount as lt, Teleport as at, Transition as st, withKeys as it, createSlots as $e, withDirectives as rt, vModelDynamic as dt } from "vue";
+import { defineComponent as L, computed as k, 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 x, resolveDynamicComponent as Ke, h as Ae, withCtx as _, normalizeProps as W, guardReactiveProps as ie, 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.12.2
+ * Quidgest UI v0.13.1
  * (c) 2024 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -66,11 +66,11 @@ const Le = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   defaultDarkColorScheme: Ge,
   defaultLightColorScheme: Le
-}, Symbol.toStringTag, { value: "Module" })), ut = /* @__PURE__ */ L({
+}, Symbol.toStringTag, { value: "Module" })), ct = /* @__PURE__ */ L({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -80,9 +80,9 @@ const Le = {
     const o = t, e = k(() => ({
       "font-size": o.size !== 48 ? `${o.size}px` : void 0
     }));
-    return (n, l) => (u(), m("div", {
+    return (n, l) => (u(), v("div", {
       class: C(["q-spinner-loader", o.class]),
-      style: ie(e.value)
+      style: ue(e.value)
     }, null, 6));
   }
 });
@@ -109,26 +109,26 @@ function Be(t = {}, o = {}) {
   }
   return e;
 }
-const Ve = "q-defaults";
-function ct() {
+const Ce = "q-defaults";
+function ft() {
   var s, i;
-  const t = Ue();
+  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;
   if (!o)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const e = Re(), n = (s = e.value) == null ? void 0 : s.Global, l = (i = e.value) == null ? void 0 : i[o];
+  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));
 }
-function We(t) {
+function Re(t) {
   if (Se(t))
     return;
-  const o = Re(), e = V(t), n = k(() => Se(e.value) ? o.value : Be(o.value, e.value));
-  Ne(Ve, n);
+  const o = We(), e = V(t), n = k(() => Se(e.value) ? o.value : Be(o.value, e.value));
+  Ne(Ce, n);
 }
-function Re() {
-  const t = He(Ve, void 0);
+function We() {
+  const t = He(Ce, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return t;
@@ -136,34 +136,34 @@ function Re() {
 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 ft(t, o) {
+function pt(t, o) {
   var n;
   const e = Xe(o);
   return e ? typeof ((n = t.props) == null ? void 0 : n[e]) < "u" : !1;
 }
-function S(t) {
+function B(t) {
   const o = t.setup;
   return o && (t.setup = (e, n) => {
-    const l = ct();
+    const l = ft();
     if (Se(l.value))
       return o(e, n);
-    const s = Ue();
+    const s = Pe();
     if (s === null)
       return o(e, n);
     const i = new Proxy(e, {
-      get(a, c) {
-        var x;
-        const v = Reflect.get(a, c), $ = (x = l.value) == null ? void 0 : x[c];
-        return typeof c == "string" && !ft(s.vnode, c) ? $ ?? v : v;
+      get(a, r) {
+        var I;
+        const f = Reflect.get(a, r), q = (I = l.value) == null ? void 0 : I[r];
+        return typeof r == "string" && !pt(s.vnode, r) ? q ?? f : f;
       }
     });
     return o(i, n);
   }), t;
 }
-const qe = S(ut), pt = ["disabled"], mt = {
+const xe = B(ct), mt = ["disabled"], vt = {
   key: 0,
   class: "q-btn__spinner"
-}, vt = { class: "q-btn__content" }, ht = /* @__PURE__ */ L({
+}, ht = { class: "q-btn__content" }, yt = /* @__PURE__ */ L({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -200,99 +200,27 @@ const qe = S(ut), pt = ["disabled"], mt = {
         e.class
       ];
     });
-    return (a, c) => (u(), m("button", {
+    return (a, r) => (u(), v("button", {
       type: "button",
       class: C(i.value),
       disabled: l.value,
-      onClick: ce(s, ["stop", "prevent"])
+      onClick: pe(s, ["stop", "prevent"])
     }, [
-      a.loading ? (u(), m("div", mt, [
-        Q(y(qe), { size: 20 })
-      ])) : q("", !0),
-      K("span", vt, [
-        a.iconOnRight ? (u(), m(se, { key: 0 }, [
-          ve(j(e.label), 1)
-        ], 64)) : q("", !0),
-        h(a.$slots, "default"),
-        a.iconOnRight ? q("", !0) : (u(), m(se, { key: 1 }, [
-          ve(j(e.label), 1)
+      a.loading ? (u(), v("div", vt, [
+        z(m(xe), { size: 20 })
+      ])) : $("", !0),
+      A("span", ht, [
+        a.iconOnRight ? (u(), v(te, { key: 0 }, [
+          me(N(e.label), 1)
+        ], 64)) : $("", !0),
+        y(a.$slots, "default"),
+        a.iconOnRight ? $("", !0) : (u(), v(te, { key: 1 }, [
+          me(N(e.label), 1)
         ], 64))
       ])
-    ], 10, pt));
+    ], 10, mt));
   }
-}), pe = S(ht), yt = /* @__PURE__ */ L({
-  __name: "QButtonGroup",
-  props: {
-    disabled: { type: Boolean },
-    borderless: { type: Boolean },
-    elevated: { type: Boolean },
-    class: { default: void 0 }
-  },
-  setup(t) {
-    const o = t;
-    return We({
-      QButton: {
-        bStyle: "secondary",
-        disabled: Ae(o, "disabled"),
-        borderless: Ae(o, "borderless"),
-        elevated: !1
-      }
-    }), (e, n) => (u(), m("div", {
-      class: C([
-        "q-btn-group",
-        {
-          "q-btn-group--elevated": o.elevated
-        },
-        o.class
-      ])
-    }, [
-      h(e.$slots, "default")
-    ], 2));
-  }
-}), Ye = S(yt), bt = /* @__PURE__ */ L({
-  __name: "QButtonToggle",
-  props: /* @__PURE__ */ Z({
-    options: {},
-    disabled: { type: Boolean },
-    borderless: { type: Boolean },
-    elevated: { type: Boolean },
-    required: { type: Boolean },
-    class: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    const o = t, e = ne(t, "modelValue");
-    function n(l) {
-      e.value === l.key && !o.required ? e.value = void 0 : e.value = l.key;
-    }
-    return (l, s) => (u(), D(y(Ye), {
-      "b-style": "secondary",
-      class: C(o.class),
-      disabled: o.disabled,
-      borderless: o.borderless,
-      elevated: o.elevated
-    }, {
-      default: w(() => [
-        (u(!0), m(se, null, xe(o.options, (i) => (u(), D(y(pe), {
-          key: i.key,
-          title: i.title,
-          label: i.label,
-          active: e.value === i.key,
-          onClick: () => n(i)
-        }, {
-          default: w(() => [
-            h(l.$slots, i.key)
-          ]),
-          _: 2
-        }, 1032, ["title", "label", "active", "onClick"]))), 128))
-      ]),
-      _: 3
-    }, 8, ["class", "disabled", "borderless", "elevated"]));
-  }
-}), gt = S(bt), _t = /* @__PURE__ */ L({
+}), de = B(yt), bt = /* @__PURE__ */ L({
   __name: "QIcon",
   props: {
     icon: {},
@@ -304,22 +232,22 @@ const qe = S(ut), pt = ["disabled"], mt = {
     const o = t, e = k(() => {
       switch (o.type) {
         case "svg":
-          return et;
+          return Je;
         case "font":
-          return Ze;
+          return Ye;
         case "img":
-          return Je;
+          return Ze;
         default:
           return;
       }
     });
-    return (n, l) => (u(), D(Ke(e.value), {
+    return (n, l) => (u(), x(Ke(e.value), {
       class: C(o.class),
       icon: o.icon,
       size: o.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), kt = /* @__PURE__ */ L({
+}), gt = /* @__PURE__ */ L({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -332,12 +260,12 @@ const qe = S(ut), pt = ["disabled"], mt = {
     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
     }));
-    return (s, i) => (u(), m("i", {
+    return (s, i) => (u(), v("i", {
       class: C(["q-icon", "q-icon__font", e.value, n.value, o.class]),
-      style: ie(l.value)
+      style: ue(l.value)
     }, null, 6));
   }
-}), wt = ["src"], $t = /* @__PURE__ */ L({
+}), _t = ["src"], kt = /* @__PURE__ */ L({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -348,13 +276,13 @@ const qe = S(ut), pt = ["disabled"], mt = {
     const o = t, e = k(() => ({
       "font-size": o.size !== void 0 ? `${o.size}px` : void 0
     }));
-    return (n, l) => (u(), m("img", {
+    return (n, l) => (u(), v("img", {
       src: o.icon,
       class: C(["q-icon", "q-icon__img", o.class]),
-      style: ie(e.value)
-    }, null, 14, wt));
+      style: ue(e.value)
+    }, null, 14, _t));
   }
-}), me = {}, qt = L({
+}), ye = {}, wt = L({
   name: "InlineSvg",
   emits: {
     loaded: (t) => typeof t == "object",
@@ -367,9 +295,9 @@ const qe = S(ut), pt = ["disabled"], mt = {
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return ze("div", this.$attrs);
+      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, ze("svg", o);
+    return this.copySvgAttrs(o, this.svgElSource), this.copySvgAttrs(o, t), this.copyComponentAttrs(o, this.$attrs), o.innerHTML = t.innerHTML, Ae("svg", o);
   },
   props: {
     /**
@@ -431,7 +359,7 @@ const qe = S(ut), pt = ["disabled"], mt = {
         n !== !1 && n !== null && n !== void 0 && (t[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)), It(t, this.title)), 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);
     },
     /**
      * Get svgElSource
@@ -439,11 +367,11 @@ const qe = S(ut), pt = ["disabled"], mt = {
      */
     async getSource(t) {
       try {
-        me[t] || (me[t] = xt(this.download(t))), this.svgElSource && me[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const o = await me[t];
+        ye[t] || (ye[t] = qt(this.download(t))), this.svgElSource && ye[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const o = await ye[t];
         this.svgElSource = o, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (o) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete me[t], this.$emit("error", o);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete ye[t], this.$emit("error", o);
       }
     },
     /**
@@ -468,7 +396,7 @@ const qe = S(ut), pt = ["disabled"], mt = {
   },
   expose: []
 });
-function It(t, o) {
+function $t(t, o) {
   const e = t.getElementsByTagName("title");
   if (e.length)
     e[0].textContent = o;
@@ -477,7 +405,7 @@ function It(t, o) {
     n.textContent = o, t.insertBefore(n, t.firstChild);
   }
 }
-function xt(t) {
+function qt(t) {
   if (t.getIsPending)
     return t;
   let o = !0;
@@ -489,7 +417,7 @@ function xt(t) {
   );
   return e.getIsPending = () => o, e;
 }
-const Lt = /* @__PURE__ */ L({
+const xt = /* @__PURE__ */ L({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -508,18 +436,203 @@ const Lt = /* @__PURE__ */ L({
     function i() {
       n("unloaded");
     }
-    return (a, c) => (u(), D(y(qt), {
+    return (a, r) => (u(), x(m(wt), {
       class: C(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: ie(l.value),
+      style: ue(l.value),
       onLoaded: s,
       onUnloaded: i
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), Y = S(_t), Ze = S(kt), Je = S($t), et = S(Lt), St = /* @__PURE__ */ L({
+}), 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);
+}
+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);
+    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 };
+  } else {
+    const o = Lt(t);
+    if (o)
+      return o;
+  }
+  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);
+  let i = 0, a;
+  const r = (l + s) / 2;
+  if (l === s)
+    i = a = 0;
+  else {
+    const f = l - s;
+    switch (a = r > 0.5 ? f / (2 - l - s) : f / (l + s), l) {
+      case o:
+        i = (e - n) / f + (e < n ? 6 : 0);
+        break;
+      case e:
+        i = (n - o) / f + 2;
+        break;
+      case n:
+        i = (o - e) / f + 4;
+        break;
+    }
+    i /= 6;
+  }
+  return {
+    h: Math.round(i * 360),
+    s: Math.round(a * 100),
+    l: Math.round(r * 100)
+  };
+}
+function Bt(t) {
+  return t > 50 ? "#000" : "#fff";
+}
+const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), Tt = { class: "q-badge__content" }, Vt = {
+  remove: {
+    icon: "close"
+  }
+}, Et = /* @__PURE__ */ L({
+  __name: "QBadge",
+  props: {
+    color: { default: "primary" },
+    variant: { default: "tonal" },
+    removable: { type: Boolean },
+    pill: { type: Boolean },
+    icons: { default: () => Vt }
+  },
+  emits: ["click:remove"],
+  setup(t, { emit: o }) {
+    const e = t, n = o, l = k(
+      () => ["primary", "info", "success", "warning", "danger"].includes(e.color)
+    ), s = k(() => {
+      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(() => {
+      let r, f;
+      if (!l.value)
+        if (r = e.color, e.variant === "tonal")
+          f = e.color;
+        else {
+          const q = et(r), I = St(q);
+          f = Bt(I.l);
+        }
+      return {
+        "--q-badge-color": r,
+        "--q-badge-text-color": f
+      };
+    });
+    function a() {
+      n("click:remove");
+    }
+    return (r, f) => (u(), v("span", {
+      class: C(s.value),
+      role: "presentation",
+      style: ue(i.value)
+    }, [
+      Ct,
+      A("div", Tt, [
+        y(r.$slots, "default"),
+        e.removable ? (u(), x(m(de), {
+          key: 0,
+          class: "q-badge__remove",
+          borderless: "",
+          tabindex: "0",
+          onClick: a
+        }, {
+          default: _(() => [
+            z(m(F), W(ie(e.icons.remove)), null, 16)
+          ]),
+          _: 1
+        })) : $("", !0)
+      ])
+    ], 6));
+  }
+}), Dt = B(Et), At = /* @__PURE__ */ L({
+  __name: "QButtonGroup",
+  props: {
+    disabled: { type: Boolean },
+    borderless: { type: Boolean },
+    elevated: { type: Boolean },
+    class: { default: void 0 }
+  },
+  setup(t) {
+    const o = t;
+    return Re({
+      QButton: {
+        bStyle: "secondary",
+        disabled: ze(o, "disabled"),
+        borderless: ze(o, "borderless"),
+        elevated: !1
+      }
+    }), (e, n) => (u(), v("div", {
+      class: C([
+        "q-btn-group",
+        {
+          "q-btn-group--elevated": o.elevated
+        },
+        o.class
+      ])
+    }, [
+      y(e.$slots, "default")
+    ], 2));
+  }
+}), tt = B(At), zt = /* @__PURE__ */ L({
+  __name: "QButtonToggle",
+  props: /* @__PURE__ */ X({
+    options: {},
+    disabled: { type: Boolean },
+    borderless: { type: Boolean },
+    elevated: { type: Boolean },
+    required: { type: Boolean },
+    class: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const o = t, e = ee(t, "modelValue");
+    function n(l) {
+      e.value === l.key && !o.required ? e.value = void 0 : e.value = l.key;
+    }
+    return (l, s) => (u(), x(m(tt), {
+      "b-style": "secondary",
+      class: C(o.class),
+      disabled: o.disabled,
+      borderless: o.borderless,
+      elevated: o.elevated
+    }, {
+      default: _(() => [
+        (u(!0), v(te, null, we(o.options, (i) => (u(), x(m(de), {
+          key: i.key,
+          title: i.title,
+          label: i.label,
+          active: e.value === i.key,
+          onClick: () => n(i)
+        }, {
+          default: _(() => [
+            y(l.$slots, i.key)
+          ]),
+          _: 2
+        }, 1032, ["title", "label", "active", "onClick"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["class", "disabled", "borderless", "elevated"]));
+  }
+}), Qt = B(zt), Mt = /* @__PURE__ */ L({
   __name: "QList",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ X({
     highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
     items: {},
     groups: { default: () => [] },
@@ -535,142 +648,142 @@ const Lt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const e = t, n = ne(t, "modelValue"), l = V(!1), s = k(() => i.value.length > 1 ? "div" : "ul"), i = k(() => e.groups.length ? e.groups.filter(
-      (f) => e.items.some((g) => g.group === f.id)
+    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)
     ) : [{ id: "", title: "" }]), a = V(null);
-    function c(f) {
-      n.value = f;
+    function r(p) {
+      n.value = p;
     }
-    function v() {
+    function f() {
       l.value = !0;
     }
-    function $() {
+    function q() {
       l.value = !1;
     }
-    function x(f) {
-      var p;
-      if ((p = a.value) != null && p.contains(f.relatedTarget))
+    function I(p) {
+      var h;
+      if ((h = a.value) != null && h.contains(p.relatedTarget))
         return;
       let g;
-      n.value ? g = e.items.findIndex((F) => F[e.itemValue] === n.value) : g = H();
-      const d = l.value;
-      I(g, d);
+      n.value ? g = e.items.findIndex((U) => U[e.itemValue] === n.value) : g = G();
+      const c = l.value;
+      S(g, c);
     }
-    function z(f) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && f.preventDefault(), f.key) {
+    function M(p) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(p.key) && p.preventDefault(), p.key) {
         case "ArrowDown":
-          T("next");
+          E("next");
           break;
         case "ArrowUp":
-          T("prev");
+          E("prev");
           break;
         case "Home":
-          T("first");
+          E("first");
           break;
         case "End":
-          T("last");
+          E("last");
           break;
       }
     }
-    function T(f) {
-      switch (f) {
+    function E(p) {
+      switch (p) {
         case "next":
         case "prev":
-          I(P(f));
+          S(H(p));
           break;
         case "first":
-          I(H());
+          S(G());
           break;
         case "last":
-          I(M());
+          S(O());
           break;
       }
     }
-    function I(f, g = !1) {
-      var p;
-      (p = B()[f]) == null || p.focus({ preventScroll: g });
+    function S(p, g = !1) {
+      var h;
+      (h = T()[p]) == null || h.focus({ preventScroll: g });
     }
-    function B() {
+    function T() {
       var g;
-      const f = (g = a.value) == null ? void 0 : g.querySelectorAll("li");
-      return f ? Array.from(f) : [];
+      const p = (g = a.value) == null ? void 0 : g.querySelectorAll("li");
+      return p ? Array.from(p) : [];
     }
-    function G(f) {
-      return B()[f];
+    function Y(p) {
+      return T()[p];
     }
-    function J() {
-      return B().indexOf(document.activeElement);
+    function oe() {
+      return T().indexOf(document.activeElement);
     }
-    function H() {
-      const f = B(), g = f.find((d) => A(d));
-      return g ? f.indexOf(g) : -1;
-    }
-    function M() {
-      const f = B(), g = [...f].reverse().find((d) => A(d));
-      return g ? f.indexOf(g) : -1;
-    }
-    function ee(f, g, d) {
-      return g === "prev" && f === 0 || g === "next" && f === d.length - 1;
-    }
-    function P(f) {
-      const g = J();
-      return te(g, f);
-    }
-    function te(f, g) {
-      const d = B();
-      if (ee(f, g, d))
-        return f;
-      let p = f + (g === "next" ? 1 : -1);
-      for (; !A(d[p]); ) {
-        if (ee(p, g, d))
-          return f;
-        p += g === "next" ? 1 : -1;
+    function G() {
+      const p = T(), g = p.find((c) => Q(c));
+      return g ? p.indexOf(g) : -1;
+    }
+    function O() {
+      const p = T(), g = [...p].reverse().find((c) => Q(c));
+      return g ? p.indexOf(g) : -1;
+    }
+    function ne(p, g, c) {
+      return g === "prev" && p === 0 || g === "next" && p === c.length - 1;
+    }
+    function H(p) {
+      const g = oe();
+      return le(g, p);
+    }
+    function le(p, g) {
+      const c = T();
+      if (ne(p, g, c))
+        return p;
+      let h = p + (g === "next" ? 1 : -1);
+      for (; !Q(c[h]); ) {
+        if (ne(h, g, c))
+          return p;
+        h += g === "next" ? 1 : -1;
       }
-      return p;
+      return h;
     }
-    function A(f) {
-      return f.tabIndex === -2;
+    function Q(p) {
+      return p.tabIndex === -2;
     }
-    function W(f) {
-      return f ? e.items.filter((g) => g.group === f) : e.items;
+    function R(p) {
+      return p ? e.items.filter((g) => g.group === p) : e.items;
     }
     return o({
-      focusItem: I,
-      getItem: G,
-      getAdjacentItemIndex: te,
-      getFirstFocusableItemIndex: H,
-      getLastFocusableItemIndex: M
-    }), (f, g) => (u(), D(Ke(s.value), {
+      focusItem: S,
+      getItem: Y,
+      getAdjacentItemIndex: le,
+      getFirstFocusableItemIndex: G,
+      getLastFocusableItemIndex: O
+    }), (p, g) => (u(), x(Ke(s.value), {
       ref_key: "listRef",
       ref: a,
       class: C(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
-      onFocus: x,
-      onMousedown: v,
-      onMouseup: $,
-      onKeydown: z
+      onFocus: I,
+      onMousedown: f,
+      onMouseup: q,
+      onKeydown: M
     }, {
-      default: w(() => [
-        (u(!0), m(se, null, xe(i.value, (d) => (u(), D(y(ot), {
-          key: d.id,
-          id: d.id,
-          title: i.value.length === 1 ? void 0 : d.title
+      default: _(() => [
+        (u(!0), v(te, null, we(i.value, (c) => (u(), x(m(nt), {
+          key: c.id,
+          id: c.id,
+          title: i.value.length === 1 ? void 0 : c.title
         }, {
-          default: w(() => [
-            (u(!0), m(se, null, xe(W(d.id), (p) => (u(), D(y(tt), {
-              key: p[e.itemValue],
-              value: p[e.itemValue],
-              label: p[e.itemLabel],
-              description: p.description,
-              icon: p.icon,
-              disabled: e.disabled || d.disabled || p.disabled,
-              highlighted: e.highlighted === p[e.itemValue],
-              selected: n.value === p[e.itemValue],
-              onSelect: c
+          default: _(() => [
+            (u(!0), v(te, null, we(R(c.id), (h) => (u(), x(m(ot), {
+              key: h[e.itemValue],
+              value: h[e.itemValue],
+              label: h[e.itemLabel],
+              description: h.description,
+              icon: h.icon,
+              disabled: e.disabled || c.disabled || h.disabled,
+              highlighted: e.highlighted === h[e.itemValue],
+              selected: n.value === h[e.itemValue],
+              onSelect: r
             }, {
-              default: w(() => [
-                h(f.$slots, "item", { item: p })
+              default: _(() => [
+                y(p.$slots, "item", { item: h })
               ]),
               _: 2
             }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -682,21 +795,21 @@ const Lt = /* @__PURE__ */ L({
     }, 40, ["class", "tabindex"]));
   }
 });
-let Bt = 0;
-function ye(t) {
-  return t || `uid-${++Bt}`;
+let Ft = 0;
+function ve(t) {
+  return t || `uid-${++Ft}`;
 }
-const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ct = { class: "q-list-item__container" }, Tt = { class: "q-list-item__content" }, Et = {
+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,
   class: "q-list-item__description"
-}, Dt = { class: "q-list-item__check-container" }, At = {
+}, Ht = { class: "q-list-item__check-container" }, Kt = {
   check: {
     icon: "check"
   },
   description: {
     icon: "information-outline"
   }
-}, zt = /* @__PURE__ */ L({
+}, jt = /* @__PURE__ */ L({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -704,21 +817,21 @@ const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ct = {
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => At },
+    icons: { default: () => Kt },
     disabled: { type: Boolean },
     description: { default: void 0 }
   },
   emits: ["select"],
   setup(t, { emit: o }) {
-    const e = t, n = o, l = ye();
+    const e = t, n = o, 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, c) => (u(), m("li", {
-      id: y(l),
+    return (a, r) => (u(), v("li", {
+      id: m(l),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
@@ -733,107 +846,107 @@ const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ct = {
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: i,
-      onClick: ce(s, ["stop", "prevent"])
+      onClick: pe(s, ["stop", "prevent"])
     }, [
-      K("div", Ct, [
-        K("div", Tt, [
-          h(a.$slots, "default", {}, () => [
-            e.icon ? (u(), D(y(Y), ae(fe({ key: 0 }, e.icon)), null, 16)) : q("", !0),
-            ve(" " + j(e.label), 1)
+      A("div", Ut, [
+        A("div", Pt, [
+          y(a.$slots, "default", {}, () => [
+            e.icon ? (u(), x(m(F), W(re({ key: 0 }, e.icon)), null, 16)) : $("", !0),
+            me(" " + N(e.label), 1)
           ])
         ]),
-        e.description ? (u(), m("div", Et, [
-          Q(y(Y), ae(re(e.icons.description)), null, 16),
-          K("span", null, j(e.description), 1)
-        ])) : q("", !0)
+        e.description ? (u(), v("div", Nt, [
+          z(m(F), W(ie(e.icons.description)), null, 16),
+          A("span", null, N(e.description), 1)
+        ])) : $("", !0)
       ]),
-      K("div", Dt, [
-        e.selected ? (u(), D(y(Y), fe({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
+      A("div", Ht, [
+        e.selected ? (u(), x(m(F), re({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : $("", !0)
       ])
-    ], 42, Vt));
+    ], 42, Ot));
   }
-}), Qt = ["data-key", "aria-labelledby"], Mt = ["id"], Ft = /* @__PURE__ */ L({
+}), Gt = ["data-key", "aria-labelledby"], Rt = ["id"], Wt = /* @__PURE__ */ L({
   __name: "QListItemGroup",
   props: {
     id: {},
     title: { default: "" }
   },
   setup(t) {
-    const o = t, e = ye();
-    return (n, l) => (u(), m("ul", {
+    const o = t, e = ve();
+    return (n, l) => (u(), v("ul", {
       class: "q-list-item-group",
       role: "group",
       "data-key": o.id,
-      "aria-labelledby": o.title ? y(e) : void 0
+      "aria-labelledby": o.title ? m(e) : void 0
     }, [
-      o.title ? (u(), m("li", {
+      o.title ? (u(), v("li", {
         key: 0,
-        id: y(e),
+        id: m(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, j(o.title), 9, Mt)) : q("", !0),
-      h(n.$slots, "default")
-    ], 8, Qt));
+      }, N(o.title), 9, Rt)) : $("", !0),
+      y(n.$slots, "default")
+    ], 8, Gt));
   }
-}), Ce = S(St), tt = S(zt), ot = S(Ft), ke = 8;
-function Ot(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(), c = e == null ? void 0 : e.getBoundingClientRect(), v = Pt(i, a, s, l), $ = Kt(i, a, v), x = Nt($, v, l), z = Ut(x, a, v);
-  let T;
+}), 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), I = Jt(q, f, l), M = Zt(I, a, f);
+  let E;
   if (n != null && n.arrow) {
-    if (!c)
+    if (!r)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    T = Ht(z, i, a, c, v);
+    E = eo(M, i, a, r, f);
   }
-  return { overlayCoords: z, arrowCoords: T, placement: v };
+  return { overlayCoords: M, arrowCoords: E, placement: f };
 }
-function Pt(t, o, e, n) {
+function Yt(t, o, e, n) {
   const l = Fe(t, o, e, n);
   if (Oe(l)) {
-    const s = be(e), a = {
+    const s = ge(e), a = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
-    }[s], c = Fe(
+    }[s], r = Fe(
       t,
       o,
       a,
       n
     );
-    if (Oe(c))
+    if (Oe(r))
       return e;
-    const v = Wt(e);
-    return v ? `${a}-${v}` : a;
+    const f = lo(e);
+    return f ? `${a}-${f}` : a;
   }
   return e;
 }
-function Ut(t, o, e) {
-  const n = we(e), l = (i, a, c) => Math.min(Math.max(i, a), c), s = { ...t };
+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 Nt(t, o, e) {
-  const n = be(o);
+function Jt(t, o, e) {
+  const n = ge(o);
   return {
     x: t.x + (n === "left" ? -e : n === "right" ? e : 0),
     y: t.y + (n === "top" ? -e : n === "bottom" ? e : 0)
   };
 }
-function Ht(t, o, e, n, l) {
-  if (we(l) === "y") {
-    const i = o.top + o.height / 2, a = t.y + e.height / 2, c = a - i, v = e.height / 2 - c - n.height / 2 + 2;
-    if (v > 0 && v < e.height - n.height)
+function eo(t, o, 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;
+    if (f > 0 && f < e.height - n.height)
       return {
-        y: v
+        y: f
       };
   } else {
-    const i = o.left + o.width / 2, a = t.x + e.width / 2, c = a - i, v = e.width / 2 - c - n.width / 2 + 2;
-    if (v > 0 && v < e.width - n.width)
+    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;
+    if (f > 0 && f < e.width - n.width)
       return {
-        x: v
+        x: f
       };
   }
 }
-function Kt(t, o, e) {
+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;
   let a;
   switch (n) {
@@ -854,13 +967,13 @@ function Kt(t, o, e) {
   }
   if (!l)
     return a;
-  const v = we(e) === "y" ? "height" : "width", $ = we(e), x = t[v] / 2 - o[v] / 2;
+  const f = $e(e) === "y" ? "height" : "width", q = $e(e), I = t[f] / 2 - o[f] / 2;
   switch (l) {
     case "start":
-      a[$] -= x;
+      a[q] -= I;
       break;
     case "end":
-      a[$] += x;
+      a[q] += I;
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid alignment value: ${l}`);
@@ -868,7 +981,7 @@ function Kt(t, o, e) {
   return a;
 }
 function Fe(t, o, e, n) {
-  const l = be(e);
+  const l = ge(e);
   let s = 0;
   switch (l) {
     case "top":
@@ -888,34 +1001,34 @@ function Fe(t, o, e, n) {
   }
   return s;
 }
-function jt(t) {
+function oo(t) {
   return t === "x" ? "y" : "x";
 }
-function Gt(t) {
-  const o = be(t);
+function no(t) {
+  const o = ge(t);
   return ["left", "right"].includes(o) ? "x" : "y";
 }
-function we(t) {
-  return jt(Gt(t));
+function $e(t) {
+  return oo(no(t));
 }
-function be(t) {
+function ge(t) {
   const [o] = t.split("-");
   return o;
 }
-function Wt(t) {
+function lo(t) {
   const [, o] = t.split("-");
   return o;
 }
 function Oe(t) {
   return t < 0;
 }
-function Rt(t) {
+function ao(t) {
   return typeof t == "string" ? document.querySelector(t) : t;
 }
-const Xt = ["role"], Yt = /* @__PURE__ */ L({
+const so = ["role"], io = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ X({
     anchor: { default: void 0 },
     appearance: { default: "regular" },
     arrow: { type: Boolean },
@@ -937,11 +1050,11 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["enter", "leave"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["enter", "leave"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, l = ne(t, "modelValue"), s = k(() => [
+    const e = t, n = o, l = ee(t, "modelValue"), s = k(() => [
       "q-overlay",
-      `q-overlay--${be(a.placement)}`,
+      `q-overlay--${ge(a.placement)}`,
       {
         "q-overlay--independent": e.anchor === void 0,
         "q-overlay--inverted": e.appearance === "inverted"
@@ -953,202 +1066,202 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
       left: 0,
       width: 0,
       placement: e.placement
-    }), c = Qe({
+    }), r = Qe({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), v = k(() => a.top !== 0 && a.left !== 0);
-    R(l, () => a.animating = !0);
-    const $ = k(() => {
+    }), f = k(() => a.top !== 0 && a.left !== 0);
+    Z(l, () => a.animating = !0);
+    const q = k(() => {
       if (e.anchor === void 0)
         return;
-      const b = A(), de = e.width === "anchor", N = de ? b == null ? void 0 : b.getBoundingClientRect().width : void 0;
+      const b = Q(), ce = e.width === "anchor", j = ce ? b == null ? void 0 : b.getBoundingClientRect().width : void 0;
       return {
         top: `${a.top}px`,
         left: `${a.left}px`,
-        width: N !== void 0 ? `${N}px` : void 0
+        width: j !== void 0 ? `${j}px` : void 0
       };
-    }), x = k(() => {
+    }), I = k(() => {
       if (e.arrow)
         return {
-          top: c.top !== void 0 ? `${c.top}px` : void 0,
-          left: c.left !== void 0 ? `${c.left}px` : void 0,
-          opacity: c.hidden ? 0 : 1
+          top: r.top !== void 0 ? `${r.top}px` : void 0,
+          left: r.left !== void 0 ? `${r.left}px` : void 0,
+          opacity: r.hidden ? 0 : 1
         };
-    }), z = V(null), T = V(null);
-    function I() {
-      const b = A();
-      if (!b || !T.value)
+    }), M = V(null), E = V(null);
+    function S() {
+      const b = Q();
+      if (!b || !E.value)
         return;
-      const de = {
+      const ce = {
         placement: e.placement,
         width: e.width,
         offset: e.offset,
         arrow: e.arrow
-      }, N = Ot(
+      }, j = Xt(
         b,
-        T.value,
-        (z == null ? void 0 : z.value) ?? void 0,
-        de
+        E.value,
+        (M == null ? void 0 : M.value) ?? void 0,
+        ce
       );
-      a.left = N.overlayCoords.x, a.top = N.overlayCoords.y, a.placement = N.placement, c.hidden = N.arrowCoords === void 0, N.arrowCoords && (c.top = N.arrowCoords.y, c.left = N.arrowCoords.x);
+      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);
     }
-    R(
+    Z(
       () => e.placement,
-      () => X(I)
+      () => J(S)
     );
-    let B;
-    function G() {
-      H(0);
+    let T;
+    function Y() {
+      G(0);
     }
-    function J() {
-      H(e.delay);
+    function oe() {
+      G(e.delay);
     }
-    function H(b) {
-      B || (B = window.setTimeout(() => {
+    function G(b) {
+      T || (T = window.setTimeout(() => {
         l.value = !0;
       }, b));
     }
-    function M() {
-      if (clearTimeout(B), B = void 0, l.value = !1, e.anchor && e.trigger === "click") {
-        const b = A();
+    function O() {
+      if (clearTimeout(T), T = void 0, l.value = !1, e.anchor && e.trigger === "click") {
+        const b = Q();
         b == null || b.focus();
       }
     }
-    R(v, () => X(ee));
-    function ee() {
+    Z(f, () => J(ne));
+    function ne() {
       n("enter");
     }
-    let P;
-    function te() {
-      window.clearTimeout(P), P = window.setTimeout(() => a.animating = !1, 200), n("leave");
+    let H;
+    function le() {
+      window.clearTimeout(H), H = window.setTimeout(() => a.animating = !1, 200), n("leave");
     }
-    function A() {
-      return e.anchor ? Rt(e.anchor) : null;
+    function Q() {
+      return e.anchor ? ao(e.anchor) : null;
     }
-    let W;
-    function f() {
-      const b = A();
+    let R;
+    function p() {
+      const b = Q();
       if (b)
-        switch (W = new MutationObserver(I), W.observe(b, {
+        switch (R = new MutationObserver(S), R.observe(b, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), e.trigger) {
           case "click":
-            b.addEventListener("click", G);
+            b.addEventListener("click", Y);
             break;
           case "hover":
-            b.addEventListener("mouseenter", J), b.addEventListener("mouseleave", M), b.addEventListener("focusin", G), b.addEventListener("focusout", M);
+            b.addEventListener("mouseenter", oe), b.addEventListener("mouseleave", O), b.addEventListener("focusin", Y), b.addEventListener("focusout", O);
             break;
         }
     }
     function g() {
-      const b = A();
+      const b = Q();
       if (b)
-        switch (W == null || W.disconnect(), e.trigger) {
+        switch (R == null || R.disconnect(), e.trigger) {
           case "click":
-            b.removeEventListener("click", G);
+            b.removeEventListener("click", Y);
             break;
           case "hover":
-            b.removeEventListener("mouseenter", J), b.removeEventListener("mouseleave", M), b.removeEventListener("focusin", G), b.removeEventListener("focusout", M);
+            b.removeEventListener("mouseenter", oe), b.removeEventListener("mouseleave", O), b.removeEventListener("focusin", Y), b.removeEventListener("focusout", O);
             break;
         }
     }
-    function d() {
-      window.addEventListener("resize", I), e.scrollLock || window.addEventListener("scroll", I);
+    function c() {
+      window.addEventListener("resize", S), e.scrollLock || window.addEventListener("scroll", S);
     }
-    function p() {
-      window.removeEventListener("resize", I), e.scrollLock || window.removeEventListener("scroll", I);
+    function h() {
+      window.removeEventListener("resize", S), e.scrollLock || window.removeEventListener("scroll", S);
     }
-    let F;
-    function oe() {
-      A() ? (I(), F = window.setTimeout(oe, 100)) : M();
+    let U;
+    function ae() {
+      Q() ? (S(), U = window.setTimeout(ae, 100)) : O();
     }
-    function U() {
-      d(), e.spy ? oe() : I(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && X(() => {
+    function K() {
+      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 = T.value) == null ? void 0 : b.focus();
+        return (b = E.value) == null ? void 0 : b.focus();
       });
     }
-    function le() {
-      p(), e.spy && (clearTimeout(F), F = void 0), e.scrollLock && document.body.classList.remove("no-scroll"), a.top = 0, a.left = 0;
+    function se() {
+      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 || M();
+      e.persistent || O();
     }
     return je(() => {
-      X(f);
-    }), lt(() => {
-      g(), le();
-    }), R(
+      J(p);
+    }), at(() => {
+      g(), se();
+    }), Z(
       l,
       (b) => {
-        X(() => b ? U() : le());
+        J(() => b ? K() : se());
       },
       { immediate: !0 }
-    ), (b, de) => (u(), D(at, {
+    ), (b, ce) => (u(), x(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([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
-      }, null, 2)) : q("", !0),
-      Q(st, {
+      }, null, 2)) : $("", !0),
+      z(it, {
         name: e.transition,
         appear: "",
-        onLeave: te
+        onLeave: le
       }, {
-        default: w(() => [
-          l.value ? (u(), m("div", {
+        default: _(() => [
+          l.value ? (u(), v("div", {
             key: 0,
             class: C(s.value),
-            style: ie($.value)
+            style: ue(q.value)
           }, [
-            K("div", fe({
+            A("div", re({
               class: "q-overlay__content",
               ref_key: "overlayRef",
-              ref: T,
+              ref: E,
               tabindex: "-1",
               role: i.value ? "dialog" : void 0
             }, b.$attrs, {
-              onKeydown: it(_e, ["escape"]),
+              onKeydown: rt(_e, ["escape"]),
               onBlur: _e
             }), [
-              e.arrow ? (u(), m("div", {
+              e.arrow ? (u(), v("div", {
                 key: 0,
                 ref_key: "arrowRef",
-                ref: z,
+                ref: M,
                 role: "presentation",
                 class: "q-overlay__arrow",
-                style: ie(x.value)
-              }, null, 4)) : q("", !0),
-              h(b.$slots, "default")
-            ], 16, Xt)
-          ], 6)) : q("", !0)
+                style: ue(I.value)
+              }, null, 4)) : $("", !0),
+              y(b.$slots, "default")
+            ], 16, so)
+          ], 6)) : $("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), ge = S(Yt), Zt = ["id"], Jt = {
+}), he = B(io), ro = ["id"], uo = {
   key: 0,
   class: "q-field__label"
-}, eo = ["for"], to = {
+}, co = ["for"], fo = {
   key: 0,
   class: "q-field__prepend"
-}, oo = {
+}, po = {
   key: 1,
   class: "q-field__append"
-}, no = {
+}, mo = {
   key: 1,
   class: "q-field__extras"
-}, lo = /* @__PURE__ */ L({
+}, vo = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1162,11 +1275,11 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
     class: { default: void 0 }
   },
   setup(t, { expose: o }) {
-    const e = t, n = ye(e.id), l = V(null), s = k(() => e.required && !e.readonly && !e.disabled);
+    const e = t, n = ve(e.id), l = V(null), s = k(() => e.required && !e.readonly && !e.disabled);
     return o({
       fieldRef: l
-    }), (i, a) => (u(), m("div", {
-      id: y(n),
+    }), (i, a) => (u(), v("div", {
+      id: m(n),
       class: C([
         "q-field",
         `q-field--${e.size}`,
@@ -1178,37 +1291,37 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
         e.class
       ])
     }, [
-      e.label ? (u(), m("div", Jt, [
-        h(i.$slots, "label.prepend"),
-        K("label", {
+      e.label ? (u(), v("div", uo, [
+        y(i.$slots, "label.prepend"),
+        A("label", {
           for: e.for
-        }, j(e.label), 9, eo),
-        h(i.$slots, "label.append")
-      ])) : q("", !0),
-      h(i.$slots, "control", {}, () => [
-        K("div", fe({
+        }, N(e.label), 9, co),
+        y(i.$slots, "label.append")
+      ])) : $("", !0),
+      y(i.$slots, "control", {}, () => [
+        A("div", re({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: l
         }, i.$attrs), [
-          i.$slots.prepend ? (u(), m("div", to, [
-            h(i.$slots, "prepend")
-          ])) : q("", !0),
-          h(i.$slots, "default"),
-          i.$slots.append ? (u(), m("div", oo, [
-            h(i.$slots, "append")
-          ])) : q("", !0)
+          i.$slots.prepend ? (u(), v("div", fo, [
+            y(i.$slots, "prepend")
+          ])) : $("", !0),
+          y(i.$slots, "default"),
+          i.$slots.append ? (u(), v("div", po, [
+            y(i.$slots, "append")
+          ])) : $("", !0)
         ], 16)
       ]),
-      i.$slots.extras ? (u(), m("div", no, [
-        h(i.$slots, "extras")
-      ])) : q("", !0)
-    ], 10, Zt));
+      i.$slots.extras ? (u(), v("div", mo, [
+        y(i.$slots, "extras")
+      ])) : $("", !0)
+    ], 10, ro));
   }
-}), Ie = S(lo), ao = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], so = /* @__PURE__ */ L({
+}), Ie = B(vo), ho = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], yo = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ X({
     id: { default: void 0 },
     placeholder: { default: "" },
     label: { default: "" },
@@ -1226,38 +1339,38 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const e = t, n = ne(t, "modelValue"), l = ye(e.id), s = V(null), i = V(null), a = k(
+    const e = t, n = ee(t, "modelValue"), l = ve(e.id), s = V(null), i = V(null), a = k(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
     return o({
       fieldRef: k(() => {
-        var c;
-        return (c = s.value) == null ? void 0 : c.fieldRef;
+        var r;
+        return (r = s.value) == null ? void 0 : r.fieldRef;
       }),
       inputRef: i
-    }), (c, v) => (u(), D(y(Ie), {
+    }), (r, f) => (u(), x(m(Ie), {
       ref_key: "fieldRef",
       ref: s,
       class: C(["q-text-field", e.class]),
-      for: y(l),
+      for: m(l),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required
-    }, $e({
-      "label.prepend": w(() => [
-        h(c.$slots, "label.prepend")
+    }, qe({
+      "label.prepend": _(() => [
+        y(r.$slots, "label.prepend")
       ]),
-      "label.append": w(() => [
-        h(c.$slots, "label.append")
+      "label.append": _(() => [
+        y(r.$slots, "label.append")
       ]),
-      default: w(() => [
-        rt(K("input", fe({
-          "onUpdate:modelValue": v[0] || (v[0] = ($) => n.value = $),
+      default: _(() => [
+        dt(A("input", re({
+          "onUpdate:modelValue": f[0] || (f[0] = (q) => n.value = q),
           ref_key: "inputRef",
           ref: i,
-          id: y(l),
+          id: m(l),
           class: "q-text-field__input",
           type: e.type,
           role: e.role,
@@ -1266,53 +1379,53 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, c.$attrs), null, 16, ao), [
-          [dt, n.value]
+        }, r.$attrs), null, 16, ho), [
+          [ut, n.value]
         ])
       ]),
       _: 2
     }, [
-      c.$slots.prepend ? {
+      r.$slots.prepend ? {
         name: "prepend",
-        fn: w(() => [
-          h(c.$slots, "prepend")
+        fn: _(() => [
+          y(r.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      c.$slots.append ? {
+      r.$slots.append ? {
         name: "append",
-        fn: w(() => [
-          h(c.$slots, "append")
+        fn: _(() => [
+          y(r.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      c.$slots.extras ? {
+      r.$slots.extras ? {
         name: "extras",
-        fn: w(() => [
-          h(c.$slots, "extras")
+        fn: _(() => [
+          y(r.$slots, "extras")
         ]),
         key: "2"
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), nt = S(so), io = ["data-key"], ro = {
+}), lt = B(yo), bo = ["data-key"], go = {
   key: 0,
   class: "q-select__loader"
-}, uo = {
+}, _o = {
   key: 2,
   class: "q-select__loader"
-}, co = {
+}, ko = {
   noData: "No data available"
-}, fo = {
+}, wo = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, po = /* @__PURE__ */ L({
+}, $o = /* @__PURE__ */ L({
   __name: "QCombobox",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ X({
     id: { default: void 0 },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
@@ -1329,8 +1442,8 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => co },
-    icons: { default: () => fo },
+    texts: { default: () => ko },
+    icons: { default: () => wo },
     class: { default: void 0 }
   }, {
     modelValue: {
@@ -1342,158 +1455,158 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
     search: { default: "" },
     searchModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
+  emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(t, { expose: o, emit: e }) {
-    const n = t, l = e, s = ne(t, "modelValue"), i = ne(t, "open"), a = ne(t, "search"), c = V(void 0), v = V(null), $ = V(null), x = V(null), z = V(null);
-    je(P);
-    const T = k(() => n.clearable && !n.readonly && !n.disabled), I = k(() => {
-      var r;
-      return n.filterMode === "manual" || !M.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
-        (_) => _[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
+    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), I = V(null), M = V(null);
+    je(H);
+    const E = k(() => n.clearable && !n.readonly && !n.disabled), S = k(() => {
+      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())
       );
-    }), B = k(() => {
-      var r;
-      return (r = n.items) == null ? void 0 : r.find((_) => _[n.itemValue] === s.value);
-    }), G = k(() => B.value === void 0), J = k(() => {
-      const r = c.value;
-      if (r !== void 0 && I.value[r])
-        return I.value[r];
-    }), H = k(() => {
-      var _;
-      if (c.value === void 0)
+    }), T = k(() => {
+      var d;
+      return (d = n.items) == null ? void 0 : d.find((w) => w[n.itemValue] === s.value);
+    }), Y = k(() => T.value === void 0), oe = k(() => {
+      const d = r.value;
+      if (d !== void 0 && S.value[d])
+        return S.value[d];
+    }), G = k(() => {
+      var w;
+      if (r.value === void 0)
         return;
-      const r = (_ = $.value) == null ? void 0 : _.getItem(c.value);
-      return r == null ? void 0 : r.id;
-    }), M = k(() => {
-      var r;
-      return a.value.length > 0 && a.value !== ((r = B.value) == null ? void 0 : r[n.itemLabel]);
+      const d = (w = q.value) == null ? void 0 : w.getItem(r.value);
+      return d == null ? void 0 : d.id;
+    }), O = k(() => {
+      var d;
+      return a.value.length > 0 && a.value !== ((d = T.value) == null ? void 0 : d[n.itemLabel]);
     });
-    function ee(r) {
-      s.value = r, A();
+    function ne(d) {
+      s.value = d, Q();
     }
-    function P() {
-      var _;
-      const r = ((_ = B.value) == null ? void 0 : _[n.itemLabel]) || "";
-      a.value !== r && (a.value = r);
+    function H() {
+      var w;
+      const d = ((w = T.value) == null ? void 0 : w[n.itemLabel]) || "";
+      a.value !== d && (a.value = d);
     }
-    function te() {
-      i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, le());
+    function le() {
+      i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, se());
     }
-    function A() {
-      i.value && (l("before-hide"), i.value = !1, c.value = void 0);
+    function Q() {
+      i.value && (l("before-hide"), i.value = !1, r.value = void 0);
     }
-    function W() {
-      i.value ? A() : g();
+    function R() {
+      i.value ? Q() : g();
     }
-    function f() {
-      T.value && (s.value = n.emptyValue, c.value = void 0, le());
+    function p() {
+      E.value && (s.value = n.emptyValue, r.value = void 0, se());
     }
     function g() {
-      if (te(), B.value !== void 0) {
-        const r = I.value.indexOf(B.value);
-        r !== -1 && X(() => N(r));
+      if (le(), T.value !== void 0) {
+        const d = S.value.indexOf(T.value);
+        d !== -1 && J(() => j(d));
       }
     }
-    function d(r) {
-      var _, E;
-      if (!(!r.key || n.readonly || n.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
-          P(), i.value && A();
-        else if (["ArrowDown", "ArrowUp"].includes(r.key))
-          i.value ? X(() => {
-            if (c.value === void 0)
-              p();
+    function c(d) {
+      var w, D;
+      if (!(!d.key || n.readonly || n.disabled))
+        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 ? J(() => {
+            if (r.value === void 0)
+              h();
             else {
-              const O = r.key === "ArrowDown" ? "next" : "prev";
-              oe(c.value, O);
+              const P = d.key === "ArrowDown" ? "next" : "prev";
+              ae(r.value, P);
             }
-          }) : (te(), X(() => {
-            r.key === "ArrowDown" ? p() : F();
+          }) : (le(), J(() => {
+            d.key === "ArrowDown" ? h() : U();
           }));
-        else if (r.key === "Enter") {
-          if (J.value === void 0)
+        else if (d.key === "Enter") {
+          if (oe.value === void 0)
             return;
-          ee(J.value[n.itemValue]);
+          ne(oe.value[n.itemValue]);
         } else
-          r.key === "Home" ? c.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex() : r.key === "End" ? c.value = (E = $.value) == null ? void 0 : E.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && te();
+          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 p() {
-      var r, _;
-      if (G.value)
-        c.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex();
+    function h() {
+      var d, w;
+      if (Y.value)
+        r.value = (w = q.value) == null ? void 0 : w.getFirstFocusableItemIndex();
       else {
-        const E = I.value.findIndex(
-          (O) => O[n.itemValue] === s.value
+        const D = S.value.findIndex(
+          (P) => P[n.itemValue] === s.value
         );
-        E === -1 ? c.value = (r = $.value) == null ? void 0 : r.getFirstFocusableItemIndex() : c.value = E;
+        D === -1 ? r.value = (d = q.value) == null ? void 0 : d.getFirstFocusableItemIndex() : r.value = D;
       }
     }
-    function F() {
-      var r;
-      c.value = (r = $.value) == null ? void 0 : r.getLastFocusableItemIndex();
+    function U() {
+      var d;
+      r.value = (d = q.value) == null ? void 0 : d.getLastFocusableItemIndex();
     }
-    function oe(r, _) {
-      var E;
-      c.value = (E = $.value) == null ? void 0 : E.getAdjacentItemIndex(r, _);
+    function ae(d, w) {
+      var D;
+      r.value = (D = q.value) == null ? void 0 : D.getAdjacentItemIndex(d, w);
     }
-    function U(r) {
-      var ue, Te, Ee, De;
-      const _ = ((ue = x == null ? void 0 : x.value) == null ? void 0 : ue.$el) === r.relatedTarget, E = (Ee = (Te = v == null ? void 0 : v.value) == null ? void 0 : Te.$el) == null ? void 0 : Ee.contains(r.relatedTarget), O = (De = z == null ? void 0 : z.value) == null ? void 0 : De.contains(r.relatedTarget);
-      if (_ || O || E) {
-        r.preventDefault(), r.stopPropagation();
+    function K(d) {
+      var fe, Ve, Ee, De;
+      const w = ((fe = I == null ? void 0 : I.value) == null ? void 0 : fe.$el) === d.relatedTarget, D = (Ee = (Ve = f == null ? void 0 : f.value) == null ? void 0 : Ve.$el) == null ? void 0 : Ee.contains(d.relatedTarget), P = (De = M == null ? void 0 : M.value) == null ? void 0 : De.contains(d.relatedTarget);
+      if (w || P || D) {
+        d.preventDefault(), d.stopPropagation();
         return;
       }
-      A(), T.value && !a.value && (s.value = n.emptyValue), P();
+      Q(), E.value && !a.value && (s.value = n.emptyValue), H();
     }
-    function le() {
-      var r, _;
-      (_ = (r = v.value) == null ? void 0 : r.inputRef) == null || _.focus();
+    function se() {
+      var d, w;
+      (w = (d = f.value) == null ? void 0 : d.inputRef) == null || w.focus();
     }
     function _e() {
-      le();
+      se();
     }
     function b() {
       l("show");
     }
-    function de() {
+    function ce() {
       l("hide");
     }
-    function N(r) {
-      var E;
-      const _ = (E = $.value) == null ? void 0 : E.getItem(r);
-      $.value && ($.value.$el.scrollTop = _ == null ? void 0 : _.offsetTop);
+    function j(d) {
+      var D;
+      const w = (D = q.value) == null ? void 0 : D.getItem(d);
+      q.value && (q.value.$el.scrollTop = w == null ? void 0 : w.offsetTop);
     }
-    return R(s, P), R(
+    return Z(s, H), Z(
       () => n.items,
-      (r, _) => {
-        if (!G.value) {
-          const E = _.find((O) => O[n.itemValue] === s.value);
-          a.value === (E == null ? void 0 : E[n.itemLabel]) && P();
+      (d, w) => {
+        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 }
-    ), R(c, (r) => {
-      r !== void 0 && N(r);
-    }), R(a, (r) => {
-      r && i.value && n.selectionMode === "automatic" && X(p);
-    }), R(
+    ), Z(r, (d) => {
+      d !== void 0 && j(d);
+    }), Z(a, (d) => {
+      d && i.value && n.selectionMode === "automatic" && J(h);
+    }), Z(
       () => n.loading,
-      (r) => {
-        !r && i.value && X(p);
+      (d) => {
+        !d && i.value && J(h);
       }
     ), o({
-      triggerEl: v
-    }), (r, _) => {
-      var E;
-      return u(), m(se, null, [
-        Q(y(nt), {
+      triggerEl: f
+    }), (d, w) => {
+      var D;
+      return u(), v(te, null, [
+        z(m(lt), {
           modelValue: a.value,
-          "onUpdate:modelValue": _[0] || (_[0] = (O) => a.value = O),
+          "onUpdate:modelValue": w[0] || (w[0] = (P) => a.value = P),
           id: n.id,
           label: n.label,
           required: n.required,
           ref_key: "triggerEl",
-          ref: v,
+          ref: f,
           role: "combobox",
           placeholder: n.placeholder,
           class: C([
@@ -1512,118 +1625,118 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
           "aria-expanded": i.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
-          "aria-activedescendant": H.value,
+          "aria-activedescendant": G.value,
           size: n.size,
           onClick: g,
-          onFocusout: U,
-          onKeydown: ce(d, ["stop"])
-        }, $e({
-          "label.prepend": w(() => [
-            h(r.$slots, "label.prepend")
+          onFocusout: K,
+          onKeydown: pe(c, ["stop"])
+        }, qe({
+          "label.prepend": _(() => [
+            y(d.$slots, "label.prepend")
           ]),
-          "label.append": w(() => [
-            h(r.$slots, "label.append")
+          "label.append": _(() => [
+            y(d.$slots, "label.append")
           ]),
-          append: w(() => [
-            h(r.$slots, "append"),
-            T.value && a.value ? (u(), D(y(pe), {
+          append: _(() => [
+            y(d.$slots, "append"),
+            E.value && a.value ? (u(), x(m(de), {
               key: 0,
               class: "q-combobox__clear",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: f
+              onClick: p
             }, {
-              default: w(() => [
-                Q(y(Y), ae(re(n.icons.clear)), null, 16)
+              default: _(() => [
+                z(m(F), W(ie(n.icons.clear)), null, 16)
               ]),
               _: 1
-            })) : q("", !0),
-            n.readonly ? q("", !0) : (u(), D(y(pe), {
+            })) : $("", !0),
+            n.readonly ? $("", !0) : (u(), x(m(de), {
               key: 1,
               ref_key: "toggleRef",
-              ref: x,
+              ref: I,
               class: "q-combobox__chevron",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: n.disabled,
-              onMousedown: ce(W, ["stop", "prevent"])
+              onMousedown: pe(R, ["stop", "prevent"])
             }, {
-              default: w(() => [
-                Q(y(Y), ae(re(n.icons.chevron)), null, 16)
+              default: _(() => [
+                z(m(F), W(ie(n.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
           _: 2
         }, [
-          r.$slots.prepend ? {
+          d.$slots.prepend ? {
             name: "prepend",
-            fn: w(() => [
-              h(r.$slots, "prepend")
+            fn: _(() => [
+              y(d.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          r.$slots.extras ? {
+          d.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
-              h(r.$slots, "extras")
+            fn: _(() => [
+              y(d.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-        Q(y(ge), {
+        z(m(he), {
           modelValue: i.value,
-          "onUpdate:modelValue": _[2] || (_[2] = (O) => i.value = O),
+          "onUpdate:modelValue": w[2] || (w[2] = (P) => i.value = P),
           spy: "",
           "non-modal": "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           offset: 4,
-          anchor: (E = v.value) == null ? void 0 : E.$el,
+          anchor: (D = f.value) == null ? void 0 : D.$el,
           onEnter: b,
-          onLeave: de
+          onLeave: ce
         }, {
-          default: w(() => {
-            var O;
+          default: _(() => {
+            var P;
             return [
-              K("div", {
+              A("div", {
                 ref_key: "contentRef",
-                ref: z,
+                ref: M,
                 class: "q-select__body",
                 "data-testid": "combobox-dropdown",
                 "data-key": n.id,
-                onFocusout: U
+                onFocusout: K
               }, [
-                h(r.$slots, "body.prepend"),
-                n.loading ? (u(), m("div", ro, [
-                  Q(y(qe), { size: 24 })
-                ])) : I.value.length ? (u(), D(y(Ce), {
+                y(d.$slots, "body.prepend"),
+                n.loading ? (u(), v("div", go, [
+                  z(m(xe), { size: 24 })
+                ])) : S.value.length ? (u(), x(m(Te), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: $,
+                  ref: q,
                   class: "q-select__items",
                   modelValue: s.value,
                   "onUpdate:modelValue": [
-                    _[1] || (_[1] = (ue) => s.value = ue),
-                    ee
+                    w[1] || (w[1] = (fe) => s.value = fe),
+                    ne
                   ],
-                  highlighted: (O = J.value) == null ? void 0 : O[n.itemValue],
-                  items: I.value,
-                  groups: r.groups,
+                  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: w(({ item: ue }) => [
-                    h(r.$slots, "item", { item: ue })
+                  item: _(({ item: fe }) => [
+                    y(d.$slots, "item", { item: fe })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", uo, j(r.texts.noData), 1)),
-                h(r.$slots, "body.append")
-              ], 40, io)
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", _o, N(d.texts.noData), 1)),
+                y(d.$slots, "body.append")
+              ], 40, bo)
             ];
           }),
           _: 3
@@ -1631,13 +1744,117 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
       ], 64);
     };
   }
-}), mo = S(po), vo = {
+}), qo = B($o), xo = { class: "q-dialog" }, Io = { class: "q-dialog__header" }, Lo = { class: "q-dialog__header-title" }, So = { class: "q-dialog__body" }, Bo = {
+  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 = [
+  {
+    id: "button",
+    icon: {
+      icon: "check"
+    },
+    props: {
+      bStyle: "primary",
+      label: "Ok"
+    }
+  }
+], Ao = {
+  icon: "check-circle-outline",
+  type: "svg"
+}, zo = /* @__PURE__ */ L({
+  __name: "QDialog",
+  props: /* @__PURE__ */ X({
+    text: { default: "" },
+    attach: { default: "body" },
+    inline: { type: Boolean },
+    backdropBlur: { type: Boolean, default: !0 },
+    buttons: { default: () => Do },
+    dismissible: { type: Boolean, default: !1 },
+    html: { type: Boolean, default: !0 },
+    icon: { default: () => Ao },
+    id: { default: void 0 },
+    title: { default: "" },
+    class: { default: void 0 }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const o = t, e = ee(t, "modelValue"), n = ve(o.id);
+    function l() {
+      e.value = !1;
+    }
+    function s(i) {
+      var a;
+      (a = i.action) == null || a.call(i), l();
+    }
+    return (i, a) => (u(), x(m(he), {
+      "model-value": e.value,
+      id: m(n),
+      inline: o.inline,
+      attach: o.attach,
+      "backdrop-blur": o.backdropBlur,
+      "scroll-lock": "",
+      persistent: ""
+    }, {
+      default: _(() => [
+        A("div", xo, [
+          A("div", Io, [
+            A("span", Lo, N(o.title), 1),
+            o.dismissible ? (u(), x(m(de), {
+              key: 0,
+              "b-style": "tertiary",
+              onClick: l
+            }, {
+              default: _(() => [
+                z(m(F), { icon: "close" })
+              ]),
+              _: 1
+            })) : $("", !0)
+          ]),
+          y(i.$slots, "body.content", {}, () => [
+            A("div", So, [
+              y(i.$slots, "body.icon", {}, () => [
+                o.icon ? (u(), v("span", Bo, [
+                  z(m(F), W(ie(o.icon)), null, 16)
+                ])) : $("", !0)
+              ]),
+              A("div", Co, [
+                o.html ? (u(), v("span", {
+                  key: 0,
+                  innerHTML: o.text
+                }, null, 8, To)) : (u(), v("span", Vo, N(o.text), 1))
+              ]),
+              y(i.$slots, "body.append")
+            ])
+          ]),
+          A("div", Eo, [
+            (u(!0), v(te, null, we(o.buttons, (r) => (u(), x(m(de), re({ ref_for: !0 }, r.props, {
+              key: r.id,
+              onClick: () => s(r)
+            }), {
+              default: _(() => [
+                r.icon ? (u(), x(m(F), re({
+                  key: 0,
+                  ref_for: !0
+                }, r.icon), null, 16)) : $("", !0)
+              ]),
+              _: 2
+            }, 1040, ["onClick"]))), 128))
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["model-value", "id", "inline", "attach", "backdrop-blur"]));
+  }
+}), Qo = B(zo), Mo = {
   key: 0,
   class: "q-input-group__prepend"
-}, ho = { key: 0 }, yo = {
+}, Fo = { key: 0 }, Oo = {
   key: 1,
   class: "q-input-group__append"
-}, bo = { key: 0 }, go = /* @__PURE__ */ L({
+}, Uo = { key: 0 }, Po = /* @__PURE__ */ L({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1650,64 +1867,64 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
   },
   setup(t) {
     const o = t;
-    return We({
+    return Re({
       QField: {
         size: "block"
       }
-    }), (e, n) => (u(), D(y(Ie), {
+    }), (e, n) => (u(), x(m(Ie), {
       id: o.id,
       class: C(["q-input-group", o.class]),
       label: o.label,
       required: o.required,
       size: o.size
-    }, $e({
-      default: w(() => [
-        e.$slots.prepend || o.prependIcon ? (u(), m("div", vo, [
-          o.prependIcon ? (u(), m("span", ho, [
-            Q(y(Y), ae(re(o.prependIcon)), null, 16)
-          ])) : q("", !0),
-          h(e.$slots, "prepend")
-        ])) : q("", !0),
-        h(e.$slots, "default"),
-        e.$slots.append || o.appendIcon ? (u(), m("div", yo, [
-          o.appendIcon ? (u(), m("span", bo, [
-            Q(y(Y), ae(re(o.appendIcon)), null, 16)
-          ])) : q("", !0),
-          h(e.$slots, "append")
-        ])) : q("", !0)
+    }, qe({
+      default: _(() => [
+        e.$slots.prepend || o.prependIcon ? (u(), v("div", Mo, [
+          o.prependIcon ? (u(), v("span", Fo, [
+            z(m(F), W(ie(o.prependIcon)), null, 16)
+          ])) : $("", !0),
+          y(e.$slots, "prepend")
+        ])) : $("", !0),
+        y(e.$slots, "default"),
+        e.$slots.append || o.appendIcon ? (u(), v("div", Oo, [
+          o.appendIcon ? (u(), v("span", Uo, [
+            z(m(F), W(ie(o.appendIcon)), null, 16)
+          ])) : $("", !0),
+          y(e.$slots, "append")
+        ])) : $("", !0)
       ]),
       _: 2
     }, [
       e.$slots.extras ? {
         name: "extras",
-        fn: w(() => [
-          h(e.$slots, "extras")
+        fn: _(() => [
+          y(e.$slots, "extras")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["id", "class", "label", "required", "size"]));
   }
-}), _o = S(go), ko = /* @__PURE__ */ L({
+}), No = B(Po), Ho = /* @__PURE__ */ L({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(t) {
     const o = t;
-    return (e, n) => (u(), m("div", {
+    return (e, n) => (u(), v("div", {
       class: C(["q-line-loader", o.class])
     }, null, 2));
   }
-}), wo = S(ko), $o = {
+}), Ko = B(Ho), jo = {
   key: 0,
   class: "q-popover__header"
-}, qo = {
+}, Go = {
   key: 1,
   class: "q-popover__body"
-}, Io = ["innerHTML"], xo = { key: 1 }, Lo = /* @__PURE__ */ L({
+}, Ro = ["innerHTML"], Wo = { key: 1 }, Xo = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QPopover",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ X({
     anchor: {},
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
@@ -1723,8 +1940,8 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, e = ne(t, "modelValue");
-    return (n, l) => (u(), D(y(ge), {
+    const o = t, e = ee(t, "modelValue");
+    return (n, l) => (u(), x(m(he), {
       "model-value": e.value,
       class: "q-popover",
       trigger: "click",
@@ -1735,43 +1952,43 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
       disabled: o.disabled,
       placement: o.placement
     }, {
-      default: w(() => [
-        o.title || n.$slots.header ? (u(), m("h3", $o, [
-          ve(j(o.title) + " ", 1),
-          h(n.$slots, "header")
-        ])) : q("", !0),
-        o.text || n.$slots.body ? (u(), m("div", qo, [
-          o.html ? (u(), m("span", {
+      default: _(() => [
+        o.title || n.$slots.header ? (u(), v("h3", jo, [
+          me(N(o.title) + " ", 1),
+          y(n.$slots, "header")
+        ])) : $("", !0),
+        o.text || n.$slots.body ? (u(), v("div", Go, [
+          o.html ? (u(), v("span", {
             key: 0,
             innerHTML: o.text
-          }, null, 8, Io)) : (u(), m("span", xo, j(o.text), 1)),
-          h(n.$slots, "body")
-        ])) : q("", !0)
+          }, null, 8, Ro)) : (u(), v("span", Wo, N(o.text), 1)),
+          y(n.$slots, "body")
+        ])) : $("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
   }
-}), So = S(Lo), Bo = {
+}), Yo = B(Xo), Zo = {
   key: 0,
   class: "q-select__value"
-}, Vo = {
+}, Jo = {
   key: 1,
   class: "q-select__placeholder"
-}, Co = ["data-key"], To = {
+}, en = ["data-key"], tn = {
   key: 0,
   class: "q-select__loader"
-}, Eo = {
+}, on = {
   placeholder: "Choose..."
-}, Do = {
+}, nn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, Ao = /* @__PURE__ */ L({
+}, ln = /* @__PURE__ */ L({
   __name: "QSelect",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ X({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -1779,14 +1996,14 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => Do },
+    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: () => Eo },
+    texts: { default: () => on },
     class: { default: "" }
   }, {
     modelValue: {
@@ -1794,81 +2011,81 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, l = ne(t, "modelValue"), s = V(!1), i = V(""), a = V(null), c = V(null), v = V(null), $ = k(() => x.value === void 0), x = k(
+    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(() => I.value === void 0), I = k(
       () => {
-        var d;
-        return (d = e.items) == null ? void 0 : d.find((p) => p[e.itemValue] === l.value);
+        var c;
+        return (c = e.items) == null ? void 0 : c.find((h) => h[e.itemValue] === l.value);
       }
-    ), z = k(
-      () => x.value ? x.value[e.itemLabel] : ""
-    ), T = k(
+    ), M = k(
+      () => I.value ? I.value[e.itemLabel] : ""
+    ), E = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function I(d) {
-      l.value = d, H();
+    function S(c) {
+      l.value = c, G();
     }
-    function B() {
-      T.value && I(e.emptyValue);
+    function T() {
+      E.value && (S(e.emptyValue), R());
     }
-    function G(d) {
-      var p, F, oe;
-      !((p = v.value) != null && p.contains(d.relatedTarget)) && !((oe = (F = a.value) == null ? void 0 : F.fieldRef) != null && oe.contains(d.relatedTarget)) && H();
+    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)) && G();
     }
-    function J() {
+    function oe() {
       s.value || (n("before-show"), s.value = !0);
     }
-    function H() {
+    function G() {
       s.value && (n("before-hide"), s.value = !1);
     }
-    function M() {
-      e.readonly || e.disabled || (s.value ? H() : J());
-    }
-    let ee;
-    function P(d) {
-      if (!(!d.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(ee), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (s.value = !0), ["Escape", "Tab"].includes(d.key) && (s.value ? s.value = !1 : T.value && d.key === "Escape" && B()), d.key === "Delete" && e.clearable && B(), /^[a-z]$/i.test(d.key)) {
-          i.value += d.key.toLowerCase();
-          for (let p = 0; p < e.items.length; p++)
-            if (e.items[p][e.itemLabel].toLowerCase().startsWith(i.value)) {
-              g(p);
+    function O() {
+      e.readonly || e.disabled || (s.value ? G() : oe());
+    }
+    let ne;
+    function H(c) {
+      if (!(!c.key || e.readonly || e.disabled)) {
+        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);
               break;
             }
         }
-        ee = window.setTimeout(function() {
+        ne = window.setTimeout(function() {
           i.value = "";
         }, 500);
       }
     }
-    function te() {
-      var d;
-      e.loading ? (d = v.value) == null || d.focus() : f(), n("show");
+    function le() {
+      var c;
+      e.loading ? (c = f.value) == null || c.focus() : p(), n("show");
     }
-    function A() {
-      W(), n("hide");
+    function Q() {
+      R(), n("hide");
     }
-    function W() {
-      var d, p;
-      (p = (d = a.value) == null ? void 0 : d.fieldRef) == null || p.focus();
+    function R() {
+      var c, h;
+      (h = (c = a.value) == null ? void 0 : c.fieldRef) == null || h.focus();
     }
-    function f() {
-      var d;
-      (d = c.value) == null || d.$el.focus();
+    function p() {
+      var c;
+      (c = r.value) == null || c.$el.focus();
     }
-    function g(d) {
-      var p;
-      (p = c.value) == null || p.focusItem(d);
+    function g(c) {
+      var h;
+      (h = r.value) == null || h.focusItem(c);
     }
-    return R(
+    return Z(
       () => e.loading,
-      (d) => {
-        !d && s.value && X(f);
+      (c) => {
+        !c && s.value && J(p);
       }
-    ), (d, p) => {
-      var F, oe;
-      return u(), m(se, null, [
-        Q(y(Ie), {
+    ), (c, h) => {
+      var U, ae;
+      return u(), v(te, null, [
+        z(m(Ie), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1891,125 +2108,125 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
           "aria-expanded": s.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: M,
-          onKeydown: ce(P, ["stop"])
-        }, $e({
-          append: w(() => [
-            h(d.$slots, "append"),
-            T.value && l.value ? (u(), D(y(pe), {
+          onClick: O,
+          onKeydown: pe(H, ["stop"])
+        }, qe({
+          append: _(() => [
+            y(c.$slots, "append"),
+            E.value && l.value ? (u(), x(m(de), {
               key: 0,
               class: "q-select__clear",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: B
+              onClick: T
             }, {
-              default: w(() => [
-                Q(y(Y), ae(re(e.icons.clear)), null, 16)
+              default: _(() => [
+                z(m(F), W(ie(e.icons.clear)), null, 16)
               ]),
               _: 1
-            })) : q("", !0),
-            e.readonly ? q("", !0) : (u(), D(y(pe), {
+            })) : $("", !0),
+            e.readonly ? $("", !0) : (u(), x(m(de), {
               key: 1,
               class: "q-select__chevron",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: e.disabled,
-              onClick: M
+              onClick: O
             }, {
-              default: w(() => [
-                Q(y(Y), ae(re(e.icons.chevron)), null, 16)
+              default: _(() => [
+                z(m(F), W(ie(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
-          default: w(() => [
-            $.value ? (u(), m("span", Vo, [
-              !e.readonly && !e.disabled ? (u(), m(se, { key: 0 }, [
-                ve(j(d.texts.placeholder), 1)
-              ], 64)) : q("", !0)
-            ])) : (u(), m("span", Bo, j(z.value), 1))
+          default: _(() => [
+            q.value ? (u(), v("span", Jo, [
+              !e.readonly && !e.disabled ? (u(), v(te, { key: 0 }, [
+                me(N(c.texts.placeholder), 1)
+              ], 64)) : $("", !0)
+            ])) : (u(), v("span", Zo, N(M.value), 1))
           ]),
           _: 2
         }, [
-          (F = x.value) != null && F.icon || d.$slots.prepend ? {
+          (U = I.value) != null && U.icon || c.$slots.prepend ? {
             name: "prepend",
-            fn: w(() => {
-              var U, le;
+            fn: _(() => {
+              var K, se;
               return [
-                h(d.$slots, "prepend"),
-                (U = x.value) != null && U.icon ? (u(), D(y(Y), ae(fe({ key: 0 }, (le = x.value) == null ? void 0 : le.icon)), null, 16)) : q("", !0)
+                y(c.$slots, "prepend"),
+                (K = I.value) != null && K.icon ? (u(), x(m(F), W(re({ key: 0 }, (se = I.value) == null ? void 0 : se.icon)), null, 16)) : $("", !0)
               ];
             }),
             key: "0"
           } : void 0,
-          d.$slots.extras ? {
+          c.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
-              h(d.$slots, "extras")
+            fn: _(() => [
+              y(c.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-        Q(y(ge), {
+        z(m(he), {
           modelValue: s.value,
-          "onUpdate:modelValue": p[1] || (p[1] = (U) => s.value = U),
+          "onUpdate:modelValue": h[1] || (h[1] = (K) => s.value = K),
           spy: "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           "scroll-lock": "",
-          anchor: (oe = a.value) == null ? void 0 : oe.$el,
+          anchor: (ae = a.value) == null ? void 0 : ae.$el,
           offset: 2,
-          onEnter: te,
-          onLeave: A
+          onEnter: le,
+          onLeave: Q
         }, {
-          default: w(() => [
-            K("div", {
+          default: _(() => [
+            A("div", {
               ref_key: "contentRef",
-              ref: v,
+              ref: f,
               "data-testid": "combobox-dropdown",
               "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: G,
-              onKeydown: ce(P, ["stop"])
+              onFocusout: Y,
+              onKeydown: pe(H, ["stop"])
             }, [
-              h(d.$slots, "body.prepend"),
-              e.loading ? (u(), m("div", To, [
-                Q(y(qe), { size: 24 })
-              ])) : (u(), D(y(Ce), {
+              y(c.$slots, "body.prepend"),
+              e.loading ? (u(), v("div", tn, [
+                z(m(xe), { size: 24 })
+              ])) : (u(), x(m(Te), {
                 key: 1,
                 ref_key: "listRef",
-                ref: c,
+                ref: r,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
-                  p[0] || (p[0] = (U) => l.value = U),
-                  I
+                  h[0] || (h[0] = (K) => l.value = K),
+                  S
                 ],
                 items: e.items,
-                groups: d.groups,
+                groups: c.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: w(({ item: U }) => [
-                  h(d.$slots, "item", { item: U })
+                item: _(({ item: K }) => [
+                  y(c.$slots, "item", { item: K })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              h(d.$slots, "body.append")
-            ], 40, Co)
+              y(c.$slots, "body.append")
+            ], 40, en)
           ]),
           _: 3
         }, 8, ["modelValue", "anchor"])
       ], 64);
     };
   }
-}), zo = S(Ao), Qo = /* @__PURE__ */ K("div", { class: "q-skeleton-loader__bone" }, null, -1), Mo = [
-  Qo
-], Fo = /* @__PURE__ */ L({
+}), an = B(ln), sn = /* @__PURE__ */ A("div", { class: "q-skeleton-loader__bone" }, null, -1), rn = [
+  sn
+], dn = /* @__PURE__ */ L({
   __name: "QSkeletonLoader",
   props: {
     type: { default: void 0 },
@@ -2024,27 +2241,27 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
         height: s
       };
     });
-    return (l, s) => (u(), m("div", {
+    return (l, s) => (u(), v("div", {
       class: C(["q-skeleton-loader", e.value]),
-      style: ie(n.value)
-    }, Mo, 6));
+      style: ue(n.value)
+    }, rn, 6));
   }
-}), Oo = S(Fo), Po = /* @__PURE__ */ L({
+}), un = B(dn), cn = /* @__PURE__ */ L({
   __name: "QThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
     const o = t;
-    return (e, n) => (u(), m("div", {
+    return (e, n) => (u(), v("div", {
       class: C(["q-theme-provider", `q-theme--${o.theme}`])
     }, [
-      h(e.$slots, "default")
+      y(e.$slots, "default")
     ], 2));
   }
-}), Uo = S(Po), No = ["innerHTML"], Ho = { key: 1 }, Ko = /* @__PURE__ */ L({
+}), fn = B(cn), pn = ["innerHTML"], mn = /* @__PURE__ */ L({
   __name: "QTooltip",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ X({
     id: { default: void 0 },
     anchor: {},
     appearance: { default: "inverted" },
@@ -2056,6 +2273,7 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
     text: {},
+    icon: { default: void 0 },
     trigger: { default: "hover" },
     class: { default: void 0 }
   }, {
@@ -2064,17 +2282,17 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, e = ne(t, "modelValue"), n = ye(o.id);
-    return (l, s) => (u(), m(se, null, [
-      h(l.$slots, "anchor", {
-        props: { "aria-describedby": y(n) }
+    const o = t, e = ee(t, "modelValue"), n = ve(o.id);
+    return (l, s) => (u(), v(te, null, [
+      y(l.$slots, "anchor", {
+        props: { "aria-describedby": m(n) }
       }),
-      Q(y(ge), {
+      z(m(he), {
         "model-value": e.value,
         anchor: o.anchor,
         role: "tooltip",
         "non-modal": "",
-        id: y(n),
+        id: m(n),
         appearance: o.appearance,
         arrow: o.arrow,
         attach: o.attach,
@@ -2085,71 +2303,68 @@ const Xt = ["role"], Yt = /* @__PURE__ */ L({
         placement: o.placement,
         trigger: o.trigger
       }, {
-        default: w(() => [
-          o.html ? (u(), m("span", {
-            key: 0,
-            innerHTML: o.text
-          }, null, 8, No)) : (u(), m("span", Ho, j(o.text), 1))
+        default: _(() => [
+          y(l.$slots, "default", {}, () => [
+            o.icon ? (u(), x(m(F), W(re({ key: 0 }, o.icon)), null, 16)) : $("", !0),
+            o.html ? (u(), v("span", {
+              key: 1,
+              innerHTML: o.text
+            }, null, 8, pn)) : (u(), v(te, { key: 2 }, [
+              me(N(o.text), 1)
+            ], 64))
+          ])
         ]),
-        _: 1
+        _: 3
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), jo = S(Ko), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), vn = B(mn), hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QButton: pe,
-  QButtonGroup: Ye,
-  QButtonToggle: gt,
-  QCombobox: mo,
+  QBadge: Dt,
+  QButton: de,
+  QButtonGroup: tt,
+  QButtonToggle: Qt,
+  QCombobox: qo,
+  QDialog: Qo,
   QField: Ie,
-  QIcon: Y,
-  QIconFont: Ze,
-  QIconImg: Je,
-  QIconSvg: et,
-  QInputGroup: _o,
-  QLineLoader: wo,
-  QList: Ce,
-  QListItem: tt,
-  QListItemGroup: ot,
-  QOverlay: ge,
-  QPopover: So,
-  QSelect: zo,
-  QSkeletonLoader: Oo,
-  QSpinnerLoader: qe,
-  QTextField: nt,
-  QThemeProvider: Uo,
-  QTooltip: jo
-}, Symbol.toStringTag, { value: "Module" })), he = "q-theme";
-function Wo() {
-  const t = He(he);
+  QIcon: F,
+  QIconFont: Ye,
+  QIconImg: Ze,
+  QIconSvg: Je,
+  QInputGroup: No,
+  QLineLoader: Ko,
+  QList: Te,
+  QListItem: ot,
+  QListItemGroup: nt,
+  QOverlay: he,
+  QPopover: Yo,
+  QSelect: an,
+  QSkeletonLoader: un,
+  QSpinnerLoader: xe,
+  QTextField: lt,
+  QThemeProvider: fn,
+  QTooltip: vn
+}, Symbol.toStringTag, { value: "Module" })), be = "q-theme";
+function yn() {
+  const t = He(be);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function ln(t) {
-  const o = Wo(), e = {
+function xn(t) {
+  const o = yn(), e = {
     activeTheme: V(t),
     themes: o.themes
   };
-  return Ne(he, e), e;
-}
-function Ro(t) {
-  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
-}
-function Xo(t) {
-  if (!Ro(t))
-    throw new Error("Invalid color format");
-  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 };
+  return Ne(be, e), e;
 }
-function Yo() {
+function bn() {
   let t = document.getElementById(
-    he
+    be
   );
-  return t || (t = document.createElement("style"), t.id = he, document.head.appendChild(t)), t;
+  return t || (t = document.createElement("style"), t.id = be, document.head.appendChild(t)), t;
 }
-function Zo(t) {
+function gn(t) {
   let o = "";
   for (const n of t) {
     o += `.q-theme--${n.name} {
@@ -2159,32 +2374,32 @@ function Zo(t) {
     for (s in l) {
       const i = l[s];
       if (i) {
-        o += `  ${Pe(s)}: ${i};
+        o += `  ${Ue(s)}: ${i};
 `;
-        const a = Xo(i);
-        o += `  ${Pe(s)}-rgb: ${a.r} ${a.g} ${a.b};
+        const a = et(i);
+        o += `  ${Ue(s)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
       }
     }
     o += `}
 `;
   }
-  const e = Yo();
+  const e = bn();
   e.textContent = o;
 }
-function Pe(t) {
+function Ue(t) {
   return t ? `--q-theme-${Xe(t)}` : "";
 }
-function Jo(t = {}) {
+function _n(t = {}) {
   return { install: (e) => {
     const n = t.components || {};
     for (const s in n)
       e.component(s, n[s]);
     const l = t.defaults || {};
-    e.provide(Ve, V(l)), en(e, t.themes);
+    e.provide(Ce, V(l)), kn(e, t.themes);
   } };
 }
-function en(t, o) {
+function kn(t, o) {
   const e = [];
   let n;
   if (!o)
@@ -2207,18 +2422,18 @@ function en(t, o) {
       activeTheme: V(n),
       themes: e
     };
-    Zo(e), R(l.activeTheme, tn, { immediate: !0 }), t.provide(he, l);
+    gn(e), Z(l.activeTheme, wn, { immediate: !0 }), t.provide(be, l);
   }
 }
-function tn(t) {
+function wn(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}`);
 }
-const an = (t = {}) => Jo({ components: Go, ...t });
+const In = (t = {}) => _n({ components: hn, ...t });
 export {
-  Go as components,
-  an as createFramework,
-  ln as provideTheme,
-  nn as templates,
-  Wo as useTheme
+  hn as components,
+  In as createFramework,
+  xn as provideTheme,
+  qn as templates,
+  yn as useTheme
 };