@quidgest/ui 0.11.0 → 0.12.1

package/dist/ui.esm.js

@@ -1,66 +1,10 @@
-import { getCurrentInstance as Ue, computed as k, ref as V, provide as Pe, inject as Ne, watch as W, defineComponent as L, openBlock as u, createElementBlock as m, normalizeClass as C, normalizeStyle as ie, withModifiers as ue, createVNode as Q, unref as b, createCommentVNode as q, createElementVNode as le, Fragment as ae, createTextVNode as me, toDisplayString as R, renderSlot as h, toRef as Ee, mergeModels as X, useModel as te, createBlock as D, withCtx as w, renderList as qe, resolveDynamicComponent as He, h as De, normalizeProps as se, mergeProps as ce, reactive as Ae, nextTick as j, onMounted as Ke, onBeforeUnmount as Xe, Teleport as Ye, Transition as Ze, withKeys as Je, createSlots as we, withDirectives as et, vModelDynamic as tt, guardReactiveProps as fe } from "vue";
-function Ie(t) {
-  return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
-}
-function ze(t) {
-  return t !== null && typeof t == "object" && !Array.isArray(t);
-}
-function xe(t = {}, o = {}) {
-  const e = {};
-  for (const n in t)
-    e[n] = t[n];
-  for (const n in o) {
-    const l = t[n], s = o[n];
-    if (ze(l) && ze(s)) {
-      e[n] = xe(
-        l,
-        s
-      );
-      continue;
-    }
-    e[n] = s;
-  }
-  return e;
-}
-const Le = "q-defaults";
-function ot() {
-  var s, i;
-  const t = Ue();
-  if (!t)
-    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
-  const o = t.type.name ?? t.type.__name;
-  if (!o)
-    throw new Error("[Quidgest UI] Could not determine component name");
-  const e = We(), n = (s = e.value) == null ? void 0 : s.Global, l = (i = e.value) == null ? void 0 : i[o];
-  return k(() => xe(n, l));
-}
-function Ge(t) {
-  if (Ie(t))
-    return;
-  const o = We(), e = V(t), n = k(() => Ie(e.value) ? o.value : xe(o.value, e.value));
-  Pe(Le, n);
-}
-function We() {
-  const t = Ne(Le, void 0);
-  if (!t)
-    throw new Error("[Quidgest UI] Could not find defaults instance");
-  return t;
-}
-const ve = "q-theme";
-function nt() {
-  const t = Ne(ve);
-  if (!t)
-    throw new Error("[Quidgest UI] Could not find theme instance");
-  return t;
-}
-function No(t) {
-  const o = nt(), e = {
-    activeTheme: V(t),
-    themes: o.themes
-  };
-  return Pe(ve, e), e;
-}
-const Qe = {
+import { defineComponent as L, computed as k, openBlock as u, createElementBlock as m, normalizeClass as V, normalizeStyle as ie, ref as B, provide as We, inject as Re, getCurrentInstance as Xe, withModifiers as ce, createVNode as z, unref as y, createCommentVNode as q, createElementVNode as H, Fragment as se, createTextVNode as he, toDisplayString as j, renderSlot as h, toRef as Pe, mergeModels as Y, useModel as ne, createBlock as E, withCtx as w, renderList as Le, resolveDynamicComponent as Ye, h as Ue, normalizeProps as ae, mergeProps as fe, guardReactiveProps as re, reactive as Ne, watch as R, nextTick as X, onMounted as Ze, onBeforeUnmount as lt, Teleport as at, Transition as st, withKeys as it, createSlots as Ie, withDirectives as rt, vModelDynamic as dt } from "vue";
+/*!
+ * Quidgest UI v0.12.1
+ * (c) 2024 Quidgest - Consultores de Gestão, S.A.
+ * Released under the MIT License.
+ */
+const Se = {
   primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -91,7 +35,7 @@ const Qe = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, lt = {
+}, Je = {
   primary: "#009ff5",
   primaryLight: "#ade2ff",
   primaryDark: "#164965",
@@ -122,92 +66,11 @@ const Qe = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-};
-function at(t) {
-  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
-}
-function st(t) {
-  if (!at(t))
-    throw new Error("Invalid color format");
-  t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
-  const o = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), n = parseInt(t.slice(5, 7), 16);
-  return { r: o, g: e, b: n };
-}
-function je(t) {
-  return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
-}
-function it() {
-  let t = document.getElementById(
-    ve
-  );
-  return t || (t = document.createElement("style"), t.id = ve, document.head.appendChild(t)), t;
-}
-function rt(t) {
-  let o = "";
-  for (const n of t) {
-    o += `.q-theme--${n.name} {
-`;
-    const l = n.scheme;
-    let s;
-    for (s in l) {
-      const i = l[s];
-      if (i) {
-        o += `  ${Me(s)}: ${i};
-`;
-        const a = st(i);
-        o += `  ${Me(s)}-rgb: ${a.r} ${a.g} ${a.b};
-`;
-      }
-    }
-    o += `}
-`;
-  }
-  const e = it();
-  e.textContent = o;
-}
-function Me(t) {
-  return t ? `--q-theme-${je(t)}` : "";
-}
-function Ho(t = {}) {
-  return { install: (e) => {
-    const n = t.components || {};
-    for (const s in n)
-      e.component(s, n[s]);
-    const l = t.defaults || {};
-    e.provide(Le, V(l)), dt(e, t.themes);
-  } };
-}
-function dt(t, o) {
-  const e = [];
-  let n;
-  if (!o)
-    n = "default", e.push({
-      name: n,
-      mode: "light",
-      scheme: Qe
-    });
-  else
-    for (const l of o.themes) {
-      const i = { ...l.mode === "light" ? Qe : lt, ...l.colors };
-      e.push({
-        name: l.name,
-        mode: l.mode,
-        scheme: i
-      }), l.name === o.defaultTheme && (n = l.name);
-    }
-  if (n) {
-    const l = {
-      activeTheme: V(n),
-      themes: e
-    };
-    rt(e), W(l.activeTheme, ut, { immediate: !0 }), t.provide(ve, l);
-  }
-}
-function ut(t) {
-  const o = document.documentElement, n = Array.from(o.classList).filter((l) => !l.startsWith("q-theme"));
-  o.className = n.join(" "), o.classList.add(`q-theme--${t}`);
-}
-const ct = /* @__PURE__ */ L({
+}, Ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  defaultDarkColorScheme: Je,
+  defaultLightColorScheme: Se
+}, Symbol.toStringTag, { value: "Module" })), be = /* @__PURE__ */ L({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -218,39 +81,90 @@ const ct = /* @__PURE__ */ L({
       "font-size": o.size !== 48 ? `${o.size}px` : void 0
     }));
     return (n, l) => (u(), m("div", {
-      class: C(["q-spinner-loader", o.class]),
+      class: V(["q-spinner-loader", o.class]),
       style: ie(e.value)
     }, null, 6));
   }
 });
-function ft(t, o) {
+function Be(t) {
+  return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
+}
+function He(t) {
+  return t !== null && typeof t == "object" && !Array.isArray(t);
+}
+function Ve(t = {}, o = {}) {
+  const e = {};
+  for (const n in t)
+    e[n] = t[n];
+  for (const n in o) {
+    const l = t[n], s = o[n];
+    if (He(l) && He(s)) {
+      e[n] = Ve(
+        l,
+        s
+      );
+      continue;
+    }
+    e[n] = s;
+  }
+  return e;
+}
+const Ce = "q-defaults";
+function ut() {
+  var s, i;
+  const t = Xe();
+  if (!t)
+    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
+  const o = t.type.name ?? t.type.__name;
+  if (!o)
+    throw new Error("[Quidgest UI] Could not determine component name");
+  const e = tt(), n = (s = e.value) == null ? void 0 : s.Global, l = (i = e.value) == null ? void 0 : i[o];
+  return k(() => Ve(n, l));
+}
+function et(t) {
+  if (Be(t))
+    return;
+  const o = tt(), e = B(t), n = k(() => Be(e.value) ? o.value : Ve(o.value, e.value));
+  We(Ce, n);
+}
+function tt() {
+  const t = Re(Ce, void 0);
+  if (!t)
+    throw new Error("[Quidgest UI] Could not find defaults instance");
+  return t;
+}
+function ot(t) {
+  return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
+}
+function ct(t, o) {
   var n;
-  const e = je(o);
+  const e = ot(o);
   return e ? typeof ((n = t.props) == null ? void 0 : n[e]) < "u" : !1;
 }
-function S(t) {
+function Z(t) {
   const o = t.setup;
   return o && (t.setup = (e, n) => {
-    const l = ot();
-    if (Ie(l.value))
+    const l = ut();
+    if (Be(l.value))
       return o(e, n);
-    const s = Ue();
+    const s = Xe();
     if (s === null)
       return o(e, n);
     const i = new Proxy(e, {
       get(a, c) {
         var x;
         const v = Reflect.get(a, c), $ = (x = l.value) == null ? void 0 : x[c];
-        return typeof c == "string" && !ft(s.vnode, c) ? $ ?? v : v;
+        return typeof c == "string" && !ct(s.vnode, c) ? $ ?? v : v;
       }
     });
     return o(i, n);
   }), t;
 }
-const Se = S(ct), pt = ["disabled"], mt = {
+Z(be);
+const ft = ["disabled"], pt = {
   key: 0,
   class: "q-btn__spinner"
-}, vt = { class: "q-btn__content" }, ht = /* @__PURE__ */ L({
+}, mt = { class: "q-btn__content" }, pe = /* @__PURE__ */ L({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -289,25 +203,25 @@ const Se = S(ct), pt = ["disabled"], mt = {
     });
     return (a, c) => (u(), m("button", {
       type: "button",
-      class: C(i.value),
+      class: V(i.value),
       disabled: l.value,
-      onClick: ue(s, ["stop", "prevent"])
+      onClick: ce(s, ["stop", "prevent"])
     }, [
-      a.loading ? (u(), m("div", mt, [
-        Q(b(Se), { size: 20 })
+      a.loading ? (u(), m("div", pt, [
+        z(y(be), { size: 20 })
       ])) : q("", !0),
-      le("span", vt, [
-        a.iconOnRight ? (u(), m(ae, { key: 0 }, [
-          me(R(e.label), 1)
+      H("span", mt, [
+        a.iconOnRight ? (u(), m(se, { key: 0 }, [
+          he(j(e.label), 1)
         ], 64)) : q("", !0),
         h(a.$slots, "default"),
-        a.iconOnRight ? q("", !0) : (u(), m(ae, { key: 1 }, [
-          me(R(e.label), 1)
+        a.iconOnRight ? q("", !0) : (u(), m(se, { key: 1 }, [
+          he(j(e.label), 1)
         ], 64))
       ])
-    ], 10, pt));
+    ], 10, ft));
   }
-}), he = S(ht), yt = /* @__PURE__ */ L({
+}), nt = /* @__PURE__ */ L({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -317,15 +231,15 @@ const Se = S(ct), pt = ["disabled"], mt = {
   },
   setup(t) {
     const o = t;
-    return Ge({
+    return et({
       QButton: {
         bStyle: "secondary",
-        disabled: Ee(o, "disabled"),
-        borderless: Ee(o, "borderless"),
+        disabled: Pe(o, "disabled"),
+        borderless: Pe(o, "borderless"),
         elevated: !1
       }
     }), (e, n) => (u(), m("div", {
-      class: C([
+      class: V([
         "q-btn-group",
         {
           "q-btn-group--elevated": o.elevated
@@ -336,9 +250,9 @@ const Se = S(ct), pt = ["disabled"], mt = {
       h(e.$slots, "default")
     ], 2));
   }
-}), bt = S(yt), gt = /* @__PURE__ */ L({
+}), vt = /* @__PURE__ */ L({
   __name: "QButtonToggle",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     options: {},
     disabled: { type: Boolean },
     borderless: { type: Boolean },
@@ -351,19 +265,19 @@ const Se = S(ct), pt = ["disabled"], mt = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, e = te(t, "modelValue");
+    const o = t, e = ne(t, "modelValue");
     function n(l) {
       e.value === l.key && !o.required ? e.value = void 0 : e.value = l.key;
     }
-    return (l, s) => (u(), D(b(bt), {
+    return (l, s) => (u(), E(y(nt), {
       "b-style": "secondary",
-      class: C(o.class),
+      class: V(o.class),
       disabled: o.disabled,
       borderless: o.borderless,
       elevated: o.elevated
     }, {
       default: w(() => [
-        (u(!0), m(ae, null, qe(o.options, (i) => (u(), D(b(he), {
+        (u(!0), m(se, null, Le(o.options, (i) => (u(), E(y(pe), {
           key: i.key,
           title: i.title,
           label: i.label,
@@ -379,7 +293,7 @@ const Se = S(ct), pt = ["disabled"], mt = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), Ko = S(gt), _t = /* @__PURE__ */ L({
+}), K = /* @__PURE__ */ L({
   __name: "QIcon",
   props: {
     icon: {},
@@ -391,22 +305,22 @@ const Se = S(ct), pt = ["disabled"], mt = {
     const o = t, e = k(() => {
       switch (o.type) {
         case "svg":
-          return Vt;
+          return De;
         case "font":
-          return St;
+          return Te;
         case "img":
-          return Bt;
+          return Ee;
         default:
           return;
       }
     });
-    return (n, l) => (u(), D(He(e.value), {
-      class: C(o.class),
+    return (n, l) => (u(), E(Ye(e.value), {
+      class: V(o.class),
       icon: o.icon,
       size: o.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), kt = /* @__PURE__ */ L({
+}), Te = /* @__PURE__ */ L({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -420,11 +334,11 @@ const Se = S(ct), pt = ["disabled"], mt = {
       "font-size": o.size !== void 0 ? `${o.size}px` : void 0
     }));
     return (s, i) => (u(), m("i", {
-      class: C(["q-icon", "q-icon__font", e.value, n.value, o.class]),
+      class: V(["q-icon", "q-icon__font", e.value, n.value, o.class]),
       style: ie(l.value)
     }, null, 6));
   }
-}), wt = ["src"], $t = /* @__PURE__ */ L({
+}), ht = ["src"], Ee = /* @__PURE__ */ L({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -437,11 +351,11 @@ const Se = S(ct), pt = ["disabled"], mt = {
     }));
     return (n, l) => (u(), m("img", {
       src: o.icon,
-      class: C(["q-icon", "q-icon__img", o.class]),
+      class: V(["q-icon", "q-icon__img", o.class]),
       style: ie(e.value)
-    }, null, 14, wt));
+    }, null, 14, ht));
   }
-}), pe = {}, qt = L({
+}), ve = {}, yt = L({
   name: "InlineSvg",
   emits: {
     loaded: (t) => typeof t == "object",
@@ -454,9 +368,9 @@ const Se = S(ct), pt = ["disabled"], mt = {
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return De("div", this.$attrs);
+      return Ue("div", this.$attrs);
     const o = {};
-    return this.copySvgAttrs(o, this.svgElSource), this.copySvgAttrs(o, t), this.copyComponentAttrs(o, this.$attrs), o.innerHTML = t.innerHTML, De("svg", o);
+    return this.copySvgAttrs(o, this.svgElSource), this.copySvgAttrs(o, t), this.copyComponentAttrs(o, this.$attrs), o.innerHTML = t.innerHTML, Ue("svg", o);
   },
   props: {
     /**
@@ -518,7 +432,7 @@ const Se = S(ct), pt = ["disabled"], mt = {
         n !== !1 && n !== null && n !== void 0 && (t[e] = n);
     },
     getSvgContent(t) {
-      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), It(t, this.title)), t);
+      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), bt(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -526,11 +440,11 @@ const Se = S(ct), pt = ["disabled"], mt = {
      */
     async getSource(t) {
       try {
-        pe[t] || (pe[t] = xt(this.download(t))), this.svgElSource && pe[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const o = await pe[t];
+        ve[t] || (ve[t] = gt(this.download(t))), this.svgElSource && ve[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const o = await ve[t];
         this.svgElSource = o, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (o) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete pe[t], this.$emit("error", o);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete ve[t], this.$emit("error", o);
       }
     },
     /**
@@ -555,7 +469,7 @@ const Se = S(ct), pt = ["disabled"], mt = {
   },
   expose: []
 });
-function It(t, o) {
+function bt(t, o) {
   const e = t.getElementsByTagName("title");
   if (e.length)
     e[0].textContent = o;
@@ -564,7 +478,7 @@ function It(t, o) {
     n.textContent = o, t.insertBefore(n, t.firstChild);
   }
 }
-function xt(t) {
+function gt(t) {
   if (t.getIsPending)
     return t;
   let o = !0;
@@ -576,7 +490,7 @@ function xt(t) {
   );
   return e.getIsPending = () => o, e;
 }
-const Lt = /* @__PURE__ */ L({
+const De = /* @__PURE__ */ L({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -595,8 +509,8 @@ const Lt = /* @__PURE__ */ L({
     function i() {
       n("unloaded");
     }
-    return (a, c) => (u(), D(b(qt), {
-      class: C(["q-icon", "q-icon__svg", e.class]),
+    return (a, c) => (u(), E(y(yt), {
+      class: V(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
       style: ie(l.value),
@@ -604,9 +518,14 @@ const Lt = /* @__PURE__ */ L({
       onUnloaded: i
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), ne = S(_t), St = S(kt), Bt = S($t), Vt = S(Lt), Ct = /* @__PURE__ */ L({
+});
+Z(K);
+Z(Te);
+Z(Ee);
+Z(De);
+const xe = /* @__PURE__ */ L({
   __name: "QList",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
     items: {},
     groups: { default: () => [] },
@@ -622,9 +541,9 @@ const Lt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const e = t, n = te(t, "modelValue"), l = V(!1), s = k(() => i.value.length > 1 ? "div" : "ul"), i = k(() => e.groups.length ? e.groups.filter(
+    const e = t, n = ne(t, "modelValue"), l = B(!1), s = k(() => i.value.length > 1 ? "div" : "ul"), i = k(() => e.groups.length ? e.groups.filter(
       (f) => e.items.some((g) => g.group === f.id)
-    ) : [{ id: "", title: "" }]), a = V(null);
+    ) : [{ id: "", title: "" }]), a = B(null);
     function c(f) {
       n.value = f;
     }
@@ -639,116 +558,117 @@ const Lt = /* @__PURE__ */ L({
       if ((p = a.value) != null && p.contains(f.relatedTarget))
         return;
       let g;
-      n.value ? g = e.items.findIndex((F) => F[e.itemValue] === n.value) : g = H();
+      n.value ? g = e.items.findIndex((M) => M[e.itemValue] === n.value) : g = N();
       const d = l.value;
       I(g, d);
     }
-    function z(f) {
+    function A(f) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && f.preventDefault(), f.key) {
         case "ArrowDown":
-          T("next");
+          C("next");
           break;
         case "ArrowUp":
-          T("prev");
+          C("prev");
           break;
         case "Home":
-          T("first");
+          C("first");
           break;
         case "End":
-          T("last");
+          C("last");
           break;
       }
     }
-    function T(f) {
+    function C(f) {
       switch (f) {
         case "next":
         case "prev":
-          I(U(f));
+          I(O(f));
           break;
         case "first":
-          I(H());
+          I(N());
           break;
         case "last":
-          I(M());
+          I(Q());
           break;
       }
     }
     function I(f, g = !1) {
       var p;
-      (p = B()[f]) == null || p.focus({ preventScroll: g });
+      (p = S()[f]) == null || p.focus({ preventScroll: g });
     }
-    function B() {
+    function S() {
       var g;
       const f = (g = a.value) == null ? void 0 : g.querySelectorAll("li");
       return f ? Array.from(f) : [];
     }
-    function K(f) {
-      return B()[f];
+    function G(f) {
+      return S()[f];
     }
-    function Y() {
-      return B().indexOf(document.activeElement);
+    function J() {
+      return S().indexOf(document.activeElement);
     }
-    function H() {
-      const f = B(), g = f.find((d) => A(d));
+    function N() {
+      const f = S(), g = f.find((d) => D(d));
       return g ? f.indexOf(g) : -1;
     }
-    function M() {
-      const f = B(), g = [...f].reverse().find((d) => A(d));
+    function Q() {
+      const f = S(), g = [...f].reverse().find((d) => D(d));
       return g ? f.indexOf(g) : -1;
     }
-    function Z(f, g, d) {
+    function ee(f, g, d) {
       return g === "prev" && f === 0 || g === "next" && f === d.length - 1;
     }
-    function U(f) {
-      const g = Y();
-      return J(g, f);
+    function O(f) {
+      const g = J();
+      return te(g, f);
     }
-    function J(f, g) {
-      const d = B();
-      if (Z(f, g, d))
+    function te(f, g) {
+      const d = S();
+      if (ee(f, g, d))
         return f;
       let p = f + (g === "next" ? 1 : -1);
-      for (; !A(d[p]); ) {
-        if (Z(p, g, d))
+      for (; !D(d[p]); ) {
+        if (ee(p, g, d))
           return f;
         p += g === "next" ? 1 : -1;
       }
       return p;
     }
-    function A(f) {
+    function D(f) {
       return f.tabIndex === -2;
     }
-    function G(f) {
+    function W(f) {
       return f ? e.items.filter((g) => g.group === f) : e.items;
     }
     return o({
       focusItem: I,
-      getItem: K,
-      getAdjacentItemIndex: J,
-      getFirstFocusableItemIndex: H,
-      getLastFocusableItemIndex: M
-    }), (f, g) => (u(), D(He(s.value), {
+      getItem: G,
+      getAdjacentItemIndex: te,
+      getFirstFocusableItemIndex: N,
+      getLastFocusableItemIndex: Q
+    }), (f, g) => (u(), E(Ye(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: v,
       onMouseup: $,
-      onKeydown: z
+      onKeydown: A
     }, {
       default: w(() => [
-        (u(!0), m(ae, null, qe(i.value, (d) => (u(), D(b(Ut), {
+        (u(!0), m(se, null, Le(i.value, (d) => (u(), E(y(ze), {
           key: d.id,
           id: d.id,
           title: i.value.length === 1 ? void 0 : d.title
         }, {
           default: w(() => [
-            (u(!0), m(ae, null, qe(G(d.id), (p) => (u(), D(b(Ot), {
+            (u(!0), m(se, null, Le(W(d.id), (p) => (u(), E(y(Ae), {
               key: p[e.itemValue],
               value: p[e.itemValue],
               label: p[e.itemLabel],
+              description: p.description,
               icon: p.icon,
               disabled: e.disabled || d.disabled || p.disabled,
               highlighted: e.highlighted === p[e.itemValue],
@@ -759,7 +679,7 @@ const Lt = /* @__PURE__ */ L({
                 h(f.$slots, "item", { item: p })
               ]),
               _: 2
-            }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
+            }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selected"]))), 128))
           ]),
           _: 2
         }, 1032, ["id", "title"]))), 128))
@@ -768,15 +688,21 @@ const Lt = /* @__PURE__ */ L({
     }, 40, ["class", "tabindex"]));
   }
 });
-let Tt = 0;
-function ye(t) {
-  return t || `uid-${++Tt}`;
+let _t = 0;
+function ge(t) {
+  return t || `uid-${++_t}`;
 }
-const Et = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-list-item__check-container" }, At = {
+const kt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], wt = { class: "q-list-item__container" }, $t = { class: "q-list-item__content" }, qt = {
+  key: 0,
+  class: "q-list-item__description"
+}, It = { class: "q-list-item__check-container" }, xt = {
   check: {
     icon: "check"
+  },
+  description: {
+    icon: "information-outline"
   }
-}, zt = /* @__PURE__ */ L({
+}, Ae = /* @__PURE__ */ L({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -784,12 +710,13 @@ const Et = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Dt = {
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => At },
-    disabled: { type: Boolean }
+    icons: { default: () => xt },
+    disabled: { type: Boolean },
+    description: { default: void 0 }
   },
   emits: ["select"],
   setup(t, { emit: o }) {
-    const e = t, n = o, l = ye();
+    const e = t, n = o, l = ge();
     function s() {
       e.disabled || n("select", e.value);
     }
@@ -797,11 +724,11 @@ const Et = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Dt = {
       a.key === "Tab" && s(), (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.stopPropagation(), s());
     }
     return (a, c) => (u(), m("li", {
-      id: b(l),
+      id: y(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,
@@ -812,85 +739,97 @@ const Et = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Dt = {
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: i,
-      onClick: ue(s, ["stop", "prevent"])
+      onClick: ce(s, ["stop", "prevent"])
     }, [
-      h(a.$slots, "default", {}, () => [
-        e.icon ? (u(), D(b(ne), se(ce({ key: 0 }, e.icon)), null, 16)) : q("", !0),
-        me(" " + R(e.label), 1)
+      H("div", wt, [
+        H("div", $t, [
+          h(a.$slots, "default", {}, () => [
+            e.icon ? (u(), E(y(K), ae(fe({ key: 0 }, e.icon)), null, 16)) : q("", !0),
+            he(" " + j(e.label), 1)
+          ])
+        ]),
+        e.description ? (u(), m("div", qt, [
+          z(y(K), ae(re(e.icons.description)), null, 16),
+          H("span", null, j(e.description), 1)
+        ])) : q("", !0)
       ]),
-      le("div", Dt, [
-        e.selected ? (u(), D(b(ne), ce({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
+      H("div", It, [
+        e.selected ? (u(), E(y(K), fe({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
       ])
-    ], 42, Et));
+    ], 42, kt));
   }
-}), Qt = ["data-key", "aria-labelledby"], Mt = ["id"], Ft = /* @__PURE__ */ L({
+}), Lt = ["data-key", "aria-labelledby"], St = ["id"], ze = /* @__PURE__ */ L({
   __name: "QListItemGroup",
   props: {
     id: {},
     title: { default: "" }
   },
   setup(t) {
-    const o = t, e = ye();
+    const o = t, e = ge();
     return (n, l) => (u(), m("ul", {
       class: "q-list-item-group",
       role: "group",
       "data-key": o.id,
-      "aria-labelledby": o.title ? b(e) : void 0
+      "aria-labelledby": o.title ? y(e) : void 0
     }, [
       o.title ? (u(), m("li", {
         key: 0,
-        id: b(e),
+        id: y(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, R(o.title), 9, Mt)) : q("", !0),
+      }, j(o.title), 9, St)) : q("", !0),
       h(n.$slots, "default")
-    ], 8, Qt));
+    ], 8, Lt));
   }
-}), Re = S(Ct), Ot = S(zt), Ut = S(Ft), _e = 8;
-function Pt(t, o, e, n) {
-  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = t.getBoundingClientRect(), a = o.getBoundingClientRect(), c = e == null ? void 0 : e.getBoundingClientRect(), v = Nt(i, a, s, l), $ = Wt(i, a, v), x = Kt($, v, l), z = Ht(x, a, v);
-  let T;
+});
+Z(xe);
+Z(Ae);
+Z(ze);
+const $e = 8;
+function Bt(t, o, e, n) {
+  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = t.getBoundingClientRect(), a = o.getBoundingClientRect(), c = e == null ? void 0 : e.getBoundingClientRect(), v = Vt(i, a, s, l), $ = Dt(i, a, v), x = Tt($, v, l), A = Ct(x, a, v);
+  let C;
   if (n != null && n.arrow) {
     if (!c)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    T = Gt(z, i, a, c, v);
+    C = Et(A, i, a, c, v);
   }
-  return { overlayCoords: z, arrowCoords: T, placement: v };
+  return { overlayCoords: A, arrowCoords: C, placement: v };
 }
-function Nt(t, o, e, n) {
-  const l = Fe(t, o, e, n);
-  if (Oe(l)) {
-    const s = be(e), a = {
+function Vt(t, o, e, n) {
+  const l = Ke(t, o, e, n);
+  if (je(l)) {
+    const s = _e(e), a = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
-    }[s], c = Fe(
+    }[s], c = Ke(
       t,
       o,
       a,
       n
     );
-    if (Oe(c))
+    if (je(c))
       return e;
-    const v = Xt(e);
+    const v = Qt(e);
     return v ? `${a}-${v}` : a;
   }
   return e;
 }
-function Ht(t, o, e) {
-  const n = ke(e), l = (i, a, c) => Math.min(Math.max(i, a), c), s = { ...t };
-  return n === "x" ? s.x = l(t.x, _e, window.innerWidth - o.width - _e) : s.y = l(t.y, _e, window.innerHeight - o.height - _e), s;
+function Ct(t, o, e) {
+  const n = qe(e), l = (i, a, c) => Math.min(Math.max(i, a), c), s = { ...t };
+  return n === "x" ? s.x = l(t.x, $e, window.innerWidth - o.width - $e) : s.y = l(t.y, $e, window.innerHeight - o.height - $e), s;
 }
-function Kt(t, o, e) {
-  const n = be(o);
+function Tt(t, o, e) {
+  const n = _e(o);
   return {
     x: t.x + (n === "left" ? -e : n === "right" ? e : 0),
     y: t.y + (n === "top" ? -e : n === "bottom" ? e : 0)
   };
 }
-function Gt(t, o, e, n, l) {
-  if (ke(l) === "y") {
+function Et(t, o, e, n, l) {
+  if (qe(l) === "y") {
     const i = o.top + o.height / 2, a = t.y + e.height / 2, c = a - i, v = e.height / 2 - c - n.height / 2 + 2;
     if (v > 0 && v < e.height - n.height)
       return {
@@ -904,7 +843,7 @@ function Gt(t, o, e, n, l) {
       };
   }
 }
-function Wt(t, o, e) {
+function Dt(t, o, e) {
   const [n, l] = e.split("-"), s = t.x + t.width / 2 - o.width / 2, i = t.y + t.height / 2 - o.height / 2;
   let a;
   switch (n) {
@@ -925,7 +864,7 @@ function Wt(t, o, e) {
   }
   if (!l)
     return a;
-  const v = ke(e) === "y" ? "height" : "width", $ = ke(e), x = t[v] / 2 - o[v] / 2;
+  const v = qe(e) === "y" ? "height" : "width", $ = qe(e), x = t[v] / 2 - o[v] / 2;
   switch (l) {
     case "start":
       a[$] -= x;
@@ -938,8 +877,8 @@ function Wt(t, o, e) {
   }
   return a;
 }
-function Fe(t, o, e, n) {
-  const l = be(e);
+function Ke(t, o, e, n) {
+  const l = _e(e);
   let s = 0;
   switch (l) {
     case "top":
@@ -959,38 +898,39 @@ function Fe(t, o, e, n) {
   }
   return s;
 }
-function jt(t) {
+function At(t) {
   return t === "x" ? "y" : "x";
 }
-function Rt(t) {
-  const o = be(t);
+function zt(t) {
+  const o = _e(t);
   return ["left", "right"].includes(o) ? "x" : "y";
 }
-function ke(t) {
-  return jt(Rt(t));
+function qe(t) {
+  return At(zt(t));
 }
-function be(t) {
+function _e(t) {
   const [o] = t.split("-");
   return o;
 }
-function Xt(t) {
+function Qt(t) {
   const [, o] = t.split("-");
   return o;
 }
-function Oe(t) {
+function je(t) {
   return t < 0;
 }
-function Yt(t) {
+function Mt(t) {
   return typeof t == "string" ? document.querySelector(t) : t;
 }
-const Zt = ["role"], Jt = /* @__PURE__ */ L({
+const Ft = ["role"], me = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     anchor: { default: void 0 },
     appearance: { default: "regular" },
     arrow: { type: Boolean },
     attach: { default: "body" },
+    inline: { type: Boolean },
     backdropBlur: { type: Boolean },
     delay: { default: 500 },
     nonModal: { type: Boolean },
@@ -1007,36 +947,36 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["enter", "leave"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["enter", "leave"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, l = te(t, "modelValue"), s = k(() => [
+    const e = t, n = o, l = ne(t, "modelValue"), s = k(() => [
       "q-overlay",
-      `q-overlay--${be(a.placement)}`,
+      `q-overlay--${_e(a.placement)}`,
       {
         "q-overlay--independent": e.anchor === void 0,
         "q-overlay--inverted": e.appearance === "inverted"
       },
       e.class
-    ]), i = k(() => (l.value || a.animating) && !e.nonModal), a = Ae({
+    ]), i = k(() => (l.value || a.animating) && !e.nonModal), a = Ne({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), c = Ae({
+    }), c = Ne({
       top: void 0,
       left: void 0,
       hidden: !0
     }), v = k(() => a.top !== 0 && a.left !== 0);
-    W(l, () => a.animating = !0);
+    R(l, () => a.animating = !0);
     const $ = k(() => {
       if (e.anchor === void 0)
         return;
-      const y = A(), re = e.width === "anchor", N = re ? y == null ? void 0 : y.getBoundingClientRect().width : void 0;
+      const b = D(), de = e.width === "anchor", U = de ? b == null ? void 0 : b.getBoundingClientRect().width : void 0;
       return {
         top: `${a.top}px`,
         left: `${a.left}px`,
-        width: N !== void 0 ? `${N}px` : void 0
+        width: U !== void 0 ? `${U}px` : void 0
       };
     }), x = k(() => {
       if (e.arrow)
@@ -1045,84 +985,84 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           left: c.left !== void 0 ? `${c.left}px` : void 0,
           opacity: c.hidden ? 0 : 1
         };
-    }), z = V(null), T = V(null);
+    }), A = B(null), C = B(null);
     function I() {
-      const y = A();
-      if (!y || !T.value)
+      const b = D();
+      if (!b || !C.value)
         return;
-      const re = {
+      const de = {
         placement: e.placement,
         width: e.width,
         offset: e.offset,
         arrow: e.arrow
-      }, N = Pt(
-        y,
-        T.value,
-        (z == null ? void 0 : z.value) ?? void 0,
-        re
+      }, U = Bt(
+        b,
+        C.value,
+        (A == null ? void 0 : A.value) ?? void 0,
+        de
       );
-      a.left = N.overlayCoords.x, a.top = N.overlayCoords.y, a.placement = N.placement, c.hidden = N.arrowCoords === void 0, N.arrowCoords && (c.top = N.arrowCoords.y, c.left = N.arrowCoords.x);
+      a.left = U.overlayCoords.x, a.top = U.overlayCoords.y, a.placement = U.placement, c.hidden = U.arrowCoords === void 0, U.arrowCoords && (c.top = U.arrowCoords.y, c.left = U.arrowCoords.x);
     }
-    W(
+    R(
       () => e.placement,
-      () => j(I)
+      () => X(I)
     );
-    let B;
-    function K() {
-      H(0);
+    let S;
+    function G() {
+      N(0);
     }
-    function Y() {
-      H(e.delay);
+    function J() {
+      N(e.delay);
     }
-    function H(y) {
-      B || (B = window.setTimeout(() => {
+    function N(b) {
+      S || (S = window.setTimeout(() => {
         l.value = !0;
-      }, y));
+      }, b));
     }
-    function M() {
-      if (clearTimeout(B), B = void 0, l.value = !1, e.anchor && e.trigger === "click") {
-        const y = A();
-        y == null || y.focus();
+    function Q() {
+      if (clearTimeout(S), S = void 0, l.value = !1, e.anchor && e.trigger === "click") {
+        const b = D();
+        b == null || b.focus();
       }
     }
-    W(v, () => j(Z));
-    function Z() {
+    R(v, () => X(ee));
+    function ee() {
       n("enter");
     }
-    let U;
-    function J() {
-      window.clearTimeout(U), U = window.setTimeout(() => a.animating = !1, 200), n("leave");
+    let O;
+    function te() {
+      window.clearTimeout(O), O = window.setTimeout(() => a.animating = !1, 200), n("leave");
     }
-    function A() {
-      return e.anchor ? Yt(e.anchor) : null;
+    function D() {
+      return e.anchor ? Mt(e.anchor) : null;
     }
-    let G;
+    let W;
     function f() {
-      const y = A();
-      if (y)
-        switch (G = new MutationObserver(I), G.observe(y, {
+      const b = D();
+      if (b)
+        switch (W = new MutationObserver(I), W.observe(b, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), e.trigger) {
           case "click":
-            y.addEventListener("click", K);
+            b.addEventListener("click", G);
             break;
           case "hover":
-            y.addEventListener("mouseenter", Y), y.addEventListener("mouseleave", M), y.addEventListener("focusin", K), y.addEventListener("focusout", M);
+            b.addEventListener("mouseenter", J), b.addEventListener("mouseleave", Q), b.addEventListener("focusin", G), b.addEventListener("focusout", Q);
             break;
         }
     }
     function g() {
-      const y = A();
-      if (y)
-        switch (G == null || G.disconnect(), e.trigger) {
+      const b = D();
+      if (b)
+        switch (W == null || W.disconnect(), e.trigger) {
           case "click":
-            y.removeEventListener("click", K);
+            b.removeEventListener("click", G);
             break;
           case "hover":
-            y.removeEventListener("mouseenter", Y), y.removeEventListener("mouseleave", M), y.removeEventListener("focusin", K), y.removeEventListener("focusout", M);
+            b.removeEventListener("mouseenter", J), b.removeEventListener("mouseleave", Q), b.removeEventListener("focusin", G), b.removeEventListener("focusout", Q);
             break;
         }
     }
@@ -1132,93 +1072,95 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     function p() {
       window.removeEventListener("resize", I), e.scrollLock || window.removeEventListener("scroll", I);
     }
-    let F;
-    function ee() {
-      A() ? (I(), F = window.setTimeout(ee, 100)) : M();
+    let M;
+    function oe() {
+      D() ? (I(), M = window.setTimeout(oe, 100)) : Q();
     }
     function P() {
-      d(), e.spy ? ee() : I(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && j(() => {
-        var y;
-        return (y = T.value) == null ? void 0 : y.focus();
+      d(), e.spy ? oe() : I(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && X(() => {
+        var b;
+        return (b = C.value) == null ? void 0 : b.focus();
       });
     }
-    function oe() {
-      p(), e.spy && (clearTimeout(F), F = void 0), e.scrollLock && document.body.classList.remove("no-scroll"), a.top = 0, a.left = 0;
+    function le() {
+      p(), e.spy && (clearTimeout(M), M = void 0), e.scrollLock && document.body.classList.remove("no-scroll"), a.top = 0, a.left = 0;
     }
-    function ge() {
-      e.persistent || M();
+    function we() {
+      e.persistent || Q();
     }
-    return Ke(() => {
-      j(f);
-    }), Xe(() => {
-      g(), oe();
-    }), W(
+    return Ze(() => {
+      X(f);
+    }), lt(() => {
+      g(), le();
+    }), R(
       l,
-      (y) => {
-        j(() => y ? P() : oe());
+      (b) => {
+        X(() => b ? P() : le());
       },
       { immediate: !0 }
-    ), (y, re) => (u(), D(Ye, {
-      disabled: !l.value && !a.animating || !e.attach,
+    ), (b, de) => (u(), E(at, {
+      disabled: !l.value && !a.animating || e.inline,
       to: e.attach
     }, [
       i.value ? (u(), m("div", {
         key: 0,
-        class: C([
+        class: V([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
       }, null, 2)) : q("", !0),
-      Q(Ze, {
+      z(st, {
         name: e.transition,
         appear: "",
-        onLeave: J
+        onLeave: te
       }, {
         default: w(() => [
           l.value ? (u(), m("div", {
             key: 0,
-            class: C(s.value),
+            class: V(s.value),
             style: ie($.value)
           }, [
-            le("div", ce({
+            H("div", fe({
               class: "q-overlay__content",
               ref_key: "overlayRef",
-              ref: T,
+              ref: C,
               tabindex: "-1",
               role: i.value ? "dialog" : void 0
-            }, y.$attrs, {
-              onKeydown: Je(ge, ["escape"]),
-              onBlur: ge
+            }, b.$attrs, {
+              onKeydown: it(we, ["escape"]),
+              onBlur: we
             }), [
               e.arrow ? (u(), m("div", {
                 key: 0,
                 ref_key: "arrowRef",
-                ref: z,
+                ref: A,
                 role: "presentation",
                 class: "q-overlay__arrow",
                 style: ie(x.value)
               }, null, 4)) : q("", !0),
-              h(y.$slots, "default")
-            ], 16, Zt)
+              h(b.$slots, "default")
+            ], 16, Ft)
           ], 6)) : q("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), $e = S(Jt), eo = ["id"], to = {
+});
+Z(me);
+const Ot = ["id"], Pt = {
   key: 0,
   class: "q-field__label"
-}, oo = ["for"], no = {
+}, Ut = ["for"], Nt = {
   key: 0,
   class: "q-field__prepend"
-}, lo = {
+}, Ht = {
   key: 1,
   class: "q-field__append"
-}, ao = {
+}, Kt = {
   key: 1,
   class: "q-field__extras"
-}, so = /* @__PURE__ */ L({
+}, ke = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1232,12 +1174,12 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     class: { default: void 0 }
   },
   setup(t, { expose: o }) {
-    const e = t, n = ye(e.id), l = V(null), s = k(() => e.required && !e.readonly && !e.disabled);
+    const e = t, n = ge(e.id), l = B(null), s = k(() => e.required && !e.readonly && !e.disabled);
     return o({
       fieldRef: l
     }), (i, a) => (u(), m("div", {
-      id: b(n),
-      class: C([
+      id: y(n),
+      class: V([
         "q-field",
         `q-field--${e.size}`,
         {
@@ -1248,37 +1190,39 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         e.class
       ])
     }, [
-      e.label ? (u(), m("div", to, [
+      e.label ? (u(), m("div", Pt, [
         h(i.$slots, "label.prepend"),
-        le("label", {
+        H("label", {
           for: e.for
-        }, R(e.label), 9, oo),
+        }, j(e.label), 9, Ut),
         h(i.$slots, "label.append")
       ])) : q("", !0),
       h(i.$slots, "control", {}, () => [
-        le("div", ce({
+        H("div", fe({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: l
         }, i.$attrs), [
-          i.$slots.prepend ? (u(), m("div", no, [
+          i.$slots.prepend ? (u(), m("div", Nt, [
             h(i.$slots, "prepend")
           ])) : q("", !0),
           h(i.$slots, "default"),
-          i.$slots.append ? (u(), m("div", lo, [
+          i.$slots.append ? (u(), m("div", Ht, [
             h(i.$slots, "append")
           ])) : q("", !0)
         ], 16)
       ]),
-      i.$slots.extras ? (u(), m("div", ao, [
+      i.$slots.extras ? (u(), m("div", Kt, [
         h(i.$slots, "extras")
       ])) : q("", !0)
-    ], 10, eo));
+    ], 10, Ot));
   }
-}), Be = S(so), io = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], ro = /* @__PURE__ */ L({
+});
+Z(ke);
+const jt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Qe = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     id: { default: void 0 },
     placeholder: { default: "" },
     label: { default: "" },
@@ -1296,7 +1240,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const e = t, n = te(t, "modelValue"), l = ye(e.id), s = V(null), i = V(null), a = k(
+    const e = t, n = ne(t, "modelValue"), l = ge(e.id), s = B(null), i = B(null), a = k(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
     return o({
@@ -1305,17 +1249,17 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         return (c = s.value) == null ? void 0 : c.fieldRef;
       }),
       inputRef: i
-    }), (c, v) => (u(), D(b(Be), {
+    }), (c, v) => (u(), E(y(ke), {
       ref_key: "fieldRef",
       ref: s,
-      class: C(["q-text-field", e.class]),
-      for: b(l),
+      class: V(["q-text-field", e.class]),
+      for: y(l),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required
-    }, we({
+    }, Ie({
       "label.prepend": w(() => [
         h(c.$slots, "label.prepend")
       ]),
@@ -1323,11 +1267,11 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         h(c.$slots, "label.append")
       ]),
       default: w(() => [
-        et(le("input", ce({
+        rt(H("input", fe({
           "onUpdate:modelValue": v[0] || (v[0] = ($) => n.value = $),
           ref_key: "inputRef",
           ref: i,
-          id: b(l),
+          id: y(l),
           class: "q-text-field__input",
           type: e.type,
           role: e.role,
@@ -1336,8 +1280,8 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, c.$attrs), null, 16, io), [
-          [tt, n.value]
+        }, c.$attrs), null, 16, jt), [
+          [dt, n.value]
         ])
       ]),
       _: 2
@@ -1365,24 +1309,26 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), uo = S(ro), co = ["data-key"], fo = {
+});
+Z(Qe);
+const Gt = ["data-key"], Wt = {
   key: 0,
   class: "q-select__loader"
-}, po = {
+}, Rt = {
   key: 2,
   class: "q-select__loader"
-}, mo = {
+}, Xt = {
   noData: "No data available"
-}, vo = {
+}, Yt = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, ho = /* @__PURE__ */ L({
+}, Zt = /* @__PURE__ */ L({
   __name: "QCombobox",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     id: { default: void 0 },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
@@ -1399,8 +1345,8 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => mo },
-    icons: { default: () => vo },
+    texts: { default: () => Xt },
+    icons: { default: () => Yt },
     class: { default: void 0 }
   }, {
     modelValue: {
@@ -1412,153 +1358,153 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     search: { default: "" },
     searchModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
+  emits: /* @__PURE__ */ Y(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(t, { expose: o, emit: e }) {
-    const n = t, l = e, s = te(t, "modelValue"), i = te(t, "open"), a = te(t, "search"), c = V(void 0), v = V(null), $ = V(null), x = V(null), z = V(null);
-    Ke(U);
-    const T = k(() => n.clearable && !n.readonly && !n.disabled), I = k(() => {
+    const n = t, l = e, s = ne(t, "modelValue"), i = ne(t, "open"), a = ne(t, "search"), c = B(void 0), v = B(null), $ = B(null), x = B(null), A = B(null);
+    Ze(O);
+    const C = k(() => n.clearable && !n.readonly && !n.disabled), I = k(() => {
       var r;
-      return n.filterMode === "manual" || !M.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
+      return n.filterMode === "manual" || !Q.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
         (_) => _[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
       );
-    }), B = k(() => {
+    }), S = k(() => {
       var r;
       return (r = n.items) == null ? void 0 : r.find((_) => _[n.itemValue] === s.value);
-    }), K = k(() => B.value === void 0), Y = k(() => {
+    }), G = k(() => S.value === void 0), J = k(() => {
       const r = c.value;
       if (r !== void 0 && I.value[r])
         return I.value[r];
-    }), H = k(() => {
+    }), N = k(() => {
       var _;
       if (c.value === void 0)
         return;
       const r = (_ = $.value) == null ? void 0 : _.getItem(c.value);
       return r == null ? void 0 : r.id;
-    }), M = k(() => {
+    }), Q = k(() => {
       var r;
-      return a.value.length > 0 && a.value !== ((r = B.value) == null ? void 0 : r[n.itemLabel]);
+      return a.value.length > 0 && a.value !== ((r = S.value) == null ? void 0 : r[n.itemLabel]);
     });
-    function Z(r) {
-      s.value = r, A();
+    function ee(r) {
+      s.value = r, D();
     }
-    function U() {
+    function O() {
       var _;
-      const r = ((_ = B.value) == null ? void 0 : _[n.itemLabel]) || "";
+      const r = ((_ = S.value) == null ? void 0 : _[n.itemLabel]) || "";
       a.value !== r && (a.value = r);
     }
-    function J() {
-      i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, oe());
+    function te() {
+      i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, le());
     }
-    function A() {
+    function D() {
       i.value && (l("before-hide"), i.value = !1, c.value = void 0);
     }
-    function G() {
-      i.value ? A() : g();
+    function W() {
+      i.value ? D() : g();
     }
     function f() {
-      T.value && (s.value = n.emptyValue, c.value = void 0, oe());
+      C.value && (s.value = n.emptyValue, c.value = void 0, le());
     }
     function g() {
-      if (J(), B.value !== void 0) {
-        const r = I.value.indexOf(B.value);
-        r !== -1 && j(() => N(r));
+      if (te(), S.value !== void 0) {
+        const r = I.value.indexOf(S.value);
+        r !== -1 && X(() => U(r));
       }
     }
     function d(r) {
-      var _, E;
+      var _, T;
       if (!(!r.key || n.readonly || n.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
-          U(), i.value && A();
+          O(), i.value && D();
         else if (["ArrowDown", "ArrowUp"].includes(r.key))
-          i.value ? j(() => {
+          i.value ? X(() => {
             if (c.value === void 0)
               p();
             else {
-              const O = r.key === "ArrowDown" ? "next" : "prev";
-              ee(c.value, O);
+              const F = r.key === "ArrowDown" ? "next" : "prev";
+              oe(c.value, F);
             }
-          }) : (J(), j(() => {
-            r.key === "ArrowDown" ? p() : F();
+          }) : (te(), X(() => {
+            r.key === "ArrowDown" ? p() : M();
           }));
         else if (r.key === "Enter") {
-          if (Y.value === void 0)
+          if (J.value === void 0)
             return;
-          Z(Y.value[n.itemValue]);
+          ee(J.value[n.itemValue]);
         } else
-          r.key === "Home" ? c.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex() : r.key === "End" ? c.value = (E = $.value) == null ? void 0 : E.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && J();
+          r.key === "Home" ? c.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex() : r.key === "End" ? c.value = (T = $.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && te();
     }
     function p() {
       var r, _;
-      if (K.value)
+      if (G.value)
         c.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex();
       else {
-        const E = I.value.findIndex(
-          (O) => O[n.itemValue] === s.value
+        const T = I.value.findIndex(
+          (F) => F[n.itemValue] === s.value
         );
-        E === -1 ? c.value = (r = $.value) == null ? void 0 : r.getFirstFocusableItemIndex() : c.value = E;
+        T === -1 ? c.value = (r = $.value) == null ? void 0 : r.getFirstFocusableItemIndex() : c.value = T;
       }
     }
-    function F() {
+    function M() {
       var r;
       c.value = (r = $.value) == null ? void 0 : r.getLastFocusableItemIndex();
     }
-    function ee(r, _) {
-      var E;
-      c.value = (E = $.value) == null ? void 0 : E.getAdjacentItemIndex(r, _);
+    function oe(r, _) {
+      var T;
+      c.value = (T = $.value) == null ? void 0 : T.getAdjacentItemIndex(r, _);
     }
     function P(r) {
-      var de, Ve, Ce, Te;
-      const _ = ((de = x == null ? void 0 : x.value) == null ? void 0 : de.$el) === r.relatedTarget, E = (Ce = (Ve = v == null ? void 0 : v.value) == null ? void 0 : Ve.$el) == null ? void 0 : Ce.contains(r.relatedTarget), O = (Te = z == null ? void 0 : z.value) == null ? void 0 : Te.contains(r.relatedTarget);
-      if (_ || O || E) {
+      var ue, Me, Fe, Oe;
+      const _ = ((ue = x == null ? void 0 : x.value) == null ? void 0 : ue.$el) === r.relatedTarget, T = (Fe = (Me = v == null ? void 0 : v.value) == null ? void 0 : Me.$el) == null ? void 0 : Fe.contains(r.relatedTarget), F = (Oe = A == null ? void 0 : A.value) == null ? void 0 : Oe.contains(r.relatedTarget);
+      if (_ || F || T) {
         r.preventDefault(), r.stopPropagation();
         return;
       }
-      A(), T.value && !a.value && (s.value = n.emptyValue), U();
+      D(), C.value && !a.value && (s.value = n.emptyValue), O();
     }
-    function oe() {
+    function le() {
       var r, _;
       (_ = (r = v.value) == null ? void 0 : r.inputRef) == null || _.focus();
     }
-    function ge() {
-      oe();
+    function we() {
+      le();
     }
-    function y() {
+    function b() {
       l("show");
     }
-    function re() {
+    function de() {
       l("hide");
     }
-    function N(r) {
-      var E;
-      const _ = (E = $.value) == null ? void 0 : E.getItem(r);
+    function U(r) {
+      var T;
+      const _ = (T = $.value) == null ? void 0 : T.getItem(r);
       $.value && ($.value.$el.scrollTop = _ == null ? void 0 : _.offsetTop);
     }
-    return W(s, U), W(
+    return R(s, O), R(
       () => n.items,
       (r, _) => {
-        if (!K.value) {
-          const E = _.find((O) => O[n.itemValue] === s.value);
-          a.value === (E == null ? void 0 : E[n.itemLabel]) && U();
+        if (!G.value) {
+          const T = _.find((F) => F[n.itemValue] === s.value);
+          a.value === (T == null ? void 0 : T[n.itemLabel]) && O();
         }
       },
       { deep: !0 }
-    ), W(c, (r) => {
-      r !== void 0 && N(r);
-    }), W(a, (r) => {
-      r && i.value && n.selectionMode === "automatic" && j(p);
-    }), W(
+    ), R(c, (r) => {
+      r !== void 0 && U(r);
+    }), R(a, (r) => {
+      r && i.value && n.selectionMode === "automatic" && X(p);
+    }), R(
       () => n.loading,
       (r) => {
-        !r && i.value && j(p);
+        !r && i.value && X(p);
       }
     ), o({
       triggerEl: v
     }), (r, _) => {
-      var E;
-      return u(), m(ae, null, [
-        Q(b(uo), {
+      var T;
+      return u(), m(se, null, [
+        z(y(Qe), {
           modelValue: a.value,
-          "onUpdate:modelValue": _[0] || (_[0] = (O) => a.value = O),
+          "onUpdate:modelValue": _[0] || (_[0] = (F) => a.value = F),
           id: n.id,
           label: n.label,
           required: n.required,
@@ -1566,7 +1512,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           ref: v,
           role: "combobox",
           placeholder: n.placeholder,
-          class: C([
+          class: V([
             "q-combobox",
             {
               "q-combobox--readonly": n.readonly,
@@ -1582,12 +1528,12 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           "aria-expanded": i.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
-          "aria-activedescendant": H.value,
+          "aria-activedescendant": N.value,
           size: n.size,
           onClick: g,
           onFocusout: P,
-          onKeydown: ue(d, ["stop"])
-        }, we({
+          onKeydown: ce(d, ["stop"])
+        }, Ie({
           "label.prepend": w(() => [
             h(r.$slots, "label.prepend")
           ]),
@@ -1596,7 +1542,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           ]),
           append: w(() => [
             h(r.$slots, "append"),
-            T.value && a.value ? (u(), D(b(he), {
+            C.value && a.value ? (u(), E(y(pe), {
               key: 0,
               class: "q-combobox__clear",
               "b-style": "plain",
@@ -1605,11 +1551,11 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
               onClick: f
             }, {
               default: w(() => [
-                Q(b(ne), se(fe(n.icons.clear)), null, 16)
+                z(y(K), ae(re(n.icons.clear)), null, 16)
               ]),
               _: 1
             })) : q("", !0),
-            n.readonly ? q("", !0) : (u(), D(b(he), {
+            n.readonly ? q("", !0) : (u(), E(y(pe), {
               key: 1,
               ref_key: "toggleRef",
               ref: x,
@@ -1618,10 +1564,10 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
               borderless: "",
               tabindex: "-1",
               disabled: n.disabled,
-              onMousedown: ue(G, ["stop", "prevent"])
+              onMousedown: ce(W, ["stop", "prevent"])
             }, {
               default: w(() => [
-                Q(b(ne), se(fe(n.icons.chevron)), null, 16)
+                z(y(K), ae(re(n.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
@@ -1643,57 +1589,57 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
             key: "1"
           } : void 0
         ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-        Q(b($e), {
+        z(y(me), {
           modelValue: i.value,
-          "onUpdate:modelValue": _[2] || (_[2] = (O) => i.value = O),
+          "onUpdate:modelValue": _[2] || (_[2] = (F) => i.value = F),
           spy: "",
           "non-modal": "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           offset: 4,
-          anchor: (E = v.value) == null ? void 0 : E.$el,
-          onEnter: y,
-          onLeave: re
+          anchor: (T = v.value) == null ? void 0 : T.$el,
+          onEnter: b,
+          onLeave: de
         }, {
           default: w(() => {
-            var O;
+            var F;
             return [
-              le("div", {
+              H("div", {
                 ref_key: "contentRef",
-                ref: z,
+                ref: A,
                 class: "q-select__body",
                 "data-testid": "combobox-dropdown",
                 "data-key": n.id,
                 onFocusout: P
               }, [
                 h(r.$slots, "body.prepend"),
-                n.loading ? (u(), m("div", fo, [
-                  Q(b(Se), { size: 24 })
-                ])) : I.value.length ? (u(), D(b(Re), {
+                n.loading ? (u(), m("div", Wt, [
+                  z(y(be), { size: 24 })
+                ])) : I.value.length ? (u(), E(y(xe), {
                   key: 1,
                   ref_key: "listRef",
                   ref: $,
                   class: "q-select__items",
                   modelValue: s.value,
                   "onUpdate:modelValue": [
-                    _[1] || (_[1] = (de) => s.value = de),
-                    Z
+                    _[1] || (_[1] = (ue) => s.value = ue),
+                    ee
                   ],
-                  highlighted: (O = Y.value) == null ? void 0 : O[n.itemValue],
+                  highlighted: (F = J.value) == null ? void 0 : F[n.itemValue],
                   items: I.value,
                   groups: r.groups,
                   "item-label": n.itemLabel,
                   "item-value": n.itemValue,
-                  onMouseup: ge
+                  onMouseup: we
                 }, {
-                  item: w(({ item: de }) => [
-                    h(r.$slots, "item", { item: de })
+                  item: w(({ item: ue }) => [
+                    h(r.$slots, "item", { item: ue })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", po, R(r.texts.noData), 1)),
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", Rt, j(r.texts.noData), 1)),
                 h(r.$slots, "body.append")
-              ], 40, co)
+              ], 40, Gt)
             ];
           }),
           _: 3
@@ -1701,13 +1647,13 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       ], 64);
     };
   }
-}), Go = S(ho), yo = {
+}), Jt = {
   key: 0,
   class: "q-input-group__prepend"
-}, bo = { key: 0 }, go = {
+}, eo = { key: 0 }, to = {
   key: 1,
   class: "q-input-group__append"
-}, _o = { key: 0 }, ko = /* @__PURE__ */ L({
+}, oo = { key: 0 }, no = /* @__PURE__ */ L({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1720,28 +1666,28 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   },
   setup(t) {
     const o = t;
-    return Ge({
+    return et({
       QField: {
         size: "block"
       }
-    }), (e, n) => (u(), D(b(Be), {
+    }), (e, n) => (u(), E(y(ke), {
       id: o.id,
-      class: C(["q-input-group", o.class]),
+      class: V(["q-input-group", o.class]),
       label: o.label,
       required: o.required,
       size: o.size
-    }, we({
+    }, Ie({
       default: w(() => [
-        e.$slots.prepend || o.prependIcon ? (u(), m("div", yo, [
-          o.prependIcon ? (u(), m("span", bo, [
-            Q(b(ne), se(fe(o.prependIcon)), null, 16)
+        e.$slots.prepend || o.prependIcon ? (u(), m("div", Jt, [
+          o.prependIcon ? (u(), m("span", eo, [
+            z(y(K), ae(re(o.prependIcon)), null, 16)
           ])) : q("", !0),
           h(e.$slots, "prepend")
         ])) : q("", !0),
         h(e.$slots, "default"),
-        e.$slots.append || o.appendIcon ? (u(), m("div", go, [
-          o.appendIcon ? (u(), m("span", _o, [
-            Q(b(ne), se(fe(o.appendIcon)), null, 16)
+        e.$slots.append || o.appendIcon ? (u(), m("div", to, [
+          o.appendIcon ? (u(), m("span", oo, [
+            z(y(K), ae(re(o.appendIcon)), null, 16)
           ])) : q("", !0),
           h(e.$slots, "append")
         ])) : q("", !0)
@@ -1757,7 +1703,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       } : void 0
     ]), 1032, ["id", "class", "label", "required", "size"]));
   }
-}), Wo = S(ko), wo = /* @__PURE__ */ L({
+}), lo = /* @__PURE__ */ L({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
@@ -1765,22 +1711,23 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   setup(t) {
     const o = t;
     return (e, n) => (u(), m("div", {
-      class: C(["q-line-loader", o.class])
+      class: V(["q-line-loader", o.class])
     }, null, 2));
   }
-}), jo = S(wo), $o = {
+}), ao = {
   key: 0,
   class: "q-popover__header"
-}, qo = {
+}, so = {
   key: 1,
   class: "q-popover__body"
-}, Io = ["innerHTML"], xo = { key: 1 }, Lo = /* @__PURE__ */ L({
+}, io = ["innerHTML"], ro = { key: 1 }, uo = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QPopover",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     anchor: {},
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
+    inline: { type: Boolean },
     disabled: { type: Boolean },
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
@@ -1792,54 +1739,55 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, e = te(t, "modelValue");
-    return (n, l) => (u(), D(b($e), {
+    const o = t, e = ne(t, "modelValue");
+    return (n, l) => (u(), E(y(me), {
       "model-value": e.value,
       class: "q-popover",
       trigger: "click",
       anchor: o.anchor,
       arrow: o.arrow,
       attach: o.attach,
+      inline: o.inline,
       disabled: o.disabled,
       placement: o.placement
     }, {
       default: w(() => [
-        o.title || n.$slots.header ? (u(), m("h3", $o, [
-          me(R(o.title) + " ", 1),
+        o.title || n.$slots.header ? (u(), m("h3", ao, [
+          he(j(o.title) + " ", 1),
           h(n.$slots, "header")
         ])) : q("", !0),
-        o.text || n.$slots.body ? (u(), m("div", qo, [
+        o.text || n.$slots.body ? (u(), m("div", so, [
           o.html ? (u(), m("span", {
             key: 0,
             innerHTML: o.text
-          }, null, 8, Io)) : (u(), m("span", xo, R(o.text), 1)),
+          }, null, 8, io)) : (u(), m("span", ro, j(o.text), 1)),
           h(n.$slots, "body")
         ])) : q("", !0)
       ]),
       _: 3
-    }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
+    }, 8, ["model-value", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
   }
-}), Ro = S(Lo), So = {
+}), co = {
   key: 0,
   class: "q-select__value"
-}, Bo = {
+}, fo = {
   key: 1,
   class: "q-select__placeholder"
-}, Vo = ["data-key"], Co = {
+}, po = ["data-key"], mo = {
   key: 0,
   class: "q-select__loader"
-}, To = {
+}, vo = {
   placeholder: "Choose..."
-}, Eo = {
+}, ho = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, Do = /* @__PURE__ */ L({
+}, yo = /* @__PURE__ */ L({
   __name: "QSelect",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -1847,14 +1795,14 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => Eo },
+    icons: { default: () => ho },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => To },
+    texts: { default: () => vo },
     class: { default: "" }
   }, {
     modelValue: {
@@ -1862,41 +1810,41 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, l = te(t, "modelValue"), s = V(!1), i = V(""), a = V(null), c = V(null), v = V(null), $ = k(() => x.value === void 0), x = k(
+    const e = t, n = o, l = ne(t, "modelValue"), s = B(!1), i = B(""), a = B(null), c = B(null), v = B(null), $ = k(() => x.value === void 0), x = k(
       () => {
         var d;
         return (d = e.items) == null ? void 0 : d.find((p) => p[e.itemValue] === l.value);
       }
-    ), z = k(
+    ), A = k(
       () => x.value ? x.value[e.itemLabel] : ""
-    ), T = k(
+    ), C = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function I(d) {
-      l.value = d, H();
+      l.value = d, N();
     }
-    function B() {
-      T.value && I(e.emptyValue);
+    function S() {
+      C.value && I(e.emptyValue);
     }
-    function K(d) {
-      var p, F, ee;
-      !((p = v.value) != null && p.contains(d.relatedTarget)) && !((ee = (F = a.value) == null ? void 0 : F.fieldRef) != null && ee.contains(d.relatedTarget)) && H();
+    function G(d) {
+      var p, M, oe;
+      !((p = v.value) != null && p.contains(d.relatedTarget)) && !((oe = (M = a.value) == null ? void 0 : M.fieldRef) != null && oe.contains(d.relatedTarget)) && N();
     }
-    function Y() {
+    function J() {
       s.value || (n("before-show"), s.value = !0);
     }
-    function H() {
+    function N() {
       s.value && (n("before-hide"), s.value = !1);
     }
-    function M() {
-      e.readonly || e.disabled || (s.value ? H() : Y());
+    function Q() {
+      e.readonly || e.disabled || (s.value ? N() : J());
     }
-    let Z;
-    function U(d) {
+    let ee;
+    function O(d) {
       if (!(!d.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(Z), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (s.value = !0), ["Escape", "Tab"].includes(d.key) && (s.value ? s.value = !1 : T.value && d.key === "Escape" && B()), d.key === "Delete" && e.clearable && B(), /^[a-z]$/i.test(d.key)) {
+        if (window.clearTimeout(ee), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (s.value = !0), ["Escape", "Tab"].includes(d.key) && (s.value ? s.value = !1 : C.value && d.key === "Escape" && S()), d.key === "Delete" && e.clearable && S(), /^[a-z]$/i.test(d.key)) {
           i.value += d.key.toLowerCase();
           for (let p = 0; p < e.items.length; p++)
             if (e.items[p][e.itemLabel].toLowerCase().startsWith(i.value)) {
@@ -1904,19 +1852,19 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
               break;
             }
         }
-        Z = window.setTimeout(function() {
+        ee = window.setTimeout(function() {
           i.value = "";
         }, 500);
       }
     }
-    function J() {
+    function te() {
       var d;
       e.loading ? (d = v.value) == null || d.focus() : f(), n("show");
     }
-    function A() {
-      G(), n("hide");
+    function D() {
+      W(), n("hide");
     }
-    function G() {
+    function W() {
       var d, p;
       (p = (d = a.value) == null ? void 0 : d.fieldRef) == null || p.focus();
     }
@@ -1928,15 +1876,15 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       var p;
       (p = c.value) == null || p.focusItem(d);
     }
-    return W(
+    return R(
       () => e.loading,
       (d) => {
-        !d && s.value && j(f);
+        !d && s.value && X(f);
       }
     ), (d, p) => {
-      var F, ee;
-      return u(), m(ae, null, [
-        Q(b(Be), {
+      var M, oe;
+      return u(), m(se, null, [
+        z(y(ke), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1944,7 +1892,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           ref: a,
           role: "combobox",
           tabindex: e.disabled ? -1 : 0,
-          class: C([
+          class: V([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1959,55 +1907,55 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           "aria-expanded": s.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: M,
-          onKeydown: ue(U, ["stop"])
-        }, we({
+          onClick: Q,
+          onKeydown: ce(O, ["stop"])
+        }, Ie({
           append: w(() => [
             h(d.$slots, "append"),
-            T.value && l.value ? (u(), D(b(he), {
+            C.value && l.value ? (u(), E(y(pe), {
               key: 0,
               class: "q-select__clear",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: B
+              onClick: S
             }, {
               default: w(() => [
-                Q(b(ne), se(fe(e.icons.clear)), null, 16)
+                z(y(K), ae(re(e.icons.clear)), null, 16)
               ]),
               _: 1
             })) : q("", !0),
-            e.readonly ? q("", !0) : (u(), D(b(he), {
+            e.readonly ? q("", !0) : (u(), E(y(pe), {
               key: 1,
               class: "q-select__chevron",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: e.disabled,
-              onClick: M
+              onClick: Q
             }, {
               default: w(() => [
-                Q(b(ne), se(fe(e.icons.chevron)), null, 16)
+                z(y(K), ae(re(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
           default: w(() => [
-            $.value ? (u(), m("span", Bo, [
-              !e.readonly && !e.disabled ? (u(), m(ae, { key: 0 }, [
-                me(R(d.texts.placeholder), 1)
+            $.value ? (u(), m("span", fo, [
+              !e.readonly && !e.disabled ? (u(), m(se, { key: 0 }, [
+                he(j(d.texts.placeholder), 1)
               ], 64)) : q("", !0)
-            ])) : (u(), m("span", So, R(z.value), 1))
+            ])) : (u(), m("span", co, j(A.value), 1))
           ]),
           _: 2
         }, [
-          (F = x.value) != null && F.icon || d.$slots.prepend ? {
+          (M = x.value) != null && M.icon || d.$slots.prepend ? {
             name: "prepend",
             fn: w(() => {
-              var P, oe;
+              var P, le;
               return [
                 h(d.$slots, "prepend"),
-                (P = x.value) != null && P.icon ? (u(), D(b(ne), se(ce({ key: 0 }, (oe = x.value) == null ? void 0 : oe.icon)), null, 16)) : q("", !0)
+                (P = x.value) != null && P.icon ? (u(), E(y(K), ae(fe({ key: 0 }, (le = x.value) == null ? void 0 : le.icon)), null, 16)) : q("", !0)
               ];
             }),
             key: "0"
@@ -2020,7 +1968,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-        Q(b($e), {
+        z(y(me), {
           modelValue: s.value,
           "onUpdate:modelValue": p[1] || (p[1] = (P) => s.value = P),
           spy: "",
@@ -2028,26 +1976,26 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           placement: "bottom-start",
           width: "anchor",
           "scroll-lock": "",
-          anchor: (ee = a.value) == null ? void 0 : ee.$el,
+          anchor: (oe = a.value) == null ? void 0 : oe.$el,
           offset: 2,
-          onEnter: J,
-          onLeave: A
+          onEnter: te,
+          onLeave: D
         }, {
           default: w(() => [
-            le("div", {
+            H("div", {
               ref_key: "contentRef",
               ref: v,
               "data-testid": "combobox-dropdown",
               "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: K,
-              onKeydown: ue(U, ["stop"])
+              onFocusout: G,
+              onKeydown: ce(O, ["stop"])
             }, [
               h(d.$slots, "body.prepend"),
-              e.loading ? (u(), m("div", Co, [
-                Q(b(Se), { size: 24 })
-              ])) : (u(), D(b(Re), {
+              e.loading ? (u(), m("div", mo, [
+                z(y(be), { size: 24 })
+              ])) : (u(), E(y(xe), {
                 key: 1,
                 ref_key: "listRef",
                 ref: c,
@@ -2068,16 +2016,16 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
               h(d.$slots, "body.append")
-            ], 40, Vo)
+            ], 40, po)
           ]),
           _: 3
         }, 8, ["modelValue", "anchor"])
       ], 64);
     };
   }
-}), Xo = S(Do), Ao = /* @__PURE__ */ le("div", { class: "q-skeleton-loader__bone" }, null, -1), zo = [
-  Ao
-], Qo = /* @__PURE__ */ L({
+}), bo = /* @__PURE__ */ H("div", { class: "q-skeleton-loader__bone" }, null, -1), go = [
+  bo
+], _o = /* @__PURE__ */ L({
   __name: "QSkeletonLoader",
   props: {
     type: { default: void 0 },
@@ -2093,11 +2041,11 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       };
     });
     return (l, s) => (u(), m("div", {
-      class: C(["q-skeleton-loader", e.value]),
+      class: V(["q-skeleton-loader", e.value]),
       style: ie(n.value)
-    }, zo, 6));
+    }, go, 6));
   }
-}), Yo = S(Qo), Mo = /* @__PURE__ */ L({
+}), ko = /* @__PURE__ */ L({
   __name: "QThemeProvider",
   props: {
     theme: {}
@@ -2105,19 +2053,20 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   setup(t) {
     const o = t;
     return (e, n) => (u(), m("div", {
-      class: C(["q-theme-provider", `q-theme--${o.theme}`])
+      class: V(["q-theme-provider", `q-theme--${o.theme}`])
     }, [
       h(e.$slots, "default")
     ], 2));
   }
-}), Zo = S(Mo), Fo = ["innerHTML"], Oo = { key: 1 }, Uo = /* @__PURE__ */ L({
+}), wo = ["innerHTML"], $o = { key: 1 }, qo = /* @__PURE__ */ L({
   __name: "QTooltip",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     id: { default: void 0 },
     anchor: {},
     appearance: { default: "inverted" },
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
+    inline: { type: Boolean },
     delay: { default: 500 },
     disabled: { type: Boolean },
     html: { type: Boolean, default: !0 },
@@ -2131,21 +2080,22 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, e = te(t, "modelValue"), n = ye(o.id);
-    return (l, s) => (u(), m(ae, null, [
+    const o = t, e = ne(t, "modelValue"), n = ge(o.id);
+    return (l, s) => (u(), m(se, null, [
       h(l.$slots, "anchor", {
-        props: { "aria-describedby": b(n) }
+        props: { "aria-describedby": y(n) }
       }),
-      Q(b($e), {
+      z(y(me), {
         "model-value": e.value,
         anchor: o.anchor,
         role: "tooltip",
         "non-modal": "",
-        id: b(n),
+        id: y(n),
         appearance: o.appearance,
         arrow: o.arrow,
         attach: o.attach,
-        class: C(["q-tooltip", o.class]),
+        inline: o.inline,
+        class: V(["q-tooltip", o.class]),
         delay: o.delay,
         disabled: o.disabled,
         placement: o.placement,
@@ -2155,40 +2105,136 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           o.html ? (u(), m("span", {
             key: 0,
             innerHTML: o.text
-          }, null, 8, Fo)) : (u(), m("span", Oo, R(o.text), 1))
+          }, null, 8, wo)) : (u(), m("span", $o, j(o.text), 1))
         ]),
         _: 1
-      }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
+      }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Jo = S(Uo);
+}), Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  QButton: pe,
+  QButtonGroup: nt,
+  QButtonToggle: vt,
+  QCombobox: Zt,
+  QField: ke,
+  QIcon: K,
+  QIconFont: Te,
+  QIconImg: Ee,
+  QIconSvg: De,
+  QInputGroup: no,
+  QLineLoader: lo,
+  QList: xe,
+  QListItem: Ae,
+  QListItemGroup: ze,
+  QOverlay: me,
+  QPopover: uo,
+  QSelect: yo,
+  QSkeletonLoader: _o,
+  QSpinnerLoader: be,
+  QTextField: Qe,
+  QThemeProvider: ko,
+  QTooltip: qo
+}, Symbol.toStringTag, { value: "Module" })), ye = "q-theme";
+function xo() {
+  const t = Re(ye);
+  if (!t)
+    throw new Error("[Quidgest UI] Could not find theme instance");
+  return t;
+}
+function zo(t) {
+  const o = xo(), e = {
+    activeTheme: B(t),
+    themes: o.themes
+  };
+  return We(ye, e), e;
+}
+function Lo(t) {
+  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
+}
+function So(t) {
+  if (!Lo(t))
+    throw new Error("Invalid color format");
+  t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
+  const o = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), n = parseInt(t.slice(5, 7), 16);
+  return { r: o, g: e, b: n };
+}
+function Bo() {
+  let t = document.getElementById(
+    ye
+  );
+  return t || (t = document.createElement("style"), t.id = ye, document.head.appendChild(t)), t;
+}
+function Vo(t) {
+  let o = "";
+  for (const n of t) {
+    o += `.q-theme--${n.name} {
+`;
+    const l = n.scheme;
+    let s;
+    for (s in l) {
+      const i = l[s];
+      if (i) {
+        o += `  ${Ge(s)}: ${i};
+`;
+        const a = So(i);
+        o += `  ${Ge(s)}-rgb: ${a.r} ${a.g} ${a.b};
+`;
+      }
+    }
+    o += `}
+`;
+  }
+  const e = Bo();
+  e.textContent = o;
+}
+function Ge(t) {
+  return t ? `--q-theme-${ot(t)}` : "";
+}
+function Co(t = {}) {
+  return { install: (e) => {
+    const n = t.components || {};
+    for (const s in n)
+      e.component(s, n[s]);
+    const l = t.defaults || {};
+    e.provide(Ce, B(l)), To(e, t.themes);
+  } };
+}
+function To(t, o) {
+  const e = [];
+  let n;
+  if (!o)
+    n = "default", e.push({
+      name: n,
+      mode: "light",
+      scheme: Se
+    });
+  else
+    for (const l of o.themes) {
+      const i = { ...l.mode === "light" ? Se : Je, ...l.colors };
+      e.push({
+        name: l.name,
+        mode: l.mode,
+        scheme: i
+      }), l.name === o.defaultTheme && (n = l.name);
+    }
+  if (n) {
+    const l = {
+      activeTheme: B(n),
+      themes: e
+    };
+    Vo(e), R(l.activeTheme, Eo, { immediate: !0 }), t.provide(ye, l);
+  }
+}
+function Eo(t) {
+  const o = document.documentElement, n = Array.from(o.classList).filter((l) => !l.startsWith("q-theme"));
+  o.className = n.join(" "), o.classList.add(`q-theme--${t}`);
+}
+const Qo = (t = {}) => Co({ components: Io, ...t });
 export {
-  he as QButton,
-  bt as QButtonGroup,
-  Ko as QButtonToggle,
-  Go as QCombobox,
-  Be as QField,
-  ne as QIcon,
-  St as QIconFont,
-  Bt as QIconImg,
-  Vt as QIconSvg,
-  Wo as QInputGroup,
-  jo as QLineLoader,
-  Re as QList,
-  Ot as QListItem,
-  Ut as QListItemGroup,
-  $e as QOverlay,
-  Ro as QPopover,
-  Xo as QSelect,
-  Yo as QSkeletonLoader,
-  Se as QSpinnerLoader,
-  uo as QTextField,
-  Zo as QThemeProvider,
-  Jo as QTooltip,
-  Ho as createFramework,
-  lt as defaultDarkColorScheme,
-  Qe as defaultLightColorScheme,
-  No as provideTheme,
-  nt as useTheme
+  Io as components,
+  Qo as createFramework,
+  zo as provideTheme,
+  Ao as templates,
+  xo as useTheme
 };
-//# sourceMappingURL=ui.esm.js.map