@quidgest/ui 0.14.10 → 0.14.12

package/dist/ui.esm.js

@@ -1,10 +1,10 @@
-import { getCurrentInstance as Je, computed as y, ref as A, provide as De, inject as ze, watch as Z, defineComponent as C, mergeModels as G, toRef as Ve, useModel as K, openBlock as i, createElementBlock as f, renderSlot as p, normalizeClass as T, normalizeStyle as fe, withModifiers as ue, createVNode as D, unref as m, createCommentVNode as g, createElementVNode as q, Fragment as U, createTextVNode as ae, toDisplayString as E, createBlock as B, resolveDynamicComponent as Se, h as He, withCtx as w, normalizeProps as W, guardReactiveProps as ne, renderList as he, useAttrs as bt, createSlots as ye, withKeys as Ae, mergeProps as H, onMounted as Me, onUnmounted as gt, reactive as je, nextTick as te, onBeforeUnmount as _t, Teleport as $t, Transition as kt, withDirectives as wt, vModelDynamic as qt } from "vue";
+import { getCurrentInstance as st, computed as g, ref as B, provide as Fe, inject as Me, watch as Y, defineComponent as I, mergeModels as G, toRef as qe, useModel as K, createElementBlock as h, openBlock as d, renderSlot as p, normalizeStyle as ue, normalizeClass as T, withModifiers as ne, createCommentVNode as w, createElementVNode as x, createVNode as U, unref as y, Fragment as W, createTextVNode as ie, toDisplayString as z, createBlock as C, resolveDynamicComponent as Ie, h as Ye, withCtx as _, normalizeProps as se, guardReactiveProps as fe, renderList as ye, useAttrs as St, createSlots as pe, withKeys as De, mergeProps as Z, withDirectives as at, vModelDynamic as Bt, vModelText as Vt, onMounted as Oe, onUnmounted as Tt, reactive as Ze, nextTick as le, onBeforeUnmount as At, Teleport as Et, Transition as Dt } from "vue";
 /*!
- * Quidgest UI v0.14.10
+ * Quidgest UI v0.14.12
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
-const Ee = {
+const Qe = {
   primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -35,29 +35,29 @@ const Ee = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, et = {
-  primary: "#009ff5",
-  primaryLight: "#ade2ff",
-  primaryDark: "#164965",
+}, it = {
+  primary: "#008ad2",
+  primaryLight: "#006398",
+  primaryDark: "#cde5ff",
   secondary: "#003552",
   highlight: "#f65600",
-  info: "#25cbe4",
-  infoLight: "#bceff7",
-  infoDark: "#225964",
-  success: "#3acf5d",
-  successLight: "#c2f0cd",
-  successDark: "#275738",
+  info: "#17a2b8",
+  infoLight: "#11798a",
+  infoDark: "#bceff7",
+  success: "#28a745",
+  successLight: "#1e7d34",
+  successDark: "#c2f0cd",
   warning: "#ffa900",
-  warningLight: "#ffeabf",
-  warningDark: "#5a471e",
-  danger: "#de2b2b",
-  dangerLight: "#f7cccc",
-  dangerDark: "#4d2528",
+  warningLight: "#bf7f00",
+  warningDark: "#ffeabf",
+  danger: "#b71c1c",
+  dangerLight: "#891515",
+  dangerDark: "#f7cccc",
   background: "#202428",
   container: "#202428",
   neutral: "#9299a0",
-  neutralLight: "#dee1e3",
-  neutralDark: "#41464a",
+  neutralLight: "#40474f",
+  neutralDark: "#c4c5ca",
   onBackground: "#fff",
   onPrimary: "#fff",
   onSecondary: "#fff",
@@ -66,85 +66,85 @@ const Ee = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  defaultDarkColorScheme: et,
-  defaultLightColorScheme: Ee
+  defaultDarkColorScheme: it,
+  defaultLightColorScheme: Qe
 }, Symbol.toStringTag, { value: "Module" }));
-function Qe(n) {
+function ze(n) {
   return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
-function Ke(n) {
+function Je(n) {
   return n !== null && typeof n == "object" && !Array.isArray(n);
 }
-function Fe(n = {}, t = {}) {
+function Ue(n = {}, t = {}) {
   const e = {};
-  for (const l in n)
-    e[l] = n[l];
-  for (const l in t) {
-    const o = n[l], s = t[l];
-    if (Ke(o) && Ke(s)) {
-      e[l] = Fe(
-        o,
+  for (const o in n)
+    e[o] = n[o];
+  for (const o in t) {
+    const l = n[o], s = t[o];
+    if (Je(l) && Je(s)) {
+      e[o] = Ue(
+        l,
         s
       );
       continue;
     }
-    e[l] = s;
+    e[o] = s;
   }
   return e;
 }
-const Oe = "q-defaults";
-function xt() {
+const Pe = "q-defaults";
+function Qt() {
   var s, a;
-  const n = Je();
+  const n = st();
   if (!n)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const t = n.type.name ?? n.type.__name;
   if (!t) throw new Error("[Quidgest UI] Could not determine component name");
-  const e = tt(), l = (s = e.value) == null ? void 0 : s.Global, o = (a = e.value) == null ? void 0 : a[t];
-  return y(() => Fe(l, o));
+  const e = rt(), o = (s = e.value) == null ? void 0 : s.Global, l = (a = e.value) == null ? void 0 : a[t];
+  return g(() => Ue(o, l));
 }
-function Pe(n) {
-  if (Qe(n)) return;
-  const t = tt(), e = A(n), l = y(() => Qe(e.value) ? t.value : Fe(t.value, e.value));
-  De(Oe, l);
+function Ne(n) {
+  if (ze(n)) return;
+  const t = rt(), e = B(n), o = g(() => ze(e.value) ? t.value : Ue(t.value, e.value));
+  Fe(Pe, o);
 }
-function tt() {
-  const n = ze(Oe, void 0);
+function rt() {
+  const n = Me(Pe, void 0);
   if (!n) throw new Error("[Quidgest UI] Could not find defaults instance");
   return n;
 }
-const nt = "q-group";
-function St(n) {
-  var e, l;
+const dt = "q-group";
+function zt(n) {
+  var e, o;
   const t = {
-    active: A(((e = n.active) == null ? void 0 : e.value) ?? ((l = n.multiple) == null ? void 0 : l.value) ? [] : null),
-    multiple: y(() => {
-      var o;
-      return ((o = n.multiple) == null ? void 0 : o.value) || !1;
+    active: B(((e = n.active) == null ? void 0 : e.value) ?? ((o = n.multiple) == null ? void 0 : o.value) ? [] : null),
+    multiple: g(() => {
+      var l;
+      return ((l = n.multiple) == null ? void 0 : l.value) || !1;
     })
   };
-  return Z(
+  return Y(
     () => t.multiple.value,
-    (o) => {
-      o && t.active.value ? t.active.value = [t.active.value] : o ? t.active.value = [] : Array.isArray(t.active.value) && t.active.value.length === 1 ? t.active.value = t.active.value[0] : t.active.value = null;
+    (l) => {
+      l && t.active.value ? t.active.value = [t.active.value] : l ? t.active.value = [] : Array.isArray(t.active.value) && t.active.value.length === 1 ? t.active.value = t.active.value[0] : t.active.value = null;
     }
-  ), De(nt, t), t;
+  ), Fe(dt, t), t;
 }
-function Lt(n) {
-  const t = ze(nt, void 0);
+function Ft(n) {
+  const t = Me(dt, void 0);
   if (!t) return;
-  const e = y(() => {
-    var o;
-    return Array.isArray(t.active.value) ? (o = t.active.value) == null ? void 0 : o.includes(n) : t.active.value === n;
+  const e = g(() => {
+    var l;
+    return Array.isArray(t.active.value) ? (l = t.active.value) == null ? void 0 : l.includes(n) : t.active.value === n;
   });
   return { isActive: e, toggle: () => {
-    var o;
-    Array.isArray(t.active.value) ? e.value ? t.active.value = (o = t.active.value) == null ? void 0 : o.filter((s) => s !== n) : t.active.value.push(n) : t.active.value = n;
+    var l;
+    Array.isArray(t.active.value) ? e.value ? t.active.value = (l = t.active.value) == null ? void 0 : l.filter((s) => s !== n) : t.active.value.push(n) : t.active.value = n;
   } };
 }
-const Bt = { class: "q-accordion" }, Ct = /* @__PURE__ */ C({
+const Mt = { class: "q-accordion" }, Ot = /* @__PURE__ */ I({
   __name: "QAccordion",
   props: /* @__PURE__ */ G({
     variant: {}
@@ -154,66 +154,66 @@ const Bt = { class: "q-accordion" }, Ct = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    Pe({
+    Ne({
       QCollapsible: {
-        variant: Ve(n, "variant")
+        variant: qe(n, "variant")
       }
     });
     const e = K(n, "modelValue");
-    return St({ active: e }), (l, o) => (i(), f("div", Bt, [
-      p(l.$slots, "default")
+    return zt({ active: e }), (o, l) => (d(), h("div", Mt, [
+      p(o.$slots, "default")
     ]));
   }
 });
-function lt(n) {
+function ct(n) {
   return n.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
 }
-function It(n, t) {
-  var l;
-  const e = lt(t);
-  return e ? typeof ((l = n.props) == null ? void 0 : l[e]) < "u" : !1;
+function Ut(n, t) {
+  var o;
+  const e = ct(t);
+  return e ? typeof ((o = n.props) == null ? void 0 : o[e]) < "u" : !1;
 }
-function I(n) {
-  const t = n.setup;
-  return t && (n.setup = (e, l) => {
-    const o = xt();
-    if (Qe(o.value)) return t(e, l);
-    const s = Je();
-    if (s === null) return t(e, l);
-    const a = new Proxy(e, {
-      get(d, r) {
-        var x;
-        const u = Reflect.get(d, r), b = (x = o.value) == null ? void 0 : x[r];
-        return typeof r == "string" && !It(s.vnode, r) ? b ?? u : u;
+function L(n) {
+  const t = n, e = t.setup;
+  return e && (t.setup = (o, l) => {
+    const s = Qt();
+    if (ze(s.value)) return e(o, l);
+    const a = st();
+    if (a === null) return e(o, l);
+    const r = new Proxy(o, {
+      get(i, c) {
+        var A;
+        const b = Reflect.get(i, c), m = (A = s.value) == null ? void 0 : A[c];
+        return typeof c == "string" && !Ut(a.vnode, c) ? m ?? b : b;
       }
     });
-    return t(a, l);
+    return e(r, l);
   }), n;
 }
-const Tt = I(Ct), Vt = /* @__PURE__ */ C({
+const Pt = L(Ot), Nt = /* @__PURE__ */ I({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
-    class: { default: void 0 }
+    class: {}
   },
   setup(n) {
-    const t = n, e = y(() => ({
+    const t = n, e = g(() => ({
       "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
-    return (l, o) => (i(), f("div", {
+    return (o, l) => (d(), h("div", {
       class: T(["q-spinner-loader", t.class]),
-      style: fe(e.value)
+      style: ue(e.value)
     }, null, 6));
   }
-}), _e = I(Vt), At = ["disabled"], Et = {
+}), $e = L(Nt), Rt = ["disabled"], Gt = {
   key: 0,
   class: "q-btn__spinner"
-}, Qt = { class: "q-btn__content" }, Dt = /* @__PURE__ */ C({
+}, Ht = { class: "q-btn__content" }, Kt = /* @__PURE__ */ I({
   __name: "QButton",
   props: {
     active: { type: Boolean },
     bStyle: { default: "secondary" },
-    label: { default: "" },
+    label: {},
     disabled: { type: Boolean },
     iconOnRight: { type: Boolean },
     borderless: { type: Boolean },
@@ -221,20 +221,20 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
     block: { type: Boolean },
     loading: { type: Boolean },
     size: { default: "regular" },
-    class: { default: void 0 }
+    class: {}
   },
   emits: ["click"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = y(() => e.disabled || e.loading);
-    function s(d) {
-      o.value || l("click", d);
+    const e = n, o = t, l = g(() => e.disabled || e.loading);
+    function s(r) {
+      l.value || o("click", r);
     }
-    const a = y(() => {
-      const d = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
+    const a = g(() => {
+      const r = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
         `q-btn--${e.bStyle}`,
-        d,
+        r,
         {
           "q-btn--active": e.active,
           "q-btn--borderless": e.borderless,
@@ -245,72 +245,72 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
         e.class
       ];
     });
-    return (d, r) => (i(), f("button", {
+    return (r, i) => (d(), h("button", {
       type: "button",
       class: T(a.value),
-      disabled: o.value,
-      onClick: ue(s, ["stop", "prevent"])
+      disabled: l.value,
+      onClick: ne(s, ["stop", "prevent"])
     }, [
-      d.loading ? (i(), f("div", Et, [
-        D(m(_e), { size: 20 })
-      ])) : g("", !0),
-      q("span", Qt, [
-        d.iconOnRight ? (i(), f(U, { key: 0 }, [
-          ae(E(e.label), 1)
-        ], 64)) : g("", !0),
-        p(d.$slots, "default"),
-        d.iconOnRight ? g("", !0) : (i(), f(U, { key: 1 }, [
-          ae(E(e.label), 1)
+      r.loading ? (d(), h("div", Gt, [
+        U(y($e), { size: 20 })
+      ])) : w("", !0),
+      x("span", Ht, [
+        r.iconOnRight ? (d(), h(W, { key: 0 }, [
+          ie(z(e.label), 1)
+        ], 64)) : w("", !0),
+        p(r.$slots, "default"),
+        r.iconOnRight ? w("", !0) : (d(), h(W, { key: 1 }, [
+          ie(z(e.label), 1)
         ], 64))
       ])
-    ], 10, At));
+    ], 10, Rt));
   }
-}), le = I(Dt), zt = /* @__PURE__ */ C({
+}), re = L(Kt), Wt = /* @__PURE__ */ I({
   __name: "QIcon",
   props: {
     icon: {},
-    size: { default: void 0 },
-    class: { default: void 0 },
+    size: {},
+    class: {},
     type: { default: "svg" }
   },
   setup(n) {
-    const t = n, e = y(() => {
+    const t = n, e = g(() => {
       switch (t.type) {
         case "svg":
-          return at;
+          return pt;
         case "font":
-          return ot;
+          return ut;
         case "img":
-          return st;
+          return ft;
         default:
           return;
       }
     });
-    return (l, o) => (i(), B(Se(e.value), {
+    return (o, l) => (d(), C(Ie(e.value), {
       class: T(t.class),
       icon: t.icon,
       size: t.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), Mt = /* @__PURE__ */ C({
+}), jt = /* @__PURE__ */ I({
   __name: "QIconFont",
   props: {
     icon: {},
-    size: { default: void 0 },
-    class: { default: void 0 },
+    size: {},
+    class: {},
     library: { default: "" },
-    variant: { default: "" }
+    variant: {}
   },
   setup(n) {
-    const t = n, e = y(() => t.variant ? `${t.library}-${t.variant}` : t.library), l = y(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), o = y(() => ({
+    const t = n, e = g(() => t.variant ? `${t.library}-${t.variant}` : t.library), o = 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, a) => (i(), f("i", {
-      class: T(["q-icon", "q-icon__font", e.value, l.value, t.class]),
-      style: fe(o.value)
+    return (s, a) => (d(), h("i", {
+      class: T(["q-icon", "q-icon__font", e.value, o.value, t.class]),
+      style: ue(l.value)
     }, null, 6));
   }
-}), Ft = ["src"], Ot = /* @__PURE__ */ C({
+}), Xt = ["src"], Yt = /* @__PURE__ */ I({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -318,16 +318,16 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
     class: {}
   },
   setup(n) {
-    const t = n, e = y(() => ({
+    const t = n, e = g(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (l, o) => (i(), f("img", {
+    return (o, l) => (d(), h("img", {
       src: t.icon,
       class: T(["q-icon", "q-icon__img", t.class]),
-      style: fe(e.value)
-    }, null, 14, Ft));
+      style: ue(e.value)
+    }, null, 14, Xt));
   }
-}), be = {}, Pt = C({
+}), _e = {}, Zt = I({
   name: "InlineSvg",
   emits: {
     loaded: (n) => typeof n == "object",
@@ -338,9 +338,9 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
   render() {
     if (!this.svgElSource) return null;
     const n = this.getSvgContent(this.svgElSource);
-    if (!n) return He("div", this.$attrs);
+    if (!n) return Ye("div", this.$attrs);
     const t = {};
-    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, n), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = n.innerHTML, He("svg", t);
+    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, n), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = n.innerHTML, Ye("svg", t);
   },
   props: {
     /**
@@ -393,14 +393,14 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
   methods: {
     copySvgAttrs(n, t) {
       const e = t.attributes;
-      if (e) for (const l of e) n[l.name] = l.value;
+      if (e) for (const o of e) n[o.name] = o.value;
     },
     copyComponentAttrs(n, t) {
-      for (const [e, l] of Object.entries(t))
-        l !== !1 && l !== null && l !== void 0 && (n[e] = l);
+      for (const [e, o] of Object.entries(t))
+        o !== !1 && o !== null && o !== void 0 && (n[e] = o);
     },
     getSvgContent(n) {
-      return this.symbol && (n = n.getElementById(this.symbol), !n) ? null : (this.transformSource && (n = n.cloneNode(!0), n = this.transformSource(n)), this.title && (this.transformSource || (n = n.cloneNode(!0)), Ut(n, this.title)), n);
+      return this.symbol && (n = n.getElementById(this.symbol), !n) ? null : (this.transformSource && (n = n.cloneNode(!0), n = this.transformSource(n)), this.title && (this.transformSource || (n = n.cloneNode(!0)), Jt(n, this.title)), n);
     },
     /**
      * Get svgElSource
@@ -408,11 +408,11 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
      */
     async getSource(n) {
       try {
-        be[n] || (be[n] = Nt(this.download(n))), this.svgElSource && be[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const t = await be[n];
+        _e[n] || (_e[n] = en(this.download(n))), this.svgElSource && _e[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const t = await _e[n];
         this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (t) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete be[n], this.$emit("error", t);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete _e[n], this.$emit("error", t);
       }
     },
     /**
@@ -435,184 +435,184 @@ const Tt = I(Ct), Vt = /* @__PURE__ */ C({
   },
   expose: []
 });
-function Ut(n, t) {
+function Jt(n, t) {
   const e = n.getElementsByTagName("title");
   if (e.length)
     e[0].textContent = t;
   else {
-    const l = document.createElementNS("http://www.w3.org/2000/svg", "title");
-    l.textContent = t, n.insertBefore(l, n.firstChild);
+    const o = document.createElementNS("http://www.w3.org/2000/svg", "title");
+    o.textContent = t, n.insertBefore(o, n.firstChild);
   }
 }
-function Nt(n) {
+function en(n) {
   if (n.getIsPending) return n;
   let t = !0;
   const e = n.then(
-    (l) => (t = !1, l),
-    (l) => {
-      throw t = !1, l;
+    (o) => (t = !1, o),
+    (o) => {
+      throw t = !1, o;
     }
   );
   return e.getIsPending = () => t, e;
 }
-const Rt = /* @__PURE__ */ C({
+const tn = /* @__PURE__ */ I({
   __name: "QIconSvg",
   props: {
     icon: {},
-    size: { default: void 0 },
-    class: { default: void 0 },
+    size: {},
+    class: {},
     bundle: { default: "" }
   },
   emits: ["loaded", "unloaded"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = y(() => ({
+    const e = n, o = t, l = g(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    function s(d) {
-      l("loaded", d);
+    function s(r) {
+      o("loaded", r);
     }
     function a() {
-      l("unloaded");
+      o("unloaded");
     }
-    return (d, r) => (i(), B(m(Pt), {
+    return (r, i) => (d(), C(y(Zt), {
       class: T(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: fe(o.value),
+      style: ue(l.value),
       onLoaded: s,
       onUnloaded: a
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), O = I(zt), ot = I(Mt), st = I(Ot), at = I(Rt), Gt = {
+}), X = L(Wt), ut = L(jt), ft = L(Yt), pt = L(tn), nn = {
   remove: {
     icon: "close"
   }
 };
-function Ht(n) {
-  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(n);
+function mt(n, t = !1) {
+  return t ? /^#[a-fA-F0-9]{6}$/.test(n) : /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(n);
 }
-function jt(n) {
+function on(n) {
   const t = n.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   if (t) {
-    const e = parseInt(t[1], 10), l = parseInt(t[2], 10), o = parseInt(t[3], 10);
-    return { r: e, g: l, b: o };
+    const e = parseInt(t[1], 10), o = parseInt(t[2], 10), l = parseInt(t[3], 10);
+    return { r: e, g: o, b: l };
   }
 }
-function it(n) {
-  if (Ht(n)) {
+function ht(n) {
+  if (mt(n)) {
     n.length === 4 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3]);
-    const t = parseInt(n.slice(1, 3), 16), e = parseInt(n.slice(3, 5), 16), l = parseInt(n.slice(5, 7), 16);
-    return { r: t, g: e, b: l };
+    const t = parseInt(n.slice(1, 3), 16), e = parseInt(n.slice(3, 5), 16), o = parseInt(n.slice(5, 7), 16);
+    return { r: t, g: e, b: o };
   } else {
-    const t = jt(n);
+    const t = on(n);
     if (t) return t;
   }
   throw new Error("Invalid color format");
 }
-function Kt(n) {
-  const t = n.r / 255, e = n.g / 255, l = n.b / 255, o = Math.max(t, e, l), s = Math.min(t, e, l);
-  let a = 0, d;
-  const r = (o + s) / 2;
-  if (o === s)
-    a = d = 0;
+function ln(n) {
+  const t = n.r / 255, e = n.g / 255, o = n.b / 255, l = Math.max(t, e, o), s = Math.min(t, e, o);
+  let a = 0, r;
+  const i = (l + s) / 2;
+  if (l === s)
+    a = r = 0;
   else {
-    const u = o - s;
-    switch (d = r > 0.5 ? u / (2 - o - s) : u / (o + s), o) {
+    const c = l - s;
+    switch (r = i > 0.5 ? c / (2 - l - s) : c / (l + s), l) {
       case t:
-        a = (e - l) / u + (e < l ? 6 : 0);
+        a = (e - o) / c + (e < o ? 6 : 0);
         break;
       case e:
-        a = (l - t) / u + 2;
+        a = (o - t) / c + 2;
         break;
-      case l:
-        a = (t - e) / u + 4;
+      case o:
+        a = (t - e) / c + 4;
         break;
     }
     a /= 6;
   }
   return {
     h: Math.round(a * 360),
-    s: Math.round(d * 100),
-    l: Math.round(r * 100)
+    s: Math.round(r * 100),
+    l: Math.round(i * 100)
   };
 }
-function Wt(n) {
+function sn(n) {
   return n > 50 ? "#000" : "#fff";
 }
-const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
+const an = { class: "q-badge__content" }, rn = /* @__PURE__ */ I({
   __name: "QBadge",
   props: {
     color: { default: "primary" },
     variant: { default: "tonal" },
     removable: { type: Boolean },
     pill: { type: Boolean },
-    icons: { default: () => Gt }
+    icons: { default: () => nn }
   },
   emits: ["click:remove"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = y(
+    const e = n, o = t, l = g(
       () => ["primary", "info", "success", "warning", "danger"].includes(e.color)
-    ), s = y(() => {
-      const r = o.value ? `q-badge--${e.color}` : void 0;
-      return ["q-badge", `q-badge--${e.variant}`, r, { "q-badge--pill": e.pill }];
-    }), a = y(() => {
-      let r, u;
-      if (!o.value)
-        if (r = e.color, e.variant === "tonal")
-          u = e.color;
+    ), s = g(() => {
+      const i = l.value ? `q-badge--${e.color}` : void 0;
+      return ["q-badge", `q-badge--${e.variant}`, i, { "q-badge--pill": e.pill }];
+    }), a = g(() => {
+      let i, c;
+      if (!l.value)
+        if (i = e.color, e.variant === "tonal")
+          c = e.color;
         else {
-          const b = it(r), x = Kt(b);
-          u = Wt(x.l);
+          const b = ht(i), m = ln(b);
+          c = sn(m.l);
         }
       return {
-        "--q-badge-color": r,
-        "--q-badge-text-color": u
+        "--q-badge-color": i,
+        "--q-badge-text-color": c
       };
     });
-    function d() {
-      l("click:remove");
+    function r() {
+      o("click:remove");
     }
-    return (r, u) => (i(), f("span", {
+    return (i, c) => (d(), h("span", {
       class: T(s.value),
       role: "presentation",
-      style: fe(a.value)
+      style: ue(a.value)
     }, [
-      u[0] || (u[0] = q("div", { class: "q-badge__underlay" }, null, -1)),
-      q("div", Xt, [
-        p(r.$slots, "default"),
-        e.removable ? (i(), B(m(le), {
+      c[0] || (c[0] = x("div", { class: "q-badge__underlay" }, null, -1)),
+      x("div", an, [
+        p(i.$slots, "default"),
+        e.removable ? (d(), C(y(re), {
           key: 0,
           class: "q-badge__remove",
           borderless: "",
           tabindex: "0",
-          onClick: d
+          onClick: r
         }, {
-          default: w(() => [
-            D(m(O), W(ne(e.icons.remove)), null, 16)
+          default: _(() => [
+            U(y(X), se(fe(e.icons.remove)), null, 16)
           ]),
           _: 1
-        })) : g("", !0)
+        })) : w("", !0)
       ])
     ], 6));
   }
-}), Zt = I(Yt), Jt = /* @__PURE__ */ C({
+}), dn = L(rn), cn = /* @__PURE__ */ I({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
     borderless: { type: Boolean },
     elevated: { type: Boolean },
-    class: { default: void 0 }
+    class: {}
   },
   setup(n) {
     const t = n;
-    return Pe({
+    return Ne({
       QButton: {
         bStyle: "secondary",
-        disabled: Ve(t, "disabled"),
-        borderless: Ve(t, "borderless"),
+        disabled: qe(t, "disabled"),
+        borderless: qe(t, "borderless"),
         elevated: !1
       }
-    }), (e, l) => (i(), f("div", {
+    }), (e, o) => (d(), h("div", {
       class: T([
         "q-btn-group",
         {
@@ -624,7 +624,7 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
       p(e.$slots, "default")
     ], 2));
   }
-}), rt = I(Jt), en = /* @__PURE__ */ C({
+}), vt = L(cn), un = /* @__PURE__ */ I({
   __name: "QButtonToggle",
   props: /* @__PURE__ */ G({
     options: {},
@@ -640,10 +640,10 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
   emits: ["update:modelValue"],
   setup(n) {
     const t = n, e = K(n, "modelValue");
-    function l(o) {
-      e.value === o.key && !t.required ? e.value = void 0 : e.value = o.key;
+    function o(l) {
+      e.value === l.key && !t.required ? e.value = void 0 : e.value = l.key;
     }
-    return (o, s) => (i(), B(m(rt), {
+    return (l, s) => (d(), C(y(vt), {
       "b-style": "secondary",
       class: T(t.class),
       disabled: t.disabled,
@@ -651,18 +651,18 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
       elevated: t.elevated,
       role: "listbox"
     }, {
-      default: w(() => [
-        (i(!0), f(U, null, he(t.options, (a) => (i(), B(m(le), {
+      default: _(() => [
+        (d(!0), h(W, null, ye(t.options, (a) => (d(), C(y(re), {
           key: a.key,
           title: a.title,
           label: a.label,
           active: e.value === a.key,
           role: "option",
           "aria-selected": e.value === a.key,
-          onClick: () => l(a)
+          onClick: () => o(a)
         }, {
-          default: w(() => [
-            p(o.$slots, a.key)
+          default: _(() => [
+            p(l.$slots, a.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "aria-selected", "onClick"]))), 128))
@@ -670,46 +670,46 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ C({
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), tn = I(en);
-let nn = 0;
-function ie(n) {
-  return n || `uid-${++nn}`;
+}), fn = L(un);
+let pn = 0;
+function de(n) {
+  return n || `uid-${++pn}`;
 }
-const ln = { class: "q-card__header" }, on = {
+const mn = { class: "q-card__header" }, hn = {
   key: 0,
   class: "q-card__header-content"
-}, sn = { class: "q-card__header-text" }, an = {
+}, vn = { class: "q-card__header-text" }, yn = {
   key: 0,
   class: "q-card__title",
   role: "cell"
-}, rn = {
+}, bn = {
   key: 1,
   class: "q-card__subtitle",
   role: "cell"
-}, dn = { class: "q-card__content" }, un = {
+}, gn = { class: "q-card__content" }, _n = {
   key: 0,
   class: "q-card__footer"
-}, cn = /* @__PURE__ */ C({
+}, $n = /* @__PURE__ */ I({
   __name: "QCard",
   props: {
-    id: { default: void 0 },
-    title: { default: void 0 },
-    subtitle: { default: void 0 },
-    href: { default: void 0 },
+    id: {},
+    title: {},
+    subtitle: {},
+    href: {},
     disabled: { type: Boolean },
     loading: { type: Boolean },
     borderless: { type: Boolean },
     variant: { default: "default" },
     elevation: { default: "none" },
-    width: { default: void 0 }
+    width: {}
   },
   setup(n) {
-    const t = n, e = bt(), l = ie(t.id), o = y(() => {
-      const r = t.width ? `q-card--${t.width}` : void 0, u = t.variant && t.variant !== "default" ? `q-card--${t.variant}` : void 0, b = t.elevation && t.elevation !== "none" ? `q-card--elevation-${t.elevation}` : void 0;
+    const t = n, e = St(), o = de(t.id), l = g(() => {
+      const i = t.width ? `q-card--${t.width}` : void 0, c = t.variant && t.variant !== "default" ? `q-card--${t.variant}` : void 0, b = t.elevation && t.elevation !== "none" ? `q-card--elevation-${t.elevation}` : void 0;
       return [
         "q-card",
-        r,
-        u,
+        i,
+        c,
         b,
         {
           "q-card--clickable": s.value,
@@ -718,94 +718,94 @@ const ln = { class: "q-card__header" }, on = {
           "q-card--disabled": t.disabled
         }
       ];
-    }), s = y(() => !!e.onClick || t.href), a = y(() => t.disabled || t.loading), d = (r) => {
-      a.value && r.stopImmediatePropagation();
+    }), s = g(() => !!e.onClick || t.href), a = g(() => t.disabled || t.loading), r = (i) => {
+      a.value && i.stopImmediatePropagation();
     };
-    return (r, u) => (i(), B(Se(t.href ? "a" : "div"), {
-      id: m(l),
-      class: T([...o.value, r.$attrs.class]),
+    return (i, c) => (d(), C(Ie(t.href ? "a" : "div"), {
+      id: y(o),
+      class: T([...l.value, i.$attrs.class]),
       href: t.href && !a.value ? t.href : void 0,
-      onClick: d
+      onClick: r
     }, {
-      default: w(() => [
-        t.loading ? (i(), B(m(_e), {
+      default: _(() => [
+        t.loading ? (d(), C(y($e), {
           key: 0,
           size: 36
-        })) : (i(), f(U, { key: 1 }, [
-          q("div", ln, [
-            p(r.$slots, "header", {}, () => [
-              p(r.$slots, "header.prepend"),
-              r.$slots.title || t.title || r.$slots.subtitle || t.subtitle ? (i(), f("div", on, [
-                p(r.$slots, "header.content.prepend"),
-                q("div", sn, [
-                  r.$slots.title || t.title ? (i(), f("p", an, [
-                    r.$slots.title ? p(r.$slots, "title", { key: 0 }) : (i(), f(U, { key: 1 }, [
-                      ae(E(r.$props.title), 1)
+        })) : (d(), h(W, { key: 1 }, [
+          x("div", mn, [
+            p(i.$slots, "header", {}, () => [
+              p(i.$slots, "header.prepend"),
+              i.$slots.title || t.title || i.$slots.subtitle || t.subtitle ? (d(), h("div", hn, [
+                p(i.$slots, "header.content.prepend"),
+                x("div", vn, [
+                  i.$slots.title || t.title ? (d(), h("p", yn, [
+                    i.$slots.title ? p(i.$slots, "title", { key: 0 }) : (d(), h(W, { key: 1 }, [
+                      ie(z(i.$props.title), 1)
                     ], 64))
-                  ])) : g("", !0),
-                  r.$slots.subtitle || t.subtitle ? (i(), f("p", rn, [
-                    r.$slots.subtitle ? p(r.$slots, "subtitle", { key: 0 }) : (i(), f(U, { key: 1 }, [
-                      ae(E(r.$props.subtitle), 1)
+                  ])) : w("", !0),
+                  i.$slots.subtitle || t.subtitle ? (d(), h("p", bn, [
+                    i.$slots.subtitle ? p(i.$slots, "subtitle", { key: 0 }) : (d(), h(W, { key: 1 }, [
+                      ie(z(i.$props.subtitle), 1)
                     ], 64))
-                  ])) : g("", !0)
+                  ])) : w("", !0)
                 ]),
-                p(r.$slots, "header.content.append")
-              ])) : g("", !0),
-              p(r.$slots, "header.append")
+                p(i.$slots, "header.content.append")
+              ])) : w("", !0),
+              p(i.$slots, "header.append")
             ])
           ]),
-          q("div", dn, [
-            p(r.$slots, "default")
+          x("div", gn, [
+            p(i.$slots, "default")
           ]),
-          r.$slots.footer ? (i(), f("div", un, [
-            p(r.$slots, "footer")
-          ])) : g("", !0)
+          i.$slots.footer ? (d(), h("div", _n, [
+            p(i.$slots, "footer")
+          ])) : w("", !0)
         ], 64))
       ]),
       _: 3
     }, 8, ["id", "class", "href"]));
   }
-}), dt = I(cn), fn = { key: 0 }, pn = { class: "q-field__extras" }, mn = { key: 1 }, We = /* @__PURE__ */ C({
+}), yt = L($n), kn = { key: 0 }, wn = { class: "q-field__extras" }, qn = { key: 1 }, et = /* @__PURE__ */ I({
   __name: "QCheckboxLabel",
   props: {
-    label: { default: "" }
+    label: {}
   },
   setup(n) {
     const t = n;
-    return (e, l) => e.$slots.extras ? (i(), f("div", fn, [
-      q("span", null, E(t.label), 1),
-      q("div", pn, [
+    return (e, o) => e.$slots.extras ? (d(), h("div", kn, [
+      x("span", null, z(t.label), 1),
+      x("div", wn, [
         p(e.$slots, "extras")
       ])
-    ])) : (i(), f("span", mn, E(t.label), 1));
+    ])) : (d(), h("span", qn, z(t.label), 1));
   }
-}), hn = {
+}), xn = {
   checked: {
     icon: "check"
   },
   indeterminate: {
     icon: "minus"
   }
-}, yn = ["id", "aria-checked", "disabled", "onKeydown"], vn = ["checked", "disabled"], bn = /* @__PURE__ */ C({
+}, Cn = ["id", "aria-checked", "disabled", "onKeydown"], In = ["checked", "disabled"], Ln = /* @__PURE__ */ I({
   __name: "QCheckbox",
   props: /* @__PURE__ */ G({
-    label: { default: "" },
-    id: { default: void 0 },
+    label: {},
+    id: {},
     labelPlacement: { default: "right" },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     indeterminate: { type: Boolean },
     color: { default: "primary" },
     size: { default: "regular" },
-    class: { default: void 0 },
-    icons: { default: () => hn }
+    class: {},
+    icons: { default: () => xn }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue"), l = ie(t.id), o = y(() => [
+    const t = n, e = K(n, "modelValue"), o = de(t.id), l = g(() => [
       "q-checkbox",
       `q-checkbox--${t.size}`,
       `q-checkbox--${t.color}`,
@@ -820,78 +820,96 @@ const ln = { class: "q-card__header" }, on = {
     function s() {
       !t.disabled && !t.readonly && (e.value = !e.value);
     }
-    return (a, d) => (i(), f(U, null, [
-      q("label", {
-        class: T(o.value)
+    return (a, r) => (d(), h(W, null, [
+      x("label", {
+        class: T(l.value)
       }, [
-        t.labelPlacement !== "right" ? (i(), B(We, {
+        t.labelPlacement !== "right" ? (d(), C(et, {
           key: 0,
           label: t.label
-        }, ye({ _: 2 }, [
+        }, pe({ _: 2 }, [
           a.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
+            fn: _(() => [
               p(a.$slots, "extras")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["label"])) : g("", !0),
-        q("button", {
-          id: m(l),
+        ]), 1032, ["label"])) : w("", !0),
+        x("button", {
+          id: y(o),
           role: "checkbox",
           type: "button",
           "aria-checked": t.indeterminate ? "mixed" : e.value,
           disabled: t.disabled || t.readonly,
           class: "q-checkbox__input",
-          onClick: ue(s, ["prevent"]),
+          onClick: ne(s, ["prevent"]),
           onKeydown: [
-            Ae(ue(s, ["prevent"]), ["space"]),
-            d[0] || (d[0] = Ae(ue(() => {
+            De(ne(s, ["prevent"]), ["space"]),
+            r[0] || (r[0] = De(ne(() => {
             }, ["prevent"]), ["enter"]))
           ]
         }, [
-          e.value || a.indeterminate ? (i(), B(m(O), H({ key: 0 }, e.value ? t.icons.checked : t.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : g("", !0)
-        ], 40, yn),
-        t.labelPlacement === "right" ? (i(), B(We, {
+          e.value || a.indeterminate ? (d(), C(y(X), Z({ key: 0 }, e.value ? t.icons.checked : t.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : w("", !0)
+        ], 40, Cn),
+        t.labelPlacement === "right" ? (d(), C(et, {
           key: 1,
           label: t.label
-        }, ye({ _: 2 }, [
+        }, pe({ _: 2 }, [
           a.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
+            fn: _(() => [
               p(a.$slots, "extras")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["label"])) : g("", !0)
+        ]), 1032, ["label"])) : w("", !0)
       ], 2),
-      q("input", {
+      x("input", {
         type: "checkbox",
         tabindex: "-1",
         "aria-hidden": "true",
         class: "q-checkbox__native-input",
         checked: !!e.value,
         disabled: t.disabled || t.readonly
-      }, null, 8, vn)
+      }, null, 8, In)
     ], 64));
   }
-}), gn = I(bn), _n = {
+}), Sn = L(Ln), Le = {
   chevron: {
     icon: "chevron-down"
   }
-}, $n = {
+}, Bn = /* @__PURE__ */ I({
+  __name: "QChevron",
+  props: /* @__PURE__ */ G({
+    class: {},
+    icons: { default: () => Le }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const t = n, e = K(n, "modelValue");
+    return (o, l) => (d(), C(y(X), Z({
+      class: ["q-chevron", { "q-chevron--expanded": e.value }]
+    }, t.icons.chevron), null, 16, ["class"]));
+  }
+}), xe = L(Bn), Vn = {
+  ...Le
+}, Tn = {
   key: 0,
   class: "q-collapsible__header"
-}, kn = { class: "q-collapsible__title" }, wn = { class: "q-collapsible__title-text" }, qn = {
+}, An = { class: "q-collapsible__title" }, En = { class: "q-collapsible__title-text" }, Dn = {
   key: 1,
   class: "q-collapsible--required"
-}, xn = {
+}, Qn = {
   key: 0,
   class: "q-collapsible__subtitle"
-}, Sn = { class: "q-collapsible__content-inner" }, Ln = { class: "q-collapsible__content" }, Bn = /* @__PURE__ */ C({
+}, zn = { class: "q-collapsible__content-inner" }, Fn = { class: "q-collapsible__content" }, Mn = /* @__PURE__ */ I({
   __name: "QCollapsible",
   props: /* @__PURE__ */ G({
-    id: { default: void 0 },
+    id: {},
     title: {},
     subtitle: {},
     width: { default: "fit-content" },
@@ -899,77 +917,83 @@ const ln = { class: "q-card__header" }, on = {
     spacing: {},
     variant: {},
     iconRight: { type: Boolean },
-    icons: { default: () => _n }
+    icons: { default: () => Vn }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue"), l = ie(t.id), o = Lt(l), s = y(() => t.width === "block" ? "block" : void 0), a = y(() => {
-      const u = t.spacing && t.spacing !== "comfortable" ? `q-collapsible--${t.spacing}` : void 0, b = t.variant && t.variant !== "default" ? `q-collapsible--${t.variant}` : void 0;
+    const t = n, e = K(n, "modelValue"), o = de(t.id), l = Ft(o), s = g(() => t.width === "block" ? "block" : void 0), a = g(() => {
+      const c = t.spacing && t.spacing !== "comfortable" ? `q-collapsible--${t.spacing}` : void 0, b = t.variant && t.variant !== "default" ? `q-collapsible--${t.variant}` : void 0;
       return [
         "q-collapsible",
-        u,
+        c,
         b,
         {
-          "q-collapsible--icon-right": t.iconRight,
-          "q-collapsible--expanded": e.value
+          "q-collapsible--icon-right": t.iconRight
         }
       ];
-    }), d = y(() => [
+    }), r = g(() => [
       "q-collapsible__content-wrapper",
       {
         "q-collapsible__content-show": e.value
       }
-    ]), r = () => {
-      e.value = !e.value, o == null || o.toggle();
+    ]), i = () => {
+      e.value = !e.value, l == null || l.toggle();
     };
-    return Z(
-      () => o == null ? void 0 : o.isActive.value,
-      () => e.value = o == null ? void 0 : o.isActive.value
-    ), (u, b) => (i(), B(m(dt), {
-      id: m(l),
+    return Y(
+      () => l == null ? void 0 : l.isActive.value,
+      () => e.value = l == null ? void 0 : l.isActive.value
+    ), (c, b) => (d(), C(y(yt), {
+      id: y(o),
       class: T(a.value),
       width: s.value
     }, {
-      header: w(() => [
-        u.title ? (i(), f("div", $n, [
-          D(m(le), {
+      header: _(() => [
+        c.title ? (d(), h("div", Tn, [
+          U(y(re), {
             "b-style": "tertiary",
             class: "q-collapsible__btn",
-            onClick: r
+            onClick: i
           }, {
-            default: w(() => [
-              q("div", kn, [
-                u.iconRight ? g("", !0) : p(u.$slots, "icon", { key: 0 }, () => [
-                  D(m(O), H({ class: "q-collapsible__chevron" }, t.icons.chevron), null, 16)
+            default: _(() => [
+              x("div", An, [
+                c.iconRight ? w("", !0) : p(c.$slots, "icon", { key: 0 }, () => [
+                  U(y(xe), {
+                    "model-value": e.value,
+                    icons: t.icons
+                  }, null, 8, ["model-value", "icons"])
                 ]),
-                p(u.$slots, "title.prepend"),
-                q("h4", wn, E(u.title), 1),
-                t.required ? (i(), f("span", qn, " * ")) : g("", !0),
-                p(u.$slots, "title.append"),
-                u.iconRight ? p(u.$slots, "icon", { key: 2 }, () => [
-                  D(m(O), H({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, t.icons.chevron), null, 16)
-                ]) : g("", !0)
+                p(c.$slots, "title.prepend"),
+                x("h4", En, z(c.title), 1),
+                t.required ? (d(), h("span", Dn, " * ")) : w("", !0),
+                p(c.$slots, "title.append"),
+                c.iconRight ? p(c.$slots, "icon", { key: 2 }, () => [
+                  U(y(xe), {
+                    "model-value": e.value,
+                    class: "q-collapsible__chevron-right",
+                    icons: t.icons
+                  }, null, 8, ["model-value", "icons"])
+                ]) : w("", !0)
               ]),
-              u.$slots.subtitle || u.subtitle ? (i(), f("div", xn, [
-                p(u.$slots, "subtitle", {}, () => [
-                  ae(E(u.subtitle), 1)
+              c.$slots.subtitle || c.subtitle ? (d(), h("div", Qn, [
+                p(c.$slots, "subtitle", {}, () => [
+                  ie(z(c.subtitle), 1)
                 ])
-              ])) : g("", !0)
+              ])) : w("", !0)
             ]),
             _: 3
           })
-        ])) : g("", !0)
+        ])) : w("", !0)
       ]),
-      default: w(() => [
-        q("div", {
-          class: T(d.value)
+      default: _(() => [
+        x("div", {
+          class: T(r.value)
         }, [
-          q("div", Sn, [
-            q("div", Ln, [
-              p(u.$slots, "default")
+          x("div", zn, [
+            x("div", Fn, [
+              p(c.$slots, "default")
             ])
           ])
         ], 2)
@@ -977,16 +1001,278 @@ const ln = { class: "q-card__header" }, on = {
       _: 3
     }, 8, ["id", "class", "width"]));
   }
-}), Cn = I(Bn), In = /* @__PURE__ */ C({
+}), On = L(Mn), Un = {
+  selectColor: "Select a color"
+}, Pn = ["id"], Nn = {
+  key: 0,
+  class: "q-field__label"
+}, Rn = ["for"], Gn = {
+  key: 0,
+  class: "q-field__prepend"
+}, Hn = {
+  key: 1,
+  class: "q-field__append"
+}, Kn = {
+  key: 1,
+  class: "q-field__extras"
+}, Wn = /* @__PURE__ */ I({
+  inheritAttrs: !1,
+  __name: "QField",
+  props: {
+    id: {},
+    label: {},
+    for: {},
+    size: { default: "medium" },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    class: {}
+  },
+  setup(n, { expose: t }) {
+    const e = n, o = de(e.id), l = B(null), s = g(() => e.required && !e.readonly && !e.disabled);
+    return t({
+      fieldRef: l
+    }), (a, r) => (d(), h("div", {
+      id: y(o),
+      class: T([
+        "q-field",
+        `q-field--${e.size}`,
+        {
+          "q-field--readonly": e.readonly,
+          "q-field--disabled": e.disabled,
+          "q-field--required": s.value
+        },
+        e.class
+      ])
+    }, [
+      e.label ? (d(), h("div", Nn, [
+        p(a.$slots, "label.prepend"),
+        x("label", {
+          for: e.for
+        }, z(e.label), 9, Rn),
+        p(a.$slots, "label.append")
+      ])) : w("", !0),
+      p(a.$slots, "control", {}, () => [
+        x("div", Z({
+          ref_key: "fieldRef",
+          ref: l,
+          class: "q-field__control"
+        }, a.$attrs), [
+          a.$slots.prepend ? (d(), h("div", Gn, [
+            p(a.$slots, "prepend")
+          ])) : w("", !0),
+          p(a.$slots, "default"),
+          a.$slots.append ? (d(), h("div", Hn, [
+            p(a.$slots, "append")
+          ])) : w("", !0)
+        ], 16)
+      ]),
+      a.$slots.extras ? (d(), h("div", Kn, [
+        p(a.$slots, "extras")
+      ])) : w("", !0)
+    ], 10, Pn));
+  }
+}), Se = L(Wn), jn = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xn = /* @__PURE__ */ I({
+  inheritAttrs: !1,
+  __name: "QTextField",
+  props: /* @__PURE__ */ G({
+    id: {},
+    placeholder: {},
+    label: {},
+    size: {},
+    maxLength: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    role: {},
+    type: { default: "text" },
+    class: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n, { expose: t }) {
+    const e = n, o = K(n, "modelValue"), l = de(e.id), s = B(null), a = B(null), r = g(
+      () => e.readonly || e.disabled ? void 0 : e.placeholder
+    );
+    return t({
+      fieldRef: g(() => {
+        var i;
+        return (i = s.value) == null ? void 0 : i.fieldRef;
+      }),
+      inputRef: a
+    }), (i, c) => (d(), C(y(Se), {
+      ref_key: "fieldRef",
+      ref: s,
+      class: T(["q-text-field", e.class]),
+      for: y(l),
+      label: e.label,
+      size: e.size,
+      readonly: e.readonly,
+      disabled: e.disabled,
+      required: e.required
+    }, pe({
+      "label.prepend": _(() => [
+        p(i.$slots, "label.prepend")
+      ]),
+      "label.append": _(() => [
+        p(i.$slots, "label.append")
+      ]),
+      default: _(() => [
+        at(x("input", Z({
+          id: y(l),
+          ref_key: "inputRef",
+          ref: a,
+          "onUpdate:modelValue": c[0] || (c[0] = (b) => o.value = b),
+          class: "q-text-field__input",
+          type: e.type,
+          role: e.role,
+          required: e.required,
+          placeholder: r.value,
+          readonly: e.readonly,
+          disabled: e.disabled,
+          maxlength: e.maxLength
+        }, i.$attrs), null, 16, jn), [
+          [Bt, o.value]
+        ])
+      ]),
+      _: 2
+    }, [
+      i.$slots.prepend ? {
+        name: "prepend",
+        fn: _(() => [
+          p(i.$slots, "prepend")
+        ]),
+        key: "0"
+      } : void 0,
+      i.$slots.append ? {
+        name: "append",
+        fn: _(() => [
+          p(i.$slots, "append")
+        ]),
+        key: "1"
+      } : void 0,
+      i.$slots.extras ? {
+        name: "extras",
+        fn: _(() => [
+          p(i.$slots, "extras")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
+  }
+}), Re = L(Xn), Yn = ["readonly", "disabled", "aria-label"], Zn = /* @__PURE__ */ I({
+  __name: "QColorPicker",
+  props: /* @__PURE__ */ G({
+    id: {},
+    placeholder: {},
+    label: {},
+    size: { default: "small" },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    class: {},
+    texts: { default: () => Un }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const t = n, e = K(n, "modelValue"), o = B(""), l = B(""), s = g(() => t.readonly || t.disabled);
+    function a(m) {
+      return mt(m, !0);
+    }
+    function r(m) {
+      const A = m.target;
+      e.value = a(A.value) ? A.value : "";
+    }
+    function i() {
+      a(l.value) ? e.value = l.value : (e.value = "", l.value = "");
+    }
+    function c(m) {
+      m && a(m) ? o.value = m : o.value = "#000000";
+    }
+    Y(e, c, { immediate: !0 });
+    function b(m) {
+      m && a(m) ? l.value = m : l.value = "";
+    }
+    return Y(e, b, { immediate: !0 }), (m, A) => (d(), C(y(Re), {
+      modelValue: l.value,
+      "onUpdate:modelValue": A[1] || (A[1] = (P) => l.value = P),
+      maxlength: "7",
+      id: t.id,
+      class: T(["q-color-picker", t.class]),
+      label: t.label,
+      size: t.size,
+      readonly: t.readonly,
+      disabled: t.disabled,
+      required: t.required,
+      placeholder: t.placeholder,
+      onChange: i
+    }, pe({
+      "label.prepend": _(() => [
+        p(m.$slots, "label.prepend")
+      ]),
+      "label.append": _(() => [
+        p(m.$slots, "label.append")
+      ]),
+      prepend: _(() => [
+        p(m.$slots, "prepend"),
+        at(x("input", {
+          "onUpdate:modelValue": A[0] || (A[0] = (P) => o.value = P),
+          type: "color",
+          class: "q-color-picker__swatch",
+          readonly: t.readonly,
+          disabled: s.value,
+          "aria-label": t.texts.selectColor,
+          onChange: r
+        }, null, 40, Yn), [
+          [Vt, o.value]
+        ])
+      ]),
+      _: 2
+    }, [
+      m.$slots.append ? {
+        name: "append",
+        fn: _(() => [
+          p(m.$slots, "append")
+        ]),
+        key: "0"
+      } : void 0,
+      m.$slots.extras ? {
+        name: "extras",
+        fn: _(() => [
+          p(m.$slots, "extras")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["modelValue", "id", "class", "label", "size", "readonly", "disabled", "required", "placeholder"]));
+  }
+}), Jn = L(Zn), Ge = {
+  clearValue: "Clear value"
+}, He = {
+  clear: {
+    icon: "close"
+  }
+}, eo = {
+  ...Ge,
+  noData: "No data available",
+  showOptions: "Show options"
+}, to = {
+  ...Le,
+  ...He
+}, no = /* @__PURE__ */ I({
   __name: "QList",
   props: /* @__PURE__ */ G({
-    highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
+    highlighted: { type: [String, Number, Boolean, Symbol] },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     disabled: { type: Boolean },
-    class: { default: void 0 },
+    class: {},
     selectable: { type: Boolean }
   }, {
     modelValue: {
@@ -996,143 +1282,161 @@ const ln = { class: "q-card__header" }, on = {
   }),
   emits: ["update:modelValue"],
   setup(n, { expose: t }) {
-    const e = n, l = K(n, "modelValue"), o = A(!1), s = y(() => a.value.length > 1 ? "div" : "ul"), a = y(() => e.groups.length ? e.groups.filter(
-      (v) => e.items.some((S) => S.group === v.id)
-    ) : [{ id: "", title: "" }]), d = A(null);
-    function r(v) {
-      l.value = v;
-    }
-    function u() {
-      o.value = !0;
+    const e = n, o = K(n, "modelValue"), l = B(!1), s = g(() => a.value.length > 1 ? "div" : "ul"), a = g(() => e.groups.length ? e.groups.filter(
+      (k) => e.items.some((u) => u.group === k.id)
+    ) : [{ id: "", title: "" }]), r = B(null), i = B(null);
+    function c(k) {
+      o.value = k;
     }
     function b() {
-      o.value = !1;
+      l.value = !0;
     }
-    function x(v) {
-      var $;
-      if (($ = d.value) != null && $.contains(v.relatedTarget))
+    function m() {
+      l.value = !1;
+    }
+    function A(k) {
+      var O;
+      if ((O = r.value) != null && O.contains(k.relatedTarget))
         return;
-      let S;
-      l.value ? S = e.items.findIndex((J) => J[e.itemValue] === l.value) : S = Q();
-      const h = o.value;
-      z(S, h);
+      let u;
+      o.value ? u = e.items.findIndex((H) => H[e.itemValue] === o.value) : u = j();
+      const q = l.value;
+      $(u, q);
     }
-    function R(v) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(v.key) && v.preventDefault(), v.key) {
+    function P(k) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(k.key) && k.preventDefault(), k.key) {
         case "ArrowDown":
-          P("next");
+          N("next");
           break;
         case "ArrowUp":
-          P("prev");
+          N("prev");
           break;
         case "Home":
-          P("first");
+          N("first");
           break;
         case "End":
-          P("last");
+          N("last");
           break;
       }
     }
-    function P(v) {
-      switch (v) {
+    function N(k) {
+      switch (k) {
         case "next":
         case "prev":
-          z(N(v));
+          $(E(k));
           break;
         case "first":
-          z(Q());
+          $(j());
           break;
         case "last":
-          z(oe());
+          $(te());
           break;
       }
     }
-    function z(v, S = !1) {
-      var $;
-      ($ = _()[v]) == null || $.focus({ preventScroll: S });
-    }
-    function _() {
-      var S;
-      const v = (S = d.value) == null ? void 0 : S.querySelectorAll("li");
-      return v ? Array.from(v) : [];
+    function $(k, u = !1) {
+      var O;
+      (O = V()[k]) == null || O.focus({ preventScroll: u });
     }
-    function V(v) {
-      return _()[v];
+    function V() {
+      var u;
+      const k = (u = r.value) == null ? void 0 : u.querySelectorAll("li");
+      return k ? Array.from(k) : [];
     }
-    function M() {
-      return _().indexOf(document.activeElement);
+    function D(k) {
+      return V()[k];
     }
     function Q() {
-      const v = _(), S = v.find((h) => X(h));
-      return S ? v.indexOf(S) : -1;
-    }
-    function oe() {
-      const v = _(), S = [...v].reverse().find((h) => X(h));
-      return S ? v.indexOf(S) : -1;
-    }
-    function ee(v, S, h) {
-      return S === "prev" && v === 0 || S === "next" && v === h.length - 1;
-    }
-    function N(v) {
-      const S = M();
-      return se(S, v);
-    }
-    function se(v, S) {
-      const h = _();
-      if (ee(v, S, h))
-        return v;
-      let $ = v + (S === "next" ? 1 : -1);
-      for (; !X(h[$]); ) {
-        if (ee($, S, h))
-          return v;
-        $ += S === "next" ? 1 : -1;
+      return V().indexOf(document.activeElement);
+    }
+    function j() {
+      const k = V(), u = k.find((q) => ae(q));
+      return u ? k.indexOf(u) : -1;
+    }
+    function te() {
+      const k = V(), u = [...k].reverse().find((q) => ae(q));
+      return u ? k.indexOf(u) : -1;
+    }
+    function S(k, u, q) {
+      return u === "prev" && k <= 0 || u === "next" && k === q.length - 1;
+    }
+    function E(k) {
+      const u = Q();
+      return R(u, k);
+    }
+    function R(k, u) {
+      const q = V();
+      if (S(k, u, q))
+        return k;
+      let O = k + (u === "next" ? 1 : -1);
+      for (; !ae(q[O]); ) {
+        if (S(O, u, q))
+          return k;
+        O += u === "next" ? 1 : -1;
       }
-      return $;
+      return O;
     }
-    function X(v) {
-      return v.tabIndex === -2;
+    function ae(k) {
+      return k.tabIndex === -2;
     }
-    function ce(v) {
-      return v ? e.items.filter((S) => S.group === v) : e.items;
+    function ce(k) {
+      return k ? e.items.filter((u) => u.group === k) : e.items;
     }
     return t({
-      focusItem: z,
-      getItem: V,
-      getAdjacentItemIndex: se,
-      getFirstFocusableItemIndex: Q,
-      getLastFocusableItemIndex: oe
-    }), (v, S) => (i(), B(Se(s.value), {
+      focusItem: $,
+      getItem: D,
+      getAdjacentItemIndex: R,
+      getFirstFocusableItemIndex: j,
+      getLastFocusableItemIndex: te
+    }), (k, u) => (d(), C(Ie(s.value), {
       ref_key: "listRef",
-      ref: d,
+      ref: r,
       class: T(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
-      onFocus: x,
-      onMousedown: u,
-      onMouseup: b,
-      onKeydown: R
+      onFocus: A,
+      onMousedown: b,
+      onMouseup: m,
+      onKeydown: P
     }, {
-      default: w(() => [
-        (i(!0), f(U, null, he(a.value, (h) => (i(), B(m(ct), {
-          id: h.id,
-          key: h.id,
-          title: a.value.length === 1 ? void 0 : h.title
+      default: _(() => [
+        (d(!0), h(W, null, ye(a.value, (q, O) => (d(), C(y(gt), {
+          id: q.id,
+          key: q.id,
+          title: a.value.length === 1 ? void 0 : q.title
         }, {
-          default: w(() => [
-            (i(!0), f(U, null, he(ce(h.id), ($) => (i(), B(m(ut), {
-              key: $[e.itemValue],
-              value: $[e.itemValue],
-              label: $[e.itemLabel],
-              description: $.description,
-              icon: $.icon,
-              disabled: e.disabled || h.disabled || $.disabled,
-              highlighted: e.highlighted === $[e.itemValue],
-              selected: v.selectable && l.value === $[e.itemValue],
-              onSelect: r
+          default: _(() => [
+            (d(!0), h(W, null, ye(ce(q.id), (H, J) => (d(), C(y(bt), {
+              key: H[e.itemValue],
+              ref_for: !0,
+              ref_key: "listItemsRef",
+              ref: i,
+              value: H[e.itemValue],
+              label: H[e.itemLabel],
+              description: H.description,
+              icon: H.icon,
+              disabled: e.disabled || q.disabled || H.disabled,
+              highlighted: e.highlighted === H[e.itemValue],
+              selected: k.selectable && o.value === H[e.itemValue],
+              onSelect: c
             }, {
-              default: w(() => [
-                p(v.$slots, "item", { item: $ })
-              ]),
+              append: _(() => {
+                var ee, oe;
+                return [
+                  p(k.$slots, "item.append", {
+                    item: H,
+                    element: (oe = (ee = i.value) == null ? void 0 : ee[J + O * a.value.length]) == null ? void 0 : oe.$el
+                  })
+                ];
+              }),
+              default: _(() => {
+                var ee, oe;
+                return [
+                  p(k.$slots, "item", {
+                    item: H,
+                    element: (oe = (ee = i.value) == null ? void 0 : ee[J + O * a.value.length]) == null ? void 0 : oe.$el
+                  })
+                ];
+              }),
               _: 2
             }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selected"]))), 128))
           ]),
@@ -1142,39 +1446,39 @@ const ln = { class: "q-card__header" }, on = {
       _: 3
     }, 40, ["class", "tabindex"]));
   }
-}), Tn = {
+}), oo = {
   check: {
     icon: "check"
   },
   description: {
     icon: "information-outline"
   }
-}, Vn = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], An = { class: "q-list-item__container" }, En = { class: "q-list-item__content" }, Qn = {
+}, lo = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], so = { class: "q-list-item__container" }, ao = { class: "q-list-item__content" }, io = {
   key: 0,
   class: "q-list-item__description"
-}, Dn = { class: "q-list-item__check-container" }, zn = /* @__PURE__ */ C({
+}, ro = { class: "q-list-item__check-container" }, co = /* @__PURE__ */ I({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
     label: {},
-    icon: { default: void 0 },
+    icon: {},
     selected: { type: Boolean },
     highlighted: { type: Boolean },
     disabled: { type: Boolean },
-    description: { default: void 0 },
-    icons: { default: () => Tn }
+    description: {},
+    icons: { default: () => oo }
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = ie();
+    const e = n, o = t, l = de();
     function s() {
-      e.disabled || l("select", e.value);
+      e.disabled || o("select", e.value);
     }
-    function a(d) {
-      d.key === "Tab" && s(), (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), s());
+    function a(r) {
+      r.key === "Tab" && s(), (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
     }
-    return (d, r) => (i(), f("li", {
-      id: m(o),
+    return (r, i) => (d(), h("li", {
+      id: y(l),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
@@ -1189,701 +1493,646 @@ const ln = { class: "q-card__header" }, on = {
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: a,
-      onClick: ue(s, ["stop", "prevent"])
+      onClick: ne(s, ["stop", "prevent"])
     }, [
-      q("div", An, [
-        q("div", En, [
-          p(d.$slots, "default", {}, () => [
-            e.icon ? (i(), B(m(O), W(H({ key: 0 }, e.icon)), null, 16)) : g("", !0),
-            ae(" " + E(e.label), 1)
+      p(r.$slots, "prepend"),
+      x("div", so, [
+        x("div", ao, [
+          p(r.$slots, "default", {}, () => [
+            e.icon ? (d(), C(y(X), se(Z({ key: 0 }, e.icon)), null, 16)) : w("", !0),
+            ie(" " + z(e.label), 1)
           ])
         ]),
-        e.description ? (i(), f("div", Qn, [
-          D(m(O), W(ne(e.icons.description)), null, 16),
-          q("span", null, E(e.description), 1)
-        ])) : g("", !0)
+        e.description ? (d(), h("div", io, [
+          U(y(X), se(fe(e.icons.description)), null, 16),
+          x("span", null, z(e.description), 1)
+        ])) : w("", !0)
       ]),
-      q("div", Dn, [
-        e.selected ? (i(), B(m(O), H({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : g("", !0)
+      p(r.$slots, "append"),
+      x("div", ro, [
+        e.selected ? (d(), C(y(X), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : w("", !0)
       ])
-    ], 42, Vn));
+    ], 42, lo));
   }
-}), Mn = ["data-key", "aria-labelledby"], Fn = ["id"], On = /* @__PURE__ */ C({
+}), uo = ["data-key", "aria-labelledby"], fo = ["id"], po = /* @__PURE__ */ I({
   __name: "QListItemGroup",
   props: {
     id: {},
-    title: { default: "" }
+    title: {}
   },
   setup(n) {
-    const t = n, e = ie();
-    return (l, o) => (i(), f("ul", {
+    const t = n, e = de();
+    return (o, l) => (d(), h("ul", {
       class: "q-list-item-group",
       role: "group",
       "data-key": t.id,
-      "aria-labelledby": t.title ? m(e) : void 0
+      "aria-labelledby": t.title ? y(e) : void 0
     }, [
-      t.title ? (i(), f("li", {
+      t.title ? (d(), h("li", {
         key: 0,
-        id: m(e),
+        id: y(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, E(t.title), 9, Fn)) : g("", !0),
-      p(l.$slots, "default")
-    ], 8, Mn));
+      }, z(t.title), 9, fo)) : w("", !0),
+      p(o.$slots, "default")
+    ], 8, uo));
   }
-}), Ue = I(In), ut = I(zn), ct = I(On), me = "data-scroll-locked", Ce = "right-scroll-bar-position", Ie = "width-before-scroll-bar", Pn = "with-scroll-bars-hidden", Un = "--removed-body-scroll-bar-size", Nn = {
+}), Be = L(no), bt = L(co), gt = L(po), ve = "data-scroll-locked", Te = "right-scroll-bar-position", Ae = "width-before-scroll-bar", mo = "with-scroll-bars-hidden", ho = "--removed-body-scroll-bar-size", vo = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
-}, Te = (n) => parseInt(n || "", 10) || 0, Rn = (n) => {
-  const t = window.getComputedStyle(document.body), e = t[n === "padding" ? "paddingLeft" : "marginLeft"], l = t[n === "padding" ? "paddingTop" : "marginTop"], o = t[n === "padding" ? "paddingRight" : "marginRight"];
-  return [Te(e), Te(l), Te(o)];
-}, Gn = (n = "margin") => {
+}, Ee = (n) => parseInt(n || "", 10) || 0, yo = (n) => {
+  const t = window.getComputedStyle(document.body), e = t[n === "padding" ? "paddingLeft" : "marginLeft"], o = t[n === "padding" ? "paddingTop" : "marginTop"], l = t[n === "padding" ? "paddingRight" : "marginRight"];
+  return [Ee(e), Ee(o), Ee(l)];
+}, bo = (n = "margin") => {
   if (typeof window > "u")
-    return Nn;
-  const t = Rn(n), e = document.documentElement.clientWidth, l = window.innerWidth;
+    return vo;
+  const t = yo(n), e = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: t[0],
     top: t[1],
     right: t[2],
-    gap: Math.max(0, l - e + t[2] - t[0])
+    gap: Math.max(0, o - e + t[2] - t[0])
   };
 };
-function Hn() {
+function go() {
   return document ? document.createElement("style") : null;
 }
-function jn(n, t) {
+function _o(n, t) {
   n.appendChild(document.createTextNode(t));
 }
-function Kn(n) {
+function $o(n) {
   (document.head || document.getElementsByTagName("head")[0]).appendChild(n);
 }
-const Wn = () => {
+const ko = () => {
   let n = 0, t = null;
   return {
     add: (e) => {
-      n === 0 && (t = Hn()) && (jn(t, e), Kn(t)), n++;
+      n === 0 && (t = go()) && (_o(t, e), $o(t)), n++;
     },
     remove: () => {
       var e;
       n--, !n && t && ((e = t.parentNode) == null || e.removeChild(t), t = null);
     }
   };
-}, Xn = /* @__PURE__ */ C({
+}, wo = /* @__PURE__ */ I({
   __name: "QRemoveScrollBar",
   props: {
-    noRelative: { type: Boolean, default: !1 },
-    noImportant: { type: Boolean, default: !1 },
+    noRelative: { type: Boolean },
+    noImportant: { type: Boolean },
     gapMode: { default: "margin" }
   },
   setup(n) {
-    const t = n, e = Wn(), l = () => {
-      const s = parseInt(document.body.getAttribute(me) || "0", 10);
+    const t = n, e = ko(), o = () => {
+      const s = parseInt(document.body.getAttribute(ve) || "0", 10);
       return isFinite(s) ? s : 0;
-    }, o = ({ left: s, top: a, right: d, gap: r }, u, b = "margin", x) => `
-  .${Pn} {
-    overflow: hidden ${x};
-    padding-right: ${r}px ${x};
+    }, l = ({ left: s, top: a, right: r, gap: i }, c, b = "margin", m) => `
+  .${mo} {
+    overflow: hidden ${m};
+    padding-right: ${i}px ${m};
   }
-  body[${me}] {
-    overflow: hidden ${x};
+  body[${ve}] {
+    overflow: hidden ${m};
     overscroll-behavior: contain;
     ${[
-      u && `position: relative ${x};`,
+      c && `position: relative ${m};`,
       b === "margin" && `
     padding-left: ${s}px;
     padding-top: ${a}px;
-    padding-right: ${d}px;
+    padding-right: ${r}px;
     margin-left:0;
     margin-top:0;
-    margin-right: ${r}px ${x};
+    margin-right: ${i}px ${m};
     `,
-      b === "padding" && `padding-right: ${r}px ${x};`
+      b === "padding" && `padding-right: ${i}px ${m};`
     ].filter(Boolean).join("")}
   }
 
-  .${Ce} {
-    right: ${r}px ${x};
+  .${Te} {
+    right: ${i}px ${m};
   }
 
-  .${Ie} {
-    margin-right: ${r}px ${x};
+  .${Ae} {
+    margin-right: ${i}px ${m};
   }
 
-  .${Ce} .${Ce} {
-    right: 0 ${x};
+  .${Te} .${Te} {
+    right: 0 ${m};
   }
 
-  .${Ie} .${Ie} {
-    margin-right: 0 ${x};
+  .${Ae} .${Ae} {
+    margin-right: 0 ${m};
   }
 
-  body[${me}] {
-    ${Un}: ${r}px;
+  body[${ve}] {
+    ${ho}: ${i}px;
   }
 `;
-    return Me(() => {
-      document.body.setAttribute(me, (l() + 1).toString());
-      const s = Gn(t.gapMode);
+    return Oe(() => {
+      document.body.setAttribute(ve, (o() + 1).toString());
+      const s = bo(t.gapMode);
       e.add(
-        o(s, !t.noRelative, t.gapMode, t.noImportant ? "" : "!important")
+        l(s, !t.noRelative, t.gapMode, t.noImportant ? "" : "!important")
       );
-    }), gt(() => {
-      const s = l() - 1;
-      s <= 0 ? document.body.removeAttribute(me) : document.body.setAttribute(me, s.toString()), e.remove();
+    }), Tt(() => {
+      const s = o() - 1;
+      s <= 0 ? document.body.removeAttribute(ve) : document.body.setAttribute(ve, s.toString()), e.remove();
     }), (s, a) => p(s.$slots, "default");
   }
-}), Yn = I(Xn), qe = 8;
-function Zn(n, t, e, l) {
-  const o = (l == null ? void 0 : l.offset) ?? 0, s = (l == null ? void 0 : l.placement) ?? "bottom", a = n.getBoundingClientRect(), d = t.getBoundingClientRect(), r = e == null ? void 0 : e.getBoundingClientRect(), u = Jn(a, d, s, o), b = ll(a, d, u), x = tl(b, u, o), R = el(x, d, u);
-  let P;
-  if (l != null && l.arrow) {
-    if (!r)
+}), qo = L(wo), tt = "q-theme";
+function xo() {
+  let n = document.getElementById(
+    tt
+  );
+  return n || (n = document.createElement("style"), n.id = tt, document.head.appendChild(n)), n;
+}
+function Co(n) {
+  let t = "";
+  for (const o of n) {
+    t += `.q-theme--${o.name} {
+`;
+    const l = o.scheme;
+    let s;
+    for (s in l) {
+      const a = l[s];
+      if (a) {
+        t += `  ${nt(s)}: ${a};
+`;
+        const r = ht(a);
+        t += `  ${nt(s)}-rgb: ${r.r} ${r.g} ${r.b};
+`;
+      }
+    }
+    t += `}
+`;
+  }
+  const e = xo();
+  e.textContent = t;
+}
+function nt(n) {
+  return n ? `--q-theme-${ct(n)}` : "";
+}
+function _t(n, t) {
+  const e = g(() => {
+    const l = t.find((s) => s.name === n.value);
+    if (!l)
+      throw new Error(`Theme "${n}" not found`);
+    return l;
+  });
+  return {
+    name: n,
+    current: e,
+    themes: t
+  };
+}
+const Ke = Symbol.for("q-theme");
+function $t() {
+  const n = Me(Ke);
+  if (!n)
+    throw new Error("[Quidgest UI] Could not find theme instance");
+  return n;
+}
+function Io(n) {
+  const t = $t(), e = t.themes, o = _t(n, e);
+  return Fe(Ke, o), o;
+}
+const Lo = /* @__PURE__ */ I({
+  __name: "QThemeProvider",
+  props: {
+    theme: {}
+  },
+  setup(n) {
+    const t = n, e = qe(t, "theme");
+    return Io(e), (o, l) => (d(), h("div", {
+      class: T(["q-theme-provider", `q-theme--${t.theme}`])
+    }, [
+      p(o.$slots, "default")
+    ], 2));
+  }
+}), kt = L(Lo), we = 8;
+function So(n, t, e, o) {
+  const l = (o == null ? void 0 : o.offset) ?? 0, s = (o == null ? void 0 : o.crossOffset) ?? 0, a = (o == null ? void 0 : o.placement) ?? "bottom", r = n.getBoundingClientRect(), i = t.getBoundingClientRect(), c = e == null ? void 0 : e.getBoundingClientRect(), b = Bo(r, i, a, l), m = Do(r, i, b), A = To(m, b, l), P = Ao(A, b, s), N = Vo(P, i, b);
+  let $;
+  if (o != null && o.arrow) {
+    if (!c)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    P = nl(R, a, d, r, u);
+    $ = Eo(N, r, i, c, b);
   }
-  return { overlayCoords: R, arrowCoords: P, placement: u };
+  return { overlayCoords: N, arrowCoords: $, placement: b };
 }
-function Jn(n, t, e, l) {
-  const o = Xe(n, t, e, l);
-  if (Ye(o)) {
-    const s = $e(e), d = {
+function Bo(n, t, e, o) {
+  const l = ot(n, t, e, o);
+  if (lt(l)) {
+    const s = be(e), r = {
       top: "bottom",
       bottom: "top",
       left: "right",
       right: "left"
-    }[s], r = Xe(
+    }[s], i = ot(
       n,
       t,
-      d,
-      l
+      r,
+      o
     );
-    if (Ye(r))
+    if (lt(i))
       return e;
-    const u = al(e);
-    return u ? `${d}-${u}` : d;
+    const c = Fo(e);
+    return c ? `${r}-${c}` : r;
   }
   return e;
 }
-function el(n, t, e) {
-  const l = xe(e), o = (a, d, r) => Math.min(Math.max(a, d), r), s = { ...n };
-  return l === "x" ? s.x = o(n.x, qe, window.innerWidth - t.width - qe) : s.y = o(n.y, qe, window.innerHeight - t.height - qe), s;
+function Vo(n, t, e) {
+  const o = Ce(e), l = (a, r, i) => Math.min(Math.max(a, r), i), s = { ...n };
+  return o === "x" ? s.x = l(n.x, we, window.innerWidth - t.width - we) : s.y = l(n.y, we, window.innerHeight - t.height - we), s;
+}
+function To(n, t, e) {
+  const o = be(t);
+  return {
+    x: n.x + (o === "left" ? -e : o === "right" ? e : 0),
+    y: n.y + (o === "top" ? -e : o === "bottom" ? e : 0)
+  };
 }
-function tl(n, t, e) {
-  const l = $e(t);
+function Ao(n, t, e) {
+  const o = be(t);
   return {
-    x: n.x + (l === "left" ? -e : l === "right" ? e : 0),
-    y: n.y + (l === "top" ? -e : l === "bottom" ? e : 0)
+    x: n.x + (o === "top" || o === "bottom" ? e : 0),
+    y: n.y + (o === "right" || o === "left" ? e : 0)
   };
 }
-function nl(n, t, e, l, o) {
-  if (xe(o) === "y") {
-    const a = t.top + t.height / 2, d = n.y + e.height / 2, r = d - a, u = e.height / 2 - r - l.height / 2 + 2;
-    if (u > 0 && u < e.height - l.height)
+function Eo(n, t, e, o, l) {
+  if (Ce(l) === "y") {
+    const a = t.top + t.height / 2, r = n.y + e.height / 2, i = r - a, c = e.height / 2 - i - o.height / 2 + 2;
+    if (c > 0 && c < e.height - o.height)
       return {
-        y: u
+        y: c
       };
   } else {
-    const a = t.left + t.width / 2, d = n.x + e.width / 2, r = d - a, u = e.width / 2 - r - l.width / 2 + 2;
-    if (u > 0 && u < e.width - l.width)
+    const a = t.left + t.width / 2, r = n.x + e.width / 2, i = r - a, c = e.width / 2 - i - o.width / 2 + 2;
+    if (c > 0 && c < e.width - o.width)
       return {
-        x: u
+        x: c
       };
   }
 }
-function ll(n, t, e) {
-  const [l, o] = e.split("-"), s = n.x + n.width / 2 - t.width / 2, a = n.y + n.height / 2 - t.height / 2;
-  let d;
-  switch (l) {
+function Do(n, t, e) {
+  const [o, l] = e.split("-"), s = n.x + n.width / 2 - t.width / 2, a = n.y + n.height / 2 - t.height / 2;
+  let r;
+  switch (o) {
     case "top":
-      d = { x: s, y: n.y - t.height };
+      r = { x: s, y: n.y - t.height };
       break;
     case "bottom":
-      d = { x: s, y: n.y + n.height };
+      r = { x: s, y: n.y + n.height };
       break;
     case "left":
-      d = { x: n.x - t.width, y: a };
+      r = { x: n.x - t.width, y: a };
       break;
     case "right":
-      d = { x: n.x + n.width, y: a };
+      r = { x: n.x + n.width, y: a };
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid placement value: ${e}`);
   }
-  if (!o)
-    return d;
-  const u = xe(e) === "y" ? "height" : "width", b = xe(e), x = n[u] / 2 - t[u] / 2;
-  switch (o) {
+  if (!l)
+    return r;
+  const c = Ce(e) === "y" ? "height" : "width", b = Ce(e), m = n[c] / 2 - t[c] / 2;
+  switch (l) {
     case "start":
-      d[b] -= x;
+      r[b] -= m;
       break;
     case "end":
-      d[b] += x;
+      r[b] += m;
       break;
     default:
-      throw new Error(`[Quidgest UI] Invalid alignment value: ${o}`);
+      throw new Error(`[Quidgest UI] Invalid alignment value: ${l}`);
   }
-  return d;
+  return r;
 }
-function Xe(n, t, e, l) {
-  const o = $e(e);
+function ot(n, t, e, o) {
+  const l = be(e);
   let s = 0;
-  switch (o) {
+  switch (l) {
     case "top":
-      s = n.top - (t.height + l);
+      s = n.top - (t.height + o);
       break;
     case "bottom":
-      s = window.innerHeight - n.bottom - (t.height + l);
+      s = window.innerHeight - n.bottom - (t.height + o);
       break;
     case "left":
-      s = n.left - (t.width + l);
+      s = n.left - (t.width + o);
       break;
     case "right":
-      s = window.innerWidth - n.right - (t.width + l);
+      s = window.innerWidth - n.right - (t.width + o);
       break;
     default:
-      throw new Error(`[Quidgest UI] Invalid side value: ${o}`);
+      throw new Error(`[Quidgest UI] Invalid side value: ${l}`);
   }
   return s;
 }
-function ol(n) {
+function Qo(n) {
   return n === "x" ? "y" : "x";
 }
-function sl(n) {
-  const t = $e(n);
+function zo(n) {
+  const t = be(n);
   return ["left", "right"].includes(t) ? "x" : "y";
 }
-function xe(n) {
-  return ol(sl(n));
+function Ce(n) {
+  return Qo(zo(n));
 }
-function $e(n) {
+function be(n) {
   const [t] = n.split("-");
   return t;
 }
-function al(n) {
+function Fo(n) {
   const [, t] = n.split("-");
   return t;
 }
-function Ye(n) {
+function lt(n) {
   return n < 0;
 }
-function il(n) {
+function Mo(n) {
   return typeof n == "string" ? document.querySelector(n) : n;
 }
-const rl = ["role"], dl = /* @__PURE__ */ C({
+const Oo = ["role"], Uo = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: /* @__PURE__ */ G({
-    anchor: { default: void 0 },
+    anchor: {},
     appearance: { default: "regular" },
     arrow: { type: Boolean },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean },
-    backdropClass: { default: void 0 },
+    backdropClass: {},
     delay: { default: 500 },
     nonModal: { type: Boolean },
     scrollLock: { type: Boolean },
     offset: { default: 8 },
+    crossOffset: { default: 0 },
     persistent: { type: Boolean },
     placement: { default: "right" },
     spy: { type: Boolean },
     transition: { default: "fade" },
     trigger: { default: "click" },
     width: { default: "auto" },
-    class: { default: void 0 }
+    class: {}
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ G(["enter", "leave"], ["update:modelValue"]),
   setup(n, { emit: t }) {
-    const e = n, l = t, o = K(n, "modelValue"), s = y(() => [
+    const e = n, o = t, l = K(n, "modelValue"), s = $t(), a = g(() => [
       "q-overlay",
-      `q-overlay--${$e(u.placement)}`,
+      `q-overlay--${be(b.placement)}`,
       {
-        "q-overlay--independent": a.value,
+        "q-overlay--independent": r.value,
         "q-overlay--inverted": e.appearance === "inverted"
       },
       e.class
-    ]), a = y(() => e.anchor === void 0), d = y(() => (o.value || u.animating) && !e.nonModal), r = y(() => (o.value || u.animating) && e.scrollLock), u = je({
+    ]), r = g(() => e.anchor === void 0), i = g(() => (l.value || b.animating) && !e.nonModal), c = g(() => (l.value || b.animating) && e.scrollLock), b = Ze({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), b = je({
+    }), m = Ze({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), x = y(() => u.top !== 0 && u.left !== 0);
-    Z(o, () => u.animating = !0);
-    const R = y(() => {
-      if (a.value) return;
-      const L = v(), c = e.width === "anchor", k = c ? L == null ? void 0 : L.getBoundingClientRect().width : void 0;
+    }), A = g(() => b.top !== 0 && b.left !== 0);
+    Y(l, () => b.animating = !0);
+    const P = g(() => {
+      if (r.value) return;
+      const v = u(), F = e.width === "anchor", M = F ? v == null ? void 0 : v.getBoundingClientRect().width : void 0;
       return {
-        top: `${u.top}px`,
-        left: `${u.left}px`,
-        width: k !== void 0 ? `${k}px` : void 0
+        top: `${b.top}px`,
+        left: `${b.left}px`,
+        width: M !== void 0 ? `${M}px` : void 0
       };
-    }), P = y(() => {
+    }), N = g(() => {
       if (e.arrow)
         return {
-          top: b.top !== void 0 ? `${b.top}px` : void 0,
-          left: b.left !== void 0 ? `${b.left}px` : void 0,
-          opacity: b.hidden ? 0 : 1
+          top: m.top !== void 0 ? `${m.top}px` : void 0,
+          left: m.left !== void 0 ? `${m.left}px` : void 0,
+          opacity: m.hidden ? 0 : 1
         };
-    }), z = A(null), _ = A(null);
-    function V() {
-      const L = v();
-      if (!L || !_.value)
+    }), $ = B(null), V = B(null);
+    function D() {
+      const v = u();
+      if (!v || !V.value)
         return;
-      const c = {
+      const F = {
         placement: e.placement,
         width: e.width,
         offset: e.offset,
+        crossOffset: e.crossOffset,
         arrow: e.arrow
-      }, k = Zn(
-        L,
-        _.value,
-        (z == null ? void 0 : z.value) ?? void 0,
-        c
+      }, M = So(
+        v,
+        V.value,
+        ($ == null ? void 0 : $.value) ?? void 0,
+        F
       );
-      u.left = k.overlayCoords.x, u.top = k.overlayCoords.y, u.placement = k.placement, b.hidden = k.arrowCoords === void 0, k.arrowCoords && (b.top = k.arrowCoords.y, b.left = k.arrowCoords.x);
+      b.left = M.overlayCoords.x, b.top = M.overlayCoords.y, b.placement = M.placement, m.hidden = M.arrowCoords === void 0, M.arrowCoords && (m.top = M.arrowCoords.y, m.left = M.arrowCoords.x);
     }
-    Z(
+    Y(
       () => e.placement,
-      () => te(V)
+      () => le(D)
     );
-    let M;
-    function Q() {
-      ee(0);
-    }
-    function oe() {
-      ee(e.delay);
-    }
-    function ee(L) {
-      M || (M = window.setTimeout(() => {
-        o.value = !0;
-      }, L));
-    }
-    function N() {
-      if (clearTimeout(M), M = void 0, o.value = !1, e.anchor && e.trigger === "click") {
-        const L = v();
-        L == null || L.focus();
+    let Q;
+    function j() {
+      S(0);
+    }
+    function te() {
+      S(e.delay);
+    }
+    function S(v) {
+      Q && R(), Q = window.setTimeout(() => {
+        l.value = !0;
+      }, v);
+    }
+    function E() {
+      if (Q && R(), l.value = !1, e.anchor && e.trigger === "click") {
+        const v = u();
+        v == null || v.focus();
       }
     }
-    Z(x, () => te(se));
-    function se() {
-      l("enter");
+    function R() {
+      clearTimeout(Q), Q = void 0;
     }
-    let X;
-    function ce() {
-      window.clearTimeout(X), X = window.setTimeout(() => u.animating = !1, 200), l("leave");
+    Y(A, () => le(ae));
+    function ae() {
+      o("enter");
     }
-    function v() {
-      return e.anchor ? il(e.anchor) : null;
+    let ce;
+    function k() {
+      window.clearTimeout(ce), ce = window.setTimeout(() => b.animating = !1, 200), o("leave");
     }
-    let S;
-    function h() {
-      const L = v();
-      if (L)
-        switch (S = new MutationObserver(V), S.observe(L, {
+    function u() {
+      return e.anchor ? Mo(e.anchor) : null;
+    }
+    let q;
+    function O() {
+      const v = u();
+      if (v)
+        switch (q = new MutationObserver(D), q.observe(v, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), e.trigger) {
           case "click":
-            L.addEventListener("click", Q);
+            v.addEventListener("click", j);
             break;
           case "hover":
-            L.addEventListener("mouseenter", oe), L.addEventListener("mouseleave", N), L.addEventListener("focusin", Q), L.addEventListener("focusout", N);
+            v.addEventListener("mouseenter", te), v.addEventListener("mouseleave", E), v.addEventListener("focusin", j), v.addEventListener("focusout", E);
             break;
         }
     }
-    function $() {
-      const L = v();
-      if (L)
-        switch (S == null || S.disconnect(), e.trigger) {
+    function H() {
+      const v = u();
+      if (v)
+        switch (q == null || q.disconnect(), e.trigger) {
           case "click":
-            L.removeEventListener("click", Q);
+            v.removeEventListener("click", j);
             break;
           case "hover":
-            L.removeEventListener("mouseenter", oe), L.removeEventListener("mouseleave", N), L.removeEventListener("focusin", Q), L.removeEventListener("focusout", N);
+            v.removeEventListener("mouseenter", te), v.removeEventListener("mouseleave", E), v.removeEventListener("focusin", j), v.removeEventListener("focusout", E);
             break;
         }
     }
     function J() {
-      window.addEventListener("resize", V), e.scrollLock || window.addEventListener("scroll", V);
+      window.addEventListener("resize", D), e.scrollLock || window.addEventListener("scroll", D);
     }
-    function re() {
-      window.removeEventListener("resize", V), e.scrollLock || window.removeEventListener("scroll", V);
+    function ee() {
+      window.removeEventListener("resize", D), e.scrollLock || window.removeEventListener("scroll", D);
     }
-    let Y;
-    function de() {
-      v() ? (V(), Y = window.setTimeout(de, 100)) : N();
+    let oe;
+    function ke() {
+      u() ? (D(), oe = window.setTimeout(ke, 100)) : E();
     }
-    function Be() {
-      a.value || (J(), e.spy ? de() : V()), (a.value || e.trigger === "click") && te(() => {
-        var L;
-        return (L = _.value) == null ? void 0 : L.focus();
+    function Ve() {
+      r.value || (J(), e.spy ? ke() : D()), (r.value || e.trigger === "click") && le(() => {
+        var v;
+        return (v = V.value) == null ? void 0 : v.focus();
       });
     }
-    function ke() {
-      a.value || re(), e.spy && (clearTimeout(Y), Y = void 0), u.top = 0, u.left = 0;
-    }
-    function we() {
-      e.persistent || N();
-    }
-    return Me(() => {
-      te(h);
-    }), _t(() => {
-      $(), ke();
-    }), Z(
-      o,
-      (L) => {
-        te(() => L ? Be() : ke());
+    function ge() {
+      r.value || ee(), e.spy && (clearTimeout(oe), oe = void 0), b.top = 0, b.left = 0;
+    }
+    function f() {
+      e.persistent || E();
+    }
+    return Oe(() => {
+      le(O);
+    }), At(() => {
+      H(), ge();
+    }), Y(
+      l,
+      (v) => {
+        le(() => v ? Ve() : ge());
       },
       { immediate: !0 }
-    ), (L, c) => (i(), f(U, null, [
-      (i(), B($t, {
-        disabled: !o.value && !u.animating || e.inline,
+    ), (v, F) => (d(), h(W, null, [
+      (d(), C(Et, {
+        disabled: !l.value && !b.animating || e.inline,
         to: e.attach
       }, [
-        d.value ? (i(), f("div", {
-          key: 0,
-          class: T([
-            e.backdropClass,
-            "q-overlay__underlay",
-            { "q-overlay__underlay--blur": e.backdropBlur }
-          ])
-        }, null, 2)) : g("", !0),
-        D(kt, {
-          name: e.transition,
-          appear: "",
-          onLeave: ce
+        U(y(kt), {
+          theme: y(s).current.value.name
         }, {
-          default: w(() => [
-            o.value ? (i(), f("div", {
+          default: _(() => [
+            i.value ? (d(), h("div", {
               key: 0,
-              class: T(s.value),
-              style: fe(R.value)
-            }, [
-              q("div", H({
-                ref_key: "overlayRef",
-                ref: _,
-                class: "q-overlay__content",
-                tabindex: "-1",
-                role: d.value ? "dialog" : void 0
-              }, L.$attrs, {
-                onKeydown: Ae(we, ["escape"]),
-                onBlur: we
-              }), [
-                e.arrow ? (i(), f("div", {
+              class: T([
+                e.backdropClass,
+                "q-overlay__underlay",
+                { "q-overlay__underlay--blur": e.backdropBlur }
+              ])
+            }, null, 2)) : w("", !0),
+            U(Dt, {
+              name: e.transition,
+              appear: "",
+              onLeave: k
+            }, {
+              default: _(() => [
+                l.value ? (d(), h("div", {
                   key: 0,
-                  ref_key: "arrowRef",
-                  ref: z,
-                  role: "presentation",
-                  class: "q-overlay__arrow",
-                  style: fe(P.value)
-                }, null, 4)) : g("", !0),
-                p(L.$slots, "default")
-              ], 16, rl)
-            ], 6)) : g("", !0)
+                  class: T(a.value),
+                  style: ue(P.value)
+                }, [
+                  x("div", Z({
+                    ref_key: "overlayRef",
+                    ref: V,
+                    class: "q-overlay__content",
+                    tabindex: "-1",
+                    role: i.value ? "dialog" : void 0
+                  }, v.$attrs, {
+                    onKeydown: De(f, ["escape"]),
+                    onBlur: f
+                  }), [
+                    e.arrow ? (d(), h("div", {
+                      key: 0,
+                      ref_key: "arrowRef",
+                      ref: $,
+                      role: "presentation",
+                      class: "q-overlay__arrow",
+                      style: ue(N.value)
+                    }, null, 4)) : w("", !0),
+                    p(v.$slots, "default")
+                  ], 16, Oo)
+                ], 6)) : w("", !0)
+              ]),
+              _: 3
+            }, 8, ["name"])
           ]),
           _: 3
-        }, 8, ["name"])
+        }, 8, ["theme"])
       ], 8, ["disabled", "to"])),
-      r.value ? (i(), B(m(Yn), { key: 0 })) : g("", !0)
+      c.value ? (d(), C(y(qo), { key: 0 })) : w("", !0)
     ], 64));
   }
-}), ve = I(dl), ul = ["id"], cl = {
-  key: 0,
-  class: "q-field__label"
-}, fl = ["for"], pl = {
-  key: 0,
-  class: "q-field__prepend"
-}, ml = {
-  key: 1,
-  class: "q-field__append"
-}, hl = {
-  key: 1,
-  class: "q-field__extras"
-}, yl = /* @__PURE__ */ C({
-  inheritAttrs: !1,
-  __name: "QField",
+}), me = L(Uo), Po = /* @__PURE__ */ I({
+  __name: "QClearButton",
   props: {
-    id: { default: void 0 },
-    label: { default: "" },
-    for: { default: void 0 },
-    size: { default: "medium" },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    class: { default: void 0 }
+    class: {},
+    icons: { default: () => He },
+    texts: { default: () => Ge }
   },
-  setup(n, { expose: t }) {
-    const e = n, l = ie(e.id), o = A(null), s = y(() => e.required && !e.readonly && !e.disabled);
-    return t({
-      fieldRef: o
-    }), (a, d) => (i(), f("div", {
-      id: m(l),
-      class: T([
-        "q-field",
-        `q-field--${e.size}`,
-        {
-          "q-field--readonly": e.readonly,
-          "q-field--disabled": e.disabled,
-          "q-field--required": s.value
-        },
-        e.class
-      ])
-    }, [
-      e.label ? (i(), f("div", cl, [
-        p(a.$slots, "label.prepend"),
-        q("label", {
-          for: e.for
-        }, E(e.label), 9, fl),
-        p(a.$slots, "label.append")
-      ])) : g("", !0),
-      p(a.$slots, "control", {}, () => [
-        q("div", H({
-          ref_key: "fieldRef",
-          ref: o,
-          class: "q-field__control"
-        }, a.$attrs), [
-          a.$slots.prepend ? (i(), f("div", pl, [
-            p(a.$slots, "prepend")
-          ])) : g("", !0),
-          p(a.$slots, "default"),
-          a.$slots.append ? (i(), f("div", ml, [
-            p(a.$slots, "append")
-          ])) : g("", !0)
-        ], 16)
-      ]),
-      a.$slots.extras ? (i(), f("div", hl, [
-        p(a.$slots, "extras")
-      ])) : g("", !0)
-    ], 10, ul));
-  }
-}), Le = I(yl), vl = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], bl = /* @__PURE__ */ C({
-  inheritAttrs: !1,
-  __name: "QTextField",
-  props: /* @__PURE__ */ G({
-    id: { default: void 0 },
-    placeholder: { default: "" },
-    label: { default: "" },
-    size: { default: void 0 },
-    maxLength: { default: void 0 },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    role: { default: void 0 },
-    type: { default: "text" },
-    class: { default: void 0 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(n, { expose: t }) {
-    const e = n, l = K(n, "modelValue"), o = ie(e.id), s = A(null), a = A(null), d = y(
-      () => e.readonly || e.disabled ? "" : e.placeholder
-    );
-    return t({
-      fieldRef: y(() => {
-        var r;
-        return (r = s.value) == null ? void 0 : r.fieldRef;
-      }),
-      inputRef: a
-    }), (r, u) => (i(), B(m(Le), {
-      ref_key: "fieldRef",
-      ref: s,
-      class: T(["q-text-field", e.class]),
-      for: m(o),
-      label: e.label,
-      size: e.size,
-      readonly: e.readonly,
-      disabled: e.disabled,
-      required: e.required
-    }, ye({
-      "label.prepend": w(() => [
-        p(r.$slots, "label.prepend")
-      ]),
-      "label.append": w(() => [
-        p(r.$slots, "label.append")
-      ]),
-      default: w(() => [
-        wt(q("input", H({
-          id: m(o),
-          ref_key: "inputRef",
-          ref: a,
-          "onUpdate:modelValue": u[0] || (u[0] = (b) => l.value = b),
-          class: "q-text-field__input",
-          type: e.type,
-          role: e.role,
-          required: e.required,
-          placeholder: d.value,
-          readonly: e.readonly,
-          disabled: e.disabled,
-          maxlength: e.maxLength
-        }, r.$attrs), null, 16, vl), [
-          [qt, l.value]
-        ])
+  emits: ["click"],
+  setup(n, { emit: t }) {
+    const e = n, o = t, l = (s) => o("click", s);
+    return (s, a) => (d(), C(y(re), {
+      class: "q-clear-btn",
+      "aria-label": e.texts.clearValue,
+      "b-style": "plain",
+      borderless: "",
+      tabindex: "-1",
+      onClick: l
+    }, {
+      default: _(() => [
+        U(y(X), se(fe(e.icons.clear)), null, 16)
       ]),
-      _: 2
-    }, [
-      r.$slots.prepend ? {
-        name: "prepend",
-        fn: w(() => [
-          p(r.$slots, "prepend")
-        ]),
-        key: "0"
-      } : void 0,
-      r.$slots.append ? {
-        name: "append",
-        fn: w(() => [
-          p(r.$slots, "append")
-        ]),
-        key: "1"
-      } : void 0,
-      r.$slots.extras ? {
-        name: "extras",
-        fn: w(() => [
-          p(r.$slots, "extras")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
+      _: 1
+    }, 8, ["aria-label"]));
   }
-}), ft = I(bl), gl = {
-  noData: "No data available",
-  clearValue: "Clear value",
-  showOptions: "Show options"
-}, _l = {
-  chevron: {
-    icon: "chevron-down"
-  },
-  clear: {
-    icon: "close"
-  }
-}, $l = ["data-key"], kl = {
+}), wt = L(Po), No = ["data-key"], Ro = {
   key: 0,
   class: "q-select__loader"
-}, wl = {
+}, Go = {
   key: 2,
   class: "q-select__loader"
-}, ql = /* @__PURE__ */ C({
+}, Ho = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "QCombobox",
   props: /* @__PURE__ */ G({
-    id: { default: void 0 },
-    placeholder: { default: "" },
+    id: {},
+    placeholder: {},
     selectionMode: { default: "automatic" },
     filterMode: { default: "builtin" },
-    label: { default: "" },
+    label: {},
     clearable: { type: Boolean },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -1893,11 +2142,11 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
-    emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    size: { default: void 0 },
-    class: { default: void 0 },
-    icons: { default: () => _l },
-    texts: { default: () => gl }
+    emptyValue: { type: [String, Number, Boolean, Symbol] },
+    size: {},
+    class: {},
+    icons: { default: () => to },
+    texts: { default: () => eo }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -1910,288 +2159,282 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(n, { expose: t, emit: e }) {
-    const l = n, o = e, s = K(n, "modelValue"), a = K(n, "open"), d = K(n, "search"), r = A(void 0), u = A(null), b = A(null), x = A(null), R = A(null);
-    Me(N);
-    const P = y(() => l.clearable && !l.readonly && !l.disabled), z = y(() => {
-      var c;
-      return l.filterMode === "manual" || !oe.value ? l.items : (c = l.items) == null ? void 0 : c.filter(
-        (k) => k[l.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
+    const o = n, l = e, s = K(n, "modelValue"), a = K(n, "open"), r = K(n, "search"), i = B(void 0), c = B(null), b = B(null), m = B(null), A = B(null);
+    Oe(S);
+    const P = g(() => o.clearable && !o.readonly && !o.disabled), N = g(() => {
+      var f;
+      return o.filterMode === "manual" || !j.value ? o.items : (f = o.items) == null ? void 0 : f.filter(
+        (v) => v[o.itemLabel].toLowerCase().startsWith(r.value.toLowerCase())
       );
-    }), _ = y(() => {
-      var c;
-      return (c = l.items) == null ? void 0 : c.find((k) => k[l.itemValue] === s.value);
-    }), V = y(() => _.value === void 0), M = y(() => {
-      const c = r.value;
-      if (c !== void 0 && z.value[c])
-        return z.value[c];
-    }), Q = y(() => {
-      var k;
-      if (r.value === void 0)
+    }), $ = g(() => {
+      var f;
+      return (f = o.items) == null ? void 0 : f.find((v) => v[o.itemValue] === s.value);
+    }), V = g(() => $.value === void 0), D = g(() => {
+      const f = i.value;
+      if (f !== void 0 && N.value[f])
+        return N.value[f];
+    }), Q = g(() => {
+      var v;
+      if (i.value === void 0)
         return;
-      const c = (k = b.value) == null ? void 0 : k.getItem(r.value);
-      return c == null ? void 0 : c.id;
-    }), oe = y(() => {
-      var c;
-      return d.value.length > 0 && d.value !== ((c = _.value) == null ? void 0 : c[l.itemLabel]);
+      const f = (v = b.value) == null ? void 0 : v.getItem(i.value);
+      return f == null ? void 0 : f.id;
+    }), j = g(() => {
+      var f;
+      return r.value.length > 0 && r.value !== ((f = $.value) == null ? void 0 : f[o.itemLabel]);
     });
-    function ee(c) {
-      s.value = c, X();
+    function te(f) {
+      s.value = f, R();
     }
-    function N() {
-      var k;
-      const c = ((k = _.value) == null ? void 0 : k[l.itemLabel]) || "";
-      d.value !== c && (d.value = c);
+    function S() {
+      var v;
+      const f = ((v = $.value) == null ? void 0 : v[o.itemLabel]) || "";
+      r.value !== f && (r.value = f);
     }
-    function se() {
-      a.value || l.readonly || l.disabled || (o("before-show"), a.value = !0, de());
+    function E() {
+      a.value || o.readonly || o.disabled || (l("before-show"), a.value = !0, ee());
     }
-    function X() {
-      a.value && (o("before-hide"), a.value = !1, r.value = void 0);
+    function R() {
+      a.value && (l("before-hide"), a.value = !1, i.value = void 0);
     }
-    function ce() {
-      a.value ? X() : S();
+    function ae() {
+      a.value ? R() : k();
     }
-    function v() {
-      P.value && (s.value = l.emptyValue, r.value = void 0, de());
+    function ce() {
+      P.value && (s.value = o.emptyValue, i.value = void 0, ee());
     }
-    function S() {
-      if (se(), _.value !== void 0) {
-        const c = z.value.indexOf(_.value);
-        c !== -1 && te(() => L(c));
+    function k() {
+      if (E(), $.value !== void 0) {
+        const f = N.value.indexOf($.value);
+        f !== -1 && le(() => ge(f));
       }
     }
-    function h(c) {
-      var k, F;
-      if (!(!c.key || l.readonly || l.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), c.key === "Escape")
-          N(), a.value && X();
-        else if (["ArrowDown", "ArrowUp"].includes(c.key))
-          a.value ? te(() => {
-            if (r.value === void 0)
-              $();
+    function u(f) {
+      var v, F;
+      if (!(!f.key || o.readonly || o.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && (f.preventDefault(), f.stopPropagation()), f.key === "Escape")
+          S(), a.value && R();
+        else if (["ArrowDown", "ArrowUp"].includes(f.key))
+          a.value ? le(() => {
+            if (i.value === void 0)
+              q();
             else {
-              const j = c.key === "ArrowDown" ? "next" : "prev";
-              re(r.value, j);
+              const M = f.key === "ArrowDown" ? "next" : "prev";
+              H(i.value, M);
             }
-          }) : (se(), te(() => {
-            c.key === "ArrowDown" ? $() : J();
+          }) : (E(), le(() => {
+            f.key === "ArrowDown" ? q() : O();
           }));
-        else if (c.key === "Enter") {
-          if (M.value === void 0) return;
-          ee(M.value[l.itemValue]);
-        } else c.key === "Home" ? r.value = (k = b.value) == null ? void 0 : k.getFirstFocusableItemIndex() : c.key === "End" ? r.value = (F = b.value) == null ? void 0 : F.getLastFocusableItemIndex() : (/^[a-z]$/i.test(c.key) || c.key === "Backspace") && se();
+        else if (f.key === "Enter") {
+          if (D.value === void 0) return;
+          te(D.value[o.itemValue]);
+        } else f.key === "Home" ? i.value = (v = b.value) == null ? void 0 : v.getFirstFocusableItemIndex() : f.key === "End" ? i.value = (F = b.value) == null ? void 0 : F.getLastFocusableItemIndex() : (/^[a-z]$/i.test(f.key) || f.key === "Backspace") && E();
     }
-    function $() {
-      var c, k;
+    function q() {
+      var f, v;
       if (V.value)
-        r.value = (k = b.value) == null ? void 0 : k.getFirstFocusableItemIndex();
+        i.value = (v = b.value) == null ? void 0 : v.getFirstFocusableItemIndex();
       else {
-        const F = z.value.findIndex(
-          (j) => j[l.itemValue] === s.value
+        const F = N.value.findIndex(
+          (M) => M[o.itemValue] === s.value
         );
-        F === -1 ? r.value = (c = b.value) == null ? void 0 : c.getFirstFocusableItemIndex() : r.value = F;
+        F === -1 ? i.value = (f = b.value) == null ? void 0 : f.getFirstFocusableItemIndex() : i.value = F;
       }
     }
-    function J() {
-      var c;
-      r.value = (c = b.value) == null ? void 0 : c.getLastFocusableItemIndex();
+    function O() {
+      var f;
+      i.value = (f = b.value) == null ? void 0 : f.getLastFocusableItemIndex();
     }
-    function re(c, k) {
+    function H(f, v) {
       var F;
-      r.value = (F = b.value) == null ? void 0 : F.getAdjacentItemIndex(c, k);
+      i.value = (F = b.value) == null ? void 0 : F.getAdjacentItemIndex(f, v);
     }
-    function Y(c) {
-      var pe, Ne, Re, Ge;
-      const k = ((pe = x == null ? void 0 : x.value) == null ? void 0 : pe.$el) === c.relatedTarget, F = (Re = (Ne = u == null ? void 0 : u.value) == null ? void 0 : Ne.$el) == null ? void 0 : Re.contains(c.relatedTarget), j = (Ge = R == null ? void 0 : R.value) == null ? void 0 : Ge.contains(c.relatedTarget);
-      if (k || j || F) {
-        c.preventDefault(), c.stopPropagation();
+    function J(f) {
+      var he, We, je, Xe;
+      const v = ((he = m == null ? void 0 : m.value) == null ? void 0 : he.$el) === f.relatedTarget, F = (je = (We = c == null ? void 0 : c.value) == null ? void 0 : We.$el) == null ? void 0 : je.contains(f.relatedTarget), M = (Xe = A == null ? void 0 : A.value) == null ? void 0 : Xe.contains(f.relatedTarget);
+      if (v || M || F) {
+        f.preventDefault(), f.stopPropagation();
         return;
       }
-      X(), P.value && !d.value && (s.value = l.emptyValue), N();
+      R(), P.value && !r.value && (s.value = o.emptyValue), S();
     }
-    function de() {
-      var c, k;
-      (k = (c = u.value) == null ? void 0 : c.inputRef) == null || k.focus();
+    function ee() {
+      var f, v;
+      (v = (f = c.value) == null ? void 0 : f.inputRef) == null || v.focus();
     }
-    function Be() {
-      de();
+    function oe() {
+      ee();
     }
     function ke() {
-      o("show");
+      l("show");
     }
-    function we() {
-      o("hide");
+    function Ve() {
+      l("hide");
     }
-    function L(c) {
+    function ge(f) {
       var F;
-      const k = (F = b.value) == null ? void 0 : F.getItem(c);
-      b.value && (b.value.$el.scrollTop = k == null ? void 0 : k.offsetTop);
+      const v = (F = b.value) == null ? void 0 : F.getItem(f);
+      b.value && (b.value.$el.scrollTop = v == null ? void 0 : v.offsetTop);
     }
-    return Z(s, N), Z(
-      () => l.items,
-      (c, k) => {
+    return Y(s, S), Y(
+      () => o.items,
+      (f, v) => {
         if (!V.value) {
-          const F = k.find((j) => j[l.itemValue] === s.value);
-          d.value === (F == null ? void 0 : F[l.itemLabel]) && N();
+          const F = v.find((M) => M[o.itemValue] === s.value);
+          r.value === (F == null ? void 0 : F[o.itemLabel]) && S();
         }
       },
       { deep: !0 }
-    ), Z(r, (c) => {
-      c !== void 0 && L(c);
-    }), Z(d, (c) => {
-      c && a.value && l.selectionMode === "automatic" && te($);
-    }), Z(
-      () => l.loading,
-      (c) => {
-        !c && a.value && te($);
+    ), Y(i, (f) => {
+      f !== void 0 && ge(f);
+    }), Y(r, (f) => {
+      f && a.value && o.selectionMode === "automatic" && le(q);
+    }), Y(
+      () => o.loading,
+      (f) => {
+        !f && a.value && le(q);
       }
     ), t({
-      triggerEl: u
-    }), (c, k) => {
+      triggerEl: c
+    }), (f, v) => {
       var F;
-      return i(), f(U, null, [
-        D(m(ft), H({
-          id: l.id,
+      return d(), h(W, null, [
+        U(y(Re), Z({
+          id: o.id,
           ref_key: "triggerEl",
-          ref: u,
-          modelValue: d.value,
-          "onUpdate:modelValue": k[0] || (k[0] = (j) => d.value = j),
-          label: l.label,
-          required: l.required,
+          ref: c,
+          modelValue: r.value,
+          "onUpdate:modelValue": v[0] || (v[0] = (M) => r.value = M),
+          label: o.label,
+          required: o.required,
           role: "combobox",
-          placeholder: l.placeholder,
+          placeholder: o.placeholder,
           class: [
             "q-combobox",
             {
-              "q-combobox--readonly": l.readonly,
-              "q-combobox--disabled": l.disabled,
-              "q-combobox--expanded": a.value
+              "q-combobox--readonly": o.readonly,
+              "q-combobox--disabled": o.disabled
             },
-            l.class
+            o.class
           ],
-          readonly: l.readonly,
-          disabled: l.disabled,
-          "data-loading": l.loading,
+          readonly: o.readonly,
+          disabled: o.disabled,
+          "data-loading": o.loading,
           autocomplete: "off",
           "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
           "aria-activedescendant": Q.value,
-          size: l.size
-        }, c.$attrs, {
-          onClick: S,
-          onFocusout: Y,
-          onKeydown: ue(h, ["stop"])
-        }), ye({
-          "label.prepend": w(() => [
-            p(c.$slots, "label.prepend")
+          size: o.size
+        }, f.$attrs, {
+          onClick: k,
+          onFocusout: J,
+          onKeydown: ne(u, ["stop"])
+        }), pe({
+          "label.prepend": _(() => [
+            p(f.$slots, "label.prepend")
           ]),
-          "label.append": w(() => [
-            p(c.$slots, "label.append")
+          "label.append": _(() => [
+            p(f.$slots, "label.append")
           ]),
-          append: w(() => [
-            p(c.$slots, "append"),
-            P.value && d.value ? (i(), B(m(le), {
+          append: _(() => [
+            p(f.$slots, "append"),
+            P.value && r.value ? (d(), C(y(wt), {
               key: 0,
-              class: "q-combobox__clear",
-              "aria-label": l.texts.clearValue,
-              "b-style": "plain",
-              borderless: "",
-              tabindex: "-1",
-              onClick: v
-            }, {
-              default: w(() => [
-                D(m(O), W(ne(l.icons.clear)), null, 16)
-              ]),
-              _: 1
-            }, 8, ["aria-label"])) : g("", !0),
-            l.readonly ? g("", !0) : (i(), B(m(le), {
+              icons: o.icons,
+              texts: o.texts,
+              onClick: ce
+            }, null, 8, ["icons", "texts"])) : w("", !0),
+            o.readonly ? w("", !0) : (d(), C(y(re), {
               key: 1,
               ref_key: "toggleRef",
-              ref: x,
+              ref: m,
               class: "q-combobox__chevron",
-              "aria-label": l.texts.showOptions,
+              "aria-label": o.texts.showOptions,
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              disabled: l.disabled,
-              onMousedown: ue(ce, ["stop", "prevent"])
+              disabled: o.disabled,
+              onMousedown: ne(ae, ["stop", "prevent"])
             }, {
-              default: w(() => [
-                D(m(O), W(ne(l.icons.chevron)), null, 16)
+              default: _(() => [
+                U(y(xe), {
+                  "model-value": a.value,
+                  icons: o.icons
+                }, null, 8, ["model-value", "icons"])
               ]),
               _: 1
             }, 8, ["aria-label", "disabled"]))
           ]),
           _: 2
         }, [
-          c.$slots.prepend ? {
+          f.$slots.prepend ? {
             name: "prepend",
-            fn: w(() => [
-              p(c.$slots, "prepend")
+            fn: _(() => [
+              p(f.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          c.$slots.extras ? {
+          f.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
-              p(c.$slots, "extras")
+            fn: _(() => [
+              p(f.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1040, ["id", "modelValue", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-        D(m(ve), {
+        U(y(me), {
           modelValue: a.value,
-          "onUpdate:modelValue": k[2] || (k[2] = (j) => a.value = j),
+          "onUpdate:modelValue": v[2] || (v[2] = (M) => a.value = M),
           spy: "",
           "non-modal": "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           offset: 4,
-          anchor: (F = u.value) == null ? void 0 : F.$el,
+          anchor: (F = c.value) == null ? void 0 : F.$el,
           onEnter: ke,
-          onLeave: we
+          onLeave: Ve
         }, {
-          default: w(() => {
-            var j;
+          default: _(() => {
+            var M;
             return [
-              q("div", {
+              x("div", {
                 ref_key: "contentRef",
-                ref: R,
+                ref: A,
                 class: "q-select__body",
                 "data-testid": "combobox-dropdown",
-                "data-key": l.id,
-                onFocusout: Y
+                "data-key": o.id,
+                onFocusout: J
               }, [
-                p(c.$slots, "body.prepend"),
-                l.loading ? (i(), f("div", kl, [
-                  D(m(_e), { size: 24 })
-                ])) : z.value.length ? (i(), B(m(Ue), {
+                p(f.$slots, "body.prepend"),
+                o.loading ? (d(), h("div", Ro, [
+                  U(y($e), { size: 24 })
+                ])) : N.value.length ? (d(), C(y(Be), {
                   key: 1,
                   ref_key: "listRef",
                   ref: b,
                   modelValue: s.value,
                   "onUpdate:modelValue": [
-                    k[1] || (k[1] = (pe) => s.value = pe),
-                    ee
+                    v[1] || (v[1] = (he) => s.value = he),
+                    te
                   ],
                   class: "q-select__items",
                   selectable: "",
-                  highlighted: (j = M.value) == null ? void 0 : j[l.itemValue],
-                  items: z.value,
-                  groups: c.groups,
-                  "item-label": l.itemLabel,
-                  "item-value": l.itemValue,
-                  onMouseup: Be
+                  highlighted: (M = D.value) == null ? void 0 : M[o.itemValue],
+                  items: N.value,
+                  groups: f.groups,
+                  "item-label": o.itemLabel,
+                  "item-value": o.itemValue,
+                  onMouseup: oe
                 }, {
-                  item: w(({ item: pe }) => [
-                    p(c.$slots, "item", { item: pe })
+                  item: _(({ item: he }) => [
+                    p(f.$slots, "item", { item: he })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (i(), f("div", wl, E(l.texts.noData), 1)),
-                p(c.$slots, "body.append")
-              ], 40, $l)
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (d(), h("div", Go, z(o.texts.noData), 1)),
+                p(f.$slots, "body.append")
+              ], 40, No)
             ];
           }),
           _: 3
@@ -2199,7 +2442,7 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       ], 64);
     };
   }
-}), xl = I(ql), Sl = [
+}), Ko = L(Ho), Wo = [
   {
     id: "button",
     icon: {
@@ -2210,46 +2453,46 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       label: "Ok"
     }
   }
-], Ll = {
+], jo = {
   icon: "check-circle-outline"
-}, Bl = {
+}, Xo = {
   close: {
     icon: "close"
   }
-}, Cl = { class: "q-dialog__header" }, Il = { class: "q-dialog__header-title" }, Tl = { class: "q-dialog__body" }, Vl = {
+}, Yo = { class: "q-dialog__header" }, Zo = { class: "q-dialog__header-title" }, Jo = { class: "q-dialog__body" }, el = {
   key: 0,
   class: "q-dialog__body-icon"
-}, Al = { class: "q-dialog__body-text" }, El = ["innerHTML"], Ql = { key: 1 }, Dl = { class: "q-dialog__body-actions" }, zl = /* @__PURE__ */ C({
+}, tl = { class: "q-dialog__body-text" }, nl = ["innerHTML"], ol = { key: 1 }, ll = { class: "q-dialog__body-actions" }, sl = /* @__PURE__ */ I({
   __name: "QDialog",
   props: /* @__PURE__ */ G({
-    text: { default: "" },
+    text: {},
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean, default: !0 },
-    buttons: { default: () => Sl },
+    buttons: { default: () => Wo },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icon: { default: () => Ll },
-    id: { default: void 0 },
-    title: { default: "" },
-    class: { default: void 0 },
-    icons: { default: () => Bl }
+    icon: { default: () => jo },
+    id: {},
+    title: {},
+    class: {},
+    icons: { default: () => Xo }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue"), l = ie(t.id), o = y(() => ["q-dialog", t.class]);
+    const t = n, e = K(n, "modelValue"), o = de(t.id), l = g(() => ["q-dialog", t.class]);
     function s() {
       e.value = !1;
     }
-    function a(d) {
-      var r;
-      (r = d.action) == null || r.call(d), s();
+    function a(r) {
+      var i;
+      (i = r.action) == null || i.call(r), s();
     }
-    return (d, r) => (i(), B(m(ve), {
-      id: m(l),
+    return (r, i) => (d(), C(y(me), {
+      id: y(o),
       "model-value": e.value,
       inline: t.inline,
       attach: t.attach,
@@ -2258,49 +2501,49 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       "scroll-lock": "",
       persistent: ""
     }, {
-      default: w(() => [
-        q("div", {
-          class: T(o.value)
+      default: _(() => [
+        x("div", {
+          class: T(l.value)
         }, [
-          q("div", Cl, [
-            q("span", Il, E(t.title), 1),
-            t.dismissible ? (i(), B(m(le), {
+          x("div", Yo, [
+            x("span", Zo, z(t.title), 1),
+            t.dismissible ? (d(), C(y(re), {
               key: 0,
               "b-style": "tertiary",
               onClick: s
             }, {
-              default: w(() => [
-                D(m(O), W(ne(t.icons.close)), null, 16)
+              default: _(() => [
+                U(y(X), se(fe(t.icons.close)), null, 16)
               ]),
               _: 1
-            })) : g("", !0)
+            })) : w("", !0)
           ]),
-          p(d.$slots, "body.content", {}, () => [
-            q("div", Tl, [
-              p(d.$slots, "body.icon", {}, () => [
-                t.icon ? (i(), f("span", Vl, [
-                  D(m(O), W(ne(t.icon)), null, 16)
-                ])) : g("", !0)
+          p(r.$slots, "body.content", {}, () => [
+            x("div", Jo, [
+              p(r.$slots, "body.icon", {}, () => [
+                t.icon ? (d(), h("span", el, [
+                  U(y(X), se(fe(t.icon)), null, 16)
+                ])) : w("", !0)
               ]),
-              q("div", Al, [
-                t.html ? (i(), f("span", {
+              x("div", tl, [
+                t.html ? (d(), h("span", {
                   key: 0,
                   innerHTML: t.text
-                }, null, 8, El)) : (i(), f("span", Ql, E(t.text), 1))
+                }, null, 8, nl)) : (d(), h("span", ol, z(t.text), 1))
               ]),
-              p(d.$slots, "body.append")
+              p(r.$slots, "body.append")
             ])
           ]),
-          q("div", Dl, [
-            (i(!0), f(U, null, he(t.buttons, (u) => (i(), B(m(le), H({ ref_for: !0 }, u.props, {
-              key: u.id,
-              onClick: () => a(u)
+          x("div", ll, [
+            (d(!0), h(W, null, ye(t.buttons, (c) => (d(), C(y(re), Z({ ref_for: !0 }, c.props, {
+              key: c.id,
+              onClick: () => a(c)
             }), {
-              default: w(() => [
-                u.icon ? (i(), B(m(O), H({
+              default: _(() => [
+                c.icon ? (d(), C(y(X), Z({
                   key: 0,
                   ref_for: !0
-                }, u.icon), null, 16)) : g("", !0)
+                }, c.icon), null, 16)) : w("", !0)
               ]),
               _: 2
             }, 1040, ["onClick"]))), 128))
@@ -2310,80 +2553,247 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       _: 3
     }, 8, ["id", "model-value", "inline", "attach", "backdrop-blur"]));
   }
-}), Ml = I(zl), Fl = {
+}), al = L(sl), il = {
+  expand: {
+    icon: "chevron-right"
+  }
+}, rl = {
+  key: 0,
+  class: "q-dropdown-menu__extra"
+}, dl = /* @__PURE__ */ I({
+  __name: "QDropdownMenuContent",
+  props: /* @__PURE__ */ G({
+    activator: {},
+    appearance: { default: "regular" },
+    inline: { type: Boolean },
+    delay: { default: 500 },
+    placement: { default: "right-start" },
+    transition: { default: "fade" },
+    class: {},
+    items: {},
+    groups: { default: () => [] },
+    itemValue: { default: "key" },
+    itemLabel: { default: "label" },
+    icons: { default: () => il },
+    trigger: { default: "click" },
+    offset: { default: 0 },
+    crossOffset: { default: -5 },
+    depth: { default: 0 }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["select"], ["update:modelValue"]),
+  setup(n, { emit: t }) {
+    const e = n, o = t, l = K(n, "modelValue"), s = B(void 0), a = B([]), r = B(""), i = g(() => e.depth !== 0 ? e.offset : 4), c = g(() => e.depth !== 0 ? e.crossOffset : void 0);
+    let b;
+    const m = B(null), A = B(null);
+    function P(S) {
+      s.value = S;
+      const E = e.items.find((R) => R[e.itemValue] === S);
+      E && (a.value = (E == null ? void 0 : E.items) ?? []), a.value.length || (o("select", S), s.value = void 0, $());
+    }
+    function N() {
+      l.value || (l.value = !0);
+    }
+    function $() {
+      l.value && (l.value = !1);
+    }
+    function V() {
+      l.value ? $() : N();
+    }
+    function D(S) {
+      if (S.key) {
+        if (window.clearTimeout(b), ["Escape", "Tab", "Delete"].includes(S.key)) {
+          $();
+          return;
+        }
+        if (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(S.key) && (S.preventDefault(), S.stopPropagation()), /^[a-z]$/i.test(S.key)) {
+          r.value += S.key.toLowerCase();
+          for (let E = 0; E < e.items.length; E++) {
+            const R = e.items[E];
+            if (R[e.itemLabel] && R[e.itemLabel].toLowerCase().startsWith(r.value)) {
+              te(E);
+              break;
+            }
+          }
+        }
+        b = window.setTimeout(function() {
+          r.value = "";
+        }, 500);
+      }
+    }
+    function Q(S) {
+      var E;
+      (E = A.value) != null && E.contains(S.relatedTarget) || $();
+    }
+    function j() {
+      var S;
+      (S = m.value) == null || S.$el.focus();
+    }
+    function te(S) {
+      var E;
+      (E = m.value) == null || E.focusItem(S);
+    }
+    return (S, E) => (d(), C(y(me), {
+      "model-value": l.value,
+      anchor: e.activator,
+      appearance: e.appearance,
+      inline: e.inline,
+      delay: e.delay,
+      offset: i.value,
+      "cross-offset": c.value,
+      placement: e.placement,
+      transition: e.transition,
+      class: T(e.class),
+      trigger: e.trigger,
+      "non-modal": "",
+      "scroll-lock": "",
+      persistent: "",
+      "onUpdate:modelValue": V,
+      onEnter: j
+    }, {
+      default: _(() => [
+        x("div", {
+          ref_key: "contentRef",
+          ref: A,
+          "data-testid": "dropdown-content",
+          tabindex: "-1",
+          onFocusout: Q,
+          onKeydown: ne(D, ["stop"])
+        }, [
+          U(y(Be), {
+            ref_key: "listRef",
+            ref: m,
+            class: "q-dropdown-menu__items",
+            highlighted: s.value,
+            items: e.items,
+            groups: e.groups,
+            "item-label": e.itemLabel,
+            "item-value": e.itemValue,
+            "onUpdate:modelValue": P
+          }, {
+            item: _(({ item: R }) => [
+              p(S.$slots, "item", { item: R })
+            ]),
+            "item.append": _(({ item: R }) => [
+              p(S.$slots, "item.append", { item: R }, () => [
+                R.extraInfo ? (d(), h("span", rl, z(R.extraInfo), 1)) : w("", !0)
+              ])
+            ]),
+            _: 3
+          }, 8, ["highlighted", "items", "groups", "item-label", "item-value"])
+        ], 544)
+      ]),
+      _: 3
+    }, 8, ["model-value", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class", "trigger"]));
+  }
+}), cl = /* @__PURE__ */ I({
+  inheritAttrs: !1,
+  __name: "QDropdownMenu",
+  props: /* @__PURE__ */ G({
+    activator: {},
+    appearance: {},
+    inline: { type: Boolean },
+    delay: {},
+    placement: {},
+    transition: {},
+    class: {},
+    items: {},
+    groups: {},
+    itemValue: {},
+    itemLabel: {},
+    icons: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["select"], ["update:modelValue"]),
+  setup(n, { emit: t }) {
+    const e = n, o = t, l = K(n, "modelValue");
+    function s(a) {
+      o("select", a);
+    }
+    return (a, r) => (d(), C(dl, Z(e, {
+      modelValue: l.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (i) => l.value = i),
+      onSelect: s
+    }), null, 16, ["modelValue"]));
+  }
+}), ul = L(cl), fl = {
   key: 0,
   class: "q-input-group__prepend"
-}, Ol = { key: 0 }, Pl = {
+}, pl = { key: 0 }, ml = {
   key: 1,
   class: "q-input-group__append"
-}, Ul = { key: 0 }, Nl = /* @__PURE__ */ C({
+}, hl = { key: 0 }, vl = /* @__PURE__ */ I({
   __name: "QInputGroup",
   props: {
-    id: { default: void 0 },
-    label: { default: "" },
+    id: {},
+    label: {},
     required: { type: Boolean },
-    prependIcon: { default: void 0 },
-    appendIcon: { default: void 0 },
+    prependIcon: {},
+    appendIcon: {},
     size: { default: "large" },
-    class: { default: void 0 }
+    class: {}
   },
   setup(n) {
     const t = n;
-    return Pe({
+    return Ne({
       QField: {
         size: "block"
       }
-    }), (e, l) => (i(), B(m(Le), {
+    }), (e, o) => (d(), C(y(Se), {
       id: t.id,
       class: T(["q-input-group", t.class]),
       label: t.label,
       required: t.required,
       size: t.size
-    }, ye({
-      default: w(() => [
-        e.$slots.prepend || t.prependIcon ? (i(), f("div", Fl, [
-          t.prependIcon ? (i(), f("span", Ol, [
-            D(m(O), W(ne(t.prependIcon)), null, 16)
-          ])) : g("", !0),
+    }, pe({
+      default: _(() => [
+        e.$slots.prepend || t.prependIcon ? (d(), h("div", fl, [
+          t.prependIcon ? (d(), h("span", pl, [
+            U(y(X), se(fe(t.prependIcon)), null, 16)
+          ])) : w("", !0),
           p(e.$slots, "prepend")
-        ])) : g("", !0),
+        ])) : w("", !0),
         p(e.$slots, "default"),
-        e.$slots.append || t.appendIcon ? (i(), f("div", Pl, [
-          t.appendIcon ? (i(), f("span", Ul, [
-            D(m(O), W(ne(t.appendIcon)), null, 16)
-          ])) : g("", !0),
+        e.$slots.append || t.appendIcon ? (d(), h("div", ml, [
+          t.appendIcon ? (d(), h("span", hl, [
+            U(y(X), se(fe(t.appendIcon)), null, 16)
+          ])) : w("", !0),
           p(e.$slots, "append")
-        ])) : g("", !0)
+        ])) : w("", !0)
       ]),
       _: 2
     }, [
       e.$slots.extras ? {
         name: "extras",
-        fn: w(() => [
+        fn: _(() => [
           p(e.$slots, "extras")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["id", "class", "label", "required", "size"]));
   }
-}), Rl = I(Nl), Gl = /* @__PURE__ */ C({
+}), yl = L(vl), bl = /* @__PURE__ */ I({
   __name: "QLineLoader",
   props: {
-    class: { default: void 0 }
+    class: {}
   },
   setup(n) {
     const t = n;
-    return (e, l) => (i(), f("div", {
+    return (e, o) => (d(), h("div", {
       class: T(["q-line-loader", t.class])
     }, null, 2));
   }
-}), Hl = I(Gl), jl = {
+}), gl = L(bl), _l = {
   key: 0,
   class: "q-popover__header"
-}, Kl = {
+}, $l = {
   key: 1,
   class: "q-popover__body"
-}, Wl = ["innerHTML"], Xl = { key: 1 }, Yl = /* @__PURE__ */ C({
+}, kl = ["innerHTML"], wl = { key: 1 }, ql = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "QPopover",
   props: /* @__PURE__ */ G({
@@ -2395,7 +2805,7 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
     text: {},
-    title: { default: "" }
+    title: {}
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
@@ -2403,9 +2813,9 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   emits: ["update:modelValue"],
   setup(n) {
     const t = n, e = K(n, "modelValue");
-    return (l, o) => (i(), B(m(ve), {
+    return (o, l) => (d(), C(y(me), {
       modelValue: e.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (s) => e.value = s),
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s),
       class: "q-popover",
       trigger: "click",
       anchor: t.anchor,
@@ -2415,32 +2825,32 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       disabled: t.disabled,
       placement: t.placement
     }, {
-      default: w(() => [
-        t.title || l.$slots.header ? (i(), f("h3", jl, [
-          ae(E(t.title) + " ", 1),
-          p(l.$slots, "header")
-        ])) : g("", !0),
-        t.text || l.$slots.body ? (i(), f("div", Kl, [
-          t.html ? (i(), f("span", {
+      default: _(() => [
+        t.title || o.$slots.header ? (d(), h("h3", _l, [
+          ie(z(t.title) + " ", 1),
+          p(o.$slots, "header")
+        ])) : w("", !0),
+        t.text || o.$slots.body ? (d(), h("div", $l, [
+          t.html ? (d(), h("span", {
             key: 0,
             innerHTML: t.text
-          }, null, 8, Wl)) : (i(), f("span", Xl, E(t.text), 1)),
-          p(l.$slots, "body")
-        ])) : g("", !0)
+          }, null, 8, kl)) : (d(), h("span", wl, z(t.text), 1)),
+          p(o.$slots, "body")
+        ])) : w("", !0)
       ]),
       _: 3
     }, 8, ["modelValue", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
   }
-}), Zl = I(Yl), pt = {
+}), xl = L(ql), qt = {
   emptyMessage: "Select a field to view details."
-}, mt = {
+}, xt = {
   open: {
     icon: "minus-box"
   },
   close: {
     icon: "plus-box"
   }
-}, Jl = { class: "q-property-list__table" }, eo = /* @__PURE__ */ C({
+}, Cl = { class: "q-property-list__table" }, Il = /* @__PURE__ */ I({
   __name: "QPropertyList",
   props: {
     fields: { default: () => [] },
@@ -2449,246 +2859,254 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     panelPosition: { default: "bottom" },
     groups: { default: () => [] },
     readonly: { type: Boolean },
-    class: { default: void 0 },
-    icons: { default: () => mt },
-    texts: { default: () => pt }
+    class: {},
+    icons: { default: () => xt },
+    texts: { default: () => qt }
   },
-  emits: ["field-change"],
+  emits: ["field-change", "select-field"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = A(e.groups.map((_) => _.id)), s = A(void 0), a = A(null), d = y(() => e.groups.length ? e.groups.filter(
-      (_) => e.fields.some((V) => V.group === _.id)
-    ) : [{ id: "", title: "" }]), r = y(() => [
+    const e = n, o = t, l = B(e.groups.map(($) => $.id)), s = B(void 0), a = B(null), r = g(() => e.groups.length ? e.groups.filter(
+      ($) => e.fields.some((V) => V.group === $.id)
+    ) : [{ id: "", title: "" }]), i = g(() => [
       e.class,
       {
         "q-property-list--side-panel": e.panelPosition === "right"
       }
     ]);
-    function u() {
-      var _;
-      (_ = a.value) != null && _.contains(document.activeElement) || (s.value = void 0);
+    function c() {
+      var $;
+      ($ = a.value) != null && $.contains(document.activeElement) || (s.value = void 0);
     }
-    function b(_) {
-      return _ ? e.fields.filter((V) => V.group === _) : e.fields;
+    function b($) {
+      return $ ? e.fields.filter((V) => V.group === $) : e.fields;
     }
-    function x(_) {
-      const V = o.value.indexOf(_);
-      V === -1 ? o.value.push(_) : o.value.splice(V, 1);
+    function m($) {
+      const V = l.value.indexOf($);
+      V === -1 ? l.value.push($) : l.value.splice(V, 1);
     }
-    function R(_) {
+    function A($) {
       var Q;
-      const V = _.group && !o.value.includes(_.group), M = ((Q = s.value) == null ? void 0 : Q.id) === _.id;
+      const V = $.group && !l.value.includes($.group), D = ((Q = s.value) == null ? void 0 : Q.id) === $.id;
       return [
         {
           "q-property-list__row--closed": V,
-          "q-property-list__row--selected": M
+          "q-property-list__row--selected": D
         }
       ];
     }
-    function P(_) {
-      s.value = _;
+    function P($) {
+      s.value = $, o("select-field", s.value.id);
     }
-    function z(_, V) {
-      e.readonly || (_.props.readonly ?? !1) || (_.props.modelValue = V, l("field-change", _));
+    function N($, V) {
+      e.readonly || ($.props.readonly ?? !1) || o("field-change", $, V);
     }
-    return (_, V) => (i(), f("div", {
+    return ($, V) => (d(), h("div", {
       ref_key: "componentRoot",
       ref: a,
       tabindex: "0",
-      class: T(["q-property-list", r.value]),
-      onFocusout: u
+      class: T(["q-property-list", i.value]),
+      onFocusout: c
     }, [
-      q("table", Jl, [
-        V[0] || (V[0] = q("thead", { class: "q-property-list__header" }, [
-          q("tr", null, [
-            q("th", { colspan: "2" })
+      x("table", Cl, [
+        V[0] || (V[0] = x("thead", { class: "q-property-list__header" }, [
+          x("tr", null, [
+            x("th", { colspan: "2" })
           ])
         ], -1)),
-        q("tbody", null, [
-          (i(!0), f(U, null, he(d.value, (M) => (i(), f(U, {
-            key: M.id
+        x("tbody", null, [
+          (d(!0), h(W, null, ye(r.value, (D) => (d(), h(W, {
+            key: D.id
           }, [
-            M.title ? (i(), B(m(yt), {
+            D.title ? (d(), C(y(It), {
               key: 0,
-              id: M.id,
-              title: M.title,
+              id: D.id,
+              title: D.title,
               icons: e.icons,
               "no-toggle": e.noToggle,
-              onToggleGroup: x
-            }, null, 8, ["id", "title", "icons", "no-toggle"])) : g("", !0),
-            (i(!0), f(U, null, he(b(M.id), (Q) => (i(), B(m(ht), {
+              onToggleGroup: m
+            }, null, 8, ["id", "title", "icons", "no-toggle"])) : w("", !0),
+            (d(!0), h(W, null, ye(b(D.id), (Q) => (d(), C(y(Ct), {
               key: Q.id,
-              class: T(R(Q)),
+              class: T(A(Q)),
               field: Q,
+              "model-value": Q.props.modelValue,
               readonly: e.readonly,
               onFocus: P,
-              onFieldChange: z
+              "onUpdate:modelValue": (j) => N(Q, j)
             }, {
-              default: w(() => [
-                p(_.$slots, Q.id, { field: Q })
+              default: _(() => [
+                p($.$slots, Q.id, { field: Q })
               ]),
               _: 2
-            }, 1032, ["class", "field", "readonly"]))), 128))
+            }, 1032, ["class", "field", "model-value", "readonly", "onUpdate:modelValue"]))), 128))
           ], 64))), 128))
         ])
       ]),
-      e.noPanel ? g("", !0) : (i(), B(m(vt), {
+      e.noPanel ? w("", !0) : (d(), C(y(Lt), {
         key: 0,
         field: s.value,
         texts: e.texts
       }, {
-        default: w(() => [
-          s.value ? p(_.$slots, "panel", {
+        default: _(() => [
+          s.value ? p($.$slots, "panel", {
             key: 0,
             field: s.value
-          }) : g("", !0)
+          }) : w("", !0)
         ]),
         _: 3
       }, 8, ["field", "texts"]))
     ], 34));
   }
-}), to = {
+}), Ll = ["data-group"], Sl = {
   key: 0,
   class: "q-property-list-field__container"
-}, no = /* @__PURE__ */ C({
+}, Bl = /* @__PURE__ */ I({
   __name: "QPropertyListRow",
-  props: {
+  props: /* @__PURE__ */ G({
     field: {},
     class: {},
     readonly: { type: Boolean }
-  },
-  emits: ["focus", "field-change"],
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["focus"], ["update:modelValue"]),
   setup(n, { emit: t }) {
-    const e = n, l = t, o = y(() => ["q-property-list__row", e.class]), s = y(() => {
-      var x;
-      const b = ["q-property-list__cell", "q-property-list__cell--label"];
-      return (x = e.field.props) != null && x.required && b.push("q-property-list__cell--required"), b;
-    }), a = y(() => e.readonly || (e.field.props.readonly ?? !1));
-    function d() {
-      l("focus", e.field);
-    }
-    function r(b) {
-      l("field-change", e.field, b);
-    }
-    const u = y(() => ({
+    const e = n, o = t, l = K(n, "modelValue"), s = g(() => ["q-property-list__row", e.class]), a = g(() => {
+      var m;
+      return [
+        "q-property-list__cell",
+        "q-property-list__cell-label",
+        {
+          "q-property-list__cell--required": (m = e.field.props) == null ? void 0 : m.required
+        }
+      ];
+    }), r = g(() => e.readonly || (e.field.props.readonly ?? !1)), i = g(() => ({
       ...e.field.props,
-      readonly: a.value
+      readonly: r.value
     }));
-    return (b, x) => (i(), f("tr", {
-      class: T(o.value),
-      onFocusin: d
+    function c() {
+      o("focus", e.field);
+    }
+    function b(m) {
+      l.value = m;
+    }
+    return (m, A) => (d(), h("tr", {
+      class: T(s.value),
+      "data-group": e.field.group,
+      onFocusin: c
     }, [
-      q("td", {
-        class: T(s.value),
-        onClick: d
-      }, E(e.field.label), 3),
-      q("td", {
+      x("td", {
+        class: T(a.value),
+        onClick: ne(c, ["prevent", "stop"])
+      }, z(e.field.label), 3),
+      x("td", {
         class: "q-property-list__cell",
-        onClick: d
+        onClick: ne(c, ["prevent", "stop"])
       }, [
-        p(b.$slots, "default", {}, () => [
-          e.field.component ? (i(), f("div", to, [
-            (i(), B(Se(e.field.component), H(u.value, {
-              "model-value": e.field.props.modelValue,
-              "onUpdate:modelValue": r
-            }), null, 16, ["model-value"]))
-          ])) : g("", !0)
+        p(m.$slots, "default", {}, () => [
+          e.field.component ? (d(), h("div", Sl, [
+            (d(), C(Ie(e.field.component), Z(i.value, {
+              modelValue: l.value,
+              "onUpdate:modelValue": [
+                A[0] || (A[0] = (P) => l.value = P),
+                b
+              ]
+            }), null, 16, ["modelValue"]))
+          ])) : w("", !0)
         ])
       ])
-    ], 34));
+    ], 42, Ll));
   }
-}), lo = ["data-key", "aria-labelledby"], oo = ["id"], so = { class: "q-property-list-group__content" }, ao = /* @__PURE__ */ C({
+}), Vl = ["data-key", "aria-labelledby"], Tl = ["id"], Al = { class: "q-property-list-group__content" }, El = /* @__PURE__ */ I({
   __name: "QPropertyListGroup",
   props: {
     id: {},
     title: {},
-    noToggle: { type: Boolean, default: !1 },
-    icons: { default: () => mt },
+    noToggle: { type: Boolean },
+    icons: { default: () => xt },
     texts: {}
   },
   emits: ["toggle-group"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = A(!0), s = ie(), a = y(() => o.value ? e.icons.open : e.icons.close), d = y(() => [
+    const e = n, o = t, l = B(!0), s = de(), a = g(() => l.value ? e.icons.open : e.icons.close), r = g(() => [
       "q-property-list-group",
       {
         "q-property-list-group--no-toggle": e.noToggle
       }
     ]);
-    function r() {
-      e.noToggle || (o.value = !o.value, l("toggle-group", e.id));
+    function i() {
+      e.noToggle || (l.value = !l.value, o("toggle-group", e.id));
     }
-    return (u, b) => (i(), f("tr", {
-      class: T(d.value),
+    return (c, b) => (d(), h("tr", {
+      class: T(r.value),
       role: "group",
       "data-key": e.id,
-      "aria-labelledby": m(s),
-      onClick: r
+      "aria-labelledby": y(s),
+      onClick: i
     }, [
-      q("td", {
-        id: m(s),
+      x("td", {
+        id: y(s),
         colspan: "2"
       }, [
-        q("div", so, [
-          e.noToggle ? g("", !0) : (i(), B(m(le), {
+        x("div", Al, [
+          e.noToggle ? w("", !0) : (d(), C(y(re), {
             key: 0,
             "b-style": "tertiary",
             borderless: "",
-            onClick: r
+            onClick: i
           }, {
-            default: w(() => [
-              D(m(O), W(ne(a.value)), null, 16)
+            default: _(() => [
+              U(y(X), se(fe(a.value)), null, 16)
             ]),
             _: 1
           })),
-          ae(" " + E(e.title), 1)
+          ie(" " + z(e.title), 1)
         ])
-      ], 8, oo)
-    ], 10, lo));
+      ], 8, Tl)
+    ], 10, Vl));
   }
-}), io = { class: "q-property-list-panel__container" }, ro = { class: "q-property-list-panel__label" }, uo = { class: "q-property-list-panel__description" }, co = {
+}), Dl = { class: "q-property-list-panel__container" }, Ql = { class: "q-property-list-panel__label" }, zl = { class: "q-property-list-panel__description" }, Fl = {
   key: 1,
   class: "q-property-list-panel__empty"
-}, fo = /* @__PURE__ */ C({
+}, Ml = /* @__PURE__ */ I({
   __name: "QPropertyListPanel",
   props: {
-    field: { default: void 0 },
+    field: {},
     icons: {},
-    texts: { default: () => pt }
+    texts: { default: () => qt }
   },
   setup(n) {
     const t = n;
-    return (e, l) => (i(), f("div", io, [
+    return (e, o) => (d(), h("div", Dl, [
       t.field ? p(e.$slots, "default", { key: 0 }, () => [
-        q("div", ro, E(t.field.label), 1),
-        q("div", uo, E(t.field.description), 1)
-      ]) : (i(), f("div", co, E(t.texts.emptyMessage), 1))
+        x("div", Ql, z(t.field.label), 1),
+        x("div", zl, z(t.field.description), 1)
+      ]) : (d(), h("div", Fl, z(t.texts.emptyMessage), 1))
     ]));
   }
-}), po = I(eo), ht = I(no), yt = I(ao), vt = I(fo), mo = {
+}), Ol = L(Il), Ct = L(Bl), It = L(El), Lt = L(Ml), Ul = {
+  ...Ge,
   placeholder: "Choose...",
-  clearValue: "Clear value",
   showOptions: "Show options"
-}, ho = {
-  chevron: {
-    icon: "chevron-down"
-  },
-  clear: {
-    icon: "close"
-  }
-}, yo = {
+}, Pl = {
+  ...Le,
+  ...He
+}, Nl = {
   key: 0,
   class: "q-select__value"
-}, vo = {
+}, Rl = {
   key: 1,
   class: "q-select__placeholder"
-}, bo = ["data-key"], go = {
+}, Gl = ["data-key"], Hl = {
   key: 0,
   class: "q-select__loader"
-}, _o = /* @__PURE__ */ C({
+}, Kl = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "QSelect",
   props: /* @__PURE__ */ G({
-    id: { default: void 0 },
-    label: { default: "" },
+    id: {},
+    label: {},
     clearable: { type: Boolean },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -2698,11 +3116,11 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
-    emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    size: { default: void 0 },
-    class: { default: "" },
-    icons: { default: () => ho },
-    texts: { default: () => mo }
+    emptyValue: { type: [String, Number, Boolean, Symbol] },
+    size: {},
+    class: {},
+    icons: { default: () => Pl },
+    texts: { default: () => Ul }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -2711,82 +3129,82 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
   }),
   emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(n, { emit: t }) {
-    const e = n, l = t, o = K(n, "modelValue"), s = A(!1), a = A(""), d = A(null), r = A(null), u = A(null), b = y(() => x.value === void 0), x = y(
+    const e = n, o = t, l = K(n, "modelValue"), s = B(!1), a = B(""), r = B(null), i = B(null), c = B(null), b = g(() => m.value === void 0), m = g(
       () => {
-        var h;
-        return (h = e.items) == null ? void 0 : h.find(($) => $[e.itemValue] === o.value);
+        var u;
+        return (u = e.items) == null ? void 0 : u.find((q) => q[e.itemValue] === l.value);
       }
-    ), R = y(
-      () => x.value ? x.value[e.itemLabel] : ""
-    ), P = y(
+    ), A = g(
+      () => m.value ? m.value[e.itemLabel] : ""
+    ), P = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function z(h) {
-      o.value = h, Q();
+    function N(u) {
+      l.value = u, Q();
     }
-    function _() {
-      P.value && (z(e.emptyValue), ce());
+    function $() {
+      P.value && (N(e.emptyValue), ae());
     }
-    function V(h) {
-      var $, J, re;
-      !(($ = u.value) != null && $.contains(h.relatedTarget)) && !((re = (J = d.value) == null ? void 0 : J.fieldRef) != null && re.contains(h.relatedTarget)) && Q();
+    function V(u) {
+      var q, O, H;
+      !((q = c.value) != null && q.contains(u.relatedTarget)) && !((H = (O = r.value) == null ? void 0 : O.fieldRef) != null && H.contains(u.relatedTarget)) && Q();
     }
-    function M() {
-      s.value || (l("before-show"), s.value = !0);
+    function D() {
+      s.value || (o("before-show"), s.value = !0);
     }
     function Q() {
-      s.value && (l("before-hide"), s.value = !1);
-    }
-    function oe() {
-      e.readonly || e.disabled || (s.value ? Q() : M());
-    }
-    let ee;
-    function N(h) {
-      if (!(!h.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(ee), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(h.key) && (h.preventDefault(), h.stopPropagation()), ["Enter", " "].includes(h.key) && (s.value = !0), ["Escape", "Tab"].includes(h.key) && (s.value ? s.value = !1 : P.value && h.key === "Escape" && _()), h.key === "Delete" && e.clearable && _(), /^[a-z]$/i.test(h.key)) {
-          a.value += h.key.toLowerCase();
-          for (let $ = 0; $ < e.items.length; $++)
-            if (e.items[$][e.itemLabel].toLowerCase().startsWith(a.value)) {
-              S($);
+      s.value && (o("before-hide"), s.value = !1);
+    }
+    function j() {
+      e.readonly || e.disabled || (s.value ? Q() : D());
+    }
+    let te;
+    function S(u) {
+      if (!(!u.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(te), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), ["Enter", " "].includes(u.key) && (s.value = !0), ["Escape", "Tab"].includes(u.key) && (s.value ? s.value = !1 : P.value && u.key === "Escape" && $()), u.key === "Delete" && e.clearable && $(), /^[a-z]$/i.test(u.key)) {
+          a.value += u.key.toLowerCase();
+          for (let q = 0; q < e.items.length; q++)
+            if (e.items[q][e.itemLabel].toLowerCase().startsWith(a.value)) {
+              k(q);
               break;
             }
         }
-        ee = window.setTimeout(function() {
+        te = window.setTimeout(function() {
           a.value = "";
         }, 500);
       }
     }
-    function se() {
-      var h;
-      e.loading ? (h = u.value) == null || h.focus() : v(), l("show");
+    function E() {
+      var u;
+      e.loading ? (u = c.value) == null || u.focus() : ce(), o("show");
     }
-    function X() {
-      ce(), l("hide");
+    function R() {
+      ae(), o("hide");
     }
-    function ce() {
-      var h, $;
-      ($ = (h = d.value) == null ? void 0 : h.fieldRef) == null || $.focus();
+    function ae() {
+      var u, q;
+      (q = (u = r.value) == null ? void 0 : u.fieldRef) == null || q.focus();
     }
-    function v() {
-      var h;
-      (h = r.value) == null || h.$el.focus();
+    function ce() {
+      var u;
+      (u = i.value) == null || u.$el.focus();
     }
-    function S(h) {
-      var $;
-      ($ = r.value) == null || $.focusItem(h);
+    function k(u) {
+      var q;
+      (q = i.value) == null || q.focusItem(u);
     }
-    return Z(
+    return Y(
       () => e.loading,
-      (h) => {
-        !h && s.value && te(v);
+      (u) => {
+        !u && s.value && le(ce);
       }
-    ), (h, $) => {
-      var J, re;
-      return i(), f(U, null, [
-        D(m(Le), H({
+    ), (u, q) => {
+      var O, H;
+      return d(), h(W, null, [
+        U(y(Se), Z({
           id: e.id,
           ref_key: "triggerEl",
-          ref: d,
+          ref: r,
           label: e.label,
           required: e.required,
           role: "combobox",
@@ -2795,8 +3213,7 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
             "q-select",
             {
               "q-select--readonly": e.readonly,
-              "q-select--disabled": e.disabled,
-              "q-select--expanded": s.value
+              "q-select--disabled": e.disabled
             },
             e.class
           ],
@@ -2806,27 +3223,19 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
           "aria-expanded": s.value,
           "aria-haspopup": "listbox",
           size: e.size
-        }, h.$attrs, {
-          onClick: oe,
-          onKeydown: ue(N, ["stop"])
-        }), ye({
-          append: w(() => [
-            p(h.$slots, "append"),
-            P.value && o.value ? (i(), B(m(le), {
+        }, u.$attrs, {
+          onClick: j,
+          onKeydown: ne(S, ["stop"])
+        }), pe({
+          append: _(() => [
+            p(u.$slots, "append"),
+            P.value && l.value ? (d(), C(y(wt), {
               key: 0,
-              class: "q-select__clear",
-              "aria-label": e.texts.clearValue,
-              "b-style": "plain",
-              borderless: "",
-              tabindex: "-1",
-              onClick: _
-            }, {
-              default: w(() => [
-                D(m(O), W(ne(e.icons.clear)), null, 16)
-              ]),
-              _: 1
-            }, 8, ["aria-label"])) : g("", !0),
-            e.readonly ? g("", !0) : (i(), B(m(le), {
+              icons: e.icons,
+              texts: e.texts,
+              onClick: $
+            }, null, 8, ["icons", "texts"])) : w("", !0),
+            e.readonly ? w("", !0) : (d(), C(y(re), {
               key: 1,
               class: "q-select__chevron",
               "aria-label": e.texts.showOptions,
@@ -2834,135 +3243,125 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
               borderless: "",
               tabindex: "-1",
               disabled: e.disabled,
-              onClick: oe
+              onClick: j
             }, {
-              default: w(() => [
-                D(m(O), W(ne(e.icons.chevron)), null, 16)
+              default: _(() => [
+                U(y(xe), {
+                  "model-value": s.value,
+                  icons: e.icons
+                }, null, 8, ["model-value", "icons"])
               ]),
               _: 1
             }, 8, ["aria-label", "disabled"]))
           ]),
-          default: w(() => [
-            b.value ? (i(), f("span", vo, [
-              !e.readonly && !e.disabled ? (i(), f(U, { key: 0 }, [
-                ae(E(e.texts.placeholder), 1)
-              ], 64)) : g("", !0)
-            ])) : (i(), f("span", yo, E(R.value), 1))
+          default: _(() => [
+            b.value ? (d(), h("span", Rl, [
+              !e.readonly && !e.disabled ? (d(), h(W, { key: 0 }, [
+                ie(z(e.texts.placeholder), 1)
+              ], 64)) : w("", !0)
+            ])) : (d(), h("span", Nl, z(A.value), 1))
           ]),
           _: 2
         }, [
-          (J = x.value) != null && J.icon || h.$slots.prepend ? {
+          (O = m.value) != null && O.icon || u.$slots.prepend ? {
             name: "prepend",
-            fn: w(() => {
-              var Y, de;
+            fn: _(() => {
+              var J, ee;
               return [
-                p(h.$slots, "prepend"),
-                (Y = x.value) != null && Y.icon ? (i(), B(m(O), W(H({ key: 0 }, (de = x.value) == null ? void 0 : de.icon)), null, 16)) : g("", !0)
+                p(u.$slots, "prepend"),
+                (J = m.value) != null && J.icon ? (d(), C(y(X), se(Z({ key: 0 }, (ee = m.value) == null ? void 0 : ee.icon)), null, 16)) : w("", !0)
               ];
             }),
             key: "0"
           } : void 0,
-          h.$slots.extras ? {
+          u.$slots.extras ? {
             name: "extras",
-            fn: w(() => [
-              p(h.$slots, "extras")
+            fn: _(() => [
+              p(u.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-        D(m(ve), {
+        U(y(me), {
           modelValue: s.value,
-          "onUpdate:modelValue": $[0] || ($[0] = (Y) => s.value = Y),
+          "onUpdate:modelValue": q[0] || (q[0] = (J) => s.value = J),
           spy: "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           "scroll-lock": "",
-          anchor: (re = d.value) == null ? void 0 : re.$el,
+          anchor: (H = r.value) == null ? void 0 : H.$el,
           offset: 2,
-          onEnter: se,
-          onLeave: X
+          onEnter: E,
+          onLeave: R
         }, {
-          default: w(() => [
-            q("div", {
+          default: _(() => [
+            x("div", {
               ref_key: "contentRef",
-              ref: u,
+              ref: c,
               "data-testid": "combobox-dropdown",
               "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: V,
-              onKeydown: ue(N, ["stop"])
+              onKeydown: ne(S, ["stop"])
             }, [
-              p(h.$slots, "body.prepend"),
-              e.loading ? (i(), f("div", go, [
-                D(m(_e), { size: 24 })
-              ])) : (i(), B(m(Ue), {
+              p(u.$slots, "body.prepend"),
+              e.loading ? (d(), h("div", Hl, [
+                U(y($e), { size: 24 })
+              ])) : (d(), C(y(Be), {
                 key: 1,
                 ref_key: "listRef",
-                ref: r,
+                ref: i,
                 class: "q-select__items",
                 selectable: "",
-                "model-value": o.value,
+                "model-value": l.value,
                 items: e.items,
-                groups: h.groups,
+                groups: u.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue,
-                "onUpdate:modelValue": z
+                "onUpdate:modelValue": N
               }, {
-                item: w(({ item: Y }) => [
-                  p(h.$slots, "item", { item: Y })
+                item: _(({ item: J }) => [
+                  p(u.$slots, "item", { item: J })
                 ]),
                 _: 3
               }, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
-              p(h.$slots, "body.append")
-            ], 40, bo)
+              p(u.$slots, "body.append")
+            ], 40, Gl)
           ]),
           _: 3
         }, 8, ["modelValue", "anchor"])
       ], 64);
     };
   }
-}), $o = I(_o), ko = /* @__PURE__ */ C({
+}), Wl = L(Kl), jl = /* @__PURE__ */ I({
   __name: "QSkeletonLoader",
   props: {
-    type: { default: void 0 },
-    width: { default: void 0 },
-    height: { default: void 0 }
+    type: {},
+    width: {},
+    height: {}
   },
   setup(n) {
-    const t = n, e = y(() => t.type ? `q-skeleton-loader--${t.type}` : void 0), l = y(() => {
-      const o = typeof t.width == "number" ? `${t.width}px` : t.width, s = typeof t.height == "number" ? `${t.height}px` : t.height;
+    const t = n, e = g(() => t.type ? `q-skeleton-loader--${t.type}` : void 0), o = g(() => {
+      const l = typeof t.width == "number" ? `${t.width}px` : t.width, s = typeof t.height == "number" ? `${t.height}px` : t.height;
       return {
-        width: o,
+        width: l,
         height: s
       };
     });
-    return (o, s) => (i(), f("div", {
+    return (l, s) => (d(), h("div", {
       class: T(["q-skeleton-loader", e.value]),
-      style: fe(l.value)
+      style: ue(o.value)
     }, s[0] || (s[0] = [
-      q("div", { class: "q-skeleton-loader__bone" }, null, -1)
+      x("div", { class: "q-skeleton-loader__bone" }, null, -1)
     ]), 6));
   }
-}), wo = I(ko), qo = /* @__PURE__ */ C({
-  __name: "QThemeProvider",
-  props: {
-    theme: {}
-  },
-  setup(n) {
-    const t = n;
-    return (e, l) => (i(), f("div", {
-      class: T(["q-theme-provider", `q-theme--${t.theme}`])
-    }, [
-      p(e.$slots, "default")
-    ], 2));
-  }
-}), xo = I(qo), So = ["innerHTML"], Lo = /* @__PURE__ */ C({
+}), Xl = L(jl), Yl = ["innerHTML"], Zl = /* @__PURE__ */ I({
   __name: "QTooltip",
   props: /* @__PURE__ */ G({
-    id: { default: void 0 },
-    anchor: { default: void 0 },
+    id: {},
+    anchor: {},
     appearance: { default: "inverted" },
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
@@ -2972,22 +3371,22 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
     text: {},
-    icon: { default: void 0 },
+    icon: {},
     trigger: { default: "hover" },
-    class: { default: void 0 }
+    class: {}
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = K(n, "modelValue"), l = ie(t.id);
-    return (o, s) => (i(), f(U, null, [
-      p(o.$slots, "anchor", {
-        props: { "aria-describedby": m(l) }
+    const t = n, e = K(n, "modelValue"), o = de(t.id);
+    return (l, s) => (d(), h(W, null, [
+      p(l.$slots, "anchor", {
+        props: { "aria-describedby": y(o) }
       }),
-      D(m(ve), {
-        id: m(l),
+      U(y(me), {
+        id: y(o),
         "model-value": e.value,
         anchor: t.anchor,
         role: "tooltip",
@@ -3002,14 +3401,14 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
         placement: t.placement,
         trigger: t.trigger
       }, {
-        default: w(() => [
-          p(o.$slots, "default", {}, () => [
-            t.icon ? (i(), B(m(O), W(H({ key: 0 }, t.icon)), null, 16)) : g("", !0),
-            t.html ? (i(), f("span", {
+        default: _(() => [
+          p(l.$slots, "default", {}, () => [
+            t.icon ? (d(), C(y(X), se(Z({ key: 0 }, t.icon)), null, 16)) : w("", !0),
+            t.html ? (d(), h("span", {
               key: 1,
               innerHTML: t.text
-            }, null, 8, So)) : (i(), f(U, { key: 2 }, [
-              ae(E(t.text), 1)
+            }, null, 8, Yl)) : (d(), h(W, { key: 2 }, [
+              ie(z(t.text), 1)
             ], 64))
           ])
         ]),
@@ -3017,130 +3416,84 @@ const rl = ["role"], dl = /* @__PURE__ */ C({
       }, 8, ["id", "model-value", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Bo = I(Lo), Co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Jl = L(Zl), es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QAccordion: Tt,
-  QBadge: Zt,
-  QButton: le,
-  QButtonGroup: rt,
-  QButtonToggle: tn,
-  QCard: dt,
-  QCheckbox: gn,
-  QCollapsible: Cn,
-  QCombobox: xl,
-  QDialog: Ml,
-  QField: Le,
-  QIcon: O,
-  QIconFont: ot,
-  QIconImg: st,
-  QIconSvg: at,
-  QInputGroup: Rl,
-  QLineLoader: Hl,
-  QList: Ue,
-  QListItem: ut,
-  QListItemGroup: ct,
-  QOverlay: ve,
-  QPopover: Zl,
-  QPropertyList: po,
-  QPropertyListGroup: yt,
-  QPropertyListPanel: vt,
-  QPropertyListRow: ht,
-  QSelect: $o,
-  QSkeletonLoader: wo,
-  QSpinnerLoader: _e,
-  QTextField: ft,
-  QThemeProvider: xo,
-  QTooltip: Bo
-}, Symbol.toStringTag, { value: "Module" })), ge = "q-theme";
-function Io() {
-  const n = ze(ge);
-  if (!n)
-    throw new Error("[Quidgest UI] Could not find theme instance");
-  return n;
-}
-function Mo(n) {
-  const t = Io(), e = {
-    activeTheme: A(n),
-    themes: t.themes
-  };
-  return De(ge, e), e;
-}
-function To() {
-  let n = document.getElementById(
-    ge
-  );
-  return n || (n = document.createElement("style"), n.id = ge, document.head.appendChild(n)), n;
-}
-function Vo(n) {
-  let t = "";
-  for (const l of n) {
-    t += `.q-theme--${l.name} {
-`;
-    const o = l.scheme;
-    let s;
-    for (s in o) {
-      const a = o[s];
-      if (a) {
-        t += `  ${Ze(s)}: ${a};
-`;
-        const d = it(a);
-        t += `  ${Ze(s)}-rgb: ${d.r} ${d.g} ${d.b};
-`;
-      }
-    }
-    t += `}
-`;
-  }
-  const e = To();
-  e.textContent = t;
-}
-function Ze(n) {
-  return n ? `--q-theme-${lt(n)}` : "";
-}
-function Ao(n = {}) {
+  QAccordion: Pt,
+  QBadge: dn,
+  QButton: re,
+  QButtonGroup: vt,
+  QButtonToggle: fn,
+  QCard: yt,
+  QCheckbox: Sn,
+  QCollapsible: On,
+  QColorPicker: Jn,
+  QCombobox: Ko,
+  QDialog: al,
+  QDropdownMenu: ul,
+  QField: Se,
+  QIcon: X,
+  QIconFont: ut,
+  QIconImg: ft,
+  QIconSvg: pt,
+  QInputGroup: yl,
+  QLineLoader: gl,
+  QList: Be,
+  QListItem: bt,
+  QListItemGroup: gt,
+  QOverlay: me,
+  QPopover: xl,
+  QPropertyList: Ol,
+  QPropertyListGroup: It,
+  QPropertyListPanel: Lt,
+  QPropertyListRow: Ct,
+  QSelect: Wl,
+  QSkeletonLoader: Xl,
+  QSpinnerLoader: $e,
+  QTextField: Re,
+  QThemeProvider: kt,
+  QTooltip: Jl
+}, Symbol.toStringTag, { value: "Module" }));
+function ts(n = {}) {
   return { install: (e) => {
-    const l = n.components || {};
-    for (const s in l)
-      e.component(s, l[s]);
-    const o = n.defaults || {};
-    e.provide(Oe, A(o)), Eo(e, n.themes);
+    const o = n.components || {};
+    for (const s in o)
+      e.component(s, o[s]);
+    const l = n.defaults || {};
+    e.provide(Pe, B(l)), ns(e, n.themes);
   } };
 }
-function Eo(n, t) {
+function ns(n, t) {
   const e = [];
-  let l;
+  let o;
   if (!t)
-    l = "default", e.push({
-      name: l,
+    o = "default", e.push({
+      name: o,
       mode: "light",
-      scheme: Ee
+      scheme: Qe
     });
   else
-    for (const o of t.themes) {
-      const a = { ...o.mode === "light" ? Ee : et, ...o.colors };
+    for (const l of t.themes) {
+      const a = { ...l.mode === "light" ? Qe : it, ...l.colors };
       e.push({
-        name: o.name,
-        mode: o.mode,
+        name: l.name,
+        mode: l.mode,
         scheme: a
-      }), o.name === t.defaultTheme && (l = o.name);
+      }), l.name === t.defaultTheme && (o = l.name);
     }
-  if (l) {
-    const o = {
-      activeTheme: A(l),
-      themes: e
-    };
-    Vo(e), Z(o.activeTheme, Qo, { immediate: !0 }), n.provide(ge, o);
+  if (o) {
+    const l = B(o), s = _t(l, e);
+    Co(e), Y(s.name, os, { immediate: !0 }), n.provide(Ke, s);
   }
 }
-function Qo(n) {
-  const t = document.documentElement, l = Array.from(t.classList).filter((o) => !o.startsWith("q-theme"));
-  t.className = l.join(" "), t.classList.add(`q-theme--${n}`);
+function os(n) {
+  const t = document.documentElement, o = Array.from(t.classList).filter((l) => !l.startsWith("q-theme"));
+  t.className = o.join(" "), t.classList.add(`q-theme--${n}`);
 }
-const Fo = (n = {}) => Ao({ components: Co, ...n });
+const as = (n = {}) => ts({ components: es, ...n });
 export {
-  Co as components,
-  Fo as createFramework,
-  Mo as provideTheme,
-  zo as templates,
-  Io as useTheme
+  es as components,
+  as as createFramework,
+  Io as provideTheme,
+  ss as templates,
+  $t as useTheme
 };