@quidgest/ui 0.13.3 → 0.14.1

package/dist/ui.esm.js

@@ -1,10 +1,10 @@
-import { defineComponent as L, computed as g, openBlock as u, createElementBlock as v, normalizeClass as C, normalizeStyle as ue, getCurrentInstance as Pe, ref as T, provide as Ne, inject as He, withModifiers as pe, createVNode as z, unref as m, createCommentVNode as $, createElementVNode as A, Fragment as te, createTextVNode as me, toDisplayString as N, renderSlot as y, createBlock as I, resolveDynamicComponent as Ke, h as Ae, withCtx as k, normalizeProps as G, guardReactiveProps as se, toRef as ze, mergeModels as X, useModel as ee, renderList as we, mergeProps as re, reactive as Qe, watch as Z, nextTick as J, onMounted as je, onBeforeUnmount as at, Teleport as st, Transition as it, withKeys as rt, createSlots as qe, withDirectives as dt, vModelDynamic as ut } from "vue";
+import { defineComponent as B, computed as g, openBlock as r, createElementBlock as p, normalizeClass as V, normalizeStyle as ue, getCurrentInstance as Ne, ref as D, provide as He, inject as Ge, withModifiers as ve, createVNode as z, unref as m, createCommentVNode as x, createElementVNode as L, Fragment as K, createTextVNode as ce, toDisplayString as O, renderSlot as h, createBlock as S, resolveDynamicComponent as Be, h as Qe, withCtx as _, normalizeProps as j, guardReactiveProps as le, toRef as Fe, mergeModels as Z, useModel as ne, renderList as he, mergeProps as J, reactive as ze, watch as te, nextTick as oe, onMounted as Re, onBeforeUnmount as ut, Teleport as ct, Transition as ft, withKeys as pt, createSlots as qe, withDirectives as mt, vModelDynamic as vt } from "vue";
 /*!
- * Quidgest UI v0.13.3
+ * Quidgest UI v0.14.1
  * (c) 2024 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
-const Le = {
+const Ie = {
   primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -35,7 +35,7 @@ const Le = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Ge = {
+}, Ke = {
   primary: "#009ff5",
   primaryLight: "#ade2ff",
   primaryDark: "#164965",
@@ -66,11 +66,11 @@ const Le = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, On = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  defaultDarkColorScheme: Ge,
-  defaultLightColorScheme: Le
-}, Symbol.toStringTag, { value: "Module" })), ct = /* @__PURE__ */ L({
+  defaultDarkColorScheme: Ke,
+  defaultLightColorScheme: Ie
+}, Symbol.toStringTag, { value: "Module" })), ht = /* @__PURE__ */ B({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -80,8 +80,8 @@ const Le = {
     const t = o, e = g(() => ({
       "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
-    return (n, l) => (u(), v("div", {
-      class: C(["q-spinner-loader", t.class]),
+    return (n, l) => (r(), p("div", {
+      class: V(["q-spinner-loader", t.class]),
       style: ue(e.value)
     }, null, 6));
   }
@@ -92,14 +92,14 @@ function Se(o) {
 function Me(o) {
   return o !== null && typeof o == "object" && !Array.isArray(o);
 }
-function Be(o = {}, t = {}) {
+function Ce(o = {}, t = {}) {
   const e = {};
   for (const n in o)
     e[n] = o[n];
   for (const n in t) {
     const l = o[n], s = t[n];
     if (Me(l) && Me(s)) {
-      e[n] = Be(
+      e[n] = Ce(
         l,
         s
       );
@@ -109,61 +109,56 @@ function Be(o = {}, t = {}) {
   }
   return e;
 }
-const Ce = "q-defaults";
-function ft() {
+const Te = "q-defaults";
+function yt() {
   var s, i;
-  const o = Pe();
+  const o = Ne();
   if (!o)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const t = o.type.name ?? o.type.__name;
-  if (!t)
-    throw new Error("[Quidgest UI] Could not determine component name");
+  if (!t) throw new Error("[Quidgest UI] Could not determine component name");
   const e = We(), n = (s = e.value) == null ? void 0 : s.Global, l = (i = e.value) == null ? void 0 : i[t];
-  return g(() => Be(n, l));
+  return g(() => Ce(n, l));
 }
-function Re(o) {
-  if (Se(o))
-    return;
-  const t = We(), e = T(o), n = g(() => Se(e.value) ? t.value : Be(t.value, e.value));
-  Ne(Ce, n);
+function je(o) {
+  if (Se(o)) return;
+  const t = We(), e = D(o), n = g(() => Se(e.value) ? t.value : Ce(t.value, e.value));
+  He(Te, n);
 }
 function We() {
-  const o = He(Ce, void 0);
-  if (!o)
-    throw new Error("[Quidgest UI] Could not find defaults instance");
+  const o = Ge(Te, void 0);
+  if (!o) throw new Error("[Quidgest UI] Could not find defaults instance");
   return o;
 }
 function Xe(o) {
   return o.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
 }
-function pt(o, t) {
+function bt(o, t) {
   var n;
   const e = Xe(t);
   return e ? typeof ((n = o.props) == null ? void 0 : n[e]) < "u" : !1;
 }
-function B(o) {
+function C(o) {
   const t = o.setup;
   return t && (o.setup = (e, n) => {
-    const l = ft();
-    if (Se(l.value))
-      return t(e, n);
-    const s = Pe();
-    if (s === null)
-      return t(e, n);
+    const l = yt();
+    if (Se(l.value)) return t(e, n);
+    const s = Ne();
+    if (s === null) return t(e, n);
     const i = new Proxy(e, {
-      get(a, r) {
-        var x;
-        const f = Reflect.get(a, r), q = (x = l.value) == null ? void 0 : x[r];
-        return typeof r == "string" && !pt(s.vnode, r) ? q ?? f : f;
+      get(a, d) {
+        var I;
+        const c = Reflect.get(a, d), w = (I = l.value) == null ? void 0 : I[d];
+        return typeof d == "string" && !bt(s.vnode, d) ? w ?? c : c;
       }
     });
     return t(i, n);
   }), o;
 }
-const Ie = B(ct), mt = ["disabled"], vt = {
+const xe = C(ht), gt = ["disabled"], _t = {
   key: 0,
   class: "q-btn__spinner"
-}, ht = { class: "q-btn__content" }, yt = /* @__PURE__ */ L({
+}, kt = { class: "q-btn__content" }, wt = /* @__PURE__ */ B({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -200,33 +195,33 @@ const Ie = B(ct), mt = ["disabled"], vt = {
         e.class
       ];
     });
-    return (a, r) => (u(), v("button", {
+    return (a, d) => (r(), p("button", {
       type: "button",
-      class: C(i.value),
+      class: V(i.value),
       disabled: l.value,
-      onClick: pe(s, ["stop", "prevent"])
+      onClick: ve(s, ["stop", "prevent"])
     }, [
-      a.loading ? (u(), v("div", vt, [
-        z(m(Ie), { size: 20 })
-      ])) : $("", !0),
-      A("span", ht, [
-        a.iconOnRight ? (u(), v(te, { key: 0 }, [
-          me(N(e.label), 1)
-        ], 64)) : $("", !0),
-        y(a.$slots, "default"),
-        a.iconOnRight ? $("", !0) : (u(), v(te, { key: 1 }, [
-          me(N(e.label), 1)
+      a.loading ? (r(), p("div", _t, [
+        z(m(xe), { size: 20 })
+      ])) : x("", !0),
+      L("span", kt, [
+        a.iconOnRight ? (r(), p(K, { key: 0 }, [
+          ce(O(e.label), 1)
+        ], 64)) : x("", !0),
+        h(a.$slots, "default"),
+        a.iconOnRight ? x("", !0) : (r(), p(K, { key: 1 }, [
+          ce(O(e.label), 1)
         ], 64))
       ])
-    ], 10, mt));
+    ], 10, gt));
   }
-}), de = B(yt), bt = /* @__PURE__ */ L({
+}), re = C(wt), $t = /* @__PURE__ */ B({
   __name: "QIcon",
   props: {
     icon: {},
-    type: { default: "svg" },
     size: { default: void 0 },
-    class: { default: void 0 }
+    class: { default: void 0 },
+    type: { default: "svg" }
   },
   setup(o) {
     const t = o, e = g(() => {
@@ -241,31 +236,31 @@ const Ie = B(ct), mt = ["disabled"], vt = {
           return;
       }
     });
-    return (n, l) => (u(), I(Ke(e.value), {
-      class: C(t.class),
+    return (n, l) => (r(), S(Be(e.value), {
+      class: V(t.class),
       icon: t.icon,
       size: t.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), gt = /* @__PURE__ */ L({
+}), qt = /* @__PURE__ */ B({
   __name: "QIconFont",
   props: {
     icon: {},
-    library: { default: "" },
-    variant: { default: "" },
     size: { default: void 0 },
-    class: { default: void 0 }
+    class: { default: void 0 },
+    library: { default: "" },
+    variant: { default: "" }
   },
   setup(o) {
     const t = o, e = g(() => t.variant ? `${t.library}-${t.variant}` : t.library), n = g(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), l = g(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (s, i) => (u(), v("i", {
-      class: C(["q-icon", "q-icon__font", e.value, n.value, t.class]),
+    return (s, i) => (r(), p("i", {
+      class: V(["q-icon", "q-icon__font", e.value, n.value, t.class]),
       style: ue(l.value)
     }, null, 6));
   }
-}), _t = ["src"], kt = /* @__PURE__ */ L({
+}), xt = ["src"], Lt = /* @__PURE__ */ B({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -276,13 +271,13 @@ const Ie = B(ct), mt = ["disabled"], vt = {
     const t = o, e = g(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (n, l) => (u(), v("img", {
+    return (n, l) => (r(), p("img", {
       src: t.icon,
-      class: C(["q-icon", "q-icon__img", t.class]),
+      class: V(["q-icon", "q-icon__img", t.class]),
       style: ue(e.value)
-    }, null, 14, _t));
+    }, null, 14, xt));
   }
-}), ye = {}, wt = L({
+}), be = {}, It = B({
   name: "InlineSvg",
   emits: {
     loaded: (o) => typeof o == "object",
@@ -291,13 +286,11 @@ const Ie = B(ct), mt = ["disabled"], vt = {
   },
   inheritAttrs: !1,
   render() {
-    if (!this.svgElSource)
-      return null;
+    if (!this.svgElSource) return null;
     const o = this.getSvgContent(this.svgElSource);
-    if (!o)
-      return Ae("div", this.$attrs);
+    if (!o) return Qe("div", this.$attrs);
     const t = {};
-    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, o), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = o.innerHTML, Ae("svg", t);
+    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, o), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = o.innerHTML, Qe("svg", t);
   },
   props: {
     /**
@@ -350,16 +343,14 @@ const Ie = B(ct), mt = ["disabled"], vt = {
   methods: {
     copySvgAttrs(o, t) {
       const e = t.attributes;
-      if (e)
-        for (const n of e)
-          o[n.name] = n.value;
+      if (e) for (const n of e) o[n.name] = n.value;
     },
     copyComponentAttrs(o, t) {
       for (const [e, n] of Object.entries(t))
         n !== !1 && n !== null && n !== void 0 && (o[e] = n);
     },
     getSvgContent(o) {
-      return this.symbol && (o = o.getElementById(this.symbol), !o) ? null : (this.transformSource && (o = o.cloneNode(!0), o = this.transformSource(o)), this.title && (this.transformSource || (o = o.cloneNode(!0)), $t(o, this.title)), o);
+      return this.symbol && (o = o.getElementById(this.symbol), !o) ? null : (this.transformSource && (o = o.cloneNode(!0), o = this.transformSource(o)), this.title && (this.transformSource || (o = o.cloneNode(!0)), St(o, this.title)), o);
     },
     /**
      * Get svgElSource
@@ -367,11 +358,11 @@ const Ie = B(ct), mt = ["disabled"], vt = {
      */
     async getSource(o) {
       try {
-        ye[o] || (ye[o] = qt(this.download(o))), this.svgElSource && ye[o].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const t = await ye[o];
+        be[o] || (be[o] = Bt(this.download(o))), this.svgElSource && be[o].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const t = await be[o];
         this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (t) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete ye[o], this.$emit("error", t);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete be[o], this.$emit("error", t);
       }
     },
     /**
@@ -381,11 +372,9 @@ const Ie = B(ct), mt = ["disabled"], vt = {
      */
     async download(o) {
       const t = await fetch(o);
-      if (!t.ok)
-        throw new Error("Error loading SVG");
+      if (!t.ok) throw new Error("Error loading SVG");
       const e = await t.text(), s = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
-      if (!s)
-        throw new Error("Loaded file is not a valid SVG");
+      if (!s) throw new Error("Loaded file is not a valid SVG");
       return s;
     }
   },
@@ -396,7 +385,7 @@ const Ie = B(ct), mt = ["disabled"], vt = {
   },
   expose: []
 });
-function $t(o, t) {
+function St(o, t) {
   const e = o.getElementsByTagName("title");
   if (e.length)
     e[0].textContent = t;
@@ -405,9 +394,8 @@ function $t(o, t) {
     n.textContent = t, o.insertBefore(n, o.firstChild);
   }
 }
-function qt(o) {
-  if (o.getIsPending)
-    return o;
+function Bt(o) {
+  if (o.getIsPending) return o;
   let t = !0;
   const e = o.then(
     (n) => (t = !1, n),
@@ -417,13 +405,13 @@ function qt(o) {
   );
   return e.getIsPending = () => t, e;
 }
-const It = /* @__PURE__ */ L({
+const Ct = /* @__PURE__ */ B({
   __name: "QIconSvg",
   props: {
     icon: {},
-    bundle: { default: "" },
     size: { default: void 0 },
-    class: { default: void 0 }
+    class: { default: void 0 },
+    bundle: { default: "" }
   },
   emits: ["loaded", "unloaded"],
   setup(o, { emit: t }) {
@@ -436,8 +424,8 @@ const It = /* @__PURE__ */ L({
     function i() {
       n("unloaded");
     }
-    return (a, r) => (u(), I(m(wt), {
-      class: C(["q-icon", "q-icon__svg", e.class]),
+    return (a, d) => (r(), S(m(It), {
+      class: V(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
       style: ue(l.value),
@@ -445,11 +433,15 @@ const It = /* @__PURE__ */ L({
       onUnloaded: i
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), F = B(bt), Ye = B(gt), Ze = B(kt), Je = B(It);
-function xt(o) {
+}), N = C($t), Ye = C(qt), Ze = C(Lt), Je = C(Ct), Tt = {
+  remove: {
+    icon: "close"
+  }
+};
+function Vt(o) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(o);
 }
-function Lt(o) {
+function Et(o) {
   const t = o.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   if (t) {
     const e = parseInt(t[1], 10), n = parseInt(t[2], 10), l = parseInt(t[3], 10);
@@ -457,34 +449,33 @@ function Lt(o) {
   }
 }
 function et(o) {
-  if (xt(o)) {
+  if (Vt(o)) {
     o.length === 4 && (o = "#" + o[1] + o[1] + o[2] + o[2] + o[3] + o[3]);
     const t = parseInt(o.slice(1, 3), 16), e = parseInt(o.slice(3, 5), 16), n = parseInt(o.slice(5, 7), 16);
     return { r: t, g: e, b: n };
   } else {
-    const t = Lt(o);
-    if (t)
-      return t;
+    const t = Et(o);
+    if (t) return t;
   }
   throw new Error("Invalid color format");
 }
-function St(o) {
+function Dt(o) {
   const t = o.r / 255, e = o.g / 255, n = o.b / 255, l = Math.max(t, e, n), s = Math.min(t, e, n);
   let i = 0, a;
-  const r = (l + s) / 2;
+  const d = (l + s) / 2;
   if (l === s)
     i = a = 0;
   else {
-    const f = l - s;
-    switch (a = r > 0.5 ? f / (2 - l - s) : f / (l + s), l) {
+    const c = l - s;
+    switch (a = d > 0.5 ? c / (2 - l - s) : c / (l + s), l) {
       case t:
-        i = (e - n) / f + (e < n ? 6 : 0);
+        i = (e - n) / c + (e < n ? 6 : 0);
         break;
       case e:
-        i = (n - t) / f + 2;
+        i = (n - t) / c + 2;
         break;
       case n:
-        i = (t - e) / f + 4;
+        i = (t - e) / c + 4;
         break;
     }
     i /= 6;
@@ -492,73 +483,69 @@ function St(o) {
   return {
     h: Math.round(i * 360),
     s: Math.round(a * 100),
-    l: Math.round(r * 100)
+    l: Math.round(d * 100)
   };
 }
-function Bt(o) {
+function At(o) {
   return o > 50 ? "#000" : "#fff";
 }
-const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), Vt = { class: "q-badge__content" }, Tt = {
-  remove: {
-    icon: "close"
-  }
-}, Et = /* @__PURE__ */ L({
+const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
   __name: "QBadge",
   props: {
     color: { default: "primary" },
     variant: { default: "tonal" },
     removable: { type: Boolean },
     pill: { type: Boolean },
-    internals: { default: () => ({ icons: Tt }) }
+    icons: { default: () => Tt }
   },
   emits: ["click:remove"],
   setup(o, { emit: t }) {
     const e = o, n = t, l = g(
       () => ["primary", "info", "success", "warning", "danger"].includes(e.color)
     ), s = g(() => {
-      const r = l.value ? `q-badge--${e.color}` : void 0;
-      return ["q-badge", `q-badge--${e.variant}`, r, { "q-badge--pill": e.pill }];
+      const d = l.value ? `q-badge--${e.color}` : void 0;
+      return ["q-badge", `q-badge--${e.variant}`, d, { "q-badge--pill": e.pill }];
     }), i = g(() => {
-      let r, f;
+      let d, c;
       if (!l.value)
-        if (r = e.color, e.variant === "tonal")
-          f = e.color;
+        if (d = e.color, e.variant === "tonal")
+          c = e.color;
         else {
-          const q = et(r), x = St(q);
-          f = Bt(x.l);
+          const w = et(d), I = Dt(w);
+          c = At(I.l);
         }
       return {
-        "--q-badge-color": r,
-        "--q-badge-text-color": f
+        "--q-badge-color": d,
+        "--q-badge-text-color": c
       };
     });
     function a() {
       n("click:remove");
     }
-    return (r, f) => (u(), v("span", {
-      class: C(s.value),
+    return (d, c) => (r(), p("span", {
+      class: V(s.value),
       role: "presentation",
       style: ue(i.value)
     }, [
-      Ct,
-      A("div", Vt, [
-        y(r.$slots, "default"),
-        e.removable ? (u(), I(m(de), {
+      c[0] || (c[0] = L("div", { class: "q-badge__underlay" }, null, -1)),
+      L("div", Qt, [
+        h(d.$slots, "default"),
+        e.removable ? (r(), S(m(re), {
           key: 0,
           class: "q-badge__remove",
           borderless: "",
           tabindex: "0",
           onClick: a
         }, {
-          default: k(() => [
-            z(m(F), G(se(e.internals.icons.remove)), null, 16)
+          default: _(() => [
+            z(m(N), j(le(e.icons.remove)), null, 16)
           ]),
           _: 1
-        })) : $("", !0)
+        })) : x("", !0)
       ])
     ], 6));
   }
-}), Dt = B(Et), At = /* @__PURE__ */ L({
+}), zt = C(Ft), Mt = /* @__PURE__ */ B({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -568,15 +555,15 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), V
   },
   setup(o) {
     const t = o;
-    return Re({
+    return je({
       QButton: {
         bStyle: "secondary",
-        disabled: ze(t, "disabled"),
-        borderless: ze(t, "borderless"),
+        disabled: Fe(t, "disabled"),
+        borderless: Fe(t, "borderless"),
         elevated: !1
       }
-    }), (e, n) => (u(), v("div", {
-      class: C([
+    }), (e, n) => (r(), p("div", {
+      class: V([
         "q-btn-group",
         {
           "q-btn-group--elevated": t.elevated
@@ -584,12 +571,12 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), V
         t.class
       ])
     }, [
-      y(e.$slots, "default")
+      h(e.$slots, "default")
     ], 2));
   }
-}), tt = B(At), zt = /* @__PURE__ */ L({
+}), tt = C(Mt), Ot = /* @__PURE__ */ B({
   __name: "QButtonToggle",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     options: {},
     disabled: { type: Boolean },
     borderless: { type: Boolean },
@@ -602,27 +589,27 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), V
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, e = ee(o, "modelValue");
+    const t = o, e = ne(o, "modelValue");
     function n(l) {
       e.value === l.key && !t.required ? e.value = void 0 : e.value = l.key;
     }
-    return (l, s) => (u(), I(m(tt), {
+    return (l, s) => (r(), S(m(tt), {
       "b-style": "secondary",
-      class: C(t.class),
+      class: V(t.class),
       disabled: t.disabled,
       borderless: t.borderless,
       elevated: t.elevated
     }, {
-      default: k(() => [
-        (u(!0), v(te, null, we(t.options, (i) => (u(), I(m(de), {
+      default: _(() => [
+        (r(!0), p(K, null, he(t.options, (i) => (r(), S(m(re), {
           key: i.key,
           title: i.title,
           label: i.label,
           active: e.value === i.key,
           onClick: () => n(i)
         }, {
-          default: k(() => [
-            y(l.$slots, i.key)
+          default: _(() => [
+            h(l.$slots, i.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -630,9 +617,9 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), V
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), Qt = B(zt), Mt = /* @__PURE__ */ L({
+}), Pt = C(Ot), Ut = /* @__PURE__ */ B({
   __name: "QList",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
     items: {},
     groups: { default: () => [] },
@@ -649,142 +636,142 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), V
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: t }) {
-    const e = o, n = ee(o, "modelValue"), l = T(!1), s = g(() => i.value.length > 1 ? "div" : "ul"), i = g(() => e.groups.length ? e.groups.filter(
-      (p) => e.items.some((_) => _.group === p.id)
-    ) : [{ id: "", title: "" }]), a = T(null);
-    function r(p) {
-      n.value = p;
+    const e = o, n = ne(o, "modelValue"), l = D(!1), s = g(() => i.value.length > 1 ? "div" : "ul"), i = g(() => e.groups.length ? e.groups.filter(
+      (v) => e.items.some(($) => $.group === v.id)
+    ) : [{ id: "", title: "" }]), a = D(null);
+    function d(v) {
+      n.value = v;
     }
-    function f() {
+    function c() {
       l.value = !0;
     }
-    function q() {
+    function w() {
       l.value = !1;
     }
-    function x(p) {
-      var h;
-      if ((h = a.value) != null && h.contains(p.relatedTarget))
+    function I(v) {
+      var b;
+      if ((b = a.value) != null && b.contains(v.relatedTarget))
         return;
-      let _;
-      n.value ? _ = e.items.findIndex((U) => U[e.itemValue] === n.value) : _ = R();
-      const c = l.value;
-      S(_, c);
+      let $;
+      n.value ? $ = e.items.findIndex((G) => G[e.itemValue] === n.value) : $ = Q();
+      const f = l.value;
+      T($, f);
     }
-    function M(p) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(p.key) && p.preventDefault(), p.key) {
+    function P(v) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(v.key) && v.preventDefault(), v.key) {
         case "ArrowDown":
-          E("next");
+          A("next");
           break;
         case "ArrowUp":
-          E("prev");
+          A("prev");
           break;
         case "Home":
-          E("first");
+          A("first");
           break;
         case "End":
-          E("last");
+          A("last");
           break;
       }
     }
-    function E(p) {
-      switch (p) {
+    function A(v) {
+      switch (v) {
         case "next":
         case "prev":
-          S(H(p));
+          T(W(v));
           break;
         case "first":
-          S(R());
+          T(Q());
           break;
         case "last":
-          S(O());
+          T(H());
           break;
       }
     }
-    function S(p, _ = !1) {
-      var h;
-      (h = V()[p]) == null || h.focus({ preventScroll: _ });
-    }
-    function V() {
-      var _;
-      const p = (_ = a.value) == null ? void 0 : _.querySelectorAll("li");
-      return p ? Array.from(p) : [];
-    }
-    function Y(p) {
-      return V()[p];
-    }
-    function oe() {
-      return V().indexOf(document.activeElement);
-    }
-    function R() {
-      const p = V(), _ = p.find((c) => Q(c));
-      return _ ? p.indexOf(_) : -1;
-    }
-    function O() {
-      const p = V(), _ = [...p].reverse().find((c) => Q(c));
-      return _ ? p.indexOf(_) : -1;
-    }
-    function ne(p, _, c) {
-      return _ === "prev" && p === 0 || _ === "next" && p === c.length - 1;
-    }
-    function H(p) {
-      const _ = oe();
-      return le(_, p);
-    }
-    function le(p, _) {
-      const c = V();
-      if (ne(p, _, c))
-        return p;
-      let h = p + (_ === "next" ? 1 : -1);
-      for (; !Q(c[h]); ) {
-        if (ne(h, _, c))
-          return p;
-        h += _ === "next" ? 1 : -1;
+    function T(v, $ = !1) {
+      var b;
+      (b = y()[v]) == null || b.focus({ preventScroll: $ });
+    }
+    function y() {
+      var $;
+      const v = ($ = a.value) == null ? void 0 : $.querySelectorAll("li");
+      return v ? Array.from(v) : [];
+    }
+    function E(v) {
+      return y()[v];
+    }
+    function M() {
+      return y().indexOf(document.activeElement);
+    }
+    function Q() {
+      const v = y(), $ = v.find((f) => U(f));
+      return $ ? v.indexOf($) : -1;
+    }
+    function H() {
+      const v = y(), $ = [...v].reverse().find((f) => U(f));
+      return $ ? v.indexOf($) : -1;
+    }
+    function se(v, $, f) {
+      return $ === "prev" && v === 0 || $ === "next" && v === f.length - 1;
+    }
+    function W(v) {
+      const $ = M();
+      return ae($, v);
+    }
+    function ae(v, $) {
+      const f = y();
+      if (se(v, $, f))
+        return v;
+      let b = v + ($ === "next" ? 1 : -1);
+      for (; !U(f[b]); ) {
+        if (se(b, $, f))
+          return v;
+        b += $ === "next" ? 1 : -1;
       }
-      return h;
+      return b;
     }
-    function Q(p) {
-      return p.tabIndex === -2;
+    function U(v) {
+      return v.tabIndex === -2;
     }
-    function W(p) {
-      return p ? e.items.filter((_) => _.group === p) : e.items;
+    function Y(v) {
+      return v ? e.items.filter(($) => $.group === v) : e.items;
     }
     return t({
-      focusItem: S,
-      getItem: Y,
-      getAdjacentItemIndex: le,
-      getFirstFocusableItemIndex: R,
-      getLastFocusableItemIndex: O
-    }), (p, _) => (u(), I(Ke(s.value), {
+      focusItem: T,
+      getItem: E,
+      getAdjacentItemIndex: ae,
+      getFirstFocusableItemIndex: Q,
+      getLastFocusableItemIndex: H
+    }), (v, $) => (r(), S(Be(s.value), {
       ref_key: "listRef",
       ref: a,
-      class: C(["q-list", { "q-list--disabled": e.disabled }, e.class]),
+      class: V(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
-      onFocus: x,
-      onMousedown: f,
-      onMouseup: q,
-      onKeydown: M
+      onFocus: I,
+      onMousedown: c,
+      onMouseup: w,
+      onKeydown: P
     }, {
-      default: k(() => [
-        (u(!0), v(te, null, we(i.value, (c) => (u(), I(m(nt), {
-          key: c.id,
-          id: c.id,
-          title: i.value.length === 1 ? void 0 : c.title
+      default: _(() => [
+        (r(!0), p(K, null, he(i.value, (f) => (r(), S(m(nt), {
+          key: f.id,
+          id: f.id,
+          title: i.value.length === 1 ? void 0 : f.title
         }, {
-          default: k(() => [
-            (u(!0), v(te, null, we(W(c.id), (h) => (u(), I(m(ot), {
-              key: h[e.itemValue],
-              value: h[e.itemValue],
-              label: h[e.itemLabel],
-              description: h.description,
-              icon: h.icon,
-              disabled: e.disabled || c.disabled || h.disabled,
-              highlighted: e.highlighted === h[e.itemValue],
-              selected: p.selectable && n.value === h[e.itemValue],
-              onSelect: r
+          default: _(() => [
+            (r(!0), p(K, null, he(Y(f.id), (b) => (r(), S(m(ot), {
+              key: b[e.itemValue],
+              value: b[e.itemValue],
+              label: b[e.itemLabel],
+              description: b.description,
+              icon: b.icon,
+              disabled: e.disabled || f.disabled || b.disabled,
+              highlighted: e.highlighted === b[e.itemValue],
+              selected: v.selectable && n.value === b[e.itemValue],
+              onSelect: d
             }, {
-              default: k(() => [
-                y(p.$slots, "item", { item: h })
+              default: _(() => [
+                h(v.$slots, "item", { item: b })
               ]),
               _: 2
             }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -795,22 +782,22 @@ const Ct = /* @__PURE__ */ A("div", { class: "q-badge__underlay" }, null, -1), V
       _: 3
     }, 40, ["class", "tabindex"]));
   }
-});
-let Ft = 0;
-function ve(o) {
-  return o || `uid-${++Ft}`;
-}
-const Ot = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ut = { class: "q-list-item__container" }, Pt = { class: "q-list-item__content" }, Nt = {
-  key: 0,
-  class: "q-list-item__description"
-}, Ht = { class: "q-list-item__check-container" }, Kt = {
+}), Nt = {
   check: {
     icon: "check"
   },
   description: {
     icon: "information-outline"
   }
-}, jt = /* @__PURE__ */ L({
+};
+let Ht = 0;
+function fe(o) {
+  return o || `uid-${++Ht}`;
+}
+const Gt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Rt = { class: "q-list-item__container" }, Kt = { class: "q-list-item__content" }, jt = {
+  key: 0,
+  class: "q-list-item__description"
+}, Wt = { class: "q-list-item__check-container" }, Xt = /* @__PURE__ */ B({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -820,23 +807,23 @@ const Ot = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ut = {
     highlighted: { type: Boolean },
     disabled: { type: Boolean },
     description: { default: void 0 },
-    internals: { default: () => ({ icons: Kt }) }
+    icons: { default: () => Nt }
   },
   emits: ["select"],
   setup(o, { emit: t }) {
-    const e = o, n = t, l = ve();
+    const e = o, n = t, l = fe();
     function s() {
       e.disabled || n("select", e.value);
     }
     function i(a) {
       a.key === "Tab" && s(), (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.stopPropagation(), s());
     }
-    return (a, r) => (u(), v("li", {
+    return (a, d) => (r(), p("li", {
       id: m(l),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: C([
+      class: V([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -847,107 +834,107 @@ const Ot = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Ut = {
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: i,
-      onClick: pe(s, ["stop", "prevent"])
+      onClick: ve(s, ["stop", "prevent"])
     }, [
-      A("div", Ut, [
-        A("div", Pt, [
-          y(a.$slots, "default", {}, () => [
-            e.icon ? (u(), I(m(F), G(re({ key: 0 }, e.icon)), null, 16)) : $("", !0),
-            me(" " + N(e.label), 1)
+      L("div", Rt, [
+        L("div", Kt, [
+          h(a.$slots, "default", {}, () => [
+            e.icon ? (r(), S(m(N), j(J({ key: 0 }, e.icon)), null, 16)) : x("", !0),
+            ce(" " + O(e.label), 1)
           ])
         ]),
-        e.description ? (u(), v("div", Nt, [
-          z(m(F), G(se(e.internals.icons.description)), null, 16),
-          A("span", null, N(e.description), 1)
-        ])) : $("", !0)
+        e.description ? (r(), p("div", jt, [
+          z(m(N), j(le(e.icons.description)), null, 16),
+          L("span", null, O(e.description), 1)
+        ])) : x("", !0)
       ]),
-      A("div", Ht, [
-        e.selected ? (u(), I(m(F), re({ key: 0 }, e.internals.icons.check, { class: "q-list-item__check" }), null, 16)) : $("", !0)
+      L("div", Wt, [
+        e.selected ? (r(), S(m(N), J({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : x("", !0)
       ])
-    ], 42, Ot));
+    ], 42, Gt));
   }
-}), Gt = ["data-key", "aria-labelledby"], Rt = ["id"], Wt = /* @__PURE__ */ L({
+}), Yt = ["data-key", "aria-labelledby"], Zt = ["id"], Jt = /* @__PURE__ */ B({
   __name: "QListItemGroup",
   props: {
     id: {},
     title: { default: "" }
   },
   setup(o) {
-    const t = o, e = ve();
-    return (n, l) => (u(), v("ul", {
+    const t = o, e = fe();
+    return (n, l) => (r(), p("ul", {
       class: "q-list-item-group",
       role: "group",
       "data-key": t.id,
       "aria-labelledby": t.title ? m(e) : void 0
     }, [
-      t.title ? (u(), v("li", {
+      t.title ? (r(), p("li", {
         key: 0,
         id: m(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(t.title), 9, Rt)) : $("", !0),
-      y(n.$slots, "default")
-    ], 8, Gt));
+      }, O(t.title), 9, Zt)) : x("", !0),
+      h(n.$slots, "default")
+    ], 8, Yt));
   }
-}), Ve = B(Mt), ot = B(jt), nt = B(Wt), ke = 8;
-function Xt(o, t, e, n) {
-  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = o.getBoundingClientRect(), a = t.getBoundingClientRect(), r = e == null ? void 0 : e.getBoundingClientRect(), f = Yt(i, a, s, l), q = to(i, a, f), x = Jt(q, f, l), M = Zt(x, a, f);
-  let E;
+}), Ve = C(Ut), ot = C(Xt), nt = C(Jt), we = 8;
+function eo(o, t, e, n) {
+  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = o.getBoundingClientRect(), a = t.getBoundingClientRect(), d = e == null ? void 0 : e.getBoundingClientRect(), c = to(i, a, s, l), w = so(i, a, c), I = no(w, c, l), P = oo(I, a, c);
+  let A;
   if (n != null && n.arrow) {
-    if (!r)
+    if (!d)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    E = eo(M, i, a, r, f);
+    A = lo(P, i, a, d, c);
   }
-  return { overlayCoords: M, arrowCoords: E, placement: f };
+  return { overlayCoords: P, arrowCoords: A, placement: c };
 }
-function Yt(o, t, e, n) {
-  const l = Fe(o, t, e, n);
-  if (Oe(l)) {
-    const s = ge(e), a = {
+function to(o, t, e, n) {
+  const l = Oe(o, t, e, n);
+  if (Pe(l)) {
+    const s = _e(e), a = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
-    }[s], r = Fe(
+    }[s], d = Oe(
       o,
       t,
       a,
       n
     );
-    if (Oe(r))
+    if (Pe(d))
       return e;
-    const f = lo(e);
-    return f ? `${a}-${f}` : a;
+    const c = ro(e);
+    return c ? `${a}-${c}` : a;
   }
   return e;
 }
-function Zt(o, t, e) {
-  const n = $e(e), l = (i, a, r) => Math.min(Math.max(i, a), r), s = { ...o };
-  return n === "x" ? s.x = l(o.x, ke, window.innerWidth - t.width - ke) : s.y = l(o.y, ke, window.innerHeight - t.height - ke), s;
+function oo(o, t, e) {
+  const n = $e(e), l = (i, a, d) => Math.min(Math.max(i, a), d), s = { ...o };
+  return n === "x" ? s.x = l(o.x, we, window.innerWidth - t.width - we) : s.y = l(o.y, we, window.innerHeight - t.height - we), s;
 }
-function Jt(o, t, e) {
-  const n = ge(t);
+function no(o, t, e) {
+  const n = _e(t);
   return {
     x: o.x + (n === "left" ? -e : n === "right" ? e : 0),
     y: o.y + (n === "top" ? -e : n === "bottom" ? e : 0)
   };
 }
-function eo(o, t, e, n, l) {
+function lo(o, t, e, n, l) {
   if ($e(l) === "y") {
-    const i = t.top + t.height / 2, a = o.y + e.height / 2, r = a - i, f = e.height / 2 - r - n.height / 2 + 2;
-    if (f > 0 && f < e.height - n.height)
+    const i = t.top + t.height / 2, a = o.y + e.height / 2, d = a - i, c = e.height / 2 - d - n.height / 2 + 2;
+    if (c > 0 && c < e.height - n.height)
       return {
-        y: f
+        y: c
       };
   } else {
-    const i = t.left + t.width / 2, a = o.x + e.width / 2, r = a - i, f = e.width / 2 - r - n.width / 2 + 2;
-    if (f > 0 && f < e.width - n.width)
+    const i = t.left + t.width / 2, a = o.x + e.width / 2, d = a - i, c = e.width / 2 - d - n.width / 2 + 2;
+    if (c > 0 && c < e.width - n.width)
       return {
-        x: f
+        x: c
       };
   }
 }
-function to(o, t, e) {
+function so(o, t, e) {
   const [n, l] = e.split("-"), s = o.x + o.width / 2 - t.width / 2, i = o.y + o.height / 2 - t.height / 2;
   let a;
   switch (n) {
@@ -968,21 +955,21 @@ function to(o, t, e) {
   }
   if (!l)
     return a;
-  const f = $e(e) === "y" ? "height" : "width", q = $e(e), x = o[f] / 2 - t[f] / 2;
+  const c = $e(e) === "y" ? "height" : "width", w = $e(e), I = o[c] / 2 - t[c] / 2;
   switch (l) {
     case "start":
-      a[q] -= x;
+      a[w] -= I;
       break;
     case "end":
-      a[q] += x;
+      a[w] += I;
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid alignment value: ${l}`);
   }
   return a;
 }
-function Fe(o, t, e, n) {
-  const l = ge(e);
+function Oe(o, t, e, n) {
+  const l = _e(e);
   let s = 0;
   switch (l) {
     case "top":
@@ -1002,34 +989,34 @@ function Fe(o, t, e, n) {
   }
   return s;
 }
-function oo(o) {
+function ao(o) {
   return o === "x" ? "y" : "x";
 }
-function no(o) {
-  const t = ge(o);
+function io(o) {
+  const t = _e(o);
   return ["left", "right"].includes(t) ? "x" : "y";
 }
 function $e(o) {
-  return oo(no(o));
+  return ao(io(o));
 }
-function ge(o) {
+function _e(o) {
   const [t] = o.split("-");
   return t;
 }
-function lo(o) {
+function ro(o) {
   const [, t] = o.split("-");
   return t;
 }
-function Oe(o) {
+function Pe(o) {
   return o < 0;
 }
-function ao(o) {
+function uo(o) {
   return typeof o == "string" ? document.querySelector(o) : o;
 }
-const so = ["role"], io = /* @__PURE__ */ L({
+const co = ["role"], fo = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     anchor: { default: void 0 },
     appearance: { default: "regular" },
     arrow: { type: Boolean },
@@ -1052,219 +1039,218 @@ const so = ["role"], io = /* @__PURE__ */ L({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["enter", "leave"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["enter", "leave"], ["update:modelValue"]),
   setup(o, { emit: t }) {
-    const e = o, n = t, l = ee(o, "modelValue"), s = g(() => [
+    const e = o, n = t, l = ne(o, "modelValue"), s = g(() => [
       "q-overlay",
-      `q-overlay--${ge(a.placement)}`,
+      `q-overlay--${_e(a.placement)}`,
       {
         "q-overlay--independent": e.anchor === void 0,
         "q-overlay--inverted": e.appearance === "inverted"
       },
       e.class
-    ]), i = g(() => (l.value || a.animating) && !e.nonModal), a = Qe({
+    ]), i = g(() => (l.value || a.animating) && !e.nonModal), a = ze({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), r = Qe({
+    }), d = ze({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), f = g(() => a.top !== 0 && a.left !== 0);
-    Z(l, () => a.animating = !0);
-    const q = g(() => {
-      if (e.anchor === void 0)
-        return;
-      const b = Q(), ce = e.width === "anchor", j = ce ? b == null ? void 0 : b.getBoundingClientRect().width : void 0;
+    }), c = g(() => a.top !== 0 && a.left !== 0);
+    te(l, () => a.animating = !0);
+    const w = g(() => {
+      if (e.anchor === void 0) return;
+      const k = U(), pe = e.width === "anchor", X = pe ? k == null ? void 0 : k.getBoundingClientRect().width : void 0;
       return {
         top: `${a.top}px`,
         left: `${a.left}px`,
-        width: j !== void 0 ? `${j}px` : void 0
+        width: X !== void 0 ? `${X}px` : void 0
       };
-    }), x = g(() => {
+    }), I = g(() => {
       if (e.arrow)
         return {
-          top: r.top !== void 0 ? `${r.top}px` : void 0,
-          left: r.left !== void 0 ? `${r.left}px` : void 0,
-          opacity: r.hidden ? 0 : 1
+          top: d.top !== void 0 ? `${d.top}px` : void 0,
+          left: d.left !== void 0 ? `${d.left}px` : void 0,
+          opacity: d.hidden ? 0 : 1
         };
-    }), M = T(null), E = T(null);
-    function S() {
-      const b = Q();
-      if (!b || !E.value)
+    }), P = D(null), A = D(null);
+    function T() {
+      const k = U();
+      if (!k || !A.value)
         return;
-      const ce = {
+      const pe = {
         placement: e.placement,
         width: e.width,
         offset: e.offset,
         arrow: e.arrow
-      }, j = Xt(
-        b,
-        E.value,
-        (M == null ? void 0 : M.value) ?? void 0,
-        ce
+      }, X = eo(
+        k,
+        A.value,
+        (P == null ? void 0 : P.value) ?? void 0,
+        pe
       );
-      a.left = j.overlayCoords.x, a.top = j.overlayCoords.y, a.placement = j.placement, r.hidden = j.arrowCoords === void 0, j.arrowCoords && (r.top = j.arrowCoords.y, r.left = j.arrowCoords.x);
+      a.left = X.overlayCoords.x, a.top = X.overlayCoords.y, a.placement = X.placement, d.hidden = X.arrowCoords === void 0, X.arrowCoords && (d.top = X.arrowCoords.y, d.left = X.arrowCoords.x);
     }
-    Z(
+    te(
       () => e.placement,
-      () => J(S)
+      () => oe(T)
     );
-    let V;
-    function Y() {
-      R(0);
+    let y;
+    function E() {
+      Q(0);
     }
-    function oe() {
-      R(e.delay);
+    function M() {
+      Q(e.delay);
     }
-    function R(b) {
-      V || (V = window.setTimeout(() => {
+    function Q(k) {
+      y || (y = window.setTimeout(() => {
         l.value = !0;
-      }, b));
+      }, k));
     }
-    function O() {
-      if (clearTimeout(V), V = void 0, l.value = !1, e.anchor && e.trigger === "click") {
-        const b = Q();
-        b == null || b.focus();
+    function H() {
+      if (clearTimeout(y), y = void 0, l.value = !1, e.anchor && e.trigger === "click") {
+        const k = U();
+        k == null || k.focus();
       }
     }
-    Z(f, () => J(ne));
-    function ne() {
+    te(c, () => oe(se));
+    function se() {
       n("enter");
     }
-    let H;
-    function le() {
-      window.clearTimeout(H), H = window.setTimeout(() => a.animating = !1, 200), n("leave");
+    let W;
+    function ae() {
+      window.clearTimeout(W), W = window.setTimeout(() => a.animating = !1, 200), n("leave");
     }
-    function Q() {
-      return e.anchor ? ao(e.anchor) : null;
+    function U() {
+      return e.anchor ? uo(e.anchor) : null;
     }
-    let W;
-    function p() {
-      const b = Q();
-      if (b)
-        switch (W = new MutationObserver(S), W.observe(b, {
+    let Y;
+    function v() {
+      const k = U();
+      if (k)
+        switch (Y = new MutationObserver(T), Y.observe(k, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), e.trigger) {
           case "click":
-            b.addEventListener("click", Y);
+            k.addEventListener("click", E);
             break;
           case "hover":
-            b.addEventListener("mouseenter", oe), b.addEventListener("mouseleave", O), b.addEventListener("focusin", Y), b.addEventListener("focusout", O);
+            k.addEventListener("mouseenter", M), k.addEventListener("mouseleave", H), k.addEventListener("focusin", E), k.addEventListener("focusout", H);
             break;
         }
     }
-    function _() {
-      const b = Q();
-      if (b)
-        switch (W == null || W.disconnect(), e.trigger) {
+    function $() {
+      const k = U();
+      if (k)
+        switch (Y == null || Y.disconnect(), e.trigger) {
           case "click":
-            b.removeEventListener("click", Y);
+            k.removeEventListener("click", E);
             break;
           case "hover":
-            b.removeEventListener("mouseenter", oe), b.removeEventListener("mouseleave", O), b.removeEventListener("focusin", Y), b.removeEventListener("focusout", O);
+            k.removeEventListener("mouseenter", M), k.removeEventListener("mouseleave", H), k.removeEventListener("focusin", E), k.removeEventListener("focusout", H);
             break;
         }
     }
-    function c() {
-      window.addEventListener("resize", S), e.scrollLock || window.addEventListener("scroll", S);
+    function f() {
+      window.addEventListener("resize", T), e.scrollLock || window.addEventListener("scroll", T);
     }
-    function h() {
-      window.removeEventListener("resize", S), e.scrollLock || window.removeEventListener("scroll", S);
+    function b() {
+      window.removeEventListener("resize", T), e.scrollLock || window.removeEventListener("scroll", T);
     }
-    let U;
-    function ae() {
-      Q() ? (S(), U = window.setTimeout(ae, 100)) : O();
+    let G;
+    function ie() {
+      U() ? (T(), G = window.setTimeout(ie, 100)) : H();
     }
-    function K() {
-      c(), e.spy ? ae() : S(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && J(() => {
-        var b;
-        return (b = E.value) == null ? void 0 : b.focus();
+    function ee() {
+      f(), e.spy ? ie() : T(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && oe(() => {
+        var k;
+        return (k = A.value) == null ? void 0 : k.focus();
       });
     }
-    function ie() {
-      h(), e.spy && (clearTimeout(U), U = void 0), e.scrollLock && document.body.classList.remove("no-scroll"), a.top = 0, a.left = 0;
+    function de() {
+      b(), e.spy && (clearTimeout(G), G = void 0), e.scrollLock && document.body.classList.remove("no-scroll"), a.top = 0, a.left = 0;
     }
-    function _e() {
-      e.persistent || O();
+    function ke() {
+      e.persistent || H();
     }
-    return je(() => {
-      J(p);
-    }), at(() => {
-      _(), ie();
-    }), Z(
+    return Re(() => {
+      oe(v);
+    }), ut(() => {
+      $(), de();
+    }), te(
       l,
-      (b) => {
-        J(() => b ? K() : ie());
+      (k) => {
+        oe(() => k ? ee() : de());
       },
       { immediate: !0 }
-    ), (b, ce) => (u(), I(st, {
+    ), (k, pe) => (r(), S(ct, {
       disabled: !l.value && !a.animating || e.inline,
       to: e.attach
     }, [
-      i.value ? (u(), v("div", {
+      i.value ? (r(), p("div", {
         key: 0,
-        class: C([
+        class: V([
           e.backdropClass,
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
-      }, null, 2)) : $("", !0),
-      z(it, {
+      }, null, 2)) : x("", !0),
+      z(ft, {
         name: e.transition,
         appear: "",
-        onLeave: le
+        onLeave: ae
       }, {
-        default: k(() => [
-          l.value ? (u(), v("div", {
+        default: _(() => [
+          l.value ? (r(), p("div", {
             key: 0,
-            class: C(s.value),
-            style: ue(q.value)
+            class: V(s.value),
+            style: ue(w.value)
           }, [
-            A("div", re({
+            L("div", J({
               class: "q-overlay__content",
               ref_key: "overlayRef",
-              ref: E,
+              ref: A,
               tabindex: "-1",
               role: i.value ? "dialog" : void 0
-            }, b.$attrs, {
-              onKeydown: rt(_e, ["escape"]),
-              onBlur: _e
+            }, k.$attrs, {
+              onKeydown: pt(ke, ["escape"]),
+              onBlur: ke
             }), [
-              e.arrow ? (u(), v("div", {
+              e.arrow ? (r(), p("div", {
                 key: 0,
                 ref_key: "arrowRef",
-                ref: M,
+                ref: P,
                 role: "presentation",
                 class: "q-overlay__arrow",
-                style: ue(x.value)
-              }, null, 4)) : $("", !0),
-              y(b.$slots, "default")
-            ], 16, so)
-          ], 6)) : $("", !0)
+                style: ue(I.value)
+              }, null, 4)) : x("", !0),
+              h(k.$slots, "default")
+            ], 16, co)
+          ], 6)) : x("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), he = B(io), ro = ["id"], uo = {
+}), ye = C(fo), po = ["id"], mo = {
   key: 0,
   class: "q-field__label"
-}, co = ["for"], fo = {
+}, vo = ["for"], ho = {
   key: 0,
   class: "q-field__prepend"
-}, po = {
+}, yo = {
   key: 1,
   class: "q-field__append"
-}, mo = {
+}, bo = {
   key: 1,
   class: "q-field__extras"
-}, vo = /* @__PURE__ */ L({
+}, go = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1278,12 +1264,12 @@ const so = ["role"], io = /* @__PURE__ */ L({
     class: { default: void 0 }
   },
   setup(o, { expose: t }) {
-    const e = o, n = ve(e.id), l = T(null), s = g(() => e.required && !e.readonly && !e.disabled);
+    const e = o, n = fe(e.id), l = D(null), s = g(() => e.required && !e.readonly && !e.disabled);
     return t({
       fieldRef: l
-    }), (i, a) => (u(), v("div", {
+    }), (i, a) => (r(), p("div", {
       id: m(n),
-      class: C([
+      class: V([
         "q-field",
         `q-field--${e.size}`,
         {
@@ -1294,37 +1280,37 @@ const so = ["role"], io = /* @__PURE__ */ L({
         e.class
       ])
     }, [
-      e.label ? (u(), v("div", uo, [
-        y(i.$slots, "label.prepend"),
-        A("label", {
+      e.label ? (r(), p("div", mo, [
+        h(i.$slots, "label.prepend"),
+        L("label", {
           for: e.for
-        }, N(e.label), 9, co),
-        y(i.$slots, "label.append")
-      ])) : $("", !0),
-      y(i.$slots, "control", {}, () => [
-        A("div", re({
+        }, O(e.label), 9, vo),
+        h(i.$slots, "label.append")
+      ])) : x("", !0),
+      h(i.$slots, "control", {}, () => [
+        L("div", J({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: l
         }, i.$attrs), [
-          i.$slots.prepend ? (u(), v("div", fo, [
-            y(i.$slots, "prepend")
-          ])) : $("", !0),
-          y(i.$slots, "default"),
-          i.$slots.append ? (u(), v("div", po, [
-            y(i.$slots, "append")
-          ])) : $("", !0)
+          i.$slots.prepend ? (r(), p("div", ho, [
+            h(i.$slots, "prepend")
+          ])) : x("", !0),
+          h(i.$slots, "default"),
+          i.$slots.append ? (r(), p("div", yo, [
+            h(i.$slots, "append")
+          ])) : x("", !0)
         ], 16)
       ]),
-      i.$slots.extras ? (u(), v("div", mo, [
-        y(i.$slots, "extras")
-      ])) : $("", !0)
-    ], 10, ro));
+      i.$slots.extras ? (r(), p("div", bo, [
+        h(i.$slots, "extras")
+      ])) : x("", !0)
+    ], 10, po));
   }
-}), xe = B(vo), ho = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], yo = /* @__PURE__ */ L({
+}), Le = C(go), _o = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], ko = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     id: { default: void 0 },
     placeholder: { default: "" },
     label: { default: "" },
@@ -1342,19 +1328,19 @@ const so = ["role"], io = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: t }) {
-    const e = o, n = ee(o, "modelValue"), l = ve(e.id), s = T(null), i = T(null), a = g(
+    const e = o, n = ne(o, "modelValue"), l = fe(e.id), s = D(null), i = D(null), a = g(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
     return t({
       fieldRef: g(() => {
-        var r;
-        return (r = s.value) == null ? void 0 : r.fieldRef;
+        var d;
+        return (d = s.value) == null ? void 0 : d.fieldRef;
       }),
       inputRef: i
-    }), (r, f) => (u(), I(m(xe), {
+    }), (d, c) => (r(), S(m(Le), {
       ref_key: "fieldRef",
       ref: s,
-      class: C(["q-text-field", e.class]),
+      class: V(["q-text-field", e.class]),
       for: m(l),
       label: e.label,
       size: e.size,
@@ -1362,15 +1348,15 @@ const so = ["role"], io = /* @__PURE__ */ L({
       disabled: e.disabled,
       required: e.required
     }, qe({
-      "label.prepend": k(() => [
-        y(r.$slots, "label.prepend")
+      "label.prepend": _(() => [
+        h(d.$slots, "label.prepend")
       ]),
-      "label.append": k(() => [
-        y(r.$slots, "label.append")
+      "label.append": _(() => [
+        h(d.$slots, "label.append")
       ]),
-      default: k(() => [
-        dt(A("input", re({
-          "onUpdate:modelValue": f[0] || (f[0] = (q) => n.value = q),
+      default: _(() => [
+        mt(L("input", J({
+          "onUpdate:modelValue": c[0] || (c[0] = (w) => n.value = w),
           ref_key: "inputRef",
           ref: i,
           id: m(l),
@@ -1382,53 +1368,56 @@ const so = ["role"], io = /* @__PURE__ */ L({
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, r.$attrs), null, 16, ho), [
-          [ut, n.value]
+        }, d.$attrs), null, 16, _o), [
+          [vt, n.value]
         ])
       ]),
       _: 2
     }, [
-      r.$slots.prepend ? {
+      d.$slots.prepend ? {
         name: "prepend",
-        fn: k(() => [
-          y(r.$slots, "prepend")
+        fn: _(() => [
+          h(d.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      r.$slots.append ? {
+      d.$slots.append ? {
         name: "append",
-        fn: k(() => [
-          y(r.$slots, "append")
+        fn: _(() => [
+          h(d.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      r.$slots.extras ? {
+      d.$slots.extras ? {
         name: "extras",
-        fn: k(() => [
-          y(r.$slots, "extras")
+        fn: _(() => [
+          h(d.$slots, "extras")
         ]),
         key: "2"
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), lt = B(yo), bo = ["data-key"], go = {
-  key: 0,
-  class: "q-select__loader"
-}, _o = {
-  key: 2,
-  class: "q-select__loader"
-}, ko = {
-  noData: "No data available"
-}, wo = {
+}), lt = C(ko), wo = {
+  noData: "No data available",
+  clearValue: "Clear value",
+  showOptions: "Show options"
+}, $o = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, $o = /* @__PURE__ */ L({
+}, qo = ["data-key"], xo = {
+  key: 0,
+  class: "q-select__loader"
+}, Lo = {
+  key: 2,
+  class: "q-select__loader"
+}, Io = /* @__PURE__ */ B({
+  inheritAttrs: !1,
   __name: "QCombobox",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     id: { default: void 0 },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
@@ -1446,7 +1435,8 @@ const so = ["role"], io = /* @__PURE__ */ L({
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
     class: { default: void 0 },
-    internals: { default: () => ({ icons: wo, texts: ko }) }
+    icons: { default: () => $o },
+    texts: { default: () => wo }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -1457,161 +1447,159 @@ const so = ["role"], io = /* @__PURE__ */ L({
     search: { default: "" },
     searchModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
+  emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(o, { expose: t, emit: e }) {
-    const n = o, l = e, s = ee(o, "modelValue"), i = ee(o, "open"), a = ee(o, "search"), r = T(void 0), f = T(null), q = T(null), x = T(null), M = T(null);
-    je(H);
-    const E = g(() => n.clearable && !n.readonly && !n.disabled), S = g(() => {
-      var d;
-      return n.filterMode === "manual" || !O.value ? n.items : (d = n.items) == null ? void 0 : d.filter(
-        (w) => w[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
+    const n = o, l = e, s = ne(o, "modelValue"), i = ne(o, "open"), a = ne(o, "search"), d = D(void 0), c = D(null), w = D(null), I = D(null), P = D(null);
+    Re(W);
+    const A = g(() => n.clearable && !n.readonly && !n.disabled), T = g(() => {
+      var u;
+      return n.filterMode === "manual" || !H.value ? n.items : (u = n.items) == null ? void 0 : u.filter(
+        (q) => q[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
       );
-    }), V = g(() => {
-      var d;
-      return (d = n.items) == null ? void 0 : d.find((w) => w[n.itemValue] === s.value);
-    }), Y = g(() => V.value === void 0), oe = g(() => {
-      const d = r.value;
-      if (d !== void 0 && S.value[d])
-        return S.value[d];
-    }), R = g(() => {
-      var w;
-      if (r.value === void 0)
+    }), y = g(() => {
+      var u;
+      return (u = n.items) == null ? void 0 : u.find((q) => q[n.itemValue] === s.value);
+    }), E = g(() => y.value === void 0), M = g(() => {
+      const u = d.value;
+      if (u !== void 0 && T.value[u])
+        return T.value[u];
+    }), Q = g(() => {
+      var q;
+      if (d.value === void 0)
         return;
-      const d = (w = q.value) == null ? void 0 : w.getItem(r.value);
-      return d == null ? void 0 : d.id;
-    }), O = g(() => {
-      var d;
-      return a.value.length > 0 && a.value !== ((d = V.value) == null ? void 0 : d[n.itemLabel]);
+      const u = (q = w.value) == null ? void 0 : q.getItem(d.value);
+      return u == null ? void 0 : u.id;
+    }), H = g(() => {
+      var u;
+      return a.value.length > 0 && a.value !== ((u = y.value) == null ? void 0 : u[n.itemLabel]);
     });
-    function ne(d) {
-      s.value = d, Q();
+    function se(u) {
+      s.value = u, U();
     }
-    function H() {
-      var w;
-      const d = ((w = V.value) == null ? void 0 : w[n.itemLabel]) || "";
-      a.value !== d && (a.value = d);
+    function W() {
+      var q;
+      const u = ((q = y.value) == null ? void 0 : q[n.itemLabel]) || "";
+      a.value !== u && (a.value = u);
     }
-    function le() {
-      i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, ie());
+    function ae() {
+      i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, de());
     }
-    function Q() {
-      i.value && (l("before-hide"), i.value = !1, r.value = void 0);
+    function U() {
+      i.value && (l("before-hide"), i.value = !1, d.value = void 0);
     }
-    function W() {
-      i.value ? Q() : _();
+    function Y() {
+      i.value ? U() : $();
     }
-    function p() {
-      E.value && (s.value = n.emptyValue, r.value = void 0, ie());
+    function v() {
+      A.value && (s.value = n.emptyValue, d.value = void 0, de());
     }
-    function _() {
-      if (le(), V.value !== void 0) {
-        const d = S.value.indexOf(V.value);
-        d !== -1 && J(() => j(d));
+    function $() {
+      if (ae(), y.value !== void 0) {
+        const u = T.value.indexOf(y.value);
+        u !== -1 && oe(() => X(u));
       }
     }
-    function c(d) {
-      var w, D;
-      if (!(!d.key || n.readonly || n.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), d.key === "Escape")
-          H(), i.value && Q();
-        else if (["ArrowDown", "ArrowUp"].includes(d.key))
-          i.value ? J(() => {
-            if (r.value === void 0)
-              h();
+    function f(u) {
+      var q, F;
+      if (!(!u.key || n.readonly || n.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), u.key === "Escape")
+          W(), i.value && U();
+        else if (["ArrowDown", "ArrowUp"].includes(u.key))
+          i.value ? oe(() => {
+            if (d.value === void 0)
+              b();
             else {
-              const P = d.key === "ArrowDown" ? "next" : "prev";
-              ae(r.value, P);
+              const R = u.key === "ArrowDown" ? "next" : "prev";
+              ie(d.value, R);
             }
-          }) : (le(), J(() => {
-            d.key === "ArrowDown" ? h() : U();
+          }) : (ae(), oe(() => {
+            u.key === "ArrowDown" ? b() : G();
           }));
-        else if (d.key === "Enter") {
-          if (oe.value === void 0)
-            return;
-          ne(oe.value[n.itemValue]);
-        } else
-          d.key === "Home" ? r.value = (w = q.value) == null ? void 0 : w.getFirstFocusableItemIndex() : d.key === "End" ? r.value = (D = q.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(d.key) || d.key === "Backspace") && le();
-    }
-    function h() {
-      var d, w;
-      if (Y.value)
-        r.value = (w = q.value) == null ? void 0 : w.getFirstFocusableItemIndex();
+        else if (u.key === "Enter") {
+          if (M.value === void 0) return;
+          se(M.value[n.itemValue]);
+        } else u.key === "Home" ? d.value = (q = w.value) == null ? void 0 : q.getFirstFocusableItemIndex() : u.key === "End" ? d.value = (F = w.value) == null ? void 0 : F.getLastFocusableItemIndex() : (/^[a-z]$/i.test(u.key) || u.key === "Backspace") && ae();
+    }
+    function b() {
+      var u, q;
+      if (E.value)
+        d.value = (q = w.value) == null ? void 0 : q.getFirstFocusableItemIndex();
       else {
-        const D = S.value.findIndex(
-          (P) => P[n.itemValue] === s.value
+        const F = T.value.findIndex(
+          (R) => R[n.itemValue] === s.value
         );
-        D === -1 ? r.value = (d = q.value) == null ? void 0 : d.getFirstFocusableItemIndex() : r.value = D;
+        F === -1 ? d.value = (u = w.value) == null ? void 0 : u.getFirstFocusableItemIndex() : d.value = F;
       }
     }
-    function U() {
-      var d;
-      r.value = (d = q.value) == null ? void 0 : d.getLastFocusableItemIndex();
+    function G() {
+      var u;
+      d.value = (u = w.value) == null ? void 0 : u.getLastFocusableItemIndex();
     }
-    function ae(d, w) {
-      var D;
-      r.value = (D = q.value) == null ? void 0 : D.getAdjacentItemIndex(d, w);
+    function ie(u, q) {
+      var F;
+      d.value = (F = w.value) == null ? void 0 : F.getAdjacentItemIndex(u, q);
     }
-    function K(d) {
-      var fe, Te, Ee, De;
-      const w = ((fe = x == null ? void 0 : x.value) == null ? void 0 : fe.$el) === d.relatedTarget, D = (Ee = (Te = f == null ? void 0 : f.value) == null ? void 0 : Te.$el) == null ? void 0 : Ee.contains(d.relatedTarget), P = (De = M == null ? void 0 : M.value) == null ? void 0 : De.contains(d.relatedTarget);
-      if (w || P || D) {
-        d.preventDefault(), d.stopPropagation();
+    function ee(u) {
+      var me, Ee, De, Ae;
+      const q = ((me = I == null ? void 0 : I.value) == null ? void 0 : me.$el) === u.relatedTarget, F = (De = (Ee = c == null ? void 0 : c.value) == null ? void 0 : Ee.$el) == null ? void 0 : De.contains(u.relatedTarget), R = (Ae = P == null ? void 0 : P.value) == null ? void 0 : Ae.contains(u.relatedTarget);
+      if (q || R || F) {
+        u.preventDefault(), u.stopPropagation();
         return;
       }
-      Q(), E.value && !a.value && (s.value = n.emptyValue), H();
+      U(), A.value && !a.value && (s.value = n.emptyValue), W();
     }
-    function ie() {
-      var d, w;
-      (w = (d = f.value) == null ? void 0 : d.inputRef) == null || w.focus();
+    function de() {
+      var u, q;
+      (q = (u = c.value) == null ? void 0 : u.inputRef) == null || q.focus();
     }
-    function _e() {
-      ie();
+    function ke() {
+      de();
     }
-    function b() {
+    function k() {
       l("show");
     }
-    function ce() {
+    function pe() {
       l("hide");
     }
-    function j(d) {
-      var D;
-      const w = (D = q.value) == null ? void 0 : D.getItem(d);
-      q.value && (q.value.$el.scrollTop = w == null ? void 0 : w.offsetTop);
+    function X(u) {
+      var F;
+      const q = (F = w.value) == null ? void 0 : F.getItem(u);
+      w.value && (w.value.$el.scrollTop = q == null ? void 0 : q.offsetTop);
     }
-    return Z(s, H), Z(
+    return te(s, W), te(
       () => n.items,
-      (d, w) => {
-        if (!Y.value) {
-          const D = w.find((P) => P[n.itemValue] === s.value);
-          a.value === (D == null ? void 0 : D[n.itemLabel]) && H();
+      (u, q) => {
+        if (!E.value) {
+          const F = q.find((R) => R[n.itemValue] === s.value);
+          a.value === (F == null ? void 0 : F[n.itemLabel]) && W();
         }
       },
       { deep: !0 }
-    ), Z(r, (d) => {
-      d !== void 0 && j(d);
-    }), Z(a, (d) => {
-      d && i.value && n.selectionMode === "automatic" && J(h);
-    }), Z(
+    ), te(d, (u) => {
+      u !== void 0 && X(u);
+    }), te(a, (u) => {
+      u && i.value && n.selectionMode === "automatic" && oe(b);
+    }), te(
       () => n.loading,
-      (d) => {
-        !d && i.value && J(h);
+      (u) => {
+        !u && i.value && oe(b);
       }
     ), t({
-      triggerEl: f
-    }), (d, w) => {
-      var D;
-      return u(), v(te, null, [
-        z(m(lt), {
+      triggerEl: c
+    }), (u, q) => {
+      var F;
+      return r(), p(K, null, [
+        z(m(lt), J({
           modelValue: a.value,
-          "onUpdate:modelValue": w[0] || (w[0] = (P) => a.value = P),
+          "onUpdate:modelValue": q[0] || (q[0] = (R) => a.value = R),
           id: n.id,
           label: n.label,
           required: n.required,
           ref_key: "triggerEl",
-          ref: f,
+          ref: c,
           role: "combobox",
           placeholder: n.placeholder,
-          class: C([
+          class: [
             "q-combobox",
             {
               "q-combobox--readonly": n.readonly,
@@ -1619,7 +1607,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
               "q-combobox--expanded": i.value
             },
             n.class
-          ]),
+          ],
           readonly: n.readonly,
           disabled: n.disabled,
           "data-loading": n.loading,
@@ -1627,119 +1615,122 @@ const so = ["role"], io = /* @__PURE__ */ L({
           "aria-expanded": i.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
-          "aria-activedescendant": R.value,
-          size: n.size,
-          onClick: _,
-          onFocusout: K,
-          onKeydown: pe(c, ["stop"])
-        }, qe({
-          "label.prepend": k(() => [
-            y(d.$slots, "label.prepend")
+          "aria-activedescendant": Q.value,
+          size: n.size
+        }, u.$attrs, {
+          onClick: $,
+          onFocusout: ee,
+          onKeydown: ve(f, ["stop"])
+        }), qe({
+          "label.prepend": _(() => [
+            h(u.$slots, "label.prepend")
           ]),
-          "label.append": k(() => [
-            y(d.$slots, "label.append")
+          "label.append": _(() => [
+            h(u.$slots, "label.append")
           ]),
-          append: k(() => [
-            y(d.$slots, "append"),
-            E.value && a.value ? (u(), I(m(de), {
+          append: _(() => [
+            h(u.$slots, "append"),
+            A.value && a.value ? (r(), S(m(re), {
               key: 0,
               class: "q-combobox__clear",
+              "aria-label": n.texts.clearValue,
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: p
+              onClick: v
             }, {
-              default: k(() => [
-                z(m(F), G(se(n.internals.icons.clear)), null, 16)
+              default: _(() => [
+                z(m(N), j(le(n.icons.clear)), null, 16)
               ]),
               _: 1
-            })) : $("", !0),
-            n.readonly ? $("", !0) : (u(), I(m(de), {
+            }, 8, ["aria-label"])) : x("", !0),
+            n.readonly ? x("", !0) : (r(), S(m(re), {
               key: 1,
               ref_key: "toggleRef",
-              ref: x,
+              ref: I,
               class: "q-combobox__chevron",
+              "aria-label": n.texts.showOptions,
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: n.disabled,
-              onMousedown: pe(W, ["stop", "prevent"])
+              onMousedown: ve(Y, ["stop", "prevent"])
             }, {
-              default: k(() => [
-                z(m(F), G(se(n.internals.icons.chevron)), null, 16)
+              default: _(() => [
+                z(m(N), j(le(n.icons.chevron)), null, 16)
               ]),
               _: 1
-            }, 8, ["disabled"]))
+            }, 8, ["aria-label", "disabled"]))
           ]),
           _: 2
         }, [
-          d.$slots.prepend ? {
+          u.$slots.prepend ? {
             name: "prepend",
-            fn: k(() => [
-              y(d.$slots, "prepend")
+            fn: _(() => [
+              h(u.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          d.$slots.extras ? {
+          u.$slots.extras ? {
             name: "extras",
-            fn: k(() => [
-              y(d.$slots, "extras")
+            fn: _(() => [
+              h(u.$slots, "extras")
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-        z(m(he), {
+        ]), 1040, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
+        z(m(ye), {
           modelValue: i.value,
-          "onUpdate:modelValue": w[2] || (w[2] = (P) => i.value = P),
+          "onUpdate:modelValue": q[2] || (q[2] = (R) => i.value = R),
           spy: "",
           "non-modal": "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           offset: 4,
-          anchor: (D = f.value) == null ? void 0 : D.$el,
-          onEnter: b,
-          onLeave: ce
+          anchor: (F = c.value) == null ? void 0 : F.$el,
+          onEnter: k,
+          onLeave: pe
         }, {
-          default: k(() => {
-            var P;
+          default: _(() => {
+            var R;
             return [
-              A("div", {
+              L("div", {
                 ref_key: "contentRef",
-                ref: M,
+                ref: P,
                 class: "q-select__body",
                 "data-testid": "combobox-dropdown",
                 "data-key": n.id,
-                onFocusout: K
+                onFocusout: ee
               }, [
-                y(d.$slots, "body.prepend"),
-                n.loading ? (u(), v("div", go, [
-                  z(m(Ie), { size: 24 })
-                ])) : S.value.length ? (u(), I(m(Ve), {
+                h(u.$slots, "body.prepend"),
+                n.loading ? (r(), p("div", xo, [
+                  z(m(xe), { size: 24 })
+                ])) : T.value.length ? (r(), S(m(Ve), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: q,
+                  ref: w,
                   class: "q-select__items",
                   selectable: "",
                   modelValue: s.value,
                   "onUpdate:modelValue": [
-                    w[1] || (w[1] = (fe) => s.value = fe),
-                    ne
+                    q[1] || (q[1] = (me) => s.value = me),
+                    se
                   ],
-                  highlighted: (P = oe.value) == null ? void 0 : P[n.itemValue],
-                  items: S.value,
-                  groups: d.groups,
+                  highlighted: (R = M.value) == null ? void 0 : R[n.itemValue],
+                  items: T.value,
+                  groups: u.groups,
                   "item-label": n.itemLabel,
                   "item-value": n.itemValue,
-                  onMouseup: _e
+                  onMouseup: ke
                 }, {
-                  item: k(({ item: fe }) => [
-                    y(d.$slots, "item", { item: fe })
+                  item: _(({ item: me }) => [
+                    h(u.$slots, "item", { item: me })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", _o, N(d.internals.texts.noData), 1)),
-                y(d.$slots, "body.append")
-              ], 40, bo)
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (r(), p("div", Lo, O(n.texts.noData), 1)),
+                h(u.$slots, "body.append")
+              ], 40, qo)
             ];
           }),
           _: 3
@@ -1747,10 +1738,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
       ], 64);
     };
   }
-}), qo = B($o), Io = { class: "q-dialog__header" }, xo = { class: "q-dialog__header-title" }, Lo = { class: "q-dialog__body" }, So = {
-  key: 0,
-  class: "q-dialog__body-icon"
-}, Bo = { class: "q-dialog__body-text" }, Co = ["innerHTML"], Vo = { key: 1 }, To = { class: "q-dialog__body-actions" }, Eo = [
+}), So = C(Io), Bo = [
   {
     id: "button",
     icon: {
@@ -1761,42 +1749,45 @@ const so = ["role"], io = /* @__PURE__ */ L({
       label: "Ok"
     }
   }
-], Do = {
+], Co = {
   icon: "check-circle-outline"
-}, Ao = {
+}, To = {
   close: {
     icon: "close"
   }
-}, zo = /* @__PURE__ */ L({
+}, Vo = { class: "q-dialog__header" }, Eo = { class: "q-dialog__header-title" }, Do = { class: "q-dialog__body" }, Ao = {
+  key: 0,
+  class: "q-dialog__body-icon"
+}, Qo = { class: "q-dialog__body-text" }, Fo = ["innerHTML"], zo = { key: 1 }, Mo = { class: "q-dialog__body-actions" }, Oo = /* @__PURE__ */ B({
   __name: "QDialog",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     text: { default: "" },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean, default: !0 },
-    buttons: { default: () => Eo },
+    buttons: { default: () => Bo },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icon: { default: () => Do },
+    icon: { default: () => Co },
     id: { default: void 0 },
     title: { default: "" },
     class: { default: void 0 },
-    internals: { default: () => ({ icons: Ao }) }
+    icons: { default: () => To }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, e = ee(o, "modelValue"), n = ve(t.id), l = g(() => ["q-dialog", t.class]);
+    const t = o, e = ne(o, "modelValue"), n = fe(t.id), l = g(() => ["q-dialog", t.class]);
     function s() {
       e.value = !1;
     }
     function i(a) {
-      var r;
-      (r = a.action) == null || r.call(a), s();
+      var d;
+      (d = a.action) == null || d.call(a), s();
     }
-    return (a, r) => (u(), I(m(he), {
+    return (a, d) => (r(), S(m(ye), {
       "model-value": e.value,
       id: m(n),
       inline: t.inline,
@@ -1806,49 +1797,49 @@ const so = ["role"], io = /* @__PURE__ */ L({
       "scroll-lock": "",
       persistent: ""
     }, {
-      default: k(() => [
-        A("div", {
-          class: C(l.value)
+      default: _(() => [
+        L("div", {
+          class: V(l.value)
         }, [
-          A("div", Io, [
-            A("span", xo, N(t.title), 1),
-            t.dismissible ? (u(), I(m(de), {
+          L("div", Vo, [
+            L("span", Eo, O(t.title), 1),
+            t.dismissible ? (r(), S(m(re), {
               key: 0,
               "b-style": "tertiary",
               onClick: s
             }, {
-              default: k(() => [
-                z(m(F), G(se(t.internals.icons.close)), null, 16)
+              default: _(() => [
+                z(m(N), j(le(t.icons.close)), null, 16)
               ]),
               _: 1
-            })) : $("", !0)
+            })) : x("", !0)
           ]),
-          y(a.$slots, "body.content", {}, () => [
-            A("div", Lo, [
-              y(a.$slots, "body.icon", {}, () => [
-                t.icon ? (u(), v("span", So, [
-                  z(m(F), G(se(t.icon)), null, 16)
-                ])) : $("", !0)
+          h(a.$slots, "body.content", {}, () => [
+            L("div", Do, [
+              h(a.$slots, "body.icon", {}, () => [
+                t.icon ? (r(), p("span", Ao, [
+                  z(m(N), j(le(t.icon)), null, 16)
+                ])) : x("", !0)
               ]),
-              A("div", Bo, [
-                t.html ? (u(), v("span", {
+              L("div", Qo, [
+                t.html ? (r(), p("span", {
                   key: 0,
                   innerHTML: t.text
-                }, null, 8, Co)) : (u(), v("span", Vo, N(t.text), 1))
+                }, null, 8, Fo)) : (r(), p("span", zo, O(t.text), 1))
               ]),
-              y(a.$slots, "body.append")
+              h(a.$slots, "body.append")
             ])
           ]),
-          A("div", To, [
-            (u(!0), v(te, null, we(t.buttons, (f) => (u(), I(m(de), re({ ref_for: !0 }, f.props, {
-              key: f.id,
-              onClick: () => i(f)
+          L("div", Mo, [
+            (r(!0), p(K, null, he(t.buttons, (c) => (r(), S(m(re), J({ ref_for: !0 }, c.props, {
+              key: c.id,
+              onClick: () => i(c)
             }), {
-              default: k(() => [
-                f.icon ? (u(), I(m(F), re({
+              default: _(() => [
+                c.icon ? (r(), S(m(N), J({
                   key: 0,
                   ref_for: !0
-                }, f.icon), null, 16)) : $("", !0)
+                }, c.icon), null, 16)) : x("", !0)
               ]),
               _: 2
             }, 1040, ["onClick"]))), 128))
@@ -1858,13 +1849,13 @@ const so = ["role"], io = /* @__PURE__ */ L({
       _: 3
     }, 8, ["model-value", "id", "inline", "attach", "backdrop-blur"]));
   }
-}), Qo = B(zo), Mo = {
+}), Po = C(Oo), Uo = {
   key: 0,
   class: "q-input-group__prepend"
-}, Fo = { key: 0 }, Oo = {
+}, No = { key: 0 }, Ho = {
   key: 1,
   class: "q-input-group__append"
-}, Uo = { key: 0 }, Po = /* @__PURE__ */ L({
+}, Go = { key: 0 }, Ro = /* @__PURE__ */ B({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1877,64 +1868,64 @@ const so = ["role"], io = /* @__PURE__ */ L({
   },
   setup(o) {
     const t = o;
-    return Re({
+    return je({
       QField: {
         size: "block"
       }
-    }), (e, n) => (u(), I(m(xe), {
+    }), (e, n) => (r(), S(m(Le), {
       id: t.id,
-      class: C(["q-input-group", t.class]),
+      class: V(["q-input-group", t.class]),
       label: t.label,
       required: t.required,
       size: t.size
     }, qe({
-      default: k(() => [
-        e.$slots.prepend || t.prependIcon ? (u(), v("div", Mo, [
-          t.prependIcon ? (u(), v("span", Fo, [
-            z(m(F), G(se(t.prependIcon)), null, 16)
-          ])) : $("", !0),
-          y(e.$slots, "prepend")
-        ])) : $("", !0),
-        y(e.$slots, "default"),
-        e.$slots.append || t.appendIcon ? (u(), v("div", Oo, [
-          t.appendIcon ? (u(), v("span", Uo, [
-            z(m(F), G(se(t.appendIcon)), null, 16)
-          ])) : $("", !0),
-          y(e.$slots, "append")
-        ])) : $("", !0)
+      default: _(() => [
+        e.$slots.prepend || t.prependIcon ? (r(), p("div", Uo, [
+          t.prependIcon ? (r(), p("span", No, [
+            z(m(N), j(le(t.prependIcon)), null, 16)
+          ])) : x("", !0),
+          h(e.$slots, "prepend")
+        ])) : x("", !0),
+        h(e.$slots, "default"),
+        e.$slots.append || t.appendIcon ? (r(), p("div", Ho, [
+          t.appendIcon ? (r(), p("span", Go, [
+            z(m(N), j(le(t.appendIcon)), null, 16)
+          ])) : x("", !0),
+          h(e.$slots, "append")
+        ])) : x("", !0)
       ]),
       _: 2
     }, [
       e.$slots.extras ? {
         name: "extras",
-        fn: k(() => [
-          y(e.$slots, "extras")
+        fn: _(() => [
+          h(e.$slots, "extras")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["id", "class", "label", "required", "size"]));
   }
-}), No = B(Po), Ho = /* @__PURE__ */ L({
+}), Ko = C(Ro), jo = /* @__PURE__ */ B({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(o) {
     const t = o;
-    return (e, n) => (u(), v("div", {
-      class: C(["q-line-loader", t.class])
+    return (e, n) => (r(), p("div", {
+      class: V(["q-line-loader", t.class])
     }, null, 2));
   }
-}), Ko = B(Ho), jo = {
+}), Wo = C(jo), Xo = {
   key: 0,
   class: "q-popover__header"
-}, Go = {
+}, Yo = {
   key: 1,
   class: "q-popover__body"
-}, Ro = ["innerHTML"], Wo = { key: 1 }, Xo = /* @__PURE__ */ L({
+}, Zo = ["innerHTML"], Jo = { key: 1 }, en = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QPopover",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     anchor: {},
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
@@ -1950,8 +1941,8 @@ const so = ["role"], io = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, e = ee(o, "modelValue");
-    return (n, l) => (u(), I(m(he), {
+    const t = o, e = ne(o, "modelValue");
+    return (n, l) => (r(), S(m(ye), {
       modelValue: e.value,
       "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s),
       class: "q-popover",
@@ -1963,43 +1954,275 @@ const so = ["role"], io = /* @__PURE__ */ L({
       disabled: t.disabled,
       placement: t.placement
     }, {
-      default: k(() => [
-        t.title || n.$slots.header ? (u(), v("h3", jo, [
-          me(N(t.title) + " ", 1),
-          y(n.$slots, "header")
-        ])) : $("", !0),
-        t.text || n.$slots.body ? (u(), v("div", Go, [
-          t.html ? (u(), v("span", {
+      default: _(() => [
+        t.title || n.$slots.header ? (r(), p("h3", Xo, [
+          ce(O(t.title) + " ", 1),
+          h(n.$slots, "header")
+        ])) : x("", !0),
+        t.text || n.$slots.body ? (r(), p("div", Yo, [
+          t.html ? (r(), p("span", {
             key: 0,
             innerHTML: t.text
-          }, null, 8, Ro)) : (u(), v("span", Wo, N(t.text), 1)),
-          y(n.$slots, "body")
-        ])) : $("", !0)
+          }, null, 8, Zo)) : (r(), p("span", Jo, O(t.text), 1)),
+          h(n.$slots, "body")
+        ])) : x("", !0)
       ]),
       _: 3
     }, 8, ["modelValue", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
   }
-}), Yo = B(Xo), Zo = {
-  key: 0,
-  class: "q-select__value"
-}, Jo = {
+}), tn = C(en), st = {
+  emptyMessage: "Select a field to view details."
+}, at = {
+  open: {
+    icon: "minus-box"
+  },
+  close: {
+    icon: "plus-box"
+  }
+}, on = { class: "q-property-list__table" }, nn = /* @__PURE__ */ B({
+  __name: "QPropertyList",
+  props: {
+    fields: { default: () => [] },
+    noPanel: { type: Boolean },
+    noToggle: { type: Boolean },
+    panelPosition: { default: "bottom" },
+    groups: { default: () => [] },
+    class: { default: void 0 },
+    readonly: { type: Boolean },
+    icons: { default: () => at },
+    texts: { default: () => st }
+  },
+  emits: ["field-change"],
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = D(e.groups.map((y) => y.id)), s = D(void 0), i = D(null), a = g(() => e.groups.length ? e.groups.filter(
+      (y) => e.fields.some((E) => E.group === y.id)
+    ) : [{ id: "", title: "" }]), d = g(() => [
+      e.class,
+      {
+        "q-property-list--side-panel": e.panelPosition === "right"
+      }
+    ]);
+    function c() {
+      var y;
+      (y = i.value) != null && y.contains(document.activeElement) || (s.value = void 0);
+    }
+    function w(y) {
+      return y ? e.fields.filter((E) => E.group === y) : e.fields;
+    }
+    function I(y) {
+      const E = l.value.indexOf(y);
+      E === -1 ? l.value.push(y) : l.value.splice(E, 1);
+    }
+    function P(y) {
+      var Q;
+      const E = y.group && !l.value.includes(y.group), M = ((Q = s.value) == null ? void 0 : Q.id) === y.id;
+      return [
+        {
+          "q-property-list__row--closed": E,
+          "q-property-list__row--selected": M
+        }
+      ];
+    }
+    function A(y) {
+      s.value = y;
+    }
+    function T(y, E) {
+      e.readonly || (y.props.readonly ?? !1) || (y.props.modelValue = E, n("field-change", y));
+    }
+    return (y, E) => (r(), p("div", {
+      tabindex: "0",
+      class: V(["q-property-list", d.value]),
+      ref_key: "componentRoot",
+      ref: i,
+      onFocusout: c
+    }, [
+      L("table", on, [
+        E[0] || (E[0] = L("thead", { class: "q-property-list__header" }, [
+          L("tr", null, [
+            L("th", { colspan: "2" })
+          ])
+        ], -1)),
+        L("tbody", null, [
+          (r(!0), p(K, null, he(a.value, (M) => (r(), p(K, {
+            key: M.id
+          }, [
+            M.title ? (r(), S(m(rt), {
+              key: 0,
+              id: M.id,
+              title: M.title,
+              icons: e.icons,
+              "no-toggle": e.noToggle,
+              onToggleGroup: I
+            }, null, 8, ["id", "title", "icons", "no-toggle"])) : x("", !0),
+            (r(!0), p(K, null, he(w(M.id), (Q) => (r(), S(m(it), {
+              key: Q.id,
+              class: V(P(Q)),
+              field: Q,
+              readonly: e.readonly,
+              onFocus: A,
+              onFieldChange: T
+            }, {
+              default: _(() => [
+                h(y.$slots, Q.id, { field: Q })
+              ]),
+              _: 2
+            }, 1032, ["class", "field", "readonly"]))), 128))
+          ], 64))), 128))
+        ])
+      ]),
+      e.noPanel ? x("", !0) : (r(), S(m(dt), {
+        key: 0,
+        field: s.value,
+        texts: e.texts
+      }, {
+        default: _(() => [
+          s.value ? h(y.$slots, "panel", {
+            key: 0,
+            field: s.value
+          }) : x("", !0)
+        ]),
+        _: 3
+      }, 8, ["field", "texts"]))
+    ], 34));
+  }
+}), ln = { class: "q-property-list-field__container" }, sn = /* @__PURE__ */ B({
+  __name: "QPropertyListRow",
+  props: {
+    field: {},
+    class: {},
+    readonly: { type: Boolean }
+  },
+  emits: ["focus", "field-change"],
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = g(() => ["q-property-list__row", e.class]), s = g(() => {
+      var I;
+      const w = ["q-property-list__cell", "q-property-list__cell--label"];
+      return (I = e.field.props) != null && I.required && w.push("q-property-list__cell--required"), w;
+    }), i = g(() => e.readonly || (e.field.props.readonly ?? !1));
+    function a() {
+      n("focus", e.field);
+    }
+    function d(w) {
+      n("field-change", e.field, w);
+    }
+    const c = g(() => ({
+      ...e.field.props,
+      readonly: i.value
+    }));
+    return (w, I) => (r(), p("tr", {
+      class: V(l.value),
+      onFocusin: a
+    }, [
+      L("td", {
+        class: V(s.value),
+        onClick: a
+      }, O(e.field.label), 3),
+      L("td", {
+        class: "q-property-list__cell",
+        onClick: a
+      }, [
+        h(w.$slots, "default", {}, () => [
+          L("div", ln, [
+            (r(), S(Be(e.field.component), J(c.value, {
+              "model-value": e.field.props.modelValue,
+              "onUpdate:modelValue": d
+            }), null, 16, ["model-value"]))
+          ])
+        ])
+      ])
+    ], 34));
+  }
+}), an = ["data-key", "aria-labelledby"], rn = ["id"], dn = { class: "q-property-list-group__content" }, un = /* @__PURE__ */ B({
+  __name: "QPropertyListGroup",
+  props: {
+    id: {},
+    title: {},
+    noToggle: { type: Boolean, default: !1 },
+    icons: { default: () => at },
+    texts: {}
+  },
+  emits: ["toggle-group"],
+  setup(o, { emit: t }) {
+    const e = o, n = t, l = D(!0), s = fe(), i = g(() => l.value ? e.icons.open : e.icons.close), a = g(() => [
+      "q-property-list-group",
+      {
+        "q-property-list-group--no-toggle": e.noToggle
+      }
+    ]);
+    function d() {
+      e.noToggle || (l.value = !l.value, n("toggle-group", e.id));
+    }
+    return (c, w) => (r(), p("tr", {
+      class: V(a.value),
+      role: "group",
+      "data-key": e.id,
+      "aria-labelledby": m(s),
+      onClick: d
+    }, [
+      L("td", {
+        id: m(s),
+        colspan: "2"
+      }, [
+        L("div", dn, [
+          e.noToggle ? x("", !0) : (r(), S(m(re), {
+            key: 0,
+            "b-style": "tertiary",
+            borderless: "",
+            onClick: d
+          }, {
+            default: _(() => [
+              z(m(N), j(le(i.value)), null, 16)
+            ]),
+            _: 1
+          })),
+          ce(" " + O(e.title), 1)
+        ])
+      ], 8, rn)
+    ], 10, an));
+  }
+}), cn = { class: "q-property-list-panel__container" }, fn = { class: "q-property-list-panel__label" }, pn = { class: "q-property-list-panel__description" }, mn = {
   key: 1,
-  class: "q-select__placeholder"
-}, en = ["data-key"], tn = {
-  key: 0,
-  class: "q-select__loader"
-}, on = {
-  placeholder: "Choose..."
-}, nn = {
+  class: "q-property-list-panel__empty"
+}, vn = /* @__PURE__ */ B({
+  __name: "QPropertyListPanel",
+  props: {
+    field: { default: void 0 },
+    icons: {},
+    texts: { default: () => st }
+  },
+  setup(o) {
+    const t = o;
+    return (e, n) => (r(), p("div", cn, [
+      t.field ? h(e.$slots, "default", { key: 0 }, () => [
+        L("div", fn, O(t.field.label), 1),
+        L("div", pn, O(t.field.description), 1)
+      ]) : (r(), p("div", mn, O(t.texts.emptyMessage), 1))
+    ]));
+  }
+}), hn = C(nn), it = C(sn), rt = C(un), dt = C(vn), yn = {
+  placeholder: "Choose...",
+  clearValue: "Clear value",
+  showOptions: "Show options"
+}, bn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, ln = /* @__PURE__ */ L({
+}, gn = {
+  key: 0,
+  class: "q-select__value"
+}, _n = {
+  key: 1,
+  class: "q-select__placeholder"
+}, kn = ["data-key"], wn = {
+  key: 0,
+  class: "q-select__loader"
+}, $n = /* @__PURE__ */ B({
+  inheritAttrs: !1,
   __name: "QSelect",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -2014,88 +2237,89 @@ const so = ["role"], io = /* @__PURE__ */ L({
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
     class: { default: "" },
-    internals: { default: () => ({ icons: nn, texts: on }) }
+    icons: { default: () => bn },
+    texts: { default: () => yn }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(o, { emit: t }) {
-    const e = o, n = t, l = ee(o, "modelValue"), s = T(!1), i = T(""), a = T(null), r = T(null), f = T(null), q = g(() => x.value === void 0), x = g(
+    const e = o, n = t, l = ne(o, "modelValue"), s = D(!1), i = D(""), a = D(null), d = D(null), c = D(null), w = g(() => I.value === void 0), I = g(
       () => {
-        var c;
-        return (c = e.items) == null ? void 0 : c.find((h) => h[e.itemValue] === l.value);
+        var f;
+        return (f = e.items) == null ? void 0 : f.find((b) => b[e.itemValue] === l.value);
       }
-    ), M = g(
-      () => x.value ? x.value[e.itemLabel] : ""
-    ), E = g(
+    ), P = g(
+      () => I.value ? I.value[e.itemLabel] : ""
+    ), A = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function S(c) {
-      l.value = c, R();
+    function T(f) {
+      l.value = f, Q();
     }
-    function V() {
-      E.value && (S(e.emptyValue), W());
+    function y() {
+      A.value && (T(e.emptyValue), Y());
     }
-    function Y(c) {
-      var h, U, ae;
-      !((h = f.value) != null && h.contains(c.relatedTarget)) && !((ae = (U = a.value) == null ? void 0 : U.fieldRef) != null && ae.contains(c.relatedTarget)) && R();
+    function E(f) {
+      var b, G, ie;
+      !((b = c.value) != null && b.contains(f.relatedTarget)) && !((ie = (G = a.value) == null ? void 0 : G.fieldRef) != null && ie.contains(f.relatedTarget)) && Q();
     }
-    function oe() {
+    function M() {
       s.value || (n("before-show"), s.value = !0);
     }
-    function R() {
+    function Q() {
       s.value && (n("before-hide"), s.value = !1);
     }
-    function O() {
-      e.readonly || e.disabled || (s.value ? R() : oe());
-    }
-    let ne;
-    function H(c) {
-      if (!(!c.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(ne), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (s.value = !0), ["Escape", "Tab"].includes(c.key) && (s.value ? s.value = !1 : E.value && c.key === "Escape" && V()), c.key === "Delete" && e.clearable && V(), /^[a-z]$/i.test(c.key)) {
-          i.value += c.key.toLowerCase();
-          for (let h = 0; h < e.items.length; h++)
-            if (e.items[h][e.itemLabel].toLowerCase().startsWith(i.value)) {
-              _(h);
+    function H() {
+      e.readonly || e.disabled || (s.value ? Q() : M());
+    }
+    let se;
+    function W(f) {
+      if (!(!f.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(se), ["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 : A.value && f.key === "Escape" && y()), f.key === "Delete" && e.clearable && y(), /^[a-z]$/i.test(f.key)) {
+          i.value += f.key.toLowerCase();
+          for (let b = 0; b < e.items.length; b++)
+            if (e.items[b][e.itemLabel].toLowerCase().startsWith(i.value)) {
+              $(b);
               break;
             }
         }
-        ne = window.setTimeout(function() {
+        se = window.setTimeout(function() {
           i.value = "";
         }, 500);
       }
     }
-    function le() {
-      var c;
-      e.loading ? (c = f.value) == null || c.focus() : p(), n("show");
+    function ae() {
+      var f;
+      e.loading ? (f = c.value) == null || f.focus() : v(), n("show");
     }
-    function Q() {
-      W(), n("hide");
+    function U() {
+      Y(), n("hide");
     }
-    function W() {
-      var c, h;
-      (h = (c = a.value) == null ? void 0 : c.fieldRef) == null || h.focus();
+    function Y() {
+      var f, b;
+      (b = (f = a.value) == null ? void 0 : f.fieldRef) == null || b.focus();
     }
-    function p() {
-      var c;
-      (c = r.value) == null || c.$el.focus();
+    function v() {
+      var f;
+      (f = d.value) == null || f.$el.focus();
     }
-    function _(c) {
-      var h;
-      (h = r.value) == null || h.focusItem(c);
+    function $(f) {
+      var b;
+      (b = d.value) == null || b.focusItem(f);
     }
-    return Z(
+    return te(
       () => e.loading,
-      (c) => {
-        !c && s.value && J(p);
+      (f) => {
+        !f && s.value && oe(v);
       }
-    ), (c, h) => {
-      var U, ae;
-      return u(), v(te, null, [
-        z(m(xe), {
+    ), (f, b) => {
+      var G, ie;
+      return r(), p(K, null, [
+        z(m(Le), J({
           id: e.id,
           label: e.label,
           required: e.required,
@@ -2103,7 +2327,7 @@ const so = ["role"], io = /* @__PURE__ */ L({
           ref: a,
           role: "combobox",
           tabindex: e.disabled ? -1 : 0,
-          class: C([
+          class: [
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -2111,133 +2335,131 @@ const so = ["role"], io = /* @__PURE__ */ L({
               "q-select--expanded": s.value
             },
             e.class
-          ]),
+          ],
           readonly: e.readonly,
           disabled: e.disabled,
           "data-loading": e.loading,
           "aria-expanded": s.value,
           "aria-haspopup": "listbox",
-          size: e.size,
-          onClick: O,
-          onKeydown: pe(H, ["stop"])
-        }, qe({
-          append: k(() => [
-            y(c.$slots, "append"),
-            E.value && l.value ? (u(), I(m(de), {
+          size: e.size
+        }, f.$attrs, {
+          onClick: H,
+          onKeydown: ve(W, ["stop"])
+        }), qe({
+          append: _(() => [
+            h(f.$slots, "append"),
+            A.value && l.value ? (r(), S(m(re), {
               key: 0,
               class: "q-select__clear",
+              "aria-label": e.texts.clearValue,
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: V
+              onClick: y
             }, {
-              default: k(() => [
-                z(m(F), G(se(e.internals.icons.clear)), null, 16)
+              default: _(() => [
+                z(m(N), j(le(e.icons.clear)), null, 16)
               ]),
               _: 1
-            })) : $("", !0),
-            e.readonly ? $("", !0) : (u(), I(m(de), {
+            }, 8, ["aria-label"])) : x("", !0),
+            e.readonly ? x("", !0) : (r(), S(m(re), {
               key: 1,
               class: "q-select__chevron",
+              "aria-label": e.texts.showOptions,
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: e.disabled,
-              onClick: O
+              onClick: H
             }, {
-              default: k(() => [
-                z(m(F), G(se(e.internals.icons.chevron)), null, 16)
+              default: _(() => [
+                z(m(N), j(le(e.icons.chevron)), null, 16)
               ]),
               _: 1
-            }, 8, ["disabled"]))
+            }, 8, ["aria-label", "disabled"]))
           ]),
-          default: k(() => [
-            q.value ? (u(), v("span", Jo, [
-              !e.readonly && !e.disabled ? (u(), v(te, { key: 0 }, [
-                me(N(c.internals.texts.placeholder), 1)
-              ], 64)) : $("", !0)
-            ])) : (u(), v("span", Zo, N(M.value), 1))
+          default: _(() => [
+            w.value ? (r(), p("span", _n, [
+              !e.readonly && !e.disabled ? (r(), p(K, { key: 0 }, [
+                ce(O(e.texts.placeholder), 1)
+              ], 64)) : x("", !0)
+            ])) : (r(), p("span", gn, O(P.value), 1))
           ]),
           _: 2
         }, [
-          (U = x.value) != null && U.icon || c.$slots.prepend ? {
+          (G = I.value) != null && G.icon || f.$slots.prepend ? {
             name: "prepend",
-            fn: k(() => {
-              var K, ie;
+            fn: _(() => {
+              var ee, de;
               return [
-                y(c.$slots, "prepend"),
-                (K = x.value) != null && K.icon ? (u(), I(m(F), G(re({ key: 0 }, (ie = x.value) == null ? void 0 : ie.icon)), null, 16)) : $("", !0)
+                h(f.$slots, "prepend"),
+                (ee = I.value) != null && ee.icon ? (r(), S(m(N), j(J({ key: 0 }, (de = I.value) == null ? void 0 : de.icon)), null, 16)) : x("", !0)
               ];
             }),
             key: "0"
           } : void 0,
-          c.$slots.extras ? {
+          f.$slots.extras ? {
             name: "extras",
-            fn: k(() => [
-              y(c.$slots, "extras")
+            fn: _(() => [
+              h(f.$slots, "extras")
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-        z(m(he), {
+        ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
+        z(m(ye), {
           modelValue: s.value,
-          "onUpdate:modelValue": h[1] || (h[1] = (K) => s.value = K),
+          "onUpdate:modelValue": b[0] || (b[0] = (ee) => s.value = ee),
           spy: "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           "scroll-lock": "",
-          anchor: (ae = a.value) == null ? void 0 : ae.$el,
+          anchor: (ie = a.value) == null ? void 0 : ie.$el,
           offset: 2,
-          onEnter: le,
-          onLeave: Q
+          onEnter: ae,
+          onLeave: U
         }, {
-          default: k(() => [
-            A("div", {
+          default: _(() => [
+            L("div", {
               ref_key: "contentRef",
-              ref: f,
+              ref: c,
               "data-testid": "combobox-dropdown",
               "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: Y,
-              onKeydown: pe(H, ["stop"])
+              onFocusout: E,
+              onKeydown: ve(W, ["stop"])
             }, [
-              y(c.$slots, "body.prepend"),
-              e.loading ? (u(), v("div", tn, [
-                z(m(Ie), { size: 24 })
-              ])) : (u(), I(m(Ve), {
+              h(f.$slots, "body.prepend"),
+              e.loading ? (r(), p("div", wn, [
+                z(m(xe), { size: 24 })
+              ])) : (r(), S(m(Ve), {
                 key: 1,
                 ref_key: "listRef",
-                ref: r,
+                ref: d,
                 class: "q-select__items",
                 selectable: "",
-                modelValue: l.value,
-                "onUpdate:modelValue": [
-                  h[0] || (h[0] = (K) => l.value = K),
-                  S
-                ],
+                "model-value": l.value,
                 items: e.items,
-                groups: c.groups,
+                groups: f.groups,
                 "item-label": e.itemLabel,
-                "item-value": e.itemValue
+                "item-value": e.itemValue,
+                "onUpdate:modelValue": T
               }, {
-                item: k(({ item: K }) => [
-                  y(c.$slots, "item", { item: K })
+                item: _(({ item: ee }) => [
+                  h(f.$slots, "item", { item: ee })
                 ]),
                 _: 3
-              }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              y(c.$slots, "body.append")
-            ], 40, en)
+              }, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
+              h(f.$slots, "body.append")
+            ], 40, kn)
           ]),
           _: 3
         }, 8, ["modelValue", "anchor"])
       ], 64);
     };
   }
-}), an = B(ln), sn = /* @__PURE__ */ A("div", { class: "q-skeleton-loader__bone" }, null, -1), rn = [
-  sn
-], dn = /* @__PURE__ */ L({
+}), qn = C($n), xn = /* @__PURE__ */ B({
   __name: "QSkeletonLoader",
   props: {
     type: { default: void 0 },
@@ -2252,27 +2474,29 @@ const so = ["role"], io = /* @__PURE__ */ L({
         height: s
       };
     });
-    return (l, s) => (u(), v("div", {
-      class: C(["q-skeleton-loader", e.value]),
+    return (l, s) => (r(), p("div", {
+      class: V(["q-skeleton-loader", e.value]),
       style: ue(n.value)
-    }, rn, 6));
+    }, s[0] || (s[0] = [
+      L("div", { class: "q-skeleton-loader__bone" }, null, -1)
+    ]), 6));
   }
-}), un = B(dn), cn = /* @__PURE__ */ L({
+}), Ln = C(xn), In = /* @__PURE__ */ B({
   __name: "QThemeProvider",
   props: {
     theme: {}
   },
   setup(o) {
     const t = o;
-    return (e, n) => (u(), v("div", {
-      class: C(["q-theme-provider", `q-theme--${t.theme}`])
+    return (e, n) => (r(), p("div", {
+      class: V(["q-theme-provider", `q-theme--${t.theme}`])
     }, [
-      y(e.$slots, "default")
+      h(e.$slots, "default")
     ], 2));
   }
-}), fn = B(cn), pn = ["innerHTML"], mn = /* @__PURE__ */ L({
+}), Sn = C(In), Bn = ["innerHTML"], Cn = /* @__PURE__ */ B({
   __name: "QTooltip",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     id: { default: void 0 },
     anchor: {},
     appearance: { default: "inverted" },
@@ -2293,12 +2517,12 @@ const so = ["role"], io = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, e = ee(o, "modelValue"), n = ve(t.id);
-    return (l, s) => (u(), v(te, null, [
-      y(l.$slots, "anchor", {
+    const t = o, e = ne(o, "modelValue"), n = fe(t.id);
+    return (l, s) => (r(), p(K, null, [
+      h(l.$slots, "anchor", {
         props: { "aria-describedby": m(n) }
       }),
-      z(m(he), {
+      z(m(ye), {
         "model-value": e.value,
         anchor: t.anchor,
         role: "tooltip",
@@ -2308,20 +2532,20 @@ const so = ["role"], io = /* @__PURE__ */ L({
         arrow: t.arrow,
         attach: t.attach,
         inline: t.inline,
-        class: C(["q-tooltip", t.class]),
+        class: V(["q-tooltip", t.class]),
         delay: t.delay,
         disabled: t.disabled,
         placement: t.placement,
         trigger: t.trigger
       }, {
-        default: k(() => [
-          y(l.$slots, "default", {}, () => [
-            t.icon ? (u(), I(m(F), G(re({ key: 0 }, t.icon)), null, 16)) : $("", !0),
-            t.html ? (u(), v("span", {
+        default: _(() => [
+          h(l.$slots, "default", {}, () => [
+            t.icon ? (r(), S(m(N), j(J({ key: 0 }, t.icon)), null, 16)) : x("", !0),
+            t.html ? (r(), p("span", {
               key: 1,
               innerHTML: t.text
-            }, null, 8, pn)) : (u(), v(te, { key: 2 }, [
-              me(N(t.text), 1)
+            }, null, 8, Bn)) : (r(), p(K, { key: 2 }, [
+              ce(O(t.text), 1)
             ], 64))
           ])
         ]),
@@ -2329,53 +2553,57 @@ const so = ["role"], io = /* @__PURE__ */ L({
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), vn = B(mn), hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Tn = C(Cn), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QBadge: Dt,
-  QButton: de,
+  QBadge: zt,
+  QButton: re,
   QButtonGroup: tt,
-  QButtonToggle: Qt,
-  QCombobox: qo,
-  QDialog: Qo,
-  QField: xe,
-  QIcon: F,
+  QButtonToggle: Pt,
+  QCombobox: So,
+  QDialog: Po,
+  QField: Le,
+  QIcon: N,
   QIconFont: Ye,
   QIconImg: Ze,
   QIconSvg: Je,
-  QInputGroup: No,
-  QLineLoader: Ko,
+  QInputGroup: Ko,
+  QLineLoader: Wo,
   QList: Ve,
   QListItem: ot,
   QListItemGroup: nt,
-  QOverlay: he,
-  QPopover: Yo,
-  QSelect: an,
-  QSkeletonLoader: un,
-  QSpinnerLoader: Ie,
+  QOverlay: ye,
+  QPopover: tn,
+  QPropertyList: hn,
+  QPropertyListGroup: rt,
+  QPropertyListPanel: dt,
+  QPropertyListRow: it,
+  QSelect: qn,
+  QSkeletonLoader: Ln,
+  QSpinnerLoader: xe,
   QTextField: lt,
-  QThemeProvider: fn,
-  QTooltip: vn
-}, Symbol.toStringTag, { value: "Module" })), be = "q-theme";
-function yn() {
-  const o = He(be);
+  QThemeProvider: Sn,
+  QTooltip: Tn
+}, Symbol.toStringTag, { value: "Module" })), ge = "q-theme";
+function En() {
+  const o = Ge(ge);
   if (!o)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return o;
 }
-function In(o) {
-  const t = yn(), e = {
-    activeTheme: T(o),
+function Pn(o) {
+  const t = En(), e = {
+    activeTheme: D(o),
     themes: t.themes
   };
-  return Ne(be, e), e;
+  return He(ge, e), e;
 }
-function bn() {
+function Dn() {
   let o = document.getElementById(
-    be
+    ge
   );
-  return o || (o = document.createElement("style"), o.id = be, document.head.appendChild(o)), o;
+  return o || (o = document.createElement("style"), o.id = ge, document.head.appendChild(o)), o;
 }
-function gn(o) {
+function An(o) {
   let t = "";
   for (const n of o) {
     t += `.q-theme--${n.name} {
@@ -2395,33 +2623,33 @@ function gn(o) {
     t += `}
 `;
   }
-  const e = bn();
+  const e = Dn();
   e.textContent = t;
 }
 function Ue(o) {
   return o ? `--q-theme-${Xe(o)}` : "";
 }
-function _n(o = {}) {
+function Qn(o = {}) {
   return { install: (e) => {
     const n = o.components || {};
     for (const s in n)
       e.component(s, n[s]);
     const l = o.defaults || {};
-    e.provide(Ce, T(l)), kn(e, o.themes);
+    e.provide(Te, D(l)), Fn(e, o.themes);
   } };
 }
-function kn(o, t) {
+function Fn(o, t) {
   const e = [];
   let n;
   if (!t)
     n = "default", e.push({
       name: n,
       mode: "light",
-      scheme: Le
+      scheme: Ie
     });
   else
     for (const l of t.themes) {
-      const i = { ...l.mode === "light" ? Le : Ge, ...l.colors };
+      const i = { ...l.mode === "light" ? Ie : Ke, ...l.colors };
       e.push({
         name: l.name,
         mode: l.mode,
@@ -2430,21 +2658,21 @@ function kn(o, t) {
     }
   if (n) {
     const l = {
-      activeTheme: T(n),
+      activeTheme: D(n),
       themes: e
     };
-    gn(e), Z(l.activeTheme, wn, { immediate: !0 }), o.provide(be, l);
+    An(e), te(l.activeTheme, zn, { immediate: !0 }), o.provide(ge, l);
   }
 }
-function wn(o) {
+function zn(o) {
   const t = document.documentElement, n = Array.from(t.classList).filter((l) => !l.startsWith("q-theme"));
   t.className = n.join(" "), t.classList.add(`q-theme--${o}`);
 }
-const xn = (o = {}) => _n({ components: hn, ...o });
+const Un = (o = {}) => Qn({ components: Vn, ...o });
 export {
-  hn as components,
-  xn as createFramework,
-  In as provideTheme,
-  qn as templates,
-  yn as useTheme
+  Vn as components,
+  Un as createFramework,
+  Pn as provideTheme,
+  On as templates,
+  En as useTheme
 };