@quidgest/ui 0.14.9 → 0.14.11

package/dist/ui.esm.js

@@ -1,10 +1,10 @@
-import { getCurrentInstance as Je, computed as y, ref as A, provide as De, inject as ze, watch as Z, defineComponent as C, mergeModels as G, toRef as Ve, useModel as K, openBlock as i, createElementBlock as f, renderSlot as p, normalizeClass as T, normalizeStyle as fe, withModifiers as ue, createVNode as D, unref as m, createCommentVNode as g, createElementVNode as q, Fragment as U, createTextVNode as ae, toDisplayString as E, createBlock as B, resolveDynamicComponent as Se, h as He, withCtx as w, normalizeProps as W, guardReactiveProps as ne, renderList as he, useAttrs as bt, createSlots as ye, withKeys as Ae, mergeProps as H, onMounted as Me, onUnmounted as gt, reactive as je, nextTick as te, onBeforeUnmount as _t, Teleport as $t, Transition as kt, withDirectives as wt, vModelDynamic as qt } from "vue";
+import { getCurrentInstance as Je, computed as y, ref as V, provide as Me, inject as ze, watch as ne, defineComponent as S, mergeModels as G, toRef as Ae, useModel as j, openBlock as u, createElementBlock as m, renderSlot as p, normalizeClass as A, normalizeStyle as fe, withModifiers as re, createVNode as O, unref as h, createCommentVNode as $, createElementVNode as w, Fragment as R, createTextVNode as de, toDisplayString as Q, createBlock as I, resolveDynamicComponent as Le, h as He, withCtx as _, normalizeProps as J, guardReactiveProps as se, renderList as ve, useAttrs as bt, createSlots as ye, withKeys as Ee, mergeProps as X, onMounted as Oe, onUnmounted as gt, reactive as Ke, nextTick as oe, onBeforeUnmount as _t, Teleport as $t, Transition as kt, withDirectives as wt, vModelDynamic as qt } from "vue";
 /*!
- * Quidgest UI v0.14.9
+ * Quidgest UI v0.14.11
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
-const Ee = {
+const De = {
   primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -66,15 +66,15 @@ const Ee = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   defaultDarkColorScheme: et,
-  defaultLightColorScheme: Ee
+  defaultLightColorScheme: De
 }, Symbol.toStringTag, { value: "Module" }));
 function Qe(n) {
   return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
-function Ke(n) {
+function We(n) {
   return n !== null && typeof n == "object" && !Array.isArray(n);
 }
 function Fe(n = {}, t = {}) {
@@ -83,7 +83,7 @@ function Fe(n = {}, t = {}) {
     e[l] = n[l];
   for (const l in t) {
     const o = n[l], s = t[l];
-    if (Ke(o) && Ke(s)) {
+    if (We(o) && We(s)) {
       e[l] = Fe(
         o,
         s
@@ -94,7 +94,7 @@ function Fe(n = {}, t = {}) {
   }
   return e;
 }
-const Oe = "q-defaults";
+const Pe = "q-defaults";
 function xt() {
   var s, a;
   const n = Je();
@@ -105,34 +105,34 @@ function xt() {
   const e = tt(), l = (s = e.value) == null ? void 0 : s.Global, o = (a = e.value) == null ? void 0 : a[t];
   return y(() => Fe(l, o));
 }
-function Pe(n) {
+function Ue(n) {
   if (Qe(n)) return;
-  const t = tt(), e = A(n), l = y(() => Qe(e.value) ? t.value : Fe(t.value, e.value));
-  De(Oe, l);
+  const t = tt(), e = V(n), l = y(() => Qe(e.value) ? t.value : Fe(t.value, e.value));
+  Me(Pe, l);
 }
 function tt() {
-  const n = ze(Oe, void 0);
+  const n = ze(Pe, void 0);
   if (!n) throw new Error("[Quidgest UI] Could not find defaults instance");
   return n;
 }
 const nt = "q-group";
-function St(n) {
+function Lt(n) {
   var e, l;
   const t = {
-    active: A(((e = n.active) == null ? void 0 : e.value) ?? ((l = n.multiple) == null ? void 0 : l.value) ? [] : null),
+    active: V(((e = n.active) == null ? void 0 : e.value) ?? ((l = n.multiple) == null ? void 0 : l.value) ? [] : null),
     multiple: y(() => {
       var o;
       return ((o = n.multiple) == null ? void 0 : o.value) || !1;
     })
   };
-  return Z(
+  return ne(
     () => t.multiple.value,
     (o) => {
       o && t.active.value ? t.active.value = [t.active.value] : o ? t.active.value = [] : Array.isArray(t.active.value) && t.active.value.length === 1 ? t.active.value = t.active.value[0] : t.active.value = null;
     }
-  ), De(nt, t), t;
+  ), Me(nt, t), t;
 }
-function Lt(n) {
+function It(n) {
   const t = ze(nt, void 0);
   if (!t) return;
   const e = y(() => {
@@ -144,7 +144,7 @@ function Lt(n) {
     Array.isArray(t.active.value) ? e.value ? t.active.value = (o = t.active.value) == null ? void 0 : o.filter((s) => s !== n) : t.active.value.push(n) : t.active.value = n;
   } };
 }
-const Bt = { class: "q-accordion" }, Ct = /* @__PURE__ */ C({
+const St = { class: "q-accordion" }, Bt = /* @__PURE__ */ S({
   __name: "QAccordion",
   props: /* @__PURE__ */ G({
     variant: {}
@@ -154,13 +154,13 @@ const Bt = { class: "q-accordion" }, Ct = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    Pe({
+    Ue({
       QCollapsible: {
-        variant: Ve(n, "variant")
+        variant: Ae(n, "variant")
       }
     });
-    const e = K(n, "modelValue");
-    return St({ active: e }), (l, o) => (i(), f("div", Bt, [
+    const e = j(n, "modelValue");
+    return Lt({ active: e }), (l, o) => (u(), m("div", St, [
       p(l.$slots, "default")
     ]));
   }
@@ -168,12 +168,12 @@ const Bt = { class: "q-accordion" }, Ct = /* @__PURE__ */ C({
 function lt(n) {
   return n.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 It(n, t) {
+function Ct(n, t) {
   var l;
   const e = lt(t);
   return e ? typeof ((l = n.props) == null ? void 0 : l[e]) < "u" : !1;
 }
-function I(n) {
+function C(n) {
   const t = n.setup;
   return t && (n.setup = (e, l) => {
     const o = xt();
@@ -181,16 +181,16 @@ function I(n) {
     const s = Je();
     if (s === null) return t(e, l);
     const a = new Proxy(e, {
-      get(d, r) {
-        var x;
-        const u = Reflect.get(d, r), b = (x = o.value) == null ? void 0 : x[r];
-        return typeof r == "string" && !It(s.vnode, r) ? b ?? u : u;
+      get(d, i) {
+        var k;
+        const c = Reflect.get(d, i), v = (k = o.value) == null ? void 0 : k[i];
+        return typeof i == "string" && !Ct(s.vnode, i) ? v ?? c : c;
       }
     });
     return t(a, l);
   }), n;
 }
-const Tt = I(Ct), Vt = /* @__PURE__ */ C({
+const Vt = C(Bt), Tt = /* @__PURE__ */ S({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -200,15 +200,15 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
     const t = n, e = y(() => ({
       "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
-    return (l, o) => (i(), f("div", {
-      class: T(["q-spinner-loader", t.class]),
+    return (l, o) => (u(), m("div", {
+      class: A(["q-spinner-loader", t.class]),
       style: fe(e.value)
     }, null, 6));
   }
-}), _e = I(Vt), At = ["disabled"], Et = {
+}), ke = C(Tt), At = ["disabled"], Et = {
   key: 0,
   class: "q-btn__spinner"
-}, Qt = { class: "q-btn__content" }, Dt = /* @__PURE__ */ C({
+}, Dt = { class: "q-btn__content" }, Qt = /* @__PURE__ */ S({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -245,27 +245,27 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
         e.class
       ];
     });
-    return (d, r) => (i(), f("button", {
+    return (d, i) => (u(), m("button", {
       type: "button",
-      class: T(a.value),
+      class: A(a.value),
       disabled: o.value,
-      onClick: ue(s, ["stop", "prevent"])
+      onClick: re(s, ["stop", "prevent"])
     }, [
-      d.loading ? (i(), f("div", Et, [
-        D(m(_e), { size: 20 })
-      ])) : g("", !0),
-      q("span", Qt, [
-        d.iconOnRight ? (i(), f(U, { key: 0 }, [
-          ae(E(e.label), 1)
-        ], 64)) : g("", !0),
+      d.loading ? (u(), m("div", Et, [
+        O(h(ke), { size: 20 })
+      ])) : $("", !0),
+      w("span", Dt, [
+        d.iconOnRight ? (u(), m(R, { key: 0 }, [
+          de(Q(e.label), 1)
+        ], 64)) : $("", !0),
         p(d.$slots, "default"),
-        d.iconOnRight ? g("", !0) : (i(), f(U, { key: 1 }, [
-          ae(E(e.label), 1)
+        d.iconOnRight ? $("", !0) : (u(), m(R, { key: 1 }, [
+          de(Q(e.label), 1)
         ], 64))
       ])
     ], 10, At));
   }
-}), le = I(Dt), zt = /* @__PURE__ */ C({
+}), ae = C(Qt), Mt = /* @__PURE__ */ S({
   __name: "QIcon",
   props: {
     icon: {},
@@ -286,13 +286,13 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
           return;
       }
     });
-    return (l, o) => (i(), B(Se(e.value), {
-      class: T(t.class),
+    return (l, o) => (u(), I(Le(e.value), {
+      class: A(t.class),
       icon: t.icon,
       size: t.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), Mt = /* @__PURE__ */ C({
+}), zt = /* @__PURE__ */ S({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -305,12 +305,12 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
     const t = n, e = y(() => t.variant ? `${t.library}-${t.variant}` : t.library), l = y(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), o = y(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (s, a) => (i(), f("i", {
-      class: T(["q-icon", "q-icon__font", e.value, l.value, t.class]),
+    return (s, a) => (u(), m("i", {
+      class: A(["q-icon", "q-icon__font", e.value, l.value, t.class]),
       style: fe(o.value)
     }, null, 6));
   }
-}), Ft = ["src"], Ot = /* @__PURE__ */ C({
+}), Ot = ["src"], Ft = /* @__PURE__ */ S({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -321,13 +321,13 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
     const t = n, e = y(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (l, o) => (i(), f("img", {
+    return (l, o) => (u(), m("img", {
       src: t.icon,
-      class: T(["q-icon", "q-icon__img", t.class]),
+      class: A(["q-icon", "q-icon__img", t.class]),
       style: fe(e.value)
-    }, null, 14, Ft));
+    }, null, 14, Ot));
   }
-}), be = {}, Pt = C({
+}), _e = {}, Pt = S({
   name: "InlineSvg",
   emits: {
     loaded: (n) => typeof n == "object",
@@ -408,11 +408,11 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
      */
     async getSource(n) {
       try {
-        be[n] || (be[n] = Nt(this.download(n))), this.svgElSource && be[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const t = await be[n];
+        _e[n] || (_e[n] = Nt(this.download(n))), this.svgElSource && _e[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const t = await _e[n];
         this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (t) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete be[n], this.$emit("error", t);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete _e[n], this.$emit("error", t);
       }
     },
     /**
@@ -455,7 +455,7 @@ function Nt(n) {
   );
   return e.getIsPending = () => t, e;
 }
-const Rt = /* @__PURE__ */ C({
+const Rt = /* @__PURE__ */ S({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -474,8 +474,8 @@ const Rt = /* @__PURE__ */ C({
     function a() {
       l("unloaded");
     }
-    return (d, r) => (i(), B(m(Pt), {
-      class: T(["q-icon", "q-icon__svg", e.class]),
+    return (d, i) => (u(), I(h(Pt), {
+      class: A(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
       style: fe(o.value),
@@ -483,7 +483,7 @@ const Rt = /* @__PURE__ */ C({
       onUnloaded: a
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), O = I(zt), ot = I(Mt), st = I(Ot), at = I(Rt), Gt = {
+}), N = C(Mt), ot = C(zt), st = C(Ft), at = C(Rt), Gt = {
   remove: {
     icon: "close"
   }
@@ -491,7 +491,7 @@ const Rt = /* @__PURE__ */ C({
 function Ht(n) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(n);
 }
-function jt(n) {
+function Kt(n) {
   const t = n.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   if (t) {
     const e = parseInt(t[1], 10), l = parseInt(t[2], 10), o = parseInt(t[3], 10);
@@ -504,28 +504,28 @@ function it(n) {
     const t = parseInt(n.slice(1, 3), 16), e = parseInt(n.slice(3, 5), 16), l = parseInt(n.slice(5, 7), 16);
     return { r: t, g: e, b: l };
   } else {
-    const t = jt(n);
+    const t = Kt(n);
     if (t) return t;
   }
   throw new Error("Invalid color format");
 }
-function Kt(n) {
+function Wt(n) {
   const t = n.r / 255, e = n.g / 255, l = n.b / 255, o = Math.max(t, e, l), s = Math.min(t, e, l);
   let a = 0, d;
-  const r = (o + s) / 2;
+  const i = (o + s) / 2;
   if (o === s)
     a = d = 0;
   else {
-    const u = o - s;
-    switch (d = r > 0.5 ? u / (2 - o - s) : u / (o + s), o) {
+    const c = o - s;
+    switch (d = i > 0.5 ? c / (2 - o - s) : c / (o + s), o) {
       case t:
-        a = (e - l) / u + (e < l ? 6 : 0);
+        a = (e - l) / c + (e < l ? 6 : 0);
         break;
       case e:
-        a = (l - t) / u + 2;
+        a = (l - t) / c + 2;
         break;
       case l:
-        a = (t - e) / u + 4;
+        a = (t - e) / c + 4;
         break;
     }
     a /= 6;
@@ -533,13 +533,13 @@ function Kt(n) {
   return {
     h: Math.round(a * 360),
     s: Math.round(d * 100),
-    l: Math.round(r * 100)
+    l: Math.round(i * 100)
   };
 }
-function Wt(n) {
+function jt(n) {
   return n > 50 ? "#000" : "#fff";
 }
-const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
+const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ S({
   __name: "QBadge",
   props: {
     color: { default: "primary" },
@@ -553,49 +553,49 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
     const e = n, l = t, o = y(
       () => ["primary", "info", "success", "warning", "danger"].includes(e.color)
     ), s = y(() => {
-      const r = o.value ? `q-badge--${e.color}` : void 0;
-      return ["q-badge", `q-badge--${e.variant}`, r, { "q-badge--pill": e.pill }];
+      const i = o.value ? `q-badge--${e.color}` : void 0;
+      return ["q-badge", `q-badge--${e.variant}`, i, { "q-badge--pill": e.pill }];
     }), a = y(() => {
-      let r, u;
+      let i, c;
       if (!o.value)
-        if (r = e.color, e.variant === "tonal")
-          u = e.color;
+        if (i = e.color, e.variant === "tonal")
+          c = e.color;
         else {
-          const b = it(r), x = Kt(b);
-          u = Wt(x.l);
+          const v = it(i), k = Wt(v);
+          c = jt(k.l);
         }
       return {
-        "--q-badge-color": r,
-        "--q-badge-text-color": u
+        "--q-badge-color": i,
+        "--q-badge-text-color": c
       };
     });
     function d() {
       l("click:remove");
     }
-    return (r, u) => (i(), f("span", {
-      class: T(s.value),
+    return (i, c) => (u(), m("span", {
+      class: A(s.value),
       role: "presentation",
       style: fe(a.value)
     }, [
-      u[0] || (u[0] = q("div", { class: "q-badge__underlay" }, null, -1)),
-      q("div", Xt, [
-        p(r.$slots, "default"),
-        e.removable ? (i(), B(m(le), {
+      c[0] || (c[0] = w("div", { class: "q-badge__underlay" }, null, -1)),
+      w("div", Xt, [
+        p(i.$slots, "default"),
+        e.removable ? (u(), I(h(ae), {
           key: 0,
           class: "q-badge__remove",
           borderless: "",
           tabindex: "0",
           onClick: d
         }, {
-          default: w(() => [
-            D(m(O), W(ne(e.icons.remove)), null, 16)
+          default: _(() => [
+            O(h(N), J(se(e.icons.remove)), null, 16)
           ]),
           _: 1
-        })) : g("", !0)
+        })) : $("", !0)
       ])
     ], 6));
   }
-}), Zt = I(Yt), Jt = /* @__PURE__ */ C({
+}), Zt = C(Yt), Jt = /* @__PURE__ */ S({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -605,15 +605,15 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
   },
   setup(n) {
     const t = n;
-    return Pe({
+    return Ue({
       QButton: {
         bStyle: "secondary",
-        disabled: Ve(t, "disabled"),
-        borderless: Ve(t, "borderless"),
+        disabled: Ae(t, "disabled"),
+        borderless: Ae(t, "borderless"),
         elevated: !1
       }
-    }), (e, l) => (i(), f("div", {
-      class: T([
+    }), (e, l) => (u(), m("div", {
+      class: A([
         "q-btn-group",
         {
           "q-btn-group--elevated": t.elevated
@@ -624,7 +624,7 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
       p(e.$slots, "default")
     ], 2));
   }
-}), rt = I(Jt), en = /* @__PURE__ */ C({
+}), rt = C(Jt), en = /* @__PURE__ */ S({
   __name: "QButtonToggle",
   props: /* @__PURE__ */ G({
     options: {},
@@ -639,20 +639,20 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue");
+    const t = n, e = j(n, "modelValue");
     function l(o) {
       e.value === o.key && !t.required ? e.value = void 0 : e.value = o.key;
     }
-    return (o, s) => (i(), B(m(rt), {
+    return (o, s) => (u(), I(h(rt), {
       "b-style": "secondary",
-      class: T(t.class),
+      class: A(t.class),
       disabled: t.disabled,
       borderless: t.borderless,
       elevated: t.elevated,
       role: "listbox"
     }, {
-      default: w(() => [
-        (i(!0), f(U, null, he(t.options, (a) => (i(), B(m(le), {
+      default: _(() => [
+        (u(!0), m(R, null, ve(t.options, (a) => (u(), I(h(ae), {
           key: a.key,
           title: a.title,
           label: a.label,
@@ -661,7 +661,7 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
           "aria-selected": e.value === a.key,
           onClick: () => l(a)
         }, {
-          default: w(() => [
+          default: _(() => [
             p(o.$slots, a.key)
           ]),
           _: 2
@@ -670,9 +670,9 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), tn = I(en);
+}), tn = C(en);
 let nn = 0;
-function ie(n) {
+function ue(n) {
   return n || `uid-${++nn}`;
 }
 const ln = { class: "q-card__header" }, on = {
@@ -689,7 +689,7 @@ const ln = { class: "q-card__header" }, on = {
 }, dn = { class: "q-card__content" }, un = {
   key: 0,
   class: "q-card__footer"
-}, cn = /* @__PURE__ */ C({
+}, cn = /* @__PURE__ */ S({
   __name: "QCard",
   props: {
     id: { default: void 0 },
@@ -704,13 +704,13 @@ const ln = { class: "q-card__header" }, on = {
     width: { default: void 0 }
   },
   setup(n) {
-    const t = n, e = bt(), l = ie(t.id), o = y(() => {
-      const r = t.width ? `q-card--${t.width}` : void 0, u = t.variant && t.variant !== "default" ? `q-card--${t.variant}` : void 0, b = t.elevation && t.elevation !== "none" ? `q-card--elevation-${t.elevation}` : void 0;
+    const t = n, e = bt(), l = ue(t.id), o = y(() => {
+      const i = t.width ? `q-card--${t.width}` : void 0, c = t.variant && t.variant !== "default" ? `q-card--${t.variant}` : void 0, v = t.elevation && t.elevation !== "none" ? `q-card--elevation-${t.elevation}` : void 0;
       return [
         "q-card",
-        r,
-        u,
-        b,
+        i,
+        c,
+        v,
         {
           "q-card--clickable": s.value,
           "q-card--loading": t.loading,
@@ -718,66 +718,66 @@ const ln = { class: "q-card__header" }, on = {
           "q-card--disabled": t.disabled
         }
       ];
-    }), s = y(() => !!e.onClick || t.href), a = y(() => t.disabled || t.loading), d = (r) => {
-      a.value && r.stopImmediatePropagation();
+    }), s = y(() => !!e.onClick || t.href), a = y(() => t.disabled || t.loading), d = (i) => {
+      a.value && i.stopImmediatePropagation();
     };
-    return (r, u) => (i(), B(Se(t.href ? "a" : "div"), {
-      id: m(l),
-      class: T([...o.value, r.$attrs.class]),
+    return (i, c) => (u(), I(Le(t.href ? "a" : "div"), {
+      id: h(l),
+      class: A([...o.value, i.$attrs.class]),
       href: t.href && !a.value ? t.href : void 0,
       onClick: d
     }, {
-      default: w(() => [
-        t.loading ? (i(), B(m(_e), {
+      default: _(() => [
+        t.loading ? (u(), I(h(ke), {
           key: 0,
           size: 36
-        })) : (i(), f(U, { key: 1 }, [
-          q("div", ln, [
-            p(r.$slots, "header", {}, () => [
-              p(r.$slots, "header.prepend"),
-              r.$slots.title || t.title || r.$slots.subtitle || t.subtitle ? (i(), f("div", on, [
-                p(r.$slots, "header.content.prepend"),
-                q("div", sn, [
-                  r.$slots.title || t.title ? (i(), f("p", an, [
-                    r.$slots.title ? p(r.$slots, "title", { key: 0 }) : (i(), f(U, { key: 1 }, [
-                      ae(E(r.$props.title), 1)
+        })) : (u(), m(R, { key: 1 }, [
+          w("div", ln, [
+            p(i.$slots, "header", {}, () => [
+              p(i.$slots, "header.prepend"),
+              i.$slots.title || t.title || i.$slots.subtitle || t.subtitle ? (u(), m("div", on, [
+                p(i.$slots, "header.content.prepend"),
+                w("div", sn, [
+                  i.$slots.title || t.title ? (u(), m("p", an, [
+                    i.$slots.title ? p(i.$slots, "title", { key: 0 }) : (u(), m(R, { key: 1 }, [
+                      de(Q(i.$props.title), 1)
                     ], 64))
-                  ])) : g("", !0),
-                  r.$slots.subtitle || t.subtitle ? (i(), f("p", rn, [
-                    r.$slots.subtitle ? p(r.$slots, "subtitle", { key: 0 }) : (i(), f(U, { key: 1 }, [
-                      ae(E(r.$props.subtitle), 1)
+                  ])) : $("", !0),
+                  i.$slots.subtitle || t.subtitle ? (u(), m("p", rn, [
+                    i.$slots.subtitle ? p(i.$slots, "subtitle", { key: 0 }) : (u(), m(R, { key: 1 }, [
+                      de(Q(i.$props.subtitle), 1)
                     ], 64))
-                  ])) : g("", !0)
+                  ])) : $("", !0)
                 ]),
-                p(r.$slots, "header.content.append")
-              ])) : g("", !0),
-              p(r.$slots, "header.append")
+                p(i.$slots, "header.content.append")
+              ])) : $("", !0),
+              p(i.$slots, "header.append")
             ])
           ]),
-          q("div", dn, [
-            p(r.$slots, "default")
+          w("div", dn, [
+            p(i.$slots, "default")
           ]),
-          r.$slots.footer ? (i(), f("div", un, [
-            p(r.$slots, "footer")
-          ])) : g("", !0)
+          i.$slots.footer ? (u(), m("div", un, [
+            p(i.$slots, "footer")
+          ])) : $("", !0)
         ], 64))
       ]),
       _: 3
     }, 8, ["id", "class", "href"]));
   }
-}), dt = I(cn), fn = { key: 0 }, pn = { class: "q-field__extras" }, mn = { key: 1 }, We = /* @__PURE__ */ C({
+}), dt = C(cn), fn = { key: 0 }, pn = { class: "q-field__extras" }, mn = { key: 1 }, je = /* @__PURE__ */ S({
   __name: "QCheckboxLabel",
   props: {
     label: { default: "" }
   },
   setup(n) {
     const t = n;
-    return (e, l) => e.$slots.extras ? (i(), f("div", fn, [
-      q("span", null, E(t.label), 1),
-      q("div", pn, [
+    return (e, l) => e.$slots.extras ? (u(), m("div", fn, [
+      w("span", null, Q(t.label), 1),
+      w("div", pn, [
         p(e.$slots, "extras")
       ])
-    ])) : (i(), f("span", mn, E(t.label), 1));
+    ])) : (u(), m("span", mn, Q(t.label), 1));
   }
 }), hn = {
   checked: {
@@ -786,7 +786,7 @@ const ln = { class: "q-card__header" }, on = {
   indeterminate: {
     icon: "minus"
   }
-}, yn = ["id", "aria-checked", "disabled", "onKeydown"], vn = ["checked", "disabled"], bn = /* @__PURE__ */ C({
+}, vn = ["id", "aria-checked", "disabled", "onKeydown"], yn = ["checked", "disabled"], bn = /* @__PURE__ */ S({
   __name: "QCheckbox",
   props: /* @__PURE__ */ G({
     label: { default: "" },
@@ -805,7 +805,7 @@ const ln = { class: "q-card__header" }, on = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue"), l = ie(t.id), o = y(() => [
+    const t = n, e = j(n, "modelValue"), l = ue(t.id), o = y(() => [
       "q-checkbox",
       `q-checkbox--${t.size}`,
       `q-checkbox--${t.color}`,
@@ -820,62 +820,62 @@ const ln = { class: "q-card__header" }, on = {
     function s() {
       !t.disabled && !t.readonly && (e.value = !e.value);
     }
-    return (a, d) => (i(), f(U, null, [
-      q("label", {
-        class: T(o.value)
+    return (a, d) => (u(), m(R, null, [
+      w("label", {
+        class: A(o.value)
       }, [
-        t.labelPlacement !== "right" ? (i(), B(We, {
+        t.labelPlacement !== "right" ? (u(), I(je, {
           key: 0,
           label: t.label
         }, ye({ _: 2 }, [
           a.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
+            fn: _(() => [
               p(a.$slots, "extras")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["label"])) : g("", !0),
-        q("button", {
-          id: m(l),
+        ]), 1032, ["label"])) : $("", !0),
+        w("button", {
+          id: h(l),
           role: "checkbox",
           type: "button",
           "aria-checked": t.indeterminate ? "mixed" : e.value,
           disabled: t.disabled || t.readonly,
           class: "q-checkbox__input",
-          onClick: ue(s, ["prevent"]),
+          onClick: re(s, ["prevent"]),
           onKeydown: [
-            Ae(ue(s, ["prevent"]), ["space"]),
-            d[0] || (d[0] = Ae(ue(() => {
+            Ee(re(s, ["prevent"]), ["space"]),
+            d[0] || (d[0] = Ee(re(() => {
             }, ["prevent"]), ["enter"]))
           ]
         }, [
-          e.value || a.indeterminate ? (i(), B(m(O), H({ key: 0 }, e.value ? t.icons.checked : t.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : g("", !0)
-        ], 40, yn),
-        t.labelPlacement === "right" ? (i(), B(We, {
+          e.value || a.indeterminate ? (u(), I(h(N), X({ key: 0 }, e.value ? t.icons.checked : t.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : $("", !0)
+        ], 40, vn),
+        t.labelPlacement === "right" ? (u(), I(je, {
           key: 1,
           label: t.label
         }, ye({ _: 2 }, [
           a.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
+            fn: _(() => [
               p(a.$slots, "extras")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["label"])) : g("", !0)
+        ]), 1032, ["label"])) : $("", !0)
       ], 2),
-      q("input", {
+      w("input", {
         type: "checkbox",
         tabindex: "-1",
         "aria-hidden": "true",
         class: "q-checkbox__native-input",
         checked: !!e.value,
         disabled: t.disabled || t.readonly
-      }, null, 8, vn)
+      }, null, 8, yn)
     ], 64));
   }
-}), gn = I(bn), _n = {
+}), gn = C(bn), _n = {
   chevron: {
     icon: "chevron-down"
   }
@@ -888,7 +888,7 @@ const ln = { class: "q-card__header" }, on = {
 }, xn = {
   key: 0,
   class: "q-collapsible__subtitle"
-}, Sn = { class: "q-collapsible__content-inner" }, Ln = { class: "q-collapsible__content" }, Bn = /* @__PURE__ */ C({
+}, Ln = { class: "q-collapsible__content-inner" }, In = { class: "q-collapsible__content" }, Sn = /* @__PURE__ */ S({
   __name: "QCollapsible",
   props: /* @__PURE__ */ G({
     id: { default: void 0 },
@@ -906,12 +906,12 @@ const ln = { class: "q-card__header" }, on = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue"), l = ie(t.id), o = Lt(l), s = y(() => t.width === "block" ? "block" : void 0), a = y(() => {
-      const u = t.spacing && t.spacing !== "comfortable" ? `q-collapsible--${t.spacing}` : void 0, b = t.variant && t.variant !== "default" ? `q-collapsible--${t.variant}` : void 0;
+    const t = n, e = j(n, "modelValue"), l = ue(t.id), o = It(l), s = y(() => t.width === "block" ? "block" : void 0), a = y(() => {
+      const c = t.spacing && t.spacing !== "comfortable" ? `q-collapsible--${t.spacing}` : void 0, v = t.variant && t.variant !== "default" ? `q-collapsible--${t.variant}` : void 0;
       return [
         "q-collapsible",
-        u,
-        b,
+        c,
+        v,
         {
           "q-collapsible--icon-right": t.iconRight,
           "q-collapsible--expanded": e.value
@@ -922,54 +922,54 @@ const ln = { class: "q-card__header" }, on = {
       {
         "q-collapsible__content-show": e.value
       }
-    ]), r = () => {
+    ]), i = () => {
       e.value = !e.value, o == null || o.toggle();
     };
-    return Z(
+    return ne(
       () => o == null ? void 0 : o.isActive.value,
       () => e.value = o == null ? void 0 : o.isActive.value
-    ), (u, b) => (i(), B(m(dt), {
-      id: m(l),
-      class: T(a.value),
+    ), (c, v) => (u(), I(h(dt), {
+      id: h(l),
+      class: A(a.value),
       width: s.value
     }, {
-      header: w(() => [
-        u.title ? (i(), f("div", $n, [
-          D(m(le), {
+      header: _(() => [
+        c.title ? (u(), m("div", $n, [
+          O(h(ae), {
             "b-style": "tertiary",
             class: "q-collapsible__btn",
-            onClick: r
+            onClick: i
           }, {
-            default: w(() => [
-              q("div", kn, [
-                u.iconRight ? g("", !0) : p(u.$slots, "icon", { key: 0 }, () => [
-                  D(m(O), H({ class: "q-collapsible__chevron" }, t.icons.chevron), null, 16)
+            default: _(() => [
+              w("div", kn, [
+                c.iconRight ? $("", !0) : p(c.$slots, "icon", { key: 0 }, () => [
+                  O(h(N), X({ class: "q-collapsible__chevron" }, t.icons.chevron), null, 16)
                 ]),
-                p(u.$slots, "title.prepend"),
-                q("h4", wn, E(u.title), 1),
-                t.required ? (i(), f("span", qn, " * ")) : g("", !0),
-                p(u.$slots, "title.append"),
-                u.iconRight ? p(u.$slots, "icon", { key: 2 }, () => [
-                  D(m(O), H({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, t.icons.chevron), null, 16)
-                ]) : g("", !0)
+                p(c.$slots, "title.prepend"),
+                w("h4", wn, Q(c.title), 1),
+                t.required ? (u(), m("span", qn, " * ")) : $("", !0),
+                p(c.$slots, "title.append"),
+                c.iconRight ? p(c.$slots, "icon", { key: 2 }, () => [
+                  O(h(N), X({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, t.icons.chevron), null, 16)
+                ]) : $("", !0)
               ]),
-              u.$slots.subtitle || u.subtitle ? (i(), f("div", xn, [
-                p(u.$slots, "subtitle", {}, () => [
-                  ae(E(u.subtitle), 1)
+              c.$slots.subtitle || c.subtitle ? (u(), m("div", xn, [
+                p(c.$slots, "subtitle", {}, () => [
+                  de(Q(c.subtitle), 1)
                 ])
-              ])) : g("", !0)
+              ])) : $("", !0)
             ]),
             _: 3
           })
-        ])) : g("", !0)
+        ])) : $("", !0)
       ]),
-      default: w(() => [
-        q("div", {
-          class: T(d.value)
+      default: _(() => [
+        w("div", {
+          class: A(d.value)
         }, [
-          q("div", Sn, [
-            q("div", Ln, [
-              p(u.$slots, "default")
+          w("div", Ln, [
+            w("div", In, [
+              p(c.$slots, "default")
             ])
           ])
         ], 2)
@@ -977,7 +977,7 @@ const ln = { class: "q-card__header" }, on = {
       _: 3
     }, 8, ["id", "class", "width"]));
   }
-}), Cn = I(Bn), In = /* @__PURE__ */ C({
+}), Bn = C(Sn), Cn = /* @__PURE__ */ S({
   __name: "QList",
   props: /* @__PURE__ */ G({
     highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -996,143 +996,161 @@ const ln = { class: "q-card__header" }, on = {
   }),
   emits: ["update:modelValue"],
   setup(n, { expose: t }) {
-    const e = n, l = K(n, "modelValue"), o = A(!1), s = y(() => a.value.length > 1 ? "div" : "ul"), a = y(() => e.groups.length ? e.groups.filter(
-      (v) => e.items.some((S) => S.group === v.id)
-    ) : [{ id: "", title: "" }]), d = A(null);
-    function r(v) {
-      l.value = v;
+    const e = n, l = j(n, "modelValue"), o = V(!1), s = y(() => a.value.length > 1 ? "div" : "ul"), a = y(() => e.groups.length ? e.groups.filter(
+      (b) => e.items.some((f) => f.group === b.id)
+    ) : [{ id: "", title: "" }]), d = V(null), i = V(null);
+    function c(b) {
+      l.value = b;
     }
-    function u() {
+    function v() {
       o.value = !0;
     }
-    function b() {
+    function k() {
       o.value = !1;
     }
-    function x(v) {
-      var $;
-      if (($ = d.value) != null && $.contains(v.relatedTarget))
+    function H(b) {
+      var z;
+      if ((z = d.value) != null && z.contains(b.relatedTarget))
         return;
-      let S;
-      l.value ? S = e.items.findIndex((J) => J[e.itemValue] === l.value) : S = Q();
-      const h = o.value;
-      z(S, h);
+      let f;
+      l.value ? f = e.items.findIndex((U) => U[e.itemValue] === l.value) : f = ee();
+      const q = o.value;
+      g(f, q);
     }
-    function R(v) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(v.key) && v.preventDefault(), v.key) {
+    function K(b) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(b.key) && b.preventDefault(), b.key) {
         case "ArrowDown":
-          P("next");
+          D("next");
           break;
         case "ArrowUp":
-          P("prev");
+          D("prev");
           break;
         case "Home":
-          P("first");
+          D("first");
           break;
         case "End":
-          P("last");
+          D("last");
           break;
       }
     }
-    function P(v) {
-      switch (v) {
+    function D(b) {
+      switch (b) {
         case "next":
         case "prev":
-          z(N(v));
+          g(E(b));
           break;
         case "first":
-          z(Q());
+          g(ee());
           break;
         case "last":
-          z(oe());
+          g(te());
           break;
       }
     }
-    function z(v, S = !1) {
-      var $;
-      ($ = _()[v]) == null || $.focus({ preventScroll: S });
-    }
-    function _() {
-      var S;
-      const v = (S = d.value) == null ? void 0 : S.querySelectorAll("li");
-      return v ? Array.from(v) : [];
-    }
-    function V(v) {
-      return _()[v];
-    }
-    function M() {
-      return _().indexOf(document.activeElement);
-    }
-    function Q() {
-      const v = _(), S = v.find((h) => X(h));
-      return S ? v.indexOf(S) : -1;
-    }
-    function oe() {
-      const v = _(), S = [...v].reverse().find((h) => X(h));
-      return S ? v.indexOf(S) : -1;
-    }
-    function ee(v, S, h) {
-      return S === "prev" && v === 0 || S === "next" && v === h.length - 1;
-    }
-    function N(v) {
-      const S = M();
-      return se(S, v);
-    }
-    function se(v, S) {
-      const h = _();
-      if (ee(v, S, h))
-        return v;
-      let $ = v + (S === "next" ? 1 : -1);
-      for (; !X(h[$]); ) {
-        if (ee($, S, h))
-          return v;
-        $ += S === "next" ? 1 : -1;
+    function g(b, f = !1) {
+      var z;
+      (z = B()[b]) == null || z.focus({ preventScroll: f });
+    }
+    function B() {
+      var f;
+      const b = (f = d.value) == null ? void 0 : f.querySelectorAll("li");
+      return b ? Array.from(b) : [];
+    }
+    function M(b) {
+      return B()[b];
+    }
+    function F() {
+      return B().indexOf(document.activeElement);
+    }
+    function ee() {
+      const b = B(), f = b.find((q) => le(q));
+      return f ? b.indexOf(f) : -1;
+    }
+    function te() {
+      const b = B(), f = [...b].reverse().find((q) => le(q));
+      return f ? b.indexOf(f) : -1;
+    }
+    function x(b, f, q) {
+      return f === "prev" && b <= 0 || f === "next" && b === q.length - 1;
+    }
+    function E(b) {
+      const f = F();
+      return P(f, b);
+    }
+    function P(b, f) {
+      const q = B();
+      if (x(b, f, q))
+        return b;
+      let z = b + (f === "next" ? 1 : -1);
+      for (; !le(q[z]); ) {
+        if (x(z, f, q))
+          return b;
+        z += f === "next" ? 1 : -1;
       }
-      return $;
+      return z;
     }
-    function X(v) {
-      return v.tabIndex === -2;
+    function le(b) {
+      return b.tabIndex === -2;
     }
-    function ce(v) {
-      return v ? e.items.filter((S) => S.group === v) : e.items;
+    function ce(b) {
+      return b ? e.items.filter((f) => f.group === b) : e.items;
     }
     return t({
-      focusItem: z,
-      getItem: V,
-      getAdjacentItemIndex: se,
-      getFirstFocusableItemIndex: Q,
-      getLastFocusableItemIndex: oe
-    }), (v, S) => (i(), B(Se(s.value), {
+      focusItem: g,
+      getItem: M,
+      getAdjacentItemIndex: P,
+      getFirstFocusableItemIndex: ee,
+      getLastFocusableItemIndex: te
+    }), (b, f) => (u(), I(Le(s.value), {
       ref_key: "listRef",
       ref: d,
-      class: T(["q-list", { "q-list--disabled": e.disabled }, e.class]),
+      class: A(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
-      onFocus: x,
-      onMousedown: u,
-      onMouseup: b,
-      onKeydown: R
+      onFocus: H,
+      onMousedown: v,
+      onMouseup: k,
+      onKeydown: K
     }, {
-      default: w(() => [
-        (i(!0), f(U, null, he(a.value, (h) => (i(), B(m(ct), {
-          id: h.id,
-          key: h.id,
-          title: a.value.length === 1 ? void 0 : h.title
+      default: _(() => [
+        (u(!0), m(R, null, ve(a.value, (q, z) => (u(), I(h(ct), {
+          id: q.id,
+          key: q.id,
+          title: a.value.length === 1 ? void 0 : q.title
         }, {
-          default: w(() => [
-            (i(!0), f(U, null, he(ce(h.id), ($) => (i(), B(m(ut), {
-              key: $[e.itemValue],
-              value: $[e.itemValue],
-              label: $[e.itemLabel],
-              description: $.description,
-              icon: $.icon,
-              disabled: e.disabled || h.disabled || $.disabled,
-              highlighted: e.highlighted === $[e.itemValue],
-              selected: v.selectable && l.value === $[e.itemValue],
-              onSelect: r
+          default: _(() => [
+            (u(!0), m(R, null, ve(ce(q.id), (U, Y) => (u(), I(h(ut), {
+              key: U[e.itemValue],
+              ref_for: !0,
+              ref_key: "listItemsRef",
+              ref: i,
+              value: U[e.itemValue],
+              label: U[e.itemLabel],
+              description: U.description,
+              icon: U.icon,
+              disabled: e.disabled || q.disabled || U.disabled,
+              highlighted: e.highlighted === U[e.itemValue],
+              selected: b.selectable && l.value === U[e.itemValue],
+              onSelect: c
             }, {
-              default: w(() => [
-                p(v.$slots, "item", { item: $ })
-              ]),
+              append: _(() => {
+                var W, ie;
+                return [
+                  p(b.$slots, "item.append", {
+                    item: U,
+                    element: (ie = (W = i.value) == null ? void 0 : W[Y + z * a.value.length]) == null ? void 0 : ie.$el
+                  })
+                ];
+              }),
+              default: _(() => {
+                var W, ie;
+                return [
+                  p(b.$slots, "item", {
+                    item: U,
+                    element: (ie = (W = i.value) == null ? void 0 : W[Y + z * a.value.length]) == null ? void 0 : ie.$el
+                  })
+                ];
+              }),
               _: 2
             }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selected"]))), 128))
           ]),
@@ -1142,17 +1160,17 @@ const ln = { class: "q-card__header" }, on = {
       _: 3
     }, 40, ["class", "tabindex"]));
   }
-}), Tn = {
+}), Vn = {
   check: {
     icon: "check"
   },
   description: {
     icon: "information-outline"
   }
-}, Vn = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], An = { class: "q-list-item__container" }, En = { class: "q-list-item__content" }, Qn = {
+}, Tn = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], An = { class: "q-list-item__container" }, En = { class: "q-list-item__content" }, Dn = {
   key: 0,
   class: "q-list-item__description"
-}, Dn = { class: "q-list-item__check-container" }, zn = /* @__PURE__ */ C({
+}, Qn = { class: "q-list-item__check-container" }, Mn = /* @__PURE__ */ S({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -1162,23 +1180,23 @@ const ln = { class: "q-card__header" }, on = {
     highlighted: { type: Boolean },
     disabled: { type: Boolean },
     description: { default: void 0 },
-    icons: { default: () => Tn }
+    icons: { default: () => Vn }
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = ie();
+    const e = n, l = t, o = ue();
     function s() {
       e.disabled || l("select", e.value);
     }
     function a(d) {
       d.key === "Tab" && s(), (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), s());
     }
-    return (d, r) => (i(), f("li", {
-      id: m(o),
+    return (d, i) => (u(), m("li", {
+      id: h(o),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: T([
+      class: A([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -1189,49 +1207,51 @@ const ln = { class: "q-card__header" }, on = {
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: a,
-      onClick: ue(s, ["stop", "prevent"])
+      onClick: re(s, ["stop", "prevent"])
     }, [
-      q("div", An, [
-        q("div", En, [
+      p(d.$slots, "prepend"),
+      w("div", An, [
+        w("div", En, [
           p(d.$slots, "default", {}, () => [
-            e.icon ? (i(), B(m(O), W(H({ key: 0 }, e.icon)), null, 16)) : g("", !0),
-            ae(" " + E(e.label), 1)
+            e.icon ? (u(), I(h(N), J(X({ key: 0 }, e.icon)), null, 16)) : $("", !0),
+            de(" " + Q(e.label), 1)
           ])
         ]),
-        e.description ? (i(), f("div", Qn, [
-          D(m(O), W(ne(e.icons.description)), null, 16),
-          q("span", null, E(e.description), 1)
-        ])) : g("", !0)
+        e.description ? (u(), m("div", Dn, [
+          O(h(N), J(se(e.icons.description)), null, 16),
+          w("span", null, Q(e.description), 1)
+        ])) : $("", !0)
       ]),
-      q("div", Dn, [
-        e.selected ? (i(), B(m(O), H({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : g("", !0)
+      p(d.$slots, "append"),
+      w("div", Qn, [
+        e.selected ? (u(), I(h(N), X({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : $("", !0)
       ])
-    ], 42, Vn));
+    ], 42, Tn));
   }
-}), Mn = ["data-key", "aria-labelledby"], Fn = ["id"], On = /* @__PURE__ */ C({
+}), zn = ["data-key", "aria-labelledby"], On = ["id"], Fn = /* @__PURE__ */ S({
   __name: "QListItemGroup",
   props: {
     id: {},
     title: { default: "" }
   },
   setup(n) {
-    const t = n, e = ie();
-    return (l, o) => (i(), f("ul", {
+    const t = n, e = ue();
+    return (l, o) => (u(), m("ul", {
       class: "q-list-item-group",
       role: "group",
       "data-key": t.id,
-      "aria-labelledby": t.title ? m(e) : void 0
+      "aria-labelledby": t.title ? h(e) : void 0
     }, [
-      t.title ? (i(), f("li", {
+      t.title ? (u(), m("li", {
         key: 0,
-        id: m(e),
+        id: h(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, E(t.title), 9, Fn)) : g("", !0),
+      }, Q(t.title), 9, On)) : $("", !0),
       p(l.$slots, "default")
-    ], 8, Mn));
+    ], 8, zn));
   }
-}), Ue = I(In), ut = I(zn), ct = I(On), me = "data-scroll-locked", Ce = "right-scroll-bar-position", Ie = "width-before-scroll-bar", Pn = "with-scroll-bars-hidden", Un = "--removed-body-scroll-bar-size", Nn = {
+}), Ie = C(Cn), ut = C(Mn), ct = C(Fn), he = "data-scroll-locked", Ce = "right-scroll-bar-position", Ve = "width-before-scroll-bar", Pn = "with-scroll-bars-hidden", Un = "--removed-body-scroll-bar-size", Nn = {
   left: 0,
   top: 0,
   right: 0,
@@ -1253,24 +1273,24 @@ const ln = { class: "q-card__header" }, on = {
 function Hn() {
   return document ? document.createElement("style") : null;
 }
-function jn(n, t) {
+function Kn(n, t) {
   n.appendChild(document.createTextNode(t));
 }
-function Kn(n) {
+function Wn(n) {
   (document.head || document.getElementsByTagName("head")[0]).appendChild(n);
 }
-const Wn = () => {
+const jn = () => {
   let n = 0, t = null;
   return {
     add: (e) => {
-      n === 0 && (t = Hn()) && (jn(t, e), Kn(t)), n++;
+      n === 0 && (t = Hn()) && (Kn(t, e), Wn(t)), n++;
     },
     remove: () => {
       var e;
       n--, !n && t && ((e = t.parentNode) == null || e.removeChild(t), t = null);
     }
   };
-}, Xn = /* @__PURE__ */ C({
+}, Xn = /* @__PURE__ */ S({
   __name: "QRemoveScrollBar",
   props: {
     noRelative: { type: Boolean, default: !1 },
@@ -1278,121 +1298,128 @@ const Wn = () => {
     gapMode: { default: "margin" }
   },
   setup(n) {
-    const t = n, e = Wn(), l = () => {
-      const s = parseInt(document.body.getAttribute(me) || "0", 10);
+    const t = n, e = jn(), l = () => {
+      const s = parseInt(document.body.getAttribute(he) || "0", 10);
       return isFinite(s) ? s : 0;
-    }, o = ({ left: s, top: a, right: d, gap: r }, u, b = "margin", x) => `
+    }, o = ({ left: s, top: a, right: d, gap: i }, c, v = "margin", k) => `
   .${Pn} {
-    overflow: hidden ${x};
-    padding-right: ${r}px ${x};
+    overflow: hidden ${k};
+    padding-right: ${i}px ${k};
   }
-  body[${me}] {
-    overflow: hidden ${x};
+  body[${he}] {
+    overflow: hidden ${k};
     overscroll-behavior: contain;
     ${[
-      u && `position: relative ${x};`,
-      b === "margin" && `
+      c && `position: relative ${k};`,
+      v === "margin" && `
     padding-left: ${s}px;
     padding-top: ${a}px;
     padding-right: ${d}px;
     margin-left:0;
     margin-top:0;
-    margin-right: ${r}px ${x};
+    margin-right: ${i}px ${k};
     `,
-      b === "padding" && `padding-right: ${r}px ${x};`
+      v === "padding" && `padding-right: ${i}px ${k};`
     ].filter(Boolean).join("")}
   }
 
   .${Ce} {
-    right: ${r}px ${x};
+    right: ${i}px ${k};
   }
 
-  .${Ie} {
-    margin-right: ${r}px ${x};
+  .${Ve} {
+    margin-right: ${i}px ${k};
   }
 
   .${Ce} .${Ce} {
-    right: 0 ${x};
+    right: 0 ${k};
   }
 
-  .${Ie} .${Ie} {
-    margin-right: 0 ${x};
+  .${Ve} .${Ve} {
+    margin-right: 0 ${k};
   }
 
-  body[${me}] {
-    ${Un}: ${r}px;
+  body[${he}] {
+    ${Un}: ${i}px;
   }
 `;
-    return Me(() => {
-      document.body.setAttribute(me, (l() + 1).toString());
+    return Oe(() => {
+      document.body.setAttribute(he, (l() + 1).toString());
       const s = Gn(t.gapMode);
       e.add(
         o(s, !t.noRelative, t.gapMode, t.noImportant ? "" : "!important")
       );
     }), gt(() => {
       const s = l() - 1;
-      s <= 0 ? document.body.removeAttribute(me) : document.body.setAttribute(me, s.toString()), e.remove();
+      s <= 0 ? document.body.removeAttribute(he) : document.body.setAttribute(he, s.toString()), e.remove();
     }), (s, a) => p(s.$slots, "default");
   }
-}), Yn = I(Xn), qe = 8;
+}), Yn = C(Xn), qe = 8;
 function Zn(n, t, e, l) {
-  const o = (l == null ? void 0 : l.offset) ?? 0, s = (l == null ? void 0 : l.placement) ?? "bottom", a = n.getBoundingClientRect(), d = t.getBoundingClientRect(), r = e == null ? void 0 : e.getBoundingClientRect(), u = Jn(a, d, s, o), b = ll(a, d, u), x = tl(b, u, o), R = el(x, d, u);
-  let P;
+  const o = (l == null ? void 0 : l.offset) ?? 0, s = (l == null ? void 0 : l.crossOffset) ?? 0, a = (l == null ? void 0 : l.placement) ?? "bottom", d = n.getBoundingClientRect(), i = t.getBoundingClientRect(), c = e == null ? void 0 : e.getBoundingClientRect(), v = Jn(d, i, a, o), k = ol(d, i, v), H = tl(k, v, o), K = nl(H, v, s), D = el(K, i, v);
+  let g;
   if (l != null && l.arrow) {
-    if (!r)
+    if (!c)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    P = nl(R, a, d, r, u);
+    g = ll(D, d, i, c, v);
   }
-  return { overlayCoords: R, arrowCoords: P, placement: u };
+  return { overlayCoords: D, arrowCoords: g, placement: v };
 }
 function Jn(n, t, e, l) {
   const o = Xe(n, t, e, l);
   if (Ye(o)) {
-    const s = $e(e), d = {
+    const s = be(e), d = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
-    }[s], r = Xe(
+    }[s], i = Xe(
       n,
       t,
       d,
       l
     );
-    if (Ye(r))
+    if (Ye(i))
       return e;
-    const u = al(e);
-    return u ? `${d}-${u}` : d;
+    const c = il(e);
+    return c ? `${d}-${c}` : d;
   }
   return e;
 }
 function el(n, t, e) {
-  const l = xe(e), o = (a, d, r) => Math.min(Math.max(a, d), r), s = { ...n };
+  const l = xe(e), o = (a, d, i) => Math.min(Math.max(a, d), i), s = { ...n };
   return l === "x" ? s.x = o(n.x, qe, window.innerWidth - t.width - qe) : s.y = o(n.y, qe, window.innerHeight - t.height - qe), s;
 }
 function tl(n, t, e) {
-  const l = $e(t);
+  const l = be(t);
   return {
     x: n.x + (l === "left" ? -e : l === "right" ? e : 0),
     y: n.y + (l === "top" ? -e : l === "bottom" ? e : 0)
   };
 }
-function nl(n, t, e, l, o) {
+function nl(n, t, e) {
+  const l = be(t);
+  return {
+    x: n.x + (l === "top" || l === "bottom" ? e : 0),
+    y: n.y + (l === "right" || l === "left" ? e : 0)
+  };
+}
+function ll(n, t, e, l, o) {
   if (xe(o) === "y") {
-    const a = t.top + t.height / 2, d = n.y + e.height / 2, r = d - a, u = e.height / 2 - r - l.height / 2 + 2;
-    if (u > 0 && u < e.height - l.height)
+    const a = t.top + t.height / 2, d = n.y + e.height / 2, i = d - a, c = e.height / 2 - i - l.height / 2 + 2;
+    if (c > 0 && c < e.height - l.height)
       return {
-        y: u
+        y: c
       };
   } else {
-    const a = t.left + t.width / 2, d = n.x + e.width / 2, r = d - a, u = e.width / 2 - r - l.width / 2 + 2;
-    if (u > 0 && u < e.width - l.width)
+    const a = t.left + t.width / 2, d = n.x + e.width / 2, i = d - a, c = e.width / 2 - i - l.width / 2 + 2;
+    if (c > 0 && c < e.width - l.width)
       return {
-        x: u
+        x: c
       };
   }
 }
-function ll(n, t, e) {
+function ol(n, t, e) {
   const [l, o] = e.split("-"), s = n.x + n.width / 2 - t.width / 2, a = n.y + n.height / 2 - t.height / 2;
   let d;
   switch (l) {
@@ -1413,13 +1440,13 @@ function ll(n, t, e) {
   }
   if (!o)
     return d;
-  const u = xe(e) === "y" ? "height" : "width", b = xe(e), x = n[u] / 2 - t[u] / 2;
+  const c = xe(e) === "y" ? "height" : "width", v = xe(e), k = n[c] / 2 - t[c] / 2;
   switch (o) {
     case "start":
-      d[b] -= x;
+      d[v] -= k;
       break;
     case "end":
-      d[b] += x;
+      d[v] += k;
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid alignment value: ${o}`);
@@ -1427,7 +1454,7 @@ function ll(n, t, e) {
   return d;
 }
 function Xe(n, t, e, l) {
-  const o = $e(e);
+  const o = be(e);
   let s = 0;
   switch (o) {
     case "top":
@@ -1447,31 +1474,31 @@ function Xe(n, t, e, l) {
   }
   return s;
 }
-function ol(n) {
+function sl(n) {
   return n === "x" ? "y" : "x";
 }
-function sl(n) {
-  const t = $e(n);
+function al(n) {
+  const t = be(n);
   return ["left", "right"].includes(t) ? "x" : "y";
 }
 function xe(n) {
-  return ol(sl(n));
+  return sl(al(n));
 }
-function $e(n) {
+function be(n) {
   const [t] = n.split("-");
   return t;
 }
-function al(n) {
+function il(n) {
   const [, t] = n.split("-");
   return t;
 }
 function Ye(n) {
   return n < 0;
 }
-function il(n) {
+function rl(n) {
   return typeof n == "string" ? document.querySelector(n) : n;
 }
-const rl = ["role"], dl = /* @__PURE__ */ C({
+const dl = ["role"], ul = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: /* @__PURE__ */ G({
@@ -1486,6 +1513,7 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     nonModal: { type: Boolean },
     scrollLock: { type: Boolean },
     offset: { default: 8 },
+    crossOffset: { default: 0 },
     persistent: { type: Boolean },
     placement: { default: "right" },
     spy: { type: Boolean },
@@ -1499,219 +1527,223 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: /* @__PURE__ */ G(["enter", "leave"], ["update:modelValue"]),
   setup(n, { emit: t }) {
-    const e = n, l = t, o = K(n, "modelValue"), s = y(() => [
+    const e = n, l = t, o = j(n, "modelValue"), s = y(() => [
       "q-overlay",
-      `q-overlay--${$e(u.placement)}`,
+      `q-overlay--${be(c.placement)}`,
       {
         "q-overlay--independent": a.value,
         "q-overlay--inverted": e.appearance === "inverted"
       },
       e.class
-    ]), a = y(() => e.anchor === void 0), d = y(() => (o.value || u.animating) && !e.nonModal), r = y(() => (o.value || u.animating) && e.scrollLock), u = je({
+    ]), a = y(() => e.anchor === void 0), d = y(() => (o.value || c.animating) && !e.nonModal), i = y(() => (o.value || c.animating) && e.scrollLock), c = Ke({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), b = je({
+    }), v = Ke({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), x = y(() => u.top !== 0 && u.left !== 0);
-    Z(o, () => u.animating = !0);
-    const R = y(() => {
+    }), k = y(() => c.top !== 0 && c.left !== 0);
+    ne(o, () => c.animating = !0);
+    const H = y(() => {
       if (a.value) return;
-      const L = v(), c = e.width === "anchor", k = c ? L == null ? void 0 : L.getBoundingClientRect().width : void 0;
+      const r = b(), L = e.width === "anchor", T = L ? r == null ? void 0 : r.getBoundingClientRect().width : void 0;
       return {
-        top: `${u.top}px`,
-        left: `${u.left}px`,
-        width: k !== void 0 ? `${k}px` : void 0
+        top: `${c.top}px`,
+        left: `${c.left}px`,
+        width: T !== void 0 ? `${T}px` : void 0
       };
-    }), P = y(() => {
+    }), K = y(() => {
       if (e.arrow)
         return {
-          top: b.top !== void 0 ? `${b.top}px` : void 0,
-          left: b.left !== void 0 ? `${b.left}px` : void 0,
-          opacity: b.hidden ? 0 : 1
+          top: v.top !== void 0 ? `${v.top}px` : void 0,
+          left: v.left !== void 0 ? `${v.left}px` : void 0,
+          opacity: v.hidden ? 0 : 1
         };
-    }), z = A(null), _ = A(null);
-    function V() {
-      const L = v();
-      if (!L || !_.value)
+    }), D = V(null), g = V(null);
+    function B() {
+      const r = b();
+      if (!r || !g.value)
         return;
-      const c = {
+      const L = {
         placement: e.placement,
         width: e.width,
         offset: e.offset,
+        crossOffset: e.crossOffset,
         arrow: e.arrow
-      }, k = Zn(
-        L,
-        _.value,
-        (z == null ? void 0 : z.value) ?? void 0,
-        c
+      }, T = Zn(
+        r,
+        g.value,
+        (D == null ? void 0 : D.value) ?? void 0,
+        L
       );
-      u.left = k.overlayCoords.x, u.top = k.overlayCoords.y, u.placement = k.placement, b.hidden = k.arrowCoords === void 0, k.arrowCoords && (b.top = k.arrowCoords.y, b.left = k.arrowCoords.x);
+      c.left = T.overlayCoords.x, c.top = T.overlayCoords.y, c.placement = T.placement, v.hidden = T.arrowCoords === void 0, T.arrowCoords && (v.top = T.arrowCoords.y, v.left = T.arrowCoords.x);
     }
-    Z(
+    ne(
       () => e.placement,
-      () => te(V)
+      () => oe(B)
     );
     let M;
-    function Q() {
-      ee(0);
+    function F() {
+      te(0);
     }
-    function oe() {
-      ee(e.delay);
+    function ee() {
+      te(e.delay);
     }
-    function ee(L) {
-      M || (M = window.setTimeout(() => {
+    function te(r) {
+      M && E(), M = window.setTimeout(() => {
         o.value = !0;
-      }, L));
+      }, r);
     }
-    function N() {
-      if (clearTimeout(M), M = void 0, o.value = !1, e.anchor && e.trigger === "click") {
-        const L = v();
-        L == null || L.focus();
+    function x() {
+      if (M && E(), o.value = !1, e.anchor && e.trigger === "click") {
+        const r = b();
+        r == null || r.focus();
       }
     }
-    Z(x, () => te(se));
-    function se() {
+    function E() {
+      clearTimeout(M), M = void 0;
+    }
+    ne(k, () => oe(P));
+    function P() {
       l("enter");
     }
-    let X;
+    let le;
     function ce() {
-      window.clearTimeout(X), X = window.setTimeout(() => u.animating = !1, 200), l("leave");
+      window.clearTimeout(le), le = window.setTimeout(() => c.animating = !1, 200), l("leave");
     }
-    function v() {
-      return e.anchor ? il(e.anchor) : null;
+    function b() {
+      return e.anchor ? rl(e.anchor) : null;
     }
-    let S;
-    function h() {
-      const L = v();
-      if (L)
-        switch (S = new MutationObserver(V), S.observe(L, {
+    let f;
+    function q() {
+      const r = b();
+      if (r)
+        switch (f = new MutationObserver(B), f.observe(r, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), e.trigger) {
           case "click":
-            L.addEventListener("click", Q);
+            r.addEventListener("click", F);
             break;
           case "hover":
-            L.addEventListener("mouseenter", oe), L.addEventListener("mouseleave", N), L.addEventListener("focusin", Q), L.addEventListener("focusout", N);
+            r.addEventListener("mouseenter", ee), r.addEventListener("mouseleave", x), r.addEventListener("focusin", F), r.addEventListener("focusout", x);
             break;
         }
     }
-    function $() {
-      const L = v();
-      if (L)
-        switch (S == null || S.disconnect(), e.trigger) {
+    function z() {
+      const r = b();
+      if (r)
+        switch (f == null || f.disconnect(), e.trigger) {
           case "click":
-            L.removeEventListener("click", Q);
+            r.removeEventListener("click", F);
             break;
           case "hover":
-            L.removeEventListener("mouseenter", oe), L.removeEventListener("mouseleave", N), L.removeEventListener("focusin", Q), L.removeEventListener("focusout", N);
+            r.removeEventListener("mouseenter", ee), r.removeEventListener("mouseleave", x), r.removeEventListener("focusin", F), r.removeEventListener("focusout", x);
             break;
         }
     }
-    function J() {
-      window.addEventListener("resize", V), e.scrollLock || window.addEventListener("scroll", V);
+    function U() {
+      window.addEventListener("resize", B), e.scrollLock || window.addEventListener("scroll", B);
     }
-    function re() {
-      window.removeEventListener("resize", V), e.scrollLock || window.removeEventListener("scroll", V);
+    function Y() {
+      window.removeEventListener("resize", B), e.scrollLock || window.removeEventListener("scroll", B);
     }
-    let Y;
-    function de() {
-      v() ? (V(), Y = window.setTimeout(de, 100)) : N();
+    let W;
+    function ie() {
+      b() ? (B(), W = window.setTimeout(ie, 100)) : x();
     }
     function Be() {
-      a.value || (J(), e.spy ? de() : V()), (a.value || e.trigger === "click") && te(() => {
-        var L;
-        return (L = _.value) == null ? void 0 : L.focus();
+      a.value || (U(), e.spy ? ie() : B()), (a.value || e.trigger === "click") && oe(() => {
+        var r;
+        return (r = g.value) == null ? void 0 : r.focus();
       });
     }
-    function ke() {
-      a.value || re(), e.spy && (clearTimeout(Y), Y = void 0), u.top = 0, u.left = 0;
-    }
     function we() {
-      e.persistent || N();
+      a.value || Y(), e.spy && (clearTimeout(W), W = void 0), c.top = 0, c.left = 0;
     }
-    return Me(() => {
-      te(h);
+    function ge() {
+      e.persistent || x();
+    }
+    return Oe(() => {
+      oe(q);
     }), _t(() => {
-      $(), ke();
-    }), Z(
+      z(), we();
+    }), ne(
       o,
-      (L) => {
-        te(() => L ? Be() : ke());
+      (r) => {
+        oe(() => r ? Be() : we());
       },
       { immediate: !0 }
-    ), (L, c) => (i(), f(U, null, [
-      (i(), B($t, {
-        disabled: !o.value && !u.animating || e.inline,
+    ), (r, L) => (u(), m(R, null, [
+      (u(), I($t, {
+        disabled: !o.value && !c.animating || e.inline,
         to: e.attach
       }, [
-        d.value ? (i(), f("div", {
+        d.value ? (u(), m("div", {
           key: 0,
-          class: T([
+          class: A([
             e.backdropClass,
             "q-overlay__underlay",
             { "q-overlay__underlay--blur": e.backdropBlur }
           ])
-        }, null, 2)) : g("", !0),
-        D(kt, {
+        }, null, 2)) : $("", !0),
+        O(kt, {
           name: e.transition,
           appear: "",
           onLeave: ce
         }, {
-          default: w(() => [
-            o.value ? (i(), f("div", {
+          default: _(() => [
+            o.value ? (u(), m("div", {
               key: 0,
-              class: T(s.value),
-              style: fe(R.value)
+              class: A(s.value),
+              style: fe(H.value)
             }, [
-              q("div", H({
+              w("div", X({
                 ref_key: "overlayRef",
-                ref: _,
+                ref: g,
                 class: "q-overlay__content",
                 tabindex: "-1",
                 role: d.value ? "dialog" : void 0
-              }, L.$attrs, {
-                onKeydown: Ae(we, ["escape"]),
-                onBlur: we
+              }, r.$attrs, {
+                onKeydown: Ee(ge, ["escape"]),
+                onBlur: ge
               }), [
-                e.arrow ? (i(), f("div", {
+                e.arrow ? (u(), m("div", {
                   key: 0,
                   ref_key: "arrowRef",
-                  ref: z,
+                  ref: D,
                   role: "presentation",
                   class: "q-overlay__arrow",
-                  style: fe(P.value)
-                }, null, 4)) : g("", !0),
-                p(L.$slots, "default")
-              ], 16, rl)
-            ], 6)) : g("", !0)
+                  style: fe(K.value)
+                }, null, 4)) : $("", !0),
+                p(r.$slots, "default")
+              ], 16, dl)
+            ], 6)) : $("", !0)
           ]),
           _: 3
         }, 8, ["name"])
       ], 8, ["disabled", "to"])),
-      r.value ? (i(), B(m(Yn), { key: 0 })) : g("", !0)
+      i.value ? (u(), I(h(Yn), { key: 0 })) : $("", !0)
     ], 64));
   }
-}), ve = I(dl), ul = ["id"], cl = {
+}), pe = C(ul), cl = ["id"], fl = {
   key: 0,
   class: "q-field__label"
-}, fl = ["for"], pl = {
+}, pl = ["for"], ml = {
   key: 0,
   class: "q-field__prepend"
-}, ml = {
+}, hl = {
   key: 1,
   class: "q-field__append"
-}, hl = {
+}, vl = {
   key: 1,
   class: "q-field__extras"
-}, yl = /* @__PURE__ */ C({
+}, yl = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1725,12 +1757,12 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     class: { default: void 0 }
   },
   setup(n, { expose: t }) {
-    const e = n, l = ie(e.id), o = A(null), s = y(() => e.required && !e.readonly && !e.disabled);
+    const e = n, l = ue(e.id), o = V(null), s = y(() => e.required && !e.readonly && !e.disabled);
     return t({
       fieldRef: o
-    }), (a, d) => (i(), f("div", {
-      id: m(l),
-      class: T([
+    }), (a, d) => (u(), m("div", {
+      id: h(l),
+      class: A([
         "q-field",
         `q-field--${e.size}`,
         {
@@ -1741,34 +1773,34 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
         e.class
       ])
     }, [
-      e.label ? (i(), f("div", cl, [
+      e.label ? (u(), m("div", fl, [
         p(a.$slots, "label.prepend"),
-        q("label", {
+        w("label", {
           for: e.for
-        }, E(e.label), 9, fl),
+        }, Q(e.label), 9, pl),
         p(a.$slots, "label.append")
-      ])) : g("", !0),
+      ])) : $("", !0),
       p(a.$slots, "control", {}, () => [
-        q("div", H({
+        w("div", X({
           ref_key: "fieldRef",
           ref: o,
           class: "q-field__control"
         }, a.$attrs), [
-          a.$slots.prepend ? (i(), f("div", pl, [
+          a.$slots.prepend ? (u(), m("div", ml, [
             p(a.$slots, "prepend")
-          ])) : g("", !0),
+          ])) : $("", !0),
           p(a.$slots, "default"),
-          a.$slots.append ? (i(), f("div", ml, [
+          a.$slots.append ? (u(), m("div", hl, [
             p(a.$slots, "append")
-          ])) : g("", !0)
+          ])) : $("", !0)
         ], 16)
       ]),
-      a.$slots.extras ? (i(), f("div", hl, [
+      a.$slots.extras ? (u(), m("div", vl, [
         p(a.$slots, "extras")
-      ])) : g("", !0)
-    ], 10, ul));
+      ])) : $("", !0)
+    ], 10, cl));
   }
-}), Le = I(yl), vl = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], bl = /* @__PURE__ */ C({
+}), Se = C(yl), bl = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], gl = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "QTextField",
   props: /* @__PURE__ */ G({
@@ -1789,38 +1821,38 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(n, { expose: t }) {
-    const e = n, l = K(n, "modelValue"), o = ie(e.id), s = A(null), a = A(null), d = y(
+    const e = n, l = j(n, "modelValue"), o = ue(e.id), s = V(null), a = V(null), d = y(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
     return t({
       fieldRef: y(() => {
-        var r;
-        return (r = s.value) == null ? void 0 : r.fieldRef;
+        var i;
+        return (i = s.value) == null ? void 0 : i.fieldRef;
       }),
       inputRef: a
-    }), (r, u) => (i(), B(m(Le), {
+    }), (i, c) => (u(), I(h(Se), {
       ref_key: "fieldRef",
       ref: s,
-      class: T(["q-text-field", e.class]),
-      for: m(o),
+      class: A(["q-text-field", e.class]),
+      for: h(o),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required
     }, ye({
-      "label.prepend": w(() => [
-        p(r.$slots, "label.prepend")
+      "label.prepend": _(() => [
+        p(i.$slots, "label.prepend")
       ]),
-      "label.append": w(() => [
-        p(r.$slots, "label.append")
+      "label.append": _(() => [
+        p(i.$slots, "label.append")
       ]),
-      default: w(() => [
-        wt(q("input", H({
-          id: m(o),
+      default: _(() => [
+        wt(w("input", X({
+          id: h(o),
           ref_key: "inputRef",
           ref: a,
-          "onUpdate:modelValue": u[0] || (u[0] = (b) => l.value = b),
+          "onUpdate:modelValue": c[0] || (c[0] = (v) => l.value = v),
           class: "q-text-field__input",
           type: e.type,
           role: e.role,
@@ -1829,53 +1861,53 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, r.$attrs), null, 16, vl), [
+        }, i.$attrs), null, 16, bl), [
           [qt, l.value]
         ])
       ]),
       _: 2
     }, [
-      r.$slots.prepend ? {
+      i.$slots.prepend ? {
         name: "prepend",
-        fn: w(() => [
-          p(r.$slots, "prepend")
+        fn: _(() => [
+          p(i.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      r.$slots.append ? {
+      i.$slots.append ? {
         name: "append",
-        fn: w(() => [
-          p(r.$slots, "append")
+        fn: _(() => [
+          p(i.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      r.$slots.extras ? {
+      i.$slots.extras ? {
         name: "extras",
-        fn: w(() => [
-          p(r.$slots, "extras")
+        fn: _(() => [
+          p(i.$slots, "extras")
         ]),
         key: "2"
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), ft = I(bl), gl = {
+}), ft = C(gl), _l = {
   noData: "No data available",
   clearValue: "Clear value",
   showOptions: "Show options"
-}, _l = {
+}, $l = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, $l = ["data-key"], kl = {
+}, kl = ["data-key"], wl = {
   key: 0,
   class: "q-select__loader"
-}, wl = {
+}, ql = {
   key: 2,
   class: "q-select__loader"
-}, ql = /* @__PURE__ */ C({
+}, xl = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "QCombobox",
   props: /* @__PURE__ */ G({
@@ -1896,8 +1928,8 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
     class: { default: void 0 },
-    icons: { default: () => _l },
-    texts: { default: () => gl }
+    icons: { default: () => $l },
+    texts: { default: () => _l }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -1910,152 +1942,152 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(n, { expose: t, emit: e }) {
-    const l = n, o = e, s = K(n, "modelValue"), a = K(n, "open"), d = K(n, "search"), r = A(void 0), u = A(null), b = A(null), x = A(null), R = A(null);
-    Me(N);
-    const P = y(() => l.clearable && !l.readonly && !l.disabled), z = y(() => {
-      var c;
-      return l.filterMode === "manual" || !oe.value ? l.items : (c = l.items) == null ? void 0 : c.filter(
-        (k) => k[l.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
+    const l = n, o = e, s = j(n, "modelValue"), a = j(n, "open"), d = j(n, "search"), i = V(void 0), c = V(null), v = V(null), k = V(null), H = V(null);
+    Oe(x);
+    const K = y(() => l.clearable && !l.readonly && !l.disabled), D = y(() => {
+      var r;
+      return l.filterMode === "manual" || !ee.value ? l.items : (r = l.items) == null ? void 0 : r.filter(
+        (L) => L[l.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
       );
-    }), _ = y(() => {
-      var c;
-      return (c = l.items) == null ? void 0 : c.find((k) => k[l.itemValue] === s.value);
-    }), V = y(() => _.value === void 0), M = y(() => {
-      const c = r.value;
-      if (c !== void 0 && z.value[c])
-        return z.value[c];
-    }), Q = y(() => {
-      var k;
-      if (r.value === void 0)
+    }), g = y(() => {
+      var r;
+      return (r = l.items) == null ? void 0 : r.find((L) => L[l.itemValue] === s.value);
+    }), B = y(() => g.value === void 0), M = y(() => {
+      const r = i.value;
+      if (r !== void 0 && D.value[r])
+        return D.value[r];
+    }), F = y(() => {
+      var L;
+      if (i.value === void 0)
         return;
-      const c = (k = b.value) == null ? void 0 : k.getItem(r.value);
-      return c == null ? void 0 : c.id;
-    }), oe = y(() => {
-      var c;
-      return d.value.length > 0 && d.value !== ((c = _.value) == null ? void 0 : c[l.itemLabel]);
+      const r = (L = v.value) == null ? void 0 : L.getItem(i.value);
+      return r == null ? void 0 : r.id;
+    }), ee = y(() => {
+      var r;
+      return d.value.length > 0 && d.value !== ((r = g.value) == null ? void 0 : r[l.itemLabel]);
     });
-    function ee(c) {
-      s.value = c, X();
+    function te(r) {
+      s.value = r, P();
     }
-    function N() {
-      var k;
-      const c = ((k = _.value) == null ? void 0 : k[l.itemLabel]) || "";
-      d.value !== c && (d.value = c);
+    function x() {
+      var L;
+      const r = ((L = g.value) == null ? void 0 : L[l.itemLabel]) || "";
+      d.value !== r && (d.value = r);
     }
-    function se() {
-      a.value || l.readonly || l.disabled || (o("before-show"), a.value = !0, de());
+    function E() {
+      a.value || l.readonly || l.disabled || (o("before-show"), a.value = !0, W());
     }
-    function X() {
-      a.value && (o("before-hide"), a.value = !1, r.value = void 0);
+    function P() {
+      a.value && (o("before-hide"), a.value = !1, i.value = void 0);
     }
-    function ce() {
-      a.value ? X() : S();
+    function le() {
+      a.value ? P() : b();
     }
-    function v() {
-      P.value && (s.value = l.emptyValue, r.value = void 0, de());
+    function ce() {
+      K.value && (s.value = l.emptyValue, i.value = void 0, W());
     }
-    function S() {
-      if (se(), _.value !== void 0) {
-        const c = z.value.indexOf(_.value);
-        c !== -1 && te(() => L(c));
+    function b() {
+      if (E(), g.value !== void 0) {
+        const r = D.value.indexOf(g.value);
+        r !== -1 && oe(() => ge(r));
       }
     }
-    function h(c) {
-      var k, F;
-      if (!(!c.key || l.readonly || l.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), c.key === "Escape")
-          N(), a.value && X();
-        else if (["ArrowDown", "ArrowUp"].includes(c.key))
-          a.value ? te(() => {
-            if (r.value === void 0)
-              $();
+    function f(r) {
+      var L, T;
+      if (!(!r.key || l.readonly || l.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
+          x(), a.value && P();
+        else if (["ArrowDown", "ArrowUp"].includes(r.key))
+          a.value ? oe(() => {
+            if (i.value === void 0)
+              q();
             else {
-              const j = c.key === "ArrowDown" ? "next" : "prev";
-              re(r.value, j);
+              const Z = r.key === "ArrowDown" ? "next" : "prev";
+              U(i.value, Z);
             }
-          }) : (se(), te(() => {
-            c.key === "ArrowDown" ? $() : J();
+          }) : (E(), oe(() => {
+            r.key === "ArrowDown" ? q() : z();
           }));
-        else if (c.key === "Enter") {
+        else if (r.key === "Enter") {
           if (M.value === void 0) return;
-          ee(M.value[l.itemValue]);
-        } else c.key === "Home" ? r.value = (k = b.value) == null ? void 0 : k.getFirstFocusableItemIndex() : c.key === "End" ? r.value = (F = b.value) == null ? void 0 : F.getLastFocusableItemIndex() : (/^[a-z]$/i.test(c.key) || c.key === "Backspace") && se();
+          te(M.value[l.itemValue]);
+        } else r.key === "Home" ? i.value = (L = v.value) == null ? void 0 : L.getFirstFocusableItemIndex() : r.key === "End" ? i.value = (T = v.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && E();
     }
-    function $() {
-      var c, k;
-      if (V.value)
-        r.value = (k = b.value) == null ? void 0 : k.getFirstFocusableItemIndex();
+    function q() {
+      var r, L;
+      if (B.value)
+        i.value = (L = v.value) == null ? void 0 : L.getFirstFocusableItemIndex();
       else {
-        const F = z.value.findIndex(
-          (j) => j[l.itemValue] === s.value
+        const T = D.value.findIndex(
+          (Z) => Z[l.itemValue] === s.value
         );
-        F === -1 ? r.value = (c = b.value) == null ? void 0 : c.getFirstFocusableItemIndex() : r.value = F;
+        T === -1 ? i.value = (r = v.value) == null ? void 0 : r.getFirstFocusableItemIndex() : i.value = T;
       }
     }
-    function J() {
-      var c;
-      r.value = (c = b.value) == null ? void 0 : c.getLastFocusableItemIndex();
+    function z() {
+      var r;
+      i.value = (r = v.value) == null ? void 0 : r.getLastFocusableItemIndex();
     }
-    function re(c, k) {
-      var F;
-      r.value = (F = b.value) == null ? void 0 : F.getAdjacentItemIndex(c, k);
+    function U(r, L) {
+      var T;
+      i.value = (T = v.value) == null ? void 0 : T.getAdjacentItemIndex(r, L);
     }
-    function Y(c) {
-      var pe, Ne, Re, Ge;
-      const k = ((pe = x == null ? void 0 : x.value) == null ? void 0 : pe.$el) === c.relatedTarget, F = (Re = (Ne = u == null ? void 0 : u.value) == null ? void 0 : Ne.$el) == null ? void 0 : Re.contains(c.relatedTarget), j = (Ge = R == null ? void 0 : R.value) == null ? void 0 : Ge.contains(c.relatedTarget);
-      if (k || j || F) {
-        c.preventDefault(), c.stopPropagation();
+    function Y(r) {
+      var me, Ne, Re, Ge;
+      const L = ((me = k == null ? void 0 : k.value) == null ? void 0 : me.$el) === r.relatedTarget, T = (Re = (Ne = c == null ? void 0 : c.value) == null ? void 0 : Ne.$el) == null ? void 0 : Re.contains(r.relatedTarget), Z = (Ge = H == null ? void 0 : H.value) == null ? void 0 : Ge.contains(r.relatedTarget);
+      if (L || Z || T) {
+        r.preventDefault(), r.stopPropagation();
         return;
       }
-      X(), P.value && !d.value && (s.value = l.emptyValue), N();
+      P(), K.value && !d.value && (s.value = l.emptyValue), x();
     }
-    function de() {
-      var c, k;
-      (k = (c = u.value) == null ? void 0 : c.inputRef) == null || k.focus();
+    function W() {
+      var r, L;
+      (L = (r = c.value) == null ? void 0 : r.inputRef) == null || L.focus();
     }
-    function Be() {
-      de();
+    function ie() {
+      W();
     }
-    function ke() {
+    function Be() {
       o("show");
     }
     function we() {
       o("hide");
     }
-    function L(c) {
-      var F;
-      const k = (F = b.value) == null ? void 0 : F.getItem(c);
-      b.value && (b.value.$el.scrollTop = k == null ? void 0 : k.offsetTop);
+    function ge(r) {
+      var T;
+      const L = (T = v.value) == null ? void 0 : T.getItem(r);
+      v.value && (v.value.$el.scrollTop = L == null ? void 0 : L.offsetTop);
     }
-    return Z(s, N), Z(
+    return ne(s, x), ne(
       () => l.items,
-      (c, k) => {
-        if (!V.value) {
-          const F = k.find((j) => j[l.itemValue] === s.value);
-          d.value === (F == null ? void 0 : F[l.itemLabel]) && N();
+      (r, L) => {
+        if (!B.value) {
+          const T = L.find((Z) => Z[l.itemValue] === s.value);
+          d.value === (T == null ? void 0 : T[l.itemLabel]) && x();
         }
       },
       { deep: !0 }
-    ), Z(r, (c) => {
-      c !== void 0 && L(c);
-    }), Z(d, (c) => {
-      c && a.value && l.selectionMode === "automatic" && te($);
-    }), Z(
+    ), ne(i, (r) => {
+      r !== void 0 && ge(r);
+    }), ne(d, (r) => {
+      r && a.value && l.selectionMode === "automatic" && oe(q);
+    }), ne(
       () => l.loading,
-      (c) => {
-        !c && a.value && te($);
+      (r) => {
+        !r && a.value && oe(q);
       }
     ), t({
-      triggerEl: u
-    }), (c, k) => {
-      var F;
-      return i(), f(U, null, [
-        D(m(ft), H({
+      triggerEl: c
+    }), (r, L) => {
+      var T;
+      return u(), m(R, null, [
+        O(h(ft), X({
           id: l.id,
           ref_key: "triggerEl",
-          ref: u,
+          ref: c,
           modelValue: d.value,
-          "onUpdate:modelValue": k[0] || (k[0] = (j) => d.value = j),
+          "onUpdate:modelValue": L[0] || (L[0] = (Z) => d.value = Z),
           label: l.label,
           required: l.required,
           role: "combobox",
@@ -2076,122 +2108,122 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
           "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
-          "aria-activedescendant": Q.value,
+          "aria-activedescendant": F.value,
           size: l.size
-        }, c.$attrs, {
-          onClick: S,
+        }, r.$attrs, {
+          onClick: b,
           onFocusout: Y,
-          onKeydown: ue(h, ["stop"])
+          onKeydown: re(f, ["stop"])
         }), ye({
-          "label.prepend": w(() => [
-            p(c.$slots, "label.prepend")
+          "label.prepend": _(() => [
+            p(r.$slots, "label.prepend")
           ]),
-          "label.append": w(() => [
-            p(c.$slots, "label.append")
+          "label.append": _(() => [
+            p(r.$slots, "label.append")
           ]),
-          append: w(() => [
-            p(c.$slots, "append"),
-            P.value && d.value ? (i(), B(m(le), {
+          append: _(() => [
+            p(r.$slots, "append"),
+            K.value && d.value ? (u(), I(h(ae), {
               key: 0,
               class: "q-combobox__clear",
               "aria-label": l.texts.clearValue,
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: v
+              onClick: ce
             }, {
-              default: w(() => [
-                D(m(O), W(ne(l.icons.clear)), null, 16)
+              default: _(() => [
+                O(h(N), J(se(l.icons.clear)), null, 16)
               ]),
               _: 1
-            }, 8, ["aria-label"])) : g("", !0),
-            l.readonly ? g("", !0) : (i(), B(m(le), {
+            }, 8, ["aria-label"])) : $("", !0),
+            l.readonly ? $("", !0) : (u(), I(h(ae), {
               key: 1,
               ref_key: "toggleRef",
-              ref: x,
+              ref: k,
               class: "q-combobox__chevron",
               "aria-label": l.texts.showOptions,
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: l.disabled,
-              onMousedown: ue(ce, ["stop", "prevent"])
+              onMousedown: re(le, ["stop", "prevent"])
             }, {
-              default: w(() => [
-                D(m(O), W(ne(l.icons.chevron)), null, 16)
+              default: _(() => [
+                O(h(N), J(se(l.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["aria-label", "disabled"]))
           ]),
           _: 2
         }, [
-          c.$slots.prepend ? {
+          r.$slots.prepend ? {
             name: "prepend",
-            fn: w(() => [
-              p(c.$slots, "prepend")
+            fn: _(() => [
+              p(r.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          c.$slots.extras ? {
+          r.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
-              p(c.$slots, "extras")
+            fn: _(() => [
+              p(r.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1040, ["id", "modelValue", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-        D(m(ve), {
+        O(h(pe), {
           modelValue: a.value,
-          "onUpdate:modelValue": k[2] || (k[2] = (j) => a.value = j),
+          "onUpdate:modelValue": L[2] || (L[2] = (Z) => a.value = Z),
           spy: "",
           "non-modal": "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           offset: 4,
-          anchor: (F = u.value) == null ? void 0 : F.$el,
-          onEnter: ke,
+          anchor: (T = c.value) == null ? void 0 : T.$el,
+          onEnter: Be,
           onLeave: we
         }, {
-          default: w(() => {
-            var j;
+          default: _(() => {
+            var Z;
             return [
-              q("div", {
+              w("div", {
                 ref_key: "contentRef",
-                ref: R,
+                ref: H,
                 class: "q-select__body",
                 "data-testid": "combobox-dropdown",
                 "data-key": l.id,
                 onFocusout: Y
               }, [
-                p(c.$slots, "body.prepend"),
-                l.loading ? (i(), f("div", kl, [
-                  D(m(_e), { size: 24 })
-                ])) : z.value.length ? (i(), B(m(Ue), {
+                p(r.$slots, "body.prepend"),
+                l.loading ? (u(), m("div", wl, [
+                  O(h(ke), { size: 24 })
+                ])) : D.value.length ? (u(), I(h(Ie), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: b,
+                  ref: v,
                   modelValue: s.value,
                   "onUpdate:modelValue": [
-                    k[1] || (k[1] = (pe) => s.value = pe),
-                    ee
+                    L[1] || (L[1] = (me) => s.value = me),
+                    te
                   ],
                   class: "q-select__items",
                   selectable: "",
-                  highlighted: (j = M.value) == null ? void 0 : j[l.itemValue],
-                  items: z.value,
-                  groups: c.groups,
+                  highlighted: (Z = M.value) == null ? void 0 : Z[l.itemValue],
+                  items: D.value,
+                  groups: r.groups,
                   "item-label": l.itemLabel,
                   "item-value": l.itemValue,
-                  onMouseup: Be
+                  onMouseup: ie
                 }, {
-                  item: w(({ item: pe }) => [
-                    p(c.$slots, "item", { item: pe })
+                  item: _(({ item: me }) => [
+                    p(r.$slots, "item", { item: me })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (i(), f("div", wl, E(l.texts.noData), 1)),
-                p(c.$slots, "body.append")
-              ], 40, $l)
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", ql, Q(l.texts.noData), 1)),
+                p(r.$slots, "body.append")
+              ], 40, kl)
             ];
           }),
           _: 3
@@ -2199,7 +2231,7 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       ], 64);
     };
   }
-}), xl = I(ql), Sl = [
+}), Ll = C(xl), Il = [
   {
     id: "button",
     icon: {
@@ -2210,26 +2242,26 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       label: "Ok"
     }
   }
-], Ll = {
+], Sl = {
   icon: "check-circle-outline"
 }, Bl = {
   close: {
     icon: "close"
   }
-}, Cl = { class: "q-dialog__header" }, Il = { class: "q-dialog__header-title" }, Tl = { class: "q-dialog__body" }, Vl = {
+}, Cl = { class: "q-dialog__header" }, Vl = { class: "q-dialog__header-title" }, Tl = { class: "q-dialog__body" }, Al = {
   key: 0,
   class: "q-dialog__body-icon"
-}, Al = { class: "q-dialog__body-text" }, El = ["innerHTML"], Ql = { key: 1 }, Dl = { class: "q-dialog__body-actions" }, zl = /* @__PURE__ */ C({
+}, El = { class: "q-dialog__body-text" }, Dl = ["innerHTML"], Ql = { key: 1 }, Ml = { class: "q-dialog__body-actions" }, zl = /* @__PURE__ */ S({
   __name: "QDialog",
   props: /* @__PURE__ */ G({
     text: { default: "" },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean, default: !0 },
-    buttons: { default: () => Sl },
+    buttons: { default: () => Il },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icon: { default: () => Ll },
+    icon: { default: () => Sl },
     id: { default: void 0 },
     title: { default: "" },
     class: { default: void 0 },
@@ -2240,16 +2272,16 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue"), l = ie(t.id), o = y(() => ["q-dialog", t.class]);
+    const t = n, e = j(n, "modelValue"), l = ue(t.id), o = y(() => ["q-dialog", t.class]);
     function s() {
       e.value = !1;
     }
     function a(d) {
-      var r;
-      (r = d.action) == null || r.call(d), s();
+      var i;
+      (i = d.action) == null || i.call(d), s();
     }
-    return (d, r) => (i(), B(m(ve), {
-      id: m(l),
+    return (d, i) => (u(), I(h(pe), {
+      id: h(l),
       "model-value": e.value,
       inline: t.inline,
       attach: t.attach,
@@ -2258,49 +2290,49 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       "scroll-lock": "",
       persistent: ""
     }, {
-      default: w(() => [
-        q("div", {
-          class: T(o.value)
+      default: _(() => [
+        w("div", {
+          class: A(o.value)
         }, [
-          q("div", Cl, [
-            q("span", Il, E(t.title), 1),
-            t.dismissible ? (i(), B(m(le), {
+          w("div", Cl, [
+            w("span", Vl, Q(t.title), 1),
+            t.dismissible ? (u(), I(h(ae), {
               key: 0,
               "b-style": "tertiary",
               onClick: s
             }, {
-              default: w(() => [
-                D(m(O), W(ne(t.icons.close)), null, 16)
+              default: _(() => [
+                O(h(N), J(se(t.icons.close)), null, 16)
               ]),
               _: 1
-            })) : g("", !0)
+            })) : $("", !0)
           ]),
           p(d.$slots, "body.content", {}, () => [
-            q("div", Tl, [
+            w("div", Tl, [
               p(d.$slots, "body.icon", {}, () => [
-                t.icon ? (i(), f("span", Vl, [
-                  D(m(O), W(ne(t.icon)), null, 16)
-                ])) : g("", !0)
+                t.icon ? (u(), m("span", Al, [
+                  O(h(N), J(se(t.icon)), null, 16)
+                ])) : $("", !0)
               ]),
-              q("div", Al, [
-                t.html ? (i(), f("span", {
+              w("div", El, [
+                t.html ? (u(), m("span", {
                   key: 0,
                   innerHTML: t.text
-                }, null, 8, El)) : (i(), f("span", Ql, E(t.text), 1))
+                }, null, 8, Dl)) : (u(), m("span", Ql, Q(t.text), 1))
               ]),
               p(d.$slots, "body.append")
             ])
           ]),
-          q("div", Dl, [
-            (i(!0), f(U, null, he(t.buttons, (u) => (i(), B(m(le), H({ ref_for: !0 }, u.props, {
-              key: u.id,
-              onClick: () => a(u)
+          w("div", Ml, [
+            (u(!0), m(R, null, ve(t.buttons, (c) => (u(), I(h(ae), X({ ref_for: !0 }, c.props, {
+              key: c.id,
+              onClick: () => a(c)
             }), {
-              default: w(() => [
-                u.icon ? (i(), B(m(O), H({
+              default: _(() => [
+                c.icon ? (u(), I(h(N), X({
                   key: 0,
                   ref_for: !0
-                }, u.icon), null, 16)) : g("", !0)
+                }, c.icon), null, 16)) : $("", !0)
               ]),
               _: 2
             }, 1040, ["onClick"]))), 128))
@@ -2310,13 +2342,180 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       _: 3
     }, 8, ["id", "model-value", "inline", "attach", "backdrop-blur"]));
   }
-}), Ml = I(zl), Fl = {
+}), Ol = C(zl), Fl = {
+  expand: {
+    icon: "chevron-right"
+  }
+}, Pl = {
+  key: 0,
+  class: "q-dropdown-menu__extra"
+}, Ul = /* @__PURE__ */ S({
+  __name: "QDropdownMenuContent",
+  props: /* @__PURE__ */ G({
+    activator: { default: void 0 },
+    appearance: { default: "regular" },
+    inline: { type: Boolean },
+    delay: { default: 500 },
+    placement: { default: "right-start" },
+    transition: { default: "fade" },
+    class: { default: void 0 },
+    items: {},
+    groups: { default: () => [] },
+    itemValue: { default: "key" },
+    itemLabel: { default: "label" },
+    icons: { default: () => Fl },
+    trigger: { default: "click" },
+    offset: { default: 0 },
+    crossOffset: { default: -5 },
+    depth: { default: 0 }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["select"], ["update:modelValue"]),
+  setup(n, { emit: t }) {
+    const e = n, l = t, o = j(n, "modelValue"), s = V(void 0), a = V([]), d = V(""), i = y(() => e.depth !== 0 ? e.offset : 4), c = y(() => e.depth !== 0 ? e.crossOffset : void 0);
+    let v;
+    const k = V(null), H = V(null);
+    function K(x) {
+      s.value = x;
+      const E = e.items.find((P) => P[e.itemValue] === x);
+      E && (a.value = (E == null ? void 0 : E.items) ?? []), a.value.length || (l("select", x), s.value = void 0, g());
+    }
+    function D() {
+      o.value || (o.value = !0);
+    }
+    function g() {
+      o.value && (o.value = !1);
+    }
+    function B() {
+      o.value ? g() : D();
+    }
+    function M(x) {
+      if (x.key) {
+        if (window.clearTimeout(v), ["Escape", "Tab", "Delete"].includes(x.key)) {
+          g();
+          return;
+        }
+        if (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(x.key) && (x.preventDefault(), x.stopPropagation()), /^[a-z]$/i.test(x.key)) {
+          d.value += x.key.toLowerCase();
+          for (let E = 0; E < e.items.length; E++) {
+            const P = e.items[E];
+            if (P[e.itemLabel] && P[e.itemLabel].toLowerCase().startsWith(d.value)) {
+              te(E);
+              break;
+            }
+          }
+        }
+        v = window.setTimeout(function() {
+          d.value = "";
+        }, 500);
+      }
+    }
+    function F(x) {
+      var E;
+      (E = H.value) != null && E.contains(x.relatedTarget) || g();
+    }
+    function ee() {
+      var x;
+      (x = k.value) == null || x.$el.focus();
+    }
+    function te(x) {
+      var E;
+      (E = k.value) == null || E.focusItem(x);
+    }
+    return (x, E) => (u(), I(h(pe), {
+      "model-value": o.value,
+      anchor: e.activator,
+      appearance: e.appearance,
+      inline: e.inline,
+      delay: e.delay,
+      offset: i.value,
+      "cross-offset": c.value,
+      placement: e.placement,
+      transition: e.transition,
+      class: A(e.class),
+      trigger: e.trigger,
+      "non-modal": "",
+      "scroll-lock": "",
+      persistent: "",
+      "onUpdate:modelValue": B,
+      onEnter: ee
+    }, {
+      default: _(() => [
+        w("div", {
+          ref_key: "contentRef",
+          ref: H,
+          "data-testid": "dropdown-content",
+          tabindex: "-1",
+          onFocusout: F,
+          onKeydown: re(M, ["stop"])
+        }, [
+          O(h(Ie), {
+            ref_key: "listRef",
+            ref: k,
+            class: "q-dropdown-menu__items",
+            highlighted: s.value,
+            items: e.items,
+            groups: e.groups,
+            "item-label": e.itemLabel,
+            "item-value": e.itemValue,
+            "onUpdate:modelValue": K
+          }, {
+            item: _(({ item: P }) => [
+              p(x.$slots, "item", { item: P })
+            ]),
+            "item.append": _(({ item: P }) => [
+              p(x.$slots, "item.append", { item: P }, () => [
+                P.extraInfo ? (u(), m("span", Pl, Q(P.extraInfo), 1)) : $("", !0)
+              ])
+            ]),
+            _: 3
+          }, 8, ["highlighted", "items", "groups", "item-label", "item-value"])
+        ], 544)
+      ]),
+      _: 3
+    }, 8, ["model-value", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class", "trigger"]));
+  }
+}), Nl = /* @__PURE__ */ S({
+  inheritAttrs: !1,
+  __name: "QDropdownMenu",
+  props: /* @__PURE__ */ G({
+    activator: {},
+    appearance: {},
+    inline: { type: Boolean },
+    delay: {},
+    placement: {},
+    transition: {},
+    class: {},
+    items: {},
+    groups: {},
+    itemValue: {},
+    itemLabel: {},
+    icons: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["select"], ["update:modelValue"]),
+  setup(n, { emit: t }) {
+    const e = n, l = t, o = j(n, "modelValue");
+    function s(a) {
+      l("select", a);
+    }
+    return (a, d) => (u(), I(Ul, X(e, {
+      modelValue: o.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (i) => o.value = i),
+      onSelect: s
+    }), null, 16, ["modelValue"]));
+  }
+}), Rl = C(Nl), Gl = {
   key: 0,
   class: "q-input-group__prepend"
-}, Ol = { key: 0 }, Pl = {
+}, Hl = { key: 0 }, Kl = {
   key: 1,
   class: "q-input-group__append"
-}, Ul = { key: 0 }, Nl = /* @__PURE__ */ C({
+}, Wl = { key: 0 }, jl = /* @__PURE__ */ S({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -2329,61 +2528,61 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   },
   setup(n) {
     const t = n;
-    return Pe({
+    return Ue({
       QField: {
         size: "block"
       }
-    }), (e, l) => (i(), B(m(Le), {
+    }), (e, l) => (u(), I(h(Se), {
       id: t.id,
-      class: T(["q-input-group", t.class]),
+      class: A(["q-input-group", t.class]),
       label: t.label,
       required: t.required,
       size: t.size
     }, ye({
-      default: w(() => [
-        e.$slots.prepend || t.prependIcon ? (i(), f("div", Fl, [
-          t.prependIcon ? (i(), f("span", Ol, [
-            D(m(O), W(ne(t.prependIcon)), null, 16)
-          ])) : g("", !0),
+      default: _(() => [
+        e.$slots.prepend || t.prependIcon ? (u(), m("div", Gl, [
+          t.prependIcon ? (u(), m("span", Hl, [
+            O(h(N), J(se(t.prependIcon)), null, 16)
+          ])) : $("", !0),
           p(e.$slots, "prepend")
-        ])) : g("", !0),
+        ])) : $("", !0),
         p(e.$slots, "default"),
-        e.$slots.append || t.appendIcon ? (i(), f("div", Pl, [
-          t.appendIcon ? (i(), f("span", Ul, [
-            D(m(O), W(ne(t.appendIcon)), null, 16)
-          ])) : g("", !0),
+        e.$slots.append || t.appendIcon ? (u(), m("div", Kl, [
+          t.appendIcon ? (u(), m("span", Wl, [
+            O(h(N), J(se(t.appendIcon)), null, 16)
+          ])) : $("", !0),
           p(e.$slots, "append")
-        ])) : g("", !0)
+        ])) : $("", !0)
       ]),
       _: 2
     }, [
       e.$slots.extras ? {
         name: "extras",
-        fn: w(() => [
+        fn: _(() => [
           p(e.$slots, "extras")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["id", "class", "label", "required", "size"]));
   }
-}), Rl = I(Nl), Gl = /* @__PURE__ */ C({
+}), Xl = C(jl), Yl = /* @__PURE__ */ S({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(n) {
     const t = n;
-    return (e, l) => (i(), f("div", {
-      class: T(["q-line-loader", t.class])
+    return (e, l) => (u(), m("div", {
+      class: A(["q-line-loader", t.class])
     }, null, 2));
   }
-}), Hl = I(Gl), jl = {
+}), Zl = C(Yl), Jl = {
   key: 0,
   class: "q-popover__header"
-}, Kl = {
+}, eo = {
   key: 1,
   class: "q-popover__body"
-}, Wl = ["innerHTML"], Xl = { key: 1 }, Yl = /* @__PURE__ */ C({
+}, to = ["innerHTML"], no = { key: 1 }, lo = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "QPopover",
   props: /* @__PURE__ */ G({
@@ -2402,8 +2601,8 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue");
-    return (l, o) => (i(), B(m(ve), {
+    const t = n, e = j(n, "modelValue");
+    return (l, o) => (u(), I(h(pe), {
       modelValue: e.value,
       "onUpdate:modelValue": o[0] || (o[0] = (s) => e.value = s),
       class: "q-popover",
@@ -2415,23 +2614,23 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       disabled: t.disabled,
       placement: t.placement
     }, {
-      default: w(() => [
-        t.title || l.$slots.header ? (i(), f("h3", jl, [
-          ae(E(t.title) + " ", 1),
+      default: _(() => [
+        t.title || l.$slots.header ? (u(), m("h3", Jl, [
+          de(Q(t.title) + " ", 1),
           p(l.$slots, "header")
-        ])) : g("", !0),
-        t.text || l.$slots.body ? (i(), f("div", Kl, [
-          t.html ? (i(), f("span", {
+        ])) : $("", !0),
+        t.text || l.$slots.body ? (u(), m("div", eo, [
+          t.html ? (u(), m("span", {
             key: 0,
             innerHTML: t.text
-          }, null, 8, Wl)) : (i(), f("span", Xl, E(t.text), 1)),
+          }, null, 8, to)) : (u(), m("span", no, Q(t.text), 1)),
           p(l.$slots, "body")
-        ])) : g("", !0)
+        ])) : $("", !0)
       ]),
       _: 3
     }, 8, ["modelValue", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
   }
-}), Zl = I(Yl), pt = {
+}), oo = C(lo), pt = {
   emptyMessage: "Select a field to view details."
 }, mt = {
   open: {
@@ -2440,7 +2639,7 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   close: {
     icon: "plus-box"
   }
-}, Jl = { class: "q-property-list__table" }, eo = /* @__PURE__ */ C({
+}, so = { class: "q-property-list__table" }, ao = /* @__PURE__ */ S({
   __name: "QPropertyList",
   props: {
     fields: { default: () => [] },
@@ -2455,101 +2654,101 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   },
   emits: ["field-change"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = A(e.groups.map((_) => _.id)), s = A(void 0), a = A(null), d = y(() => e.groups.length ? e.groups.filter(
-      (_) => e.fields.some((V) => V.group === _.id)
-    ) : [{ id: "", title: "" }]), r = y(() => [
+    const e = n, l = t, o = V(e.groups.map((g) => g.id)), s = V(void 0), a = V(null), d = y(() => e.groups.length ? e.groups.filter(
+      (g) => e.fields.some((B) => B.group === g.id)
+    ) : [{ id: "", title: "" }]), i = y(() => [
       e.class,
       {
         "q-property-list--side-panel": e.panelPosition === "right"
       }
     ]);
-    function u() {
-      var _;
-      (_ = a.value) != null && _.contains(document.activeElement) || (s.value = void 0);
+    function c() {
+      var g;
+      (g = a.value) != null && g.contains(document.activeElement) || (s.value = void 0);
     }
-    function b(_) {
-      return _ ? e.fields.filter((V) => V.group === _) : e.fields;
+    function v(g) {
+      return g ? e.fields.filter((B) => B.group === g) : e.fields;
     }
-    function x(_) {
-      const V = o.value.indexOf(_);
-      V === -1 ? o.value.push(_) : o.value.splice(V, 1);
+    function k(g) {
+      const B = o.value.indexOf(g);
+      B === -1 ? o.value.push(g) : o.value.splice(B, 1);
     }
-    function R(_) {
-      var Q;
-      const V = _.group && !o.value.includes(_.group), M = ((Q = s.value) == null ? void 0 : Q.id) === _.id;
+    function H(g) {
+      var F;
+      const B = g.group && !o.value.includes(g.group), M = ((F = s.value) == null ? void 0 : F.id) === g.id;
       return [
         {
-          "q-property-list__row--closed": V,
+          "q-property-list__row--closed": B,
           "q-property-list__row--selected": M
         }
       ];
     }
-    function P(_) {
-      s.value = _;
+    function K(g) {
+      s.value = g;
     }
-    function z(_, V) {
-      e.readonly || (_.props.readonly ?? !1) || (_.props.modelValue = V, l("field-change", _));
+    function D(g, B) {
+      e.readonly || (g.props.readonly ?? !1) || (g.props.modelValue = B, l("field-change", g));
     }
-    return (_, V) => (i(), f("div", {
+    return (g, B) => (u(), m("div", {
       ref_key: "componentRoot",
       ref: a,
       tabindex: "0",
-      class: T(["q-property-list", r.value]),
-      onFocusout: u
+      class: A(["q-property-list", i.value]),
+      onFocusout: c
     }, [
-      q("table", Jl, [
-        V[0] || (V[0] = q("thead", { class: "q-property-list__header" }, [
-          q("tr", null, [
-            q("th", { colspan: "2" })
+      w("table", so, [
+        B[0] || (B[0] = w("thead", { class: "q-property-list__header" }, [
+          w("tr", null, [
+            w("th", { colspan: "2" })
           ])
         ], -1)),
-        q("tbody", null, [
-          (i(!0), f(U, null, he(d.value, (M) => (i(), f(U, {
+        w("tbody", null, [
+          (u(!0), m(R, null, ve(d.value, (M) => (u(), m(R, {
             key: M.id
           }, [
-            M.title ? (i(), B(m(yt), {
+            M.title ? (u(), I(h(vt), {
               key: 0,
               id: M.id,
               title: M.title,
               icons: e.icons,
               "no-toggle": e.noToggle,
-              onToggleGroup: x
-            }, null, 8, ["id", "title", "icons", "no-toggle"])) : g("", !0),
-            (i(!0), f(U, null, he(b(M.id), (Q) => (i(), B(m(ht), {
-              key: Q.id,
-              class: T(R(Q)),
-              field: Q,
+              onToggleGroup: k
+            }, null, 8, ["id", "title", "icons", "no-toggle"])) : $("", !0),
+            (u(!0), m(R, null, ve(v(M.id), (F) => (u(), I(h(ht), {
+              key: F.id,
+              class: A(H(F)),
+              field: F,
               readonly: e.readonly,
-              onFocus: P,
-              onFieldChange: z
+              onFocus: K,
+              onFieldChange: D
             }, {
-              default: w(() => [
-                p(_.$slots, Q.id, { field: Q })
+              default: _(() => [
+                p(g.$slots, F.id, { field: F })
               ]),
               _: 2
             }, 1032, ["class", "field", "readonly"]))), 128))
           ], 64))), 128))
         ])
       ]),
-      e.noPanel ? g("", !0) : (i(), B(m(vt), {
+      e.noPanel ? $("", !0) : (u(), I(h(yt), {
         key: 0,
         field: s.value,
         texts: e.texts
       }, {
-        default: w(() => [
-          s.value ? p(_.$slots, "panel", {
+        default: _(() => [
+          s.value ? p(g.$slots, "panel", {
             key: 0,
             field: s.value
-          }) : g("", !0)
+          }) : $("", !0)
         ]),
         _: 3
       }, 8, ["field", "texts"]))
     ], 34));
   }
-}), to = {
+}), io = {
   key: 0,
   class: "q-property-list-field__container"
-}, no = /* @__PURE__ */ C({
+}, ro = /* @__PURE__ */ S({
   __name: "QPropertyListRow",
   props: {
     field: {},
@@ -2559,44 +2758,44 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   emits: ["focus", "field-change"],
   setup(n, { emit: t }) {
     const e = n, l = t, o = y(() => ["q-property-list__row", e.class]), s = y(() => {
-      var x;
-      const b = ["q-property-list__cell", "q-property-list__cell--label"];
-      return (x = e.field.props) != null && x.required && b.push("q-property-list__cell--required"), b;
+      var k;
+      const v = ["q-property-list__cell", "q-property-list__cell--label"];
+      return (k = e.field.props) != null && k.required && v.push("q-property-list__cell--required"), v;
     }), a = y(() => e.readonly || (e.field.props.readonly ?? !1));
     function d() {
       l("focus", e.field);
     }
-    function r(b) {
-      l("field-change", e.field, b);
+    function i(v) {
+      l("field-change", e.field, v);
     }
-    const u = y(() => ({
+    const c = y(() => ({
       ...e.field.props,
       readonly: a.value
     }));
-    return (b, x) => (i(), f("tr", {
-      class: T(o.value),
+    return (v, k) => (u(), m("tr", {
+      class: A(o.value),
       onFocusin: d
     }, [
-      q("td", {
-        class: T(s.value),
+      w("td", {
+        class: A(s.value),
         onClick: d
-      }, E(e.field.label), 3),
-      q("td", {
+      }, Q(e.field.label), 3),
+      w("td", {
         class: "q-property-list__cell",
         onClick: d
       }, [
-        p(b.$slots, "default", {}, () => [
-          e.field.component ? (i(), f("div", to, [
-            (i(), B(Se(e.field.component), H(u.value, {
+        p(v.$slots, "default", {}, () => [
+          e.field.component ? (u(), m("div", io, [
+            (u(), I(Le(e.field.component), X(c.value, {
               "model-value": e.field.props.modelValue,
-              "onUpdate:modelValue": r
+              "onUpdate:modelValue": i
             }), null, 16, ["model-value"]))
-          ])) : g("", !0)
+          ])) : $("", !0)
         ])
       ])
     ], 34));
   }
-}), lo = ["data-key", "aria-labelledby"], oo = ["id"], so = { class: "q-property-list-group__content" }, ao = /* @__PURE__ */ C({
+}), uo = ["data-key", "aria-labelledby"], co = ["id"], fo = { class: "q-property-list-group__content" }, po = /* @__PURE__ */ S({
   __name: "QPropertyListGroup",
   props: {
     id: {},
@@ -2607,47 +2806,47 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   },
   emits: ["toggle-group"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = A(!0), s = ie(), a = y(() => o.value ? e.icons.open : e.icons.close), d = y(() => [
+    const e = n, l = t, o = V(!0), s = ue(), a = y(() => o.value ? e.icons.open : e.icons.close), d = y(() => [
       "q-property-list-group",
       {
         "q-property-list-group--no-toggle": e.noToggle
       }
     ]);
-    function r() {
+    function i() {
       e.noToggle || (o.value = !o.value, l("toggle-group", e.id));
     }
-    return (u, b) => (i(), f("tr", {
-      class: T(d.value),
+    return (c, v) => (u(), m("tr", {
+      class: A(d.value),
       role: "group",
       "data-key": e.id,
-      "aria-labelledby": m(s),
-      onClick: r
+      "aria-labelledby": h(s),
+      onClick: i
     }, [
-      q("td", {
-        id: m(s),
+      w("td", {
+        id: h(s),
         colspan: "2"
       }, [
-        q("div", so, [
-          e.noToggle ? g("", !0) : (i(), B(m(le), {
+        w("div", fo, [
+          e.noToggle ? $("", !0) : (u(), I(h(ae), {
             key: 0,
             "b-style": "tertiary",
             borderless: "",
-            onClick: r
+            onClick: i
           }, {
-            default: w(() => [
-              D(m(O), W(ne(a.value)), null, 16)
+            default: _(() => [
+              O(h(N), J(se(a.value)), null, 16)
             ]),
             _: 1
           })),
-          ae(" " + E(e.title), 1)
+          de(" " + Q(e.title), 1)
         ])
-      ], 8, oo)
-    ], 10, lo));
+      ], 8, co)
+    ], 10, uo));
   }
-}), io = { class: "q-property-list-panel__container" }, ro = { class: "q-property-list-panel__label" }, uo = { class: "q-property-list-panel__description" }, co = {
+}), mo = { class: "q-property-list-panel__container" }, ho = { class: "q-property-list-panel__label" }, vo = { class: "q-property-list-panel__description" }, yo = {
   key: 1,
   class: "q-property-list-panel__empty"
-}, fo = /* @__PURE__ */ C({
+}, bo = /* @__PURE__ */ S({
   __name: "QPropertyListPanel",
   props: {
     field: { default: void 0 },
@@ -2656,34 +2855,34 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   },
   setup(n) {
     const t = n;
-    return (e, l) => (i(), f("div", io, [
+    return (e, l) => (u(), m("div", mo, [
       t.field ? p(e.$slots, "default", { key: 0 }, () => [
-        q("div", ro, E(t.field.label), 1),
-        q("div", uo, E(t.field.description), 1)
-      ]) : (i(), f("div", co, E(t.texts.emptyMessage), 1))
+        w("div", ho, Q(t.field.label), 1),
+        w("div", vo, Q(t.field.description), 1)
+      ]) : (u(), m("div", yo, Q(t.texts.emptyMessage), 1))
     ]));
   }
-}), po = I(eo), ht = I(no), yt = I(ao), vt = I(fo), mo = {
+}), go = C(ao), ht = C(ro), vt = C(po), yt = C(bo), _o = {
   placeholder: "Choose...",
   clearValue: "Clear value",
   showOptions: "Show options"
-}, ho = {
+}, $o = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, yo = {
+}, ko = {
   key: 0,
   class: "q-select__value"
-}, vo = {
+}, wo = {
   key: 1,
   class: "q-select__placeholder"
-}, bo = ["data-key"], go = {
+}, qo = ["data-key"], xo = {
   key: 0,
   class: "q-select__loader"
-}, _o = /* @__PURE__ */ C({
+}, Lo = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "QSelect",
   props: /* @__PURE__ */ G({
@@ -2701,8 +2900,8 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
     class: { default: "" },
-    icons: { default: () => ho },
-    texts: { default: () => mo }
+    icons: { default: () => $o },
+    texts: { default: () => _o }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -2711,79 +2910,79 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(n, { emit: t }) {
-    const e = n, l = t, o = K(n, "modelValue"), s = A(!1), a = A(""), d = A(null), r = A(null), u = A(null), b = y(() => x.value === void 0), x = y(
+    const e = n, l = t, o = j(n, "modelValue"), s = V(!1), a = V(""), d = V(null), i = V(null), c = V(null), v = y(() => k.value === void 0), k = y(
       () => {
-        var h;
-        return (h = e.items) == null ? void 0 : h.find(($) => $[e.itemValue] === o.value);
+        var f;
+        return (f = e.items) == null ? void 0 : f.find((q) => q[e.itemValue] === o.value);
       }
-    ), R = y(
-      () => x.value ? x.value[e.itemLabel] : ""
-    ), P = y(
+    ), H = y(
+      () => k.value ? k.value[e.itemLabel] : ""
+    ), K = y(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function z(h) {
-      o.value = h, Q();
+    function D(f) {
+      o.value = f, F();
     }
-    function _() {
-      P.value && (z(e.emptyValue), ce());
+    function g() {
+      K.value && (D(e.emptyValue), le());
     }
-    function V(h) {
-      var $, J, re;
-      !(($ = u.value) != null && $.contains(h.relatedTarget)) && !((re = (J = d.value) == null ? void 0 : J.fieldRef) != null && re.contains(h.relatedTarget)) && Q();
+    function B(f) {
+      var q, z, U;
+      !((q = c.value) != null && q.contains(f.relatedTarget)) && !((U = (z = d.value) == null ? void 0 : z.fieldRef) != null && U.contains(f.relatedTarget)) && F();
     }
     function M() {
       s.value || (l("before-show"), s.value = !0);
     }
-    function Q() {
+    function F() {
       s.value && (l("before-hide"), s.value = !1);
     }
-    function oe() {
-      e.readonly || e.disabled || (s.value ? Q() : M());
-    }
-    let ee;
-    function N(h) {
-      if (!(!h.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(ee), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(h.key) && (h.preventDefault(), h.stopPropagation()), ["Enter", " "].includes(h.key) && (s.value = !0), ["Escape", "Tab"].includes(h.key) && (s.value ? s.value = !1 : P.value && h.key === "Escape" && _()), h.key === "Delete" && e.clearable && _(), /^[a-z]$/i.test(h.key)) {
-          a.value += h.key.toLowerCase();
-          for (let $ = 0; $ < e.items.length; $++)
-            if (e.items[$][e.itemLabel].toLowerCase().startsWith(a.value)) {
-              S($);
+    function ee() {
+      e.readonly || e.disabled || (s.value ? F() : M());
+    }
+    let te;
+    function x(f) {
+      if (!(!f.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(te), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && (f.preventDefault(), f.stopPropagation()), ["Enter", " "].includes(f.key) && (s.value = !0), ["Escape", "Tab"].includes(f.key) && (s.value ? s.value = !1 : K.value && f.key === "Escape" && g()), f.key === "Delete" && e.clearable && g(), /^[a-z]$/i.test(f.key)) {
+          a.value += f.key.toLowerCase();
+          for (let q = 0; q < e.items.length; q++)
+            if (e.items[q][e.itemLabel].toLowerCase().startsWith(a.value)) {
+              b(q);
               break;
             }
         }
-        ee = window.setTimeout(function() {
+        te = window.setTimeout(function() {
           a.value = "";
         }, 500);
       }
     }
-    function se() {
-      var h;
-      e.loading ? (h = u.value) == null || h.focus() : v(), l("show");
+    function E() {
+      var f;
+      e.loading ? (f = c.value) == null || f.focus() : ce(), l("show");
     }
-    function X() {
-      ce(), l("hide");
+    function P() {
+      le(), l("hide");
     }
-    function ce() {
-      var h, $;
-      ($ = (h = d.value) == null ? void 0 : h.fieldRef) == null || $.focus();
+    function le() {
+      var f, q;
+      (q = (f = d.value) == null ? void 0 : f.fieldRef) == null || q.focus();
     }
-    function v() {
-      var h;
-      (h = r.value) == null || h.$el.focus();
+    function ce() {
+      var f;
+      (f = i.value) == null || f.$el.focus();
     }
-    function S(h) {
-      var $;
-      ($ = r.value) == null || $.focusItem(h);
+    function b(f) {
+      var q;
+      (q = i.value) == null || q.focusItem(f);
     }
-    return Z(
+    return ne(
       () => e.loading,
-      (h) => {
-        !h && s.value && te(v);
+      (f) => {
+        !f && s.value && oe(ce);
       }
-    ), (h, $) => {
-      var J, re;
-      return i(), f(U, null, [
-        D(m(Le), H({
+    ), (f, q) => {
+      var z, U;
+      return u(), m(R, null, [
+        O(h(Se), X({
           id: e.id,
           ref_key: "triggerEl",
           ref: d,
@@ -2806,27 +3005,27 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
           "aria-expanded": s.value,
           "aria-haspopup": "listbox",
           size: e.size
-        }, h.$attrs, {
-          onClick: oe,
-          onKeydown: ue(N, ["stop"])
+        }, f.$attrs, {
+          onClick: ee,
+          onKeydown: re(x, ["stop"])
         }), ye({
-          append: w(() => [
-            p(h.$slots, "append"),
-            P.value && o.value ? (i(), B(m(le), {
+          append: _(() => [
+            p(f.$slots, "append"),
+            K.value && o.value ? (u(), I(h(ae), {
               key: 0,
               class: "q-select__clear",
               "aria-label": e.texts.clearValue,
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: _
+              onClick: g
             }, {
-              default: w(() => [
-                D(m(O), W(ne(e.icons.clear)), null, 16)
+              default: _(() => [
+                O(h(N), J(se(e.icons.clear)), null, 16)
               ]),
               _: 1
-            }, 8, ["aria-label"])) : g("", !0),
-            e.readonly ? g("", !0) : (i(), B(m(le), {
+            }, 8, ["aria-label"])) : $("", !0),
+            e.readonly ? $("", !0) : (u(), I(h(ae), {
               key: 1,
               class: "q-select__chevron",
               "aria-label": e.texts.showOptions,
@@ -2834,96 +3033,96 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
               borderless: "",
               tabindex: "-1",
               disabled: e.disabled,
-              onClick: oe
+              onClick: ee
             }, {
-              default: w(() => [
-                D(m(O), W(ne(e.icons.chevron)), null, 16)
+              default: _(() => [
+                O(h(N), J(se(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["aria-label", "disabled"]))
           ]),
-          default: w(() => [
-            b.value ? (i(), f("span", vo, [
-              !e.readonly && !e.disabled ? (i(), f(U, { key: 0 }, [
-                ae(E(e.texts.placeholder), 1)
-              ], 64)) : g("", !0)
-            ])) : (i(), f("span", yo, E(R.value), 1))
+          default: _(() => [
+            v.value ? (u(), m("span", wo, [
+              !e.readonly && !e.disabled ? (u(), m(R, { key: 0 }, [
+                de(Q(e.texts.placeholder), 1)
+              ], 64)) : $("", !0)
+            ])) : (u(), m("span", ko, Q(H.value), 1))
           ]),
           _: 2
         }, [
-          (J = x.value) != null && J.icon || h.$slots.prepend ? {
+          (z = k.value) != null && z.icon || f.$slots.prepend ? {
             name: "prepend",
-            fn: w(() => {
-              var Y, de;
+            fn: _(() => {
+              var Y, W;
               return [
-                p(h.$slots, "prepend"),
-                (Y = x.value) != null && Y.icon ? (i(), B(m(O), W(H({ key: 0 }, (de = x.value) == null ? void 0 : de.icon)), null, 16)) : g("", !0)
+                p(f.$slots, "prepend"),
+                (Y = k.value) != null && Y.icon ? (u(), I(h(N), J(X({ key: 0 }, (W = k.value) == null ? void 0 : W.icon)), null, 16)) : $("", !0)
               ];
             }),
             key: "0"
           } : void 0,
-          h.$slots.extras ? {
+          f.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
-              p(h.$slots, "extras")
+            fn: _(() => [
+              p(f.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-        D(m(ve), {
+        O(h(pe), {
           modelValue: s.value,
-          "onUpdate:modelValue": $[0] || ($[0] = (Y) => s.value = Y),
+          "onUpdate:modelValue": q[0] || (q[0] = (Y) => s.value = Y),
           spy: "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           "scroll-lock": "",
-          anchor: (re = d.value) == null ? void 0 : re.$el,
+          anchor: (U = d.value) == null ? void 0 : U.$el,
           offset: 2,
-          onEnter: se,
-          onLeave: X
+          onEnter: E,
+          onLeave: P
         }, {
-          default: w(() => [
-            q("div", {
+          default: _(() => [
+            w("div", {
               ref_key: "contentRef",
-              ref: u,
+              ref: c,
               "data-testid": "combobox-dropdown",
               "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: V,
-              onKeydown: ue(N, ["stop"])
+              onFocusout: B,
+              onKeydown: re(x, ["stop"])
             }, [
-              p(h.$slots, "body.prepend"),
-              e.loading ? (i(), f("div", go, [
-                D(m(_e), { size: 24 })
-              ])) : (i(), B(m(Ue), {
+              p(f.$slots, "body.prepend"),
+              e.loading ? (u(), m("div", xo, [
+                O(h(ke), { size: 24 })
+              ])) : (u(), I(h(Ie), {
                 key: 1,
                 ref_key: "listRef",
-                ref: r,
+                ref: i,
                 class: "q-select__items",
                 selectable: "",
                 "model-value": o.value,
                 items: e.items,
-                groups: h.groups,
+                groups: f.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue,
-                "onUpdate:modelValue": z
+                "onUpdate:modelValue": D
               }, {
-                item: w(({ item: Y }) => [
-                  p(h.$slots, "item", { item: Y })
+                item: _(({ item: Y }) => [
+                  p(f.$slots, "item", { item: Y })
                 ]),
                 _: 3
               }, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
-              p(h.$slots, "body.append")
-            ], 40, bo)
+              p(f.$slots, "body.append")
+            ], 40, qo)
           ]),
           _: 3
         }, 8, ["modelValue", "anchor"])
       ], 64);
     };
   }
-}), $o = I(_o), ko = /* @__PURE__ */ C({
+}), Io = C(Lo), So = /* @__PURE__ */ S({
   __name: "QSkeletonLoader",
   props: {
     type: { default: void 0 },
@@ -2938,27 +3137,27 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
         height: s
       };
     });
-    return (o, s) => (i(), f("div", {
-      class: T(["q-skeleton-loader", e.value]),
+    return (o, s) => (u(), m("div", {
+      class: A(["q-skeleton-loader", e.value]),
       style: fe(l.value)
     }, s[0] || (s[0] = [
-      q("div", { class: "q-skeleton-loader__bone" }, null, -1)
+      w("div", { class: "q-skeleton-loader__bone" }, null, -1)
     ]), 6));
   }
-}), wo = I(ko), qo = /* @__PURE__ */ C({
+}), Bo = C(So), Co = /* @__PURE__ */ S({
   __name: "QThemeProvider",
   props: {
     theme: {}
   },
   setup(n) {
     const t = n;
-    return (e, l) => (i(), f("div", {
-      class: T(["q-theme-provider", `q-theme--${t.theme}`])
+    return (e, l) => (u(), m("div", {
+      class: A(["q-theme-provider", `q-theme--${t.theme}`])
     }, [
       p(e.$slots, "default")
     ], 2));
   }
-}), xo = I(qo), So = ["innerHTML"], Lo = /* @__PURE__ */ C({
+}), Vo = C(Co), To = ["innerHTML"], Ao = /* @__PURE__ */ S({
   __name: "QTooltip",
   props: /* @__PURE__ */ G({
     id: { default: void 0 },
@@ -2981,13 +3180,13 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue"), l = ie(t.id);
-    return (o, s) => (i(), f(U, null, [
+    const t = n, e = j(n, "modelValue"), l = ue(t.id);
+    return (o, s) => (u(), m(R, null, [
       p(o.$slots, "anchor", {
-        props: { "aria-describedby": m(l) }
+        props: { "aria-describedby": h(l) }
       }),
-      D(m(ve), {
-        id: m(l),
+      O(h(pe), {
+        id: h(l),
         "model-value": e.value,
         anchor: t.anchor,
         role: "tooltip",
@@ -2996,20 +3195,20 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
         arrow: t.arrow,
         attach: t.attach,
         inline: t.inline,
-        class: T(["q-tooltip", t.class]),
+        class: A(["q-tooltip", t.class]),
         delay: t.delay,
         disabled: t.disabled,
         placement: t.placement,
         trigger: t.trigger
       }, {
-        default: w(() => [
+        default: _(() => [
           p(o.$slots, "default", {}, () => [
-            t.icon ? (i(), B(m(O), W(H({ key: 0 }, t.icon)), null, 16)) : g("", !0),
-            t.html ? (i(), f("span", {
+            t.icon ? (u(), I(h(N), J(X({ key: 0 }, t.icon)), null, 16)) : $("", !0),
+            t.html ? (u(), m("span", {
               key: 1,
               innerHTML: t.text
-            }, null, 8, So)) : (i(), f(U, { key: 2 }, [
-              ae(E(t.text), 1)
+            }, null, 8, To)) : (u(), m(R, { key: 2 }, [
+              de(Q(t.text), 1)
             ], 64))
           ])
         ]),
@@ -3017,61 +3216,62 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       }, 8, ["id", "model-value", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Bo = I(Lo), Co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Eo = C(Ao), Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QAccordion: Tt,
+  QAccordion: Vt,
   QBadge: Zt,
-  QButton: le,
+  QButton: ae,
   QButtonGroup: rt,
   QButtonToggle: tn,
   QCard: dt,
   QCheckbox: gn,
-  QCollapsible: Cn,
-  QCombobox: xl,
-  QDialog: Ml,
-  QField: Le,
-  QIcon: O,
+  QCollapsible: Bn,
+  QCombobox: Ll,
+  QDialog: Ol,
+  QDropdownMenu: Rl,
+  QField: Se,
+  QIcon: N,
   QIconFont: ot,
   QIconImg: st,
   QIconSvg: at,
-  QInputGroup: Rl,
-  QLineLoader: Hl,
-  QList: Ue,
+  QInputGroup: Xl,
+  QLineLoader: Zl,
+  QList: Ie,
   QListItem: ut,
   QListItemGroup: ct,
-  QOverlay: ve,
-  QPopover: Zl,
-  QPropertyList: po,
-  QPropertyListGroup: yt,
-  QPropertyListPanel: vt,
+  QOverlay: pe,
+  QPopover: oo,
+  QPropertyList: go,
+  QPropertyListGroup: vt,
+  QPropertyListPanel: yt,
   QPropertyListRow: ht,
-  QSelect: $o,
-  QSkeletonLoader: wo,
-  QSpinnerLoader: _e,
+  QSelect: Io,
+  QSkeletonLoader: Bo,
+  QSpinnerLoader: ke,
   QTextField: ft,
-  QThemeProvider: xo,
-  QTooltip: Bo
-}, Symbol.toStringTag, { value: "Module" })), ge = "q-theme";
-function Io() {
-  const n = ze(ge);
+  QThemeProvider: Vo,
+  QTooltip: Eo
+}, Symbol.toStringTag, { value: "Module" })), $e = "q-theme";
+function Qo() {
+  const n = ze($e);
   if (!n)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return n;
 }
-function Mo(n) {
-  const t = Io(), e = {
-    activeTheme: A(n),
+function Ro(n) {
+  const t = Qo(), e = {
+    activeTheme: V(n),
     themes: t.themes
   };
-  return De(ge, e), e;
+  return Me($e, e), e;
 }
-function To() {
+function Mo() {
   let n = document.getElementById(
-    ge
+    $e
   );
-  return n || (n = document.createElement("style"), n.id = ge, document.head.appendChild(n)), n;
+  return n || (n = document.createElement("style"), n.id = $e, document.head.appendChild(n)), n;
 }
-function Vo(n) {
+function zo(n) {
   let t = "";
   for (const l of n) {
     t += `.q-theme--${l.name} {
@@ -3091,33 +3291,33 @@ function Vo(n) {
     t += `}
 `;
   }
-  const e = To();
+  const e = Mo();
   e.textContent = t;
 }
 function Ze(n) {
   return n ? `--q-theme-${lt(n)}` : "";
 }
-function Ao(n = {}) {
+function Oo(n = {}) {
   return { install: (e) => {
     const l = n.components || {};
     for (const s in l)
       e.component(s, l[s]);
     const o = n.defaults || {};
-    e.provide(Oe, A(o)), Eo(e, n.themes);
+    e.provide(Pe, V(o)), Fo(e, n.themes);
   } };
 }
-function Eo(n, t) {
+function Fo(n, t) {
   const e = [];
   let l;
   if (!t)
     l = "default", e.push({
       name: l,
       mode: "light",
-      scheme: Ee
+      scheme: De
     });
   else
     for (const o of t.themes) {
-      const a = { ...o.mode === "light" ? Ee : et, ...o.colors };
+      const a = { ...o.mode === "light" ? De : et, ...o.colors };
       e.push({
         name: o.name,
         mode: o.mode,
@@ -3126,21 +3326,21 @@ function Eo(n, t) {
     }
   if (l) {
     const o = {
-      activeTheme: A(l),
+      activeTheme: V(l),
       themes: e
     };
-    Vo(e), Z(o.activeTheme, Qo, { immediate: !0 }), n.provide(ge, o);
+    zo(e), ne(o.activeTheme, Po, { immediate: !0 }), n.provide($e, o);
   }
 }
-function Qo(n) {
+function Po(n) {
   const t = document.documentElement, l = Array.from(t.classList).filter((o) => !o.startsWith("q-theme"));
   t.className = l.join(" "), t.classList.add(`q-theme--${n}`);
 }
-const Fo = (n = {}) => Ao({ components: Co, ...n });
+const Go = (n = {}) => Oo({ components: Do, ...n });
 export {
-  Co as components,
-  Fo as createFramework,
-  Mo as provideTheme,
-  zo as templates,
-  Io as useTheme
+  Do as components,
+  Go as createFramework,
+  Ro as provideTheme,
+  No as templates,
+  Qo as useTheme
 };