@quidgest/ui 0.14.11 → 0.14.12

package/dist/ui.esm.js

@@ -1,10 +1,10 @@
-import { getCurrentInstance as Je, computed as y, ref as V, provide as Me, inject as ze, watch as ne, defineComponent as S, mergeModels as G, toRef as Ae, useModel as j, openBlock as u, createElementBlock as m, renderSlot as p, normalizeClass as A, normalizeStyle as fe, withModifiers as re, createVNode as O, unref as h, createCommentVNode as $, createElementVNode as w, Fragment as R, createTextVNode as de, toDisplayString as Q, createBlock as I, resolveDynamicComponent as Le, h as He, withCtx as _, normalizeProps as J, guardReactiveProps as se, renderList as ve, useAttrs as bt, createSlots as ye, withKeys as Ee, mergeProps as X, onMounted as Oe, onUnmounted as gt, reactive as Ke, nextTick as oe, onBeforeUnmount as _t, Teleport as $t, Transition as kt, withDirectives as wt, vModelDynamic as qt } from "vue";
+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.11
+ * Quidgest UI v0.14.12
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
-const De = {
+const Qe = {
   primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -35,29 +35,29 @@ const De = {
   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 De = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  defaultDarkColorScheme: et,
-  defaultLightColorScheme: De
+  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 We(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 (We(o) && We(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 Pe = "q-defaults";
-function xt() {
+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 Ue(n) {
-  if (Qe(n)) return;
-  const t = tt(), e = V(n), l = y(() => Qe(e.value) ? t.value : Fe(t.value, e.value));
-  Me(Pe, 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(Pe, 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 Lt(n) {
-  var e, l;
+const dt = "q-group";
+function zt(n) {
+  var e, o;
   const t = {
-    active: V(((e = n.active) == null ? void 0 : e.value) ?? ((l = n.multiple) == null ? void 0 : l.value) ? [] : null),
-    multiple: y(() => {
-      var o;
-      return ((o = n.multiple) == null ? void 0 : o.value) || !1;
+    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 ne(
+  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;
     }
-  ), Me(nt, t), t;
+  ), Fe(dt, t), t;
 }
-function It(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 St = { class: "q-accordion" }, Bt = /* @__PURE__ */ S({
+const Mt = { class: "q-accordion" }, Ot = /* @__PURE__ */ I({
   __name: "QAccordion",
   props: /* @__PURE__ */ G({
     variant: {}
@@ -154,66 +154,66 @@ const St = { class: "q-accordion" }, Bt = /* @__PURE__ */ S({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    Ue({
+    Ne({
       QCollapsible: {
-        variant: Ae(n, "variant")
+        variant: qe(n, "variant")
       }
     });
-    const e = j(n, "modelValue");
-    return Lt({ active: e }), (l, o) => (u(), m("div", St, [
-      p(l.$slots, "default")
+    const e = K(n, "modelValue");
+    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 Ct(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 C(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, i) {
-        var k;
-        const c = Reflect.get(d, i), v = (k = o.value) == null ? void 0 : k[i];
-        return typeof i == "string" && !Ct(s.vnode, i) ? v ?? c : c;
+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 Vt = C(Bt), Tt = /* @__PURE__ */ S({
+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) => (u(), m("div", {
-      class: A(["q-spinner-loader", t.class]),
-      style: fe(e.value)
+    return (o, l) => (d(), h("div", {
+      class: T(["q-spinner-loader", t.class]),
+      style: ue(e.value)
     }, null, 6));
   }
-}), ke = C(Tt), At = ["disabled"], Et = {
+}), $e = L(Nt), Rt = ["disabled"], Gt = {
   key: 0,
   class: "q-btn__spinner"
-}, Dt = { class: "q-btn__content" }, Qt = /* @__PURE__ */ S({
+}, 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 Vt = C(Bt), Tt = /* @__PURE__ */ S({
     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 Vt = C(Bt), Tt = /* @__PURE__ */ S({
         e.class
       ];
     });
-    return (d, i) => (u(), m("button", {
+    return (r, i) => (d(), h("button", {
       type: "button",
-      class: A(a.value),
-      disabled: o.value,
-      onClick: re(s, ["stop", "prevent"])
+      class: T(a.value),
+      disabled: l.value,
+      onClick: ne(s, ["stop", "prevent"])
     }, [
-      d.loading ? (u(), m("div", Et, [
-        O(h(ke), { size: 20 })
-      ])) : $("", !0),
-      w("span", Dt, [
-        d.iconOnRight ? (u(), m(R, { key: 0 }, [
-          de(Q(e.label), 1)
-        ], 64)) : $("", !0),
-        p(d.$slots, "default"),
-        d.iconOnRight ? $("", !0) : (u(), m(R, { key: 1 }, [
-          de(Q(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));
   }
-}), ae = C(Qt), Mt = /* @__PURE__ */ S({
+}), 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) => (u(), I(Le(e.value), {
-      class: A(t.class),
+    return (o, l) => (d(), C(Ie(e.value), {
+      class: T(t.class),
       icon: t.icon,
       size: t.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), zt = /* @__PURE__ */ S({
+}), 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) => (u(), m("i", {
-      class: A(["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));
   }
-}), Ot = ["src"], Ft = /* @__PURE__ */ S({
+}), Xt = ["src"], Yt = /* @__PURE__ */ I({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -318,16 +318,16 @@ const Vt = C(Bt), Tt = /* @__PURE__ */ S({
     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) => (u(), m("img", {
+    return (o, l) => (d(), h("img", {
       src: t.icon,
-      class: A(["q-icon", "q-icon__img", t.class]),
-      style: fe(e.value)
-    }, null, 14, Ot));
+      class: T(["q-icon", "q-icon__img", t.class]),
+      style: ue(e.value)
+    }, null, 14, Xt));
   }
-}), _e = {}, Pt = S({
+}), _e = {}, Zt = I({
   name: "InlineSvg",
   emits: {
     loaded: (n) => typeof n == "object",
@@ -338,9 +338,9 @@ const Vt = C(Bt), Tt = /* @__PURE__ */ S({
   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 Vt = C(Bt), Tt = /* @__PURE__ */ S({
   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,7 +408,7 @@ const Vt = C(Bt), Tt = /* @__PURE__ */ S({
      */
     async getSource(n) {
       try {
-        _e[n] || (_e[n] = Nt(this.download(n))), this.svgElSource && _e[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        _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) {
@@ -435,96 +435,96 @@ const Vt = C(Bt), Tt = /* @__PURE__ */ S({
   },
   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__ */ S({
+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, i) => (u(), I(h(Pt), {
-      class: A(["q-icon", "q-icon__svg", e.class]),
+    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"]));
   }
-}), N = C(Mt), ot = C(zt), st = C(Ft), at = C(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 Kt(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 = Kt(n);
+    const t = on(n);
     if (t) return t;
   }
   throw new Error("Invalid color format");
 }
-function Wt(n) {
-  const t = n.r / 255, e = n.g / 255, l = n.b / 255, o = Math.max(t, e, l), s = Math.min(t, e, l);
-  let a = 0, d;
-  const i = (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 c = o - s;
-    switch (d = i > 0.5 ? c / (2 - o - s) : c / (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) / c + (e < l ? 6 : 0);
+        a = (e - o) / c + (e < o ? 6 : 0);
         break;
       case e:
-        a = (l - t) / c + 2;
+        a = (o - t) / c + 2;
         break;
-      case l:
+      case o:
         a = (t - e) / c + 4;
         break;
     }
@@ -532,88 +532,88 @@ function Wt(n) {
   }
   return {
     h: Math.round(a * 360),
-    s: Math.round(d * 100),
+    s: Math.round(r * 100),
     l: Math.round(i * 100)
   };
 }
-function jt(n) {
+function sn(n) {
   return n > 50 ? "#000" : "#fff";
 }
-const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ S({
+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 i = o.value ? `q-badge--${e.color}` : void 0;
+    ), 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 = y(() => {
+    }), a = g(() => {
       let i, c;
-      if (!o.value)
+      if (!l.value)
         if (i = e.color, e.variant === "tonal")
           c = e.color;
         else {
-          const v = it(i), k = Wt(v);
-          c = jt(k.l);
+          const b = ht(i), m = ln(b);
+          c = sn(m.l);
         }
       return {
         "--q-badge-color": i,
         "--q-badge-text-color": c
       };
     });
-    function d() {
-      l("click:remove");
+    function r() {
+      o("click:remove");
     }
-    return (i, c) => (u(), m("span", {
-      class: A(s.value),
+    return (i, c) => (d(), h("span", {
+      class: T(s.value),
       role: "presentation",
-      style: fe(a.value)
+      style: ue(a.value)
     }, [
-      c[0] || (c[0] = w("div", { class: "q-badge__underlay" }, null, -1)),
-      w("div", Xt, [
+      c[0] || (c[0] = x("div", { class: "q-badge__underlay" }, null, -1)),
+      x("div", an, [
         p(i.$slots, "default"),
-        e.removable ? (u(), I(h(ae), {
+        e.removable ? (d(), C(y(re), {
           key: 0,
           class: "q-badge__remove",
           borderless: "",
           tabindex: "0",
-          onClick: d
+          onClick: r
         }, {
           default: _(() => [
-            O(h(N), J(se(e.icons.remove)), null, 16)
+            U(y(X), se(fe(e.icons.remove)), null, 16)
           ]),
           _: 1
-        })) : $("", !0)
+        })) : w("", !0)
       ])
     ], 6));
   }
-}), Zt = C(Yt), Jt = /* @__PURE__ */ S({
+}), 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 Ue({
+    return Ne({
       QButton: {
         bStyle: "secondary",
-        disabled: Ae(t, "disabled"),
-        borderless: Ae(t, "borderless"),
+        disabled: qe(t, "disabled"),
+        borderless: qe(t, "borderless"),
         elevated: !1
       }
-    }), (e, l) => (u(), m("div", {
-      class: A([
+    }), (e, o) => (d(), h("div", {
+      class: T([
         "q-btn-group",
         {
           "q-btn-group--elevated": t.elevated
@@ -624,7 +624,7 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ S({
       p(e.$slots, "default")
     ], 2));
   }
-}), rt = C(Jt), en = /* @__PURE__ */ S({
+}), vt = L(cn), un = /* @__PURE__ */ I({
   __name: "QButtonToggle",
   props: /* @__PURE__ */ G({
     options: {},
@@ -639,30 +639,30 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ S({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = j(n, "modelValue");
-    function l(o) {
-      e.value === o.key && !t.required ? e.value = void 0 : e.value = o.key;
+    const t = n, e = K(n, "modelValue");
+    function o(l) {
+      e.value === l.key && !t.required ? e.value = void 0 : e.value = l.key;
     }
-    return (o, s) => (u(), I(h(rt), {
+    return (l, s) => (d(), C(y(vt), {
       "b-style": "secondary",
-      class: A(t.class),
+      class: T(t.class),
       disabled: t.disabled,
       borderless: t.borderless,
       elevated: t.elevated,
       role: "listbox"
     }, {
       default: _(() => [
-        (u(!0), m(R, null, ve(t.options, (a) => (u(), I(h(ae), {
+        (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: _(() => [
-            p(o.$slots, a.key)
+            p(l.$slots, a.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "aria-selected", "onClick"]))), 128))
@@ -670,47 +670,47 @@ const Xt = { class: "q-badge__content" }, Yt = /* @__PURE__ */ S({
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), tn = C(en);
-let nn = 0;
-function ue(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__ */ S({
+}, $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 = ue(t.id), o = y(() => {
-      const i = t.width ? `q-card--${t.width}` : void 0, c = t.variant && t.variant !== "default" ? `q-card--${t.variant}` : void 0, v = t.elevation && t.elevation !== "none" ? `q-card--elevation-${t.elevation}` : void 0;
+    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",
         i,
         c,
-        v,
+        b,
         {
           "q-card--clickable": s.value,
           "q-card--loading": t.loading,
@@ -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 = (i) => {
+    }), s = g(() => !!e.onClick || t.href), a = g(() => t.disabled || t.loading), r = (i) => {
       a.value && i.stopImmediatePropagation();
     };
-    return (i, c) => (u(), I(Le(t.href ? "a" : "div"), {
-      id: h(l),
-      class: A([...o.value, i.$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: _(() => [
-        t.loading ? (u(), I(h(ke), {
+        t.loading ? (d(), C(y($e), {
           key: 0,
           size: 36
-        })) : (u(), m(R, { key: 1 }, [
-          w("div", ln, [
+        })) : (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 ? (u(), m("div", on, [
+              i.$slots.title || t.title || i.$slots.subtitle || t.subtitle ? (d(), h("div", hn, [
                 p(i.$slots, "header.content.prepend"),
-                w("div", sn, [
-                  i.$slots.title || t.title ? (u(), m("p", an, [
-                    i.$slots.title ? p(i.$slots, "title", { key: 0 }) : (u(), m(R, { key: 1 }, [
-                      de(Q(i.$props.title), 1)
+                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))
-                  ])) : $("", !0),
-                  i.$slots.subtitle || t.subtitle ? (u(), m("p", rn, [
-                    i.$slots.subtitle ? p(i.$slots, "subtitle", { key: 0 }) : (u(), m(R, { key: 1 }, [
-                      de(Q(i.$props.subtitle), 1)
+                  ])) : 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))
-                  ])) : $("", !0)
+                  ])) : w("", !0)
                 ]),
                 p(i.$slots, "header.content.append")
-              ])) : $("", !0),
+              ])) : w("", !0),
               p(i.$slots, "header.append")
             ])
           ]),
-          w("div", dn, [
+          x("div", gn, [
             p(i.$slots, "default")
           ]),
-          i.$slots.footer ? (u(), m("div", un, [
+          i.$slots.footer ? (d(), h("div", _n, [
             p(i.$slots, "footer")
-          ])) : $("", !0)
+          ])) : w("", !0)
         ], 64))
       ]),
       _: 3
     }, 8, ["id", "class", "href"]));
   }
-}), dt = C(cn), fn = { key: 0 }, pn = { class: "q-field__extras" }, mn = { key: 1 }, je = /* @__PURE__ */ S({
+}), 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 ? (u(), m("div", fn, [
-      w("span", null, Q(t.label), 1),
-      w("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")
       ])
-    ])) : (u(), m("span", mn, Q(t.label), 1));
+    ])) : (d(), h("span", qn, z(t.label), 1));
   }
-}), hn = {
+}), xn = {
   checked: {
     icon: "check"
   },
   indeterminate: {
     icon: "minus"
   }
-}, vn = ["id", "aria-checked", "disabled", "onKeydown"], yn = ["checked", "disabled"], bn = /* @__PURE__ */ S({
+}, 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 = j(n, "modelValue"), l = ue(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,14 +820,14 @@ const ln = { class: "q-card__header" }, on = {
     function s() {
       !t.disabled && !t.readonly && (e.value = !e.value);
     }
-    return (a, d) => (u(), m(R, null, [
-      w("label", {
-        class: A(o.value)
+    return (a, r) => (d(), h(W, null, [
+      x("label", {
+        class: T(l.value)
       }, [
-        t.labelPlacement !== "right" ? (u(), I(je, {
+        t.labelPlacement !== "right" ? (d(), C(et, {
           key: 0,
           label: t.label
-        }, ye({ _: 2 }, [
+        }, pe({ _: 2 }, [
           a.$slots.extras ? {
             name: "extras",
             fn: _(() => [
@@ -835,27 +835,27 @@ const ln = { class: "q-card__header" }, on = {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["label"])) : $("", !0),
-        w("button", {
-          id: h(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: re(s, ["prevent"]),
+          onClick: ne(s, ["prevent"]),
           onKeydown: [
-            Ee(re(s, ["prevent"]), ["space"]),
-            d[0] || (d[0] = Ee(re(() => {
+            De(ne(s, ["prevent"]), ["space"]),
+            r[0] || (r[0] = De(ne(() => {
             }, ["prevent"]), ["enter"]))
           ]
         }, [
-          e.value || a.indeterminate ? (u(), I(h(N), X({ key: 0 }, e.value ? t.icons.checked : t.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : $("", !0)
-        ], 40, vn),
-        t.labelPlacement === "right" ? (u(), I(je, {
+          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: _(() => [
@@ -863,35 +863,53 @@ const ln = { class: "q-card__header" }, on = {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["label"])) : $("", !0)
+        ]), 1032, ["label"])) : w("", !0)
       ], 2),
-      w("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, yn)
+      }, null, 8, In)
     ], 64));
   }
-}), gn = C(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"
-}, Ln = { class: "q-collapsible__content-inner" }, In = { class: "q-collapsible__content" }, Sn = /* @__PURE__ */ S({
+}, 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,76 +917,82 @@ 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 = j(n, "modelValue"), l = ue(t.id), o = It(l), s = y(() => t.width === "block" ? "block" : void 0), a = y(() => {
-      const c = t.spacing && t.spacing !== "comfortable" ? `q-collapsible--${t.spacing}` : void 0, v = t.variant && t.variant !== "default" ? `q-collapsible--${t.variant}` : void 0;
+    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",
         c,
-        v,
+        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
       }
     ]), i = () => {
-      e.value = !e.value, o == null || o.toggle();
+      e.value = !e.value, l == null || l.toggle();
     };
-    return ne(
-      () => o == null ? void 0 : o.isActive.value,
-      () => e.value = o == null ? void 0 : o.isActive.value
-    ), (c, v) => (u(), I(h(dt), {
-      id: h(l),
-      class: A(a.value),
+    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: _(() => [
-        c.title ? (u(), m("div", $n, [
-          O(h(ae), {
+        c.title ? (d(), h("div", Tn, [
+          U(y(re), {
             "b-style": "tertiary",
             class: "q-collapsible__btn",
             onClick: i
           }, {
             default: _(() => [
-              w("div", kn, [
-                c.iconRight ? $("", !0) : p(c.$slots, "icon", { key: 0 }, () => [
-                  O(h(N), X({ class: "q-collapsible__chevron" }, t.icons.chevron), null, 16)
+              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(c.$slots, "title.prepend"),
-                w("h4", wn, Q(c.title), 1),
-                t.required ? (u(), m("span", qn, " * ")) : $("", !0),
+                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 }, () => [
-                  O(h(N), X({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, t.icons.chevron), null, 16)
-                ]) : $("", !0)
+                  U(y(xe), {
+                    "model-value": e.value,
+                    class: "q-collapsible__chevron-right",
+                    icons: t.icons
+                  }, null, 8, ["model-value", "icons"])
+                ]) : w("", !0)
               ]),
-              c.$slots.subtitle || c.subtitle ? (u(), m("div", xn, [
+              c.$slots.subtitle || c.subtitle ? (d(), h("div", Qn, [
                 p(c.$slots, "subtitle", {}, () => [
-                  de(Q(c.subtitle), 1)
+                  ie(z(c.subtitle), 1)
                 ])
-              ])) : $("", !0)
+              ])) : w("", !0)
             ]),
             _: 3
           })
-        ])) : $("", !0)
+        ])) : w("", !0)
       ]),
       default: _(() => [
-        w("div", {
-          class: A(d.value)
+        x("div", {
+          class: T(r.value)
         }, [
-          w("div", Ln, [
-            w("div", In, [
+          x("div", zn, [
+            x("div", Fn, [
               p(c.$slots, "default")
             ])
           ])
@@ -977,16 +1001,278 @@ const ln = { class: "q-card__header" }, on = {
       _: 3
     }, 8, ["id", "class", "width"]));
   }
-}), Bn = C(Sn), Cn = /* @__PURE__ */ S({
+}), 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,158 +1282,158 @@ const ln = { class: "q-card__header" }, on = {
   }),
   emits: ["update:modelValue"],
   setup(n, { expose: t }) {
-    const e = n, l = j(n, "modelValue"), o = V(!1), s = y(() => a.value.length > 1 ? "div" : "ul"), a = y(() => e.groups.length ? e.groups.filter(
-      (b) => e.items.some((f) => f.group === b.id)
-    ) : [{ id: "", title: "" }]), d = V(null), i = V(null);
-    function c(b) {
-      l.value = b;
+    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 v() {
-      o.value = !0;
+    function b() {
+      l.value = !0;
     }
-    function k() {
-      o.value = !1;
+    function m() {
+      l.value = !1;
     }
-    function H(b) {
-      var z;
-      if ((z = d.value) != null && z.contains(b.relatedTarget))
+    function A(k) {
+      var O;
+      if ((O = r.value) != null && O.contains(k.relatedTarget))
         return;
-      let f;
-      l.value ? f = e.items.findIndex((U) => U[e.itemValue] === l.value) : f = ee();
-      const q = o.value;
-      g(f, q);
+      let u;
+      o.value ? u = e.items.findIndex((H) => H[e.itemValue] === o.value) : u = j();
+      const q = l.value;
+      $(u, q);
     }
-    function K(b) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(b.key) && b.preventDefault(), b.key) {
+    function P(k) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(k.key) && k.preventDefault(), k.key) {
         case "ArrowDown":
-          D("next");
+          N("next");
           break;
         case "ArrowUp":
-          D("prev");
+          N("prev");
           break;
         case "Home":
-          D("first");
+          N("first");
           break;
         case "End":
-          D("last");
+          N("last");
           break;
       }
     }
-    function D(b) {
-      switch (b) {
+    function N(k) {
+      switch (k) {
         case "next":
         case "prev":
-          g(E(b));
+          $(E(k));
           break;
         case "first":
-          g(ee());
+          $(j());
           break;
         case "last":
-          g(te());
+          $(te());
           break;
       }
     }
-    function g(b, f = !1) {
-      var z;
-      (z = B()[b]) == null || z.focus({ preventScroll: f });
+    function $(k, u = !1) {
+      var O;
+      (O = V()[k]) == null || O.focus({ preventScroll: u });
     }
-    function B() {
-      var f;
-      const b = (f = d.value) == null ? void 0 : f.querySelectorAll("li");
-      return b ? Array.from(b) : [];
+    function V() {
+      var u;
+      const k = (u = r.value) == null ? void 0 : u.querySelectorAll("li");
+      return k ? Array.from(k) : [];
     }
-    function M(b) {
-      return B()[b];
+    function D(k) {
+      return V()[k];
     }
-    function F() {
-      return B().indexOf(document.activeElement);
+    function Q() {
+      return V().indexOf(document.activeElement);
     }
-    function ee() {
-      const b = B(), f = b.find((q) => le(q));
-      return f ? b.indexOf(f) : -1;
+    function j() {
+      const k = V(), u = k.find((q) => ae(q));
+      return u ? k.indexOf(u) : -1;
     }
     function te() {
-      const b = B(), f = [...b].reverse().find((q) => le(q));
-      return f ? b.indexOf(f) : -1;
-    }
-    function x(b, f, q) {
-      return f === "prev" && b <= 0 || f === "next" && b === q.length - 1;
-    }
-    function E(b) {
-      const f = F();
-      return P(f, b);
-    }
-    function P(b, f) {
-      const q = B();
-      if (x(b, f, q))
-        return b;
-      let z = b + (f === "next" ? 1 : -1);
-      for (; !le(q[z]); ) {
-        if (x(z, f, q))
-          return b;
-        z += f === "next" ? 1 : -1;
+      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 z;
+      return O;
     }
-    function le(b) {
-      return b.tabIndex === -2;
+    function ae(k) {
+      return k.tabIndex === -2;
     }
-    function ce(b) {
-      return b ? e.items.filter((f) => f.group === b) : e.items;
+    function ce(k) {
+      return k ? e.items.filter((u) => u.group === k) : e.items;
     }
     return t({
-      focusItem: g,
-      getItem: M,
-      getAdjacentItemIndex: P,
-      getFirstFocusableItemIndex: ee,
+      focusItem: $,
+      getItem: D,
+      getAdjacentItemIndex: R,
+      getFirstFocusableItemIndex: j,
       getLastFocusableItemIndex: te
-    }), (b, f) => (u(), I(Le(s.value), {
+    }), (k, u) => (d(), C(Ie(s.value), {
       ref_key: "listRef",
-      ref: d,
-      class: A(["q-list", { "q-list--disabled": e.disabled }, e.class]),
+      ref: r,
+      class: T(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
-      onFocus: H,
-      onMousedown: v,
-      onMouseup: k,
-      onKeydown: K
+      onFocus: A,
+      onMousedown: b,
+      onMouseup: m,
+      onKeydown: P
     }, {
       default: _(() => [
-        (u(!0), m(R, null, ve(a.value, (q, z) => (u(), I(h(ct), {
+        (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: _(() => [
-            (u(!0), m(R, null, ve(ce(q.id), (U, Y) => (u(), I(h(ut), {
-              key: U[e.itemValue],
+            (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: U[e.itemValue],
-              label: U[e.itemLabel],
-              description: U.description,
-              icon: U.icon,
-              disabled: e.disabled || q.disabled || U.disabled,
-              highlighted: e.highlighted === U[e.itemValue],
-              selected: b.selectable && l.value === U[e.itemValue],
+              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
             }, {
               append: _(() => {
-                var W, ie;
+                var ee, oe;
                 return [
-                  p(b.$slots, "item.append", {
-                    item: U,
-                    element: (ie = (W = i.value) == null ? void 0 : W[Y + z * a.value.length]) == null ? void 0 : ie.$el
+                  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 W, ie;
+                var ee, oe;
                 return [
-                  p(b.$slots, "item", {
-                    item: U,
-                    element: (ie = (W = i.value) == null ? void 0 : W[Y + z * a.value.length]) == null ? void 0 : ie.$el
+                  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
                   })
                 ];
               }),
@@ -1160,43 +1446,43 @@ const ln = { class: "q-card__header" }, on = {
       _: 3
     }, 40, ["class", "tabindex"]));
   }
-}), Vn = {
+}), oo = {
   check: {
     icon: "check"
   },
   description: {
     icon: "information-outline"
   }
-}, Tn = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], An = { class: "q-list-item__container" }, En = { class: "q-list-item__content" }, Dn = {
+}, 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"
-}, Qn = { class: "q-list-item__check-container" }, Mn = /* @__PURE__ */ S({
+}, 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: () => Vn }
+    description: {},
+    icons: { default: () => oo }
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const e = n, l = t, o = ue();
+    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, i) => (u(), m("li", {
-      id: h(o),
+    return (r, i) => (d(), h("li", {
+      id: y(l),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: A([
+      class: T([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -1207,308 +1493,378 @@ const ln = { class: "q-card__header" }, on = {
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: a,
-      onClick: re(s, ["stop", "prevent"])
+      onClick: ne(s, ["stop", "prevent"])
     }, [
-      p(d.$slots, "prepend"),
-      w("div", An, [
-        w("div", En, [
-          p(d.$slots, "default", {}, () => [
-            e.icon ? (u(), I(h(N), J(X({ key: 0 }, e.icon)), null, 16)) : $("", !0),
-            de(" " + Q(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 ? (u(), m("div", Dn, [
-          O(h(N), J(se(e.icons.description)), null, 16),
-          w("span", null, Q(e.description), 1)
-        ])) : $("", !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)
       ]),
-      p(d.$slots, "append"),
-      w("div", Qn, [
-        e.selected ? (u(), I(h(N), X({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : $("", !0)
+      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, Tn));
+    ], 42, lo));
   }
-}), zn = ["data-key", "aria-labelledby"], On = ["id"], Fn = /* @__PURE__ */ S({
+}), uo = ["data-key", "aria-labelledby"], fo = ["id"], po = /* @__PURE__ */ I({
   __name: "QListItemGroup",
   props: {
     id: {},
-    title: { default: "" }
+    title: {}
   },
   setup(n) {
-    const t = n, e = ue();
-    return (l, o) => (u(), m("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 ? h(e) : void 0
+      "aria-labelledby": t.title ? y(e) : void 0
     }, [
-      t.title ? (u(), m("li", {
+      t.title ? (d(), h("li", {
         key: 0,
-        id: h(e),
+        id: y(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, Q(t.title), 9, On)) : $("", !0),
-      p(l.$slots, "default")
-    ], 8, zn));
+      }, z(t.title), 9, fo)) : w("", !0),
+      p(o.$slots, "default")
+    ], 8, uo));
   }
-}), Ie = C(Cn), ut = C(Mn), ct = C(Fn), he = "data-scroll-locked", Ce = "right-scroll-bar-position", Ve = "width-before-scroll-bar", Pn = "with-scroll-bars-hidden", Un = "--removed-body-scroll-bar-size", Nn = {
+}), 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 Kn(n, t) {
+function _o(n, t) {
   n.appendChild(document.createTextNode(t));
 }
-function Wn(n) {
+function $o(n) {
   (document.head || document.getElementsByTagName("head")[0]).appendChild(n);
 }
-const jn = () => {
+const ko = () => {
   let n = 0, t = null;
   return {
     add: (e) => {
-      n === 0 && (t = Hn()) && (Kn(t, e), Wn(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__ */ S({
+}, 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 = jn(), l = () => {
-      const s = parseInt(document.body.getAttribute(he) || "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: i }, c, v = "margin", k) => `
-  .${Pn} {
-    overflow: hidden ${k};
-    padding-right: ${i}px ${k};
+    }, l = ({ left: s, top: a, right: r, gap: i }, c, b = "margin", m) => `
+  .${mo} {
+    overflow: hidden ${m};
+    padding-right: ${i}px ${m};
   }
-  body[${he}] {
-    overflow: hidden ${k};
+  body[${ve}] {
+    overflow: hidden ${m};
     overscroll-behavior: contain;
     ${[
-      c && `position: relative ${k};`,
-      v === "margin" && `
+      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: ${i}px ${k};
+    margin-right: ${i}px ${m};
     `,
-      v === "padding" && `padding-right: ${i}px ${k};`
+      b === "padding" && `padding-right: ${i}px ${m};`
     ].filter(Boolean).join("")}
   }
 
-  .${Ce} {
-    right: ${i}px ${k};
+  .${Te} {
+    right: ${i}px ${m};
   }
 
-  .${Ve} {
-    margin-right: ${i}px ${k};
+  .${Ae} {
+    margin-right: ${i}px ${m};
   }
 
-  .${Ce} .${Ce} {
-    right: 0 ${k};
+  .${Te} .${Te} {
+    right: 0 ${m};
   }
 
-  .${Ve} .${Ve} {
-    margin-right: 0 ${k};
+  .${Ae} .${Ae} {
+    margin-right: 0 ${m};
   }
 
-  body[${he}] {
-    ${Un}: ${i}px;
+  body[${ve}] {
+    ${ho}: ${i}px;
   }
 `;
     return Oe(() => {
-      document.body.setAttribute(he, (l() + 1).toString());
-      const s = Gn(t.gapMode);
+      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(he) : document.body.setAttribute(he, 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 = C(Xn), qe = 8;
-function Zn(n, t, e, l) {
-  const o = (l == null ? void 0 : l.offset) ?? 0, s = (l == null ? void 0 : l.crossOffset) ?? 0, a = (l == null ? void 0 : l.placement) ?? "bottom", d = n.getBoundingClientRect(), i = t.getBoundingClientRect(), c = e == null ? void 0 : e.getBoundingClientRect(), v = Jn(d, i, a, o), k = ol(d, i, v), H = tl(k, v, o), K = nl(H, v, s), D = el(K, i, v);
-  let g;
-  if (l != null && l.arrow) {
+}), 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");
-    g = ll(D, d, i, c, v);
+    $ = Eo(N, r, i, c, b);
   }
-  return { overlayCoords: D, arrowCoords: g, placement: v };
+  return { overlayCoords: N, arrowCoords: $, placement: b };
 }
-function Jn(n, t, e, l) {
-  const o = Xe(n, t, e, l);
-  if (Ye(o)) {
-    const s = be(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], i = Xe(
+    }[s], i = ot(
       n,
       t,
-      d,
-      l
+      r,
+      o
     );
-    if (Ye(i))
+    if (lt(i))
       return e;
-    const c = il(e);
-    return c ? `${d}-${c}` : d;
+    const c = Fo(e);
+    return c ? `${r}-${c}` : r;
   }
   return e;
 }
-function el(n, t, e) {
-  const l = xe(e), o = (a, d, i) => Math.min(Math.max(a, d), i), s = { ...n };
-  return l === "x" ? s.x = o(n.x, qe, window.innerWidth - t.width - qe) : s.y = o(n.y, qe, window.innerHeight - t.height - qe), s;
+function 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 tl(n, t, e) {
-  const l = be(t);
+function To(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 === "left" ? -e : o === "right" ? e : 0),
+    y: n.y + (o === "top" ? -e : o === "bottom" ? e : 0)
   };
 }
-function nl(n, t, e) {
-  const l = be(t);
+function Ao(n, t, e) {
+  const o = be(t);
   return {
-    x: n.x + (l === "top" || l === "bottom" ? e : 0),
-    y: n.y + (l === "right" || l === "left" ? e : 0)
+    x: n.x + (o === "top" || o === "bottom" ? e : 0),
+    y: n.y + (o === "right" || o === "left" ? e : 0)
   };
 }
-function ll(n, t, e, l, o) {
-  if (xe(o) === "y") {
-    const a = t.top + t.height / 2, d = n.y + e.height / 2, i = d - a, c = e.height / 2 - i - l.height / 2 + 2;
-    if (c > 0 && c < 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: c
       };
   } else {
-    const a = t.left + t.width / 2, d = n.x + e.width / 2, i = d - a, c = e.width / 2 - i - l.width / 2 + 2;
-    if (c > 0 && c < e.width - l.width)
+    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: c
       };
   }
 }
-function ol(n, t, e) {
-  const [l, o] = e.split("-"), s = n.x + n.width / 2 - t.width / 2, a = n.y + n.height / 2 - t.height / 2;
-  let d;
-  switch (l) {
+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 c = xe(e) === "y" ? "height" : "width", v = xe(e), k = n[c] / 2 - t[c] / 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[v] -= k;
+      r[b] -= m;
       break;
     case "end":
-      d[v] += k;
+      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 = be(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 sl(n) {
+function Qo(n) {
   return n === "x" ? "y" : "x";
 }
-function al(n) {
+function zo(n) {
   const t = be(n);
   return ["left", "right"].includes(t) ? "x" : "y";
 }
-function xe(n) {
-  return sl(al(n));
+function Ce(n) {
+  return Qo(zo(n));
 }
 function be(n) {
   const [t] = n.split("-");
   return t;
 }
-function il(n) {
+function Fo(n) {
   const [, t] = n.split("-");
   return t;
 }
-function Ye(n) {
+function lt(n) {
   return n < 0;
 }
-function rl(n) {
+function Mo(n) {
   return typeof n == "string" ? document.querySelector(n) : n;
 }
-const dl = ["role"], ul = /* @__PURE__ */ S({
+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 },
@@ -1520,402 +1876,263 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
     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 = j(n, "modelValue"), s = y(() => [
+    const e = n, o = t, l = K(n, "modelValue"), s = $t(), a = g(() => [
       "q-overlay",
-      `q-overlay--${be(c.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 || c.animating) && !e.nonModal), i = y(() => (o.value || c.animating) && e.scrollLock), c = Ke({
+    ]), 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
-    }), v = Ke({
+    }), m = Ze({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), k = y(() => c.top !== 0 && c.left !== 0);
-    ne(o, () => c.animating = !0);
-    const H = y(() => {
-      if (a.value) return;
-      const r = b(), L = e.width === "anchor", T = L ? r == null ? void 0 : r.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: `${c.top}px`,
-        left: `${c.left}px`,
-        width: T !== void 0 ? `${T}px` : void 0
+        top: `${b.top}px`,
+        left: `${b.left}px`,
+        width: M !== void 0 ? `${M}px` : void 0
       };
-    }), K = y(() => {
+    }), N = g(() => {
       if (e.arrow)
         return {
-          top: v.top !== void 0 ? `${v.top}px` : void 0,
-          left: v.left !== void 0 ? `${v.left}px` : void 0,
-          opacity: v.hidden ? 0 : 1
+          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
         };
-    }), D = V(null), g = V(null);
-    function B() {
-      const r = b();
-      if (!r || !g.value)
+    }), $ = B(null), V = B(null);
+    function D() {
+      const v = u();
+      if (!v || !V.value)
         return;
-      const L = {
+      const F = {
         placement: e.placement,
         width: e.width,
         offset: e.offset,
         crossOffset: e.crossOffset,
         arrow: e.arrow
-      }, T = Zn(
-        r,
-        g.value,
-        (D == null ? void 0 : D.value) ?? void 0,
-        L
+      }, M = So(
+        v,
+        V.value,
+        ($ == null ? void 0 : $.value) ?? void 0,
+        F
       );
-      c.left = T.overlayCoords.x, c.top = T.overlayCoords.y, c.placement = T.placement, v.hidden = T.arrowCoords === void 0, T.arrowCoords && (v.top = T.arrowCoords.y, v.left = T.arrowCoords.x);
+      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);
     }
-    ne(
+    Y(
       () => e.placement,
-      () => oe(B)
+      () => le(D)
     );
-    let M;
-    function F() {
-      te(0);
+    let Q;
+    function j() {
+      S(0);
     }
-    function ee() {
-      te(e.delay);
+    function te() {
+      S(e.delay);
     }
-    function te(r) {
-      M && E(), M = window.setTimeout(() => {
-        o.value = !0;
-      }, r);
+    function S(v) {
+      Q && R(), Q = window.setTimeout(() => {
+        l.value = !0;
+      }, v);
     }
-    function x() {
-      if (M && E(), o.value = !1, e.anchor && e.trigger === "click") {
-        const r = b();
-        r == null || r.focus();
+    function E() {
+      if (Q && R(), l.value = !1, e.anchor && e.trigger === "click") {
+        const v = u();
+        v == null || v.focus();
       }
     }
-    function E() {
-      clearTimeout(M), M = void 0;
+    function R() {
+      clearTimeout(Q), Q = void 0;
     }
-    ne(k, () => oe(P));
-    function P() {
-      l("enter");
+    Y(A, () => le(ae));
+    function ae() {
+      o("enter");
     }
-    let le;
-    function ce() {
-      window.clearTimeout(le), le = window.setTimeout(() => c.animating = !1, 200), l("leave");
+    let ce;
+    function k() {
+      window.clearTimeout(ce), ce = window.setTimeout(() => b.animating = !1, 200), o("leave");
     }
-    function b() {
-      return e.anchor ? rl(e.anchor) : null;
+    function u() {
+      return e.anchor ? Mo(e.anchor) : null;
     }
-    let f;
-    function q() {
-      const r = b();
-      if (r)
-        switch (f = new MutationObserver(B), f.observe(r, {
+    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":
-            r.addEventListener("click", F);
+            v.addEventListener("click", j);
             break;
           case "hover":
-            r.addEventListener("mouseenter", ee), r.addEventListener("mouseleave", x), r.addEventListener("focusin", F), r.addEventListener("focusout", x);
+            v.addEventListener("mouseenter", te), v.addEventListener("mouseleave", E), v.addEventListener("focusin", j), v.addEventListener("focusout", E);
             break;
         }
     }
-    function z() {
-      const r = b();
-      if (r)
-        switch (f == null || f.disconnect(), e.trigger) {
+    function H() {
+      const v = u();
+      if (v)
+        switch (q == null || q.disconnect(), e.trigger) {
           case "click":
-            r.removeEventListener("click", F);
+            v.removeEventListener("click", j);
             break;
           case "hover":
-            r.removeEventListener("mouseenter", ee), r.removeEventListener("mouseleave", x), r.removeEventListener("focusin", F), r.removeEventListener("focusout", x);
+            v.removeEventListener("mouseenter", te), v.removeEventListener("mouseleave", E), v.removeEventListener("focusin", j), v.removeEventListener("focusout", E);
             break;
         }
     }
-    function U() {
-      window.addEventListener("resize", B), e.scrollLock || window.addEventListener("scroll", B);
+    function J() {
+      window.addEventListener("resize", D), e.scrollLock || window.addEventListener("scroll", D);
     }
-    function Y() {
-      window.removeEventListener("resize", B), e.scrollLock || window.removeEventListener("scroll", B);
+    function ee() {
+      window.removeEventListener("resize", D), e.scrollLock || window.removeEventListener("scroll", D);
     }
-    let W;
-    function ie() {
-      b() ? (B(), W = window.setTimeout(ie, 100)) : x();
+    let oe;
+    function ke() {
+      u() ? (D(), oe = window.setTimeout(ke, 100)) : E();
     }
-    function Be() {
-      a.value || (U(), e.spy ? ie() : B()), (a.value || e.trigger === "click") && oe(() => {
-        var r;
-        return (r = g.value) == null ? void 0 : r.focus();
+    function 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 we() {
-      a.value || Y(), e.spy && (clearTimeout(W), W = void 0), c.top = 0, c.left = 0;
-    }
     function ge() {
-      e.persistent || x();
+      r.value || ee(), e.spy && (clearTimeout(oe), oe = void 0), b.top = 0, b.left = 0;
+    }
+    function f() {
+      e.persistent || E();
     }
     return Oe(() => {
-      oe(q);
-    }), _t(() => {
-      z(), we();
-    }), ne(
-      o,
-      (r) => {
-        oe(() => r ? Be() : we());
+      le(O);
+    }), At(() => {
+      H(), ge();
+    }), Y(
+      l,
+      (v) => {
+        le(() => v ? Ve() : ge());
       },
       { immediate: !0 }
-    ), (r, L) => (u(), m(R, null, [
-      (u(), I($t, {
-        disabled: !o.value && !c.animating || e.inline,
+    ), (v, F) => (d(), h(W, null, [
+      (d(), C(Et, {
+        disabled: !l.value && !b.animating || e.inline,
         to: e.attach
       }, [
-        d.value ? (u(), m("div", {
-          key: 0,
-          class: A([
-            e.backdropClass,
-            "q-overlay__underlay",
-            { "q-overlay__underlay--blur": e.backdropBlur }
-          ])
-        }, null, 2)) : $("", !0),
-        O(kt, {
-          name: e.transition,
-          appear: "",
-          onLeave: ce
+        U(y(kt), {
+          theme: y(s).current.value.name
         }, {
           default: _(() => [
-            o.value ? (u(), m("div", {
+            i.value ? (d(), h("div", {
               key: 0,
-              class: A(s.value),
-              style: fe(H.value)
-            }, [
-              w("div", X({
-                ref_key: "overlayRef",
-                ref: g,
-                class: "q-overlay__content",
-                tabindex: "-1",
-                role: d.value ? "dialog" : void 0
-              }, r.$attrs, {
-                onKeydown: Ee(ge, ["escape"]),
-                onBlur: ge
-              }), [
-                e.arrow ? (u(), m("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: D,
-                  role: "presentation",
-                  class: "q-overlay__arrow",
-                  style: fe(K.value)
-                }, null, 4)) : $("", !0),
-                p(r.$slots, "default")
-              ], 16, dl)
-            ], 6)) : $("", !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"])),
-      i.value ? (u(), I(h(Yn), { key: 0 })) : $("", !0)
+      c.value ? (d(), C(y(qo), { key: 0 })) : w("", !0)
     ], 64));
   }
-}), pe = C(ul), cl = ["id"], fl = {
-  key: 0,
-  class: "q-field__label"
-}, pl = ["for"], ml = {
-  key: 0,
-  class: "q-field__prepend"
-}, hl = {
-  key: 1,
-  class: "q-field__append"
-}, vl = {
-  key: 1,
-  class: "q-field__extras"
-}, yl = /* @__PURE__ */ S({
-  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 = ue(e.id), o = V(null), s = y(() => e.required && !e.readonly && !e.disabled);
-    return t({
-      fieldRef: o
-    }), (a, d) => (u(), m("div", {
-      id: h(l),
-      class: A([
-        "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 ? (u(), m("div", fl, [
-        p(a.$slots, "label.prepend"),
-        w("label", {
-          for: e.for
-        }, Q(e.label), 9, pl),
-        p(a.$slots, "label.append")
-      ])) : $("", !0),
-      p(a.$slots, "control", {}, () => [
-        w("div", X({
-          ref_key: "fieldRef",
-          ref: o,
-          class: "q-field__control"
-        }, a.$attrs), [
-          a.$slots.prepend ? (u(), m("div", ml, [
-            p(a.$slots, "prepend")
-          ])) : $("", !0),
-          p(a.$slots, "default"),
-          a.$slots.append ? (u(), m("div", hl, [
-            p(a.$slots, "append")
-          ])) : $("", !0)
-        ], 16)
-      ]),
-      a.$slots.extras ? (u(), m("div", vl, [
-        p(a.$slots, "extras")
-      ])) : $("", !0)
-    ], 10, cl));
-  }
-}), Se = C(yl), bl = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], gl = /* @__PURE__ */ S({
-  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 = j(n, "modelValue"), o = ue(e.id), s = V(null), a = V(null), d = y(
-      () => e.readonly || e.disabled ? "" : e.placeholder
-    );
-    return t({
-      fieldRef: y(() => {
-        var i;
-        return (i = s.value) == null ? void 0 : i.fieldRef;
-      }),
-      inputRef: a
-    }), (i, c) => (u(), I(h(Se), {
-      ref_key: "fieldRef",
-      ref: s,
-      class: A(["q-text-field", e.class]),
-      for: h(o),
-      label: e.label,
-      size: e.size,
-      readonly: e.readonly,
-      disabled: e.disabled,
-      required: e.required
-    }, ye({
-      "label.prepend": _(() => [
-        p(i.$slots, "label.prepend")
-      ]),
-      "label.append": _(() => [
-        p(i.$slots, "label.append")
-      ]),
+  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: _(() => [
-        wt(w("input", X({
-          id: h(o),
-          ref_key: "inputRef",
-          ref: a,
-          "onUpdate:modelValue": c[0] || (c[0] = (v) => l.value = v),
-          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
-        }, i.$attrs), null, 16, bl), [
-          [qt, l.value]
-        ])
+        U(y(X), se(fe(e.icons.clear)), null, 16)
       ]),
-      _: 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"]));
+      _: 1
+    }, 8, ["aria-label"]));
   }
-}), ft = C(gl), _l = {
-  noData: "No data available",
-  clearValue: "Clear value",
-  showOptions: "Show options"
-}, $l = {
-  chevron: {
-    icon: "chevron-down"
-  },
-  clear: {
-    icon: "close"
-  }
-}, kl = ["data-key"], wl = {
+}), wt = L(Po), No = ["data-key"], Ro = {
   key: 0,
   class: "q-select__loader"
-}, ql = {
+}, Go = {
   key: 2,
   class: "q-select__loader"
-}, xl = /* @__PURE__ */ S({
+}, 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 },
@@ -1925,11 +2142,11 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
     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: () => _l }
+    emptyValue: { type: [String, Number, Boolean, Symbol] },
+    size: {},
+    class: {},
+    icons: { default: () => to },
+    texts: { default: () => eo }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -1942,288 +2159,282 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
   }),
   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 = j(n, "modelValue"), a = j(n, "open"), d = j(n, "search"), i = V(void 0), c = V(null), v = V(null), k = V(null), H = V(null);
-    Oe(x);
-    const K = y(() => l.clearable && !l.readonly && !l.disabled), D = y(() => {
-      var r;
-      return l.filterMode === "manual" || !ee.value ? l.items : (r = l.items) == null ? void 0 : r.filter(
-        (L) => L[l.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
+    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())
       );
-    }), g = y(() => {
-      var r;
-      return (r = l.items) == null ? void 0 : r.find((L) => L[l.itemValue] === s.value);
-    }), B = y(() => g.value === void 0), M = y(() => {
-      const r = i.value;
-      if (r !== void 0 && D.value[r])
-        return D.value[r];
-    }), F = y(() => {
-      var L;
+    }), $ = 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 r = (L = v.value) == null ? void 0 : L.getItem(i.value);
-      return r == null ? void 0 : r.id;
-    }), ee = y(() => {
-      var r;
-      return d.value.length > 0 && d.value !== ((r = g.value) == null ? void 0 : r[l.itemLabel]);
+      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 te(r) {
-      s.value = r, P();
+    function te(f) {
+      s.value = f, R();
     }
-    function x() {
-      var L;
-      const r = ((L = g.value) == null ? void 0 : L[l.itemLabel]) || "";
-      d.value !== r && (d.value = r);
+    function S() {
+      var v;
+      const f = ((v = $.value) == null ? void 0 : v[o.itemLabel]) || "";
+      r.value !== f && (r.value = f);
     }
     function E() {
-      a.value || l.readonly || l.disabled || (o("before-show"), a.value = !0, W());
+      a.value || o.readonly || o.disabled || (l("before-show"), a.value = !0, ee());
     }
-    function P() {
-      a.value && (o("before-hide"), a.value = !1, i.value = void 0);
+    function R() {
+      a.value && (l("before-hide"), a.value = !1, i.value = void 0);
     }
-    function le() {
-      a.value ? P() : b();
+    function ae() {
+      a.value ? R() : k();
     }
     function ce() {
-      K.value && (s.value = l.emptyValue, i.value = void 0, W());
+      P.value && (s.value = o.emptyValue, i.value = void 0, ee());
     }
-    function b() {
-      if (E(), g.value !== void 0) {
-        const r = D.value.indexOf(g.value);
-        r !== -1 && oe(() => ge(r));
+    function k() {
+      if (E(), $.value !== void 0) {
+        const f = N.value.indexOf($.value);
+        f !== -1 && le(() => ge(f));
       }
     }
-    function f(r) {
-      var L, T;
-      if (!(!r.key || l.readonly || l.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
-          x(), a.value && P();
-        else if (["ArrowDown", "ArrowUp"].includes(r.key))
-          a.value ? oe(() => {
+    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 Z = r.key === "ArrowDown" ? "next" : "prev";
-              U(i.value, Z);
+              const M = f.key === "ArrowDown" ? "next" : "prev";
+              H(i.value, M);
             }
-          }) : (E(), oe(() => {
-            r.key === "ArrowDown" ? q() : z();
+          }) : (E(), le(() => {
+            f.key === "ArrowDown" ? q() : O();
           }));
-        else if (r.key === "Enter") {
-          if (M.value === void 0) return;
-          te(M.value[l.itemValue]);
-        } else r.key === "Home" ? i.value = (L = v.value) == null ? void 0 : L.getFirstFocusableItemIndex() : r.key === "End" ? i.value = (T = v.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && E();
+        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 q() {
-      var r, L;
-      if (B.value)
-        i.value = (L = v.value) == null ? void 0 : L.getFirstFocusableItemIndex();
+      var f, v;
+      if (V.value)
+        i.value = (v = b.value) == null ? void 0 : v.getFirstFocusableItemIndex();
       else {
-        const T = D.value.findIndex(
-          (Z) => Z[l.itemValue] === s.value
+        const F = N.value.findIndex(
+          (M) => M[o.itemValue] === s.value
         );
-        T === -1 ? i.value = (r = v.value) == null ? void 0 : r.getFirstFocusableItemIndex() : i.value = T;
+        F === -1 ? i.value = (f = b.value) == null ? void 0 : f.getFirstFocusableItemIndex() : i.value = F;
       }
     }
-    function z() {
-      var r;
-      i.value = (r = v.value) == null ? void 0 : r.getLastFocusableItemIndex();
+    function O() {
+      var f;
+      i.value = (f = b.value) == null ? void 0 : f.getLastFocusableItemIndex();
     }
-    function U(r, L) {
-      var T;
-      i.value = (T = v.value) == null ? void 0 : T.getAdjacentItemIndex(r, L);
+    function H(f, v) {
+      var F;
+      i.value = (F = b.value) == null ? void 0 : F.getAdjacentItemIndex(f, v);
     }
-    function Y(r) {
-      var me, Ne, Re, Ge;
-      const L = ((me = k == null ? void 0 : k.value) == null ? void 0 : me.$el) === r.relatedTarget, T = (Re = (Ne = c == null ? void 0 : c.value) == null ? void 0 : Ne.$el) == null ? void 0 : Re.contains(r.relatedTarget), Z = (Ge = H == null ? void 0 : H.value) == null ? void 0 : Ge.contains(r.relatedTarget);
-      if (L || Z || T) {
-        r.preventDefault(), r.stopPropagation();
+    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;
       }
-      P(), K.value && !d.value && (s.value = l.emptyValue), x();
-    }
-    function W() {
-      var r, L;
-      (L = (r = c.value) == null ? void 0 : r.inputRef) == null || L.focus();
+      R(), P.value && !r.value && (s.value = o.emptyValue), S();
     }
-    function ie() {
-      W();
+    function ee() {
+      var f, v;
+      (v = (f = c.value) == null ? void 0 : f.inputRef) == null || v.focus();
     }
-    function Be() {
-      o("show");
+    function oe() {
+      ee();
     }
-    function we() {
-      o("hide");
+    function ke() {
+      l("show");
     }
-    function ge(r) {
-      var T;
-      const L = (T = v.value) == null ? void 0 : T.getItem(r);
-      v.value && (v.value.$el.scrollTop = L == null ? void 0 : L.offsetTop);
+    function Ve() {
+      l("hide");
     }
-    return ne(s, x), ne(
-      () => l.items,
-      (r, L) => {
-        if (!B.value) {
-          const T = L.find((Z) => Z[l.itemValue] === s.value);
-          d.value === (T == null ? void 0 : T[l.itemLabel]) && x();
+    function ge(f) {
+      var F;
+      const v = (F = b.value) == null ? void 0 : F.getItem(f);
+      b.value && (b.value.$el.scrollTop = v == null ? void 0 : v.offsetTop);
+    }
+    return Y(s, S), Y(
+      () => o.items,
+      (f, v) => {
+        if (!V.value) {
+          const F = v.find((M) => M[o.itemValue] === s.value);
+          r.value === (F == null ? void 0 : F[o.itemLabel]) && S();
         }
       },
       { deep: !0 }
-    ), ne(i, (r) => {
-      r !== void 0 && ge(r);
-    }), ne(d, (r) => {
-      r && a.value && l.selectionMode === "automatic" && oe(q);
-    }), ne(
-      () => l.loading,
-      (r) => {
-        !r && a.value && oe(q);
+    ), 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: c
-    }), (r, L) => {
-      var T;
-      return u(), m(R, null, [
-        O(h(ft), X({
-          id: l.id,
+    }), (f, v) => {
+      var F;
+      return d(), h(W, null, [
+        U(y(Re), Z({
+          id: o.id,
           ref_key: "triggerEl",
           ref: c,
-          modelValue: d.value,
-          "onUpdate:modelValue": L[0] || (L[0] = (Z) => d.value = Z),
-          label: l.label,
-          required: l.required,
+          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": F.value,
-          size: l.size
-        }, r.$attrs, {
-          onClick: b,
-          onFocusout: Y,
-          onKeydown: re(f, ["stop"])
-        }), ye({
+          "aria-activedescendant": Q.value,
+          size: o.size
+        }, f.$attrs, {
+          onClick: k,
+          onFocusout: J,
+          onKeydown: ne(u, ["stop"])
+        }), pe({
           "label.prepend": _(() => [
-            p(r.$slots, "label.prepend")
+            p(f.$slots, "label.prepend")
           ]),
           "label.append": _(() => [
-            p(r.$slots, "label.append")
+            p(f.$slots, "label.append")
           ]),
           append: _(() => [
-            p(r.$slots, "append"),
-            K.value && d.value ? (u(), I(h(ae), {
+            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",
+              icons: o.icons,
+              texts: o.texts,
               onClick: ce
-            }, {
-              default: _(() => [
-                O(h(N), J(se(l.icons.clear)), null, 16)
-              ]),
-              _: 1
-            }, 8, ["aria-label"])) : $("", !0),
-            l.readonly ? $("", !0) : (u(), I(h(ae), {
+            }, null, 8, ["icons", "texts"])) : w("", !0),
+            o.readonly ? w("", !0) : (d(), C(y(re), {
               key: 1,
               ref_key: "toggleRef",
-              ref: k,
+              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: re(le, ["stop", "prevent"])
+              disabled: o.disabled,
+              onMousedown: ne(ae, ["stop", "prevent"])
             }, {
               default: _(() => [
-                O(h(N), J(se(l.icons.chevron)), null, 16)
+                U(y(xe), {
+                  "model-value": a.value,
+                  icons: o.icons
+                }, null, 8, ["model-value", "icons"])
               ]),
               _: 1
             }, 8, ["aria-label", "disabled"]))
           ]),
           _: 2
         }, [
-          r.$slots.prepend ? {
+          f.$slots.prepend ? {
             name: "prepend",
             fn: _(() => [
-              p(r.$slots, "prepend")
+              p(f.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          r.$slots.extras ? {
+          f.$slots.extras ? {
             name: "extras",
             fn: _(() => [
-              p(r.$slots, "extras")
+              p(f.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1040, ["id", "modelValue", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-        O(h(pe), {
+        U(y(me), {
           modelValue: a.value,
-          "onUpdate:modelValue": L[2] || (L[2] = (Z) => a.value = Z),
+          "onUpdate:modelValue": v[2] || (v[2] = (M) => a.value = M),
           spy: "",
           "non-modal": "",
           trigger: "manual",
           placement: "bottom-start",
           width: "anchor",
           offset: 4,
-          anchor: (T = c.value) == null ? void 0 : T.$el,
-          onEnter: Be,
-          onLeave: we
+          anchor: (F = c.value) == null ? void 0 : F.$el,
+          onEnter: ke,
+          onLeave: Ve
         }, {
           default: _(() => {
-            var Z;
+            var M;
             return [
-              w("div", {
+              x("div", {
                 ref_key: "contentRef",
-                ref: H,
+                ref: A,
                 class: "q-select__body",
                 "data-testid": "combobox-dropdown",
-                "data-key": l.id,
-                onFocusout: Y
+                "data-key": o.id,
+                onFocusout: J
               }, [
-                p(r.$slots, "body.prepend"),
-                l.loading ? (u(), m("div", wl, [
-                  O(h(ke), { size: 24 })
-                ])) : D.value.length ? (u(), I(h(Ie), {
+                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: v,
+                  ref: b,
                   modelValue: s.value,
                   "onUpdate:modelValue": [
-                    L[1] || (L[1] = (me) => s.value = me),
+                    v[1] || (v[1] = (he) => s.value = he),
                     te
                   ],
                   class: "q-select__items",
                   selectable: "",
-                  highlighted: (Z = M.value) == null ? void 0 : Z[l.itemValue],
-                  items: D.value,
-                  groups: r.groups,
-                  "item-label": l.itemLabel,
-                  "item-value": l.itemValue,
-                  onMouseup: ie
+                  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: _(({ item: me }) => [
-                    p(r.$slots, "item", { item: me })
+                  item: _(({ item: he }) => [
+                    p(f.$slots, "item", { item: he })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", ql, Q(l.texts.noData), 1)),
-                p(r.$slots, "body.append")
-              ], 40, kl)
+                }, 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
@@ -2231,7 +2442,7 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       ], 64);
     };
   }
-}), Ll = C(xl), Il = [
+}), Ko = L(Ho), Wo = [
   {
     id: "button",
     icon: {
@@ -2242,46 +2453,46 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       label: "Ok"
     }
   }
-], Sl = {
+], jo = {
   icon: "check-circle-outline"
-}, Bl = {
+}, Xo = {
   close: {
     icon: "close"
   }
-}, Cl = { class: "q-dialog__header" }, Vl = { class: "q-dialog__header-title" }, Tl = { class: "q-dialog__body" }, Al = {
+}, Yo = { class: "q-dialog__header" }, Zo = { class: "q-dialog__header-title" }, Jo = { class: "q-dialog__body" }, el = {
   key: 0,
   class: "q-dialog__body-icon"
-}, El = { class: "q-dialog__body-text" }, Dl = ["innerHTML"], Ql = { key: 1 }, Ml = { class: "q-dialog__body-actions" }, zl = /* @__PURE__ */ S({
+}, 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: () => Il },
+    buttons: { default: () => Wo },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icon: { default: () => Sl },
-    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 = j(n, "modelValue"), l = ue(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) {
+    function a(r) {
       var i;
-      (i = d.action) == null || i.call(d), s();
+      (i = r.action) == null || i.call(r), s();
     }
-    return (d, i) => (u(), I(h(pe), {
-      id: h(l),
+    return (r, i) => (d(), C(y(me), {
+      id: y(o),
       "model-value": e.value,
       inline: t.inline,
       attach: t.attach,
@@ -2291,48 +2502,48 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       persistent: ""
     }, {
       default: _(() => [
-        w("div", {
-          class: A(o.value)
+        x("div", {
+          class: T(l.value)
         }, [
-          w("div", Cl, [
-            w("span", Vl, Q(t.title), 1),
-            t.dismissible ? (u(), I(h(ae), {
+          x("div", Yo, [
+            x("span", Zo, z(t.title), 1),
+            t.dismissible ? (d(), C(y(re), {
               key: 0,
               "b-style": "tertiary",
               onClick: s
             }, {
               default: _(() => [
-                O(h(N), J(se(t.icons.close)), null, 16)
+                U(y(X), se(fe(t.icons.close)), null, 16)
               ]),
               _: 1
-            })) : $("", !0)
+            })) : w("", !0)
           ]),
-          p(d.$slots, "body.content", {}, () => [
-            w("div", Tl, [
-              p(d.$slots, "body.icon", {}, () => [
-                t.icon ? (u(), m("span", Al, [
-                  O(h(N), J(se(t.icon)), null, 16)
-                ])) : $("", !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)
               ]),
-              w("div", El, [
-                t.html ? (u(), m("span", {
+              x("div", tl, [
+                t.html ? (d(), h("span", {
                   key: 0,
                   innerHTML: t.text
-                }, null, 8, Dl)) : (u(), m("span", Ql, Q(t.text), 1))
+                }, null, 8, nl)) : (d(), h("span", ol, z(t.text), 1))
               ]),
-              p(d.$slots, "body.append")
+              p(r.$slots, "body.append")
             ])
           ]),
-          w("div", Ml, [
-            (u(!0), m(R, null, ve(t.buttons, (c) => (u(), I(h(ae), X({ ref_for: !0 }, c.props, {
+          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: _(() => [
-                c.icon ? (u(), I(h(N), X({
+                c.icon ? (d(), C(y(X), Z({
                   key: 0,
                   ref_for: !0
-                }, c.icon), null, 16)) : $("", !0)
+                }, c.icon), null, 16)) : w("", !0)
               ]),
               _: 2
             }, 1040, ["onClick"]))), 128))
@@ -2342,28 +2553,28 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       _: 3
     }, 8, ["id", "model-value", "inline", "attach", "backdrop-blur"]));
   }
-}), Ol = C(zl), Fl = {
+}), al = L(sl), il = {
   expand: {
     icon: "chevron-right"
   }
-}, Pl = {
+}, rl = {
   key: 0,
   class: "q-dropdown-menu__extra"
-}, Ul = /* @__PURE__ */ S({
+}, dl = /* @__PURE__ */ I({
   __name: "QDropdownMenuContent",
   props: /* @__PURE__ */ G({
-    activator: { default: void 0 },
+    activator: {},
     appearance: { default: "regular" },
     inline: { type: Boolean },
     delay: { default: 500 },
     placement: { default: "right-start" },
     transition: { default: "fade" },
-    class: { default: void 0 },
+    class: {},
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
-    icons: { default: () => Fl },
+    icons: { default: () => il },
     trigger: { default: "click" },
     offset: { default: 0 },
     crossOffset: { default: -5 },
@@ -2374,58 +2585,58 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ G(["select"], ["update:modelValue"]),
   setup(n, { emit: t }) {
-    const e = n, l = t, o = j(n, "modelValue"), s = V(void 0), a = V([]), d = V(""), i = y(() => e.depth !== 0 ? e.offset : 4), c = y(() => e.depth !== 0 ? e.crossOffset : void 0);
-    let v;
-    const k = V(null), H = V(null);
-    function K(x) {
-      s.value = x;
-      const E = e.items.find((P) => P[e.itemValue] === x);
-      E && (a.value = (E == null ? void 0 : E.items) ?? []), a.value.length || (l("select", x), s.value = void 0, g());
-    }
-    function D() {
-      o.value || (o.value = !0);
-    }
-    function g() {
-      o.value && (o.value = !1);
-    }
-    function B() {
-      o.value ? g() : D();
-    }
-    function M(x) {
-      if (x.key) {
-        if (window.clearTimeout(v), ["Escape", "Tab", "Delete"].includes(x.key)) {
-          g();
+    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(x.key) && (x.preventDefault(), x.stopPropagation()), /^[a-z]$/i.test(x.key)) {
-          d.value += x.key.toLowerCase();
+        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 P = e.items[E];
-            if (P[e.itemLabel] && P[e.itemLabel].toLowerCase().startsWith(d.value)) {
+            const R = e.items[E];
+            if (R[e.itemLabel] && R[e.itemLabel].toLowerCase().startsWith(r.value)) {
               te(E);
               break;
             }
           }
         }
-        v = window.setTimeout(function() {
-          d.value = "";
+        b = window.setTimeout(function() {
+          r.value = "";
         }, 500);
       }
     }
-    function F(x) {
+    function Q(S) {
       var E;
-      (E = H.value) != null && E.contains(x.relatedTarget) || g();
+      (E = A.value) != null && E.contains(S.relatedTarget) || $();
     }
-    function ee() {
-      var x;
-      (x = k.value) == null || x.$el.focus();
+    function j() {
+      var S;
+      (S = m.value) == null || S.$el.focus();
     }
-    function te(x) {
+    function te(S) {
       var E;
-      (E = k.value) == null || E.focusItem(x);
+      (E = m.value) == null || E.focusItem(S);
     }
-    return (x, E) => (u(), I(h(pe), {
-      "model-value": o.value,
+    return (S, E) => (d(), C(y(me), {
+      "model-value": l.value,
       anchor: e.activator,
       appearance: e.appearance,
       inline: e.inline,
@@ -2434,40 +2645,40 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       "cross-offset": c.value,
       placement: e.placement,
       transition: e.transition,
-      class: A(e.class),
+      class: T(e.class),
       trigger: e.trigger,
       "non-modal": "",
       "scroll-lock": "",
       persistent: "",
-      "onUpdate:modelValue": B,
-      onEnter: ee
+      "onUpdate:modelValue": V,
+      onEnter: j
     }, {
       default: _(() => [
-        w("div", {
+        x("div", {
           ref_key: "contentRef",
-          ref: H,
+          ref: A,
           "data-testid": "dropdown-content",
           tabindex: "-1",
-          onFocusout: F,
-          onKeydown: re(M, ["stop"])
+          onFocusout: Q,
+          onKeydown: ne(D, ["stop"])
         }, [
-          O(h(Ie), {
+          U(y(Be), {
             ref_key: "listRef",
-            ref: k,
+            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": K
+            "onUpdate:modelValue": P
           }, {
-            item: _(({ item: P }) => [
-              p(x.$slots, "item", { item: P })
+            item: _(({ item: R }) => [
+              p(S.$slots, "item", { item: R })
             ]),
-            "item.append": _(({ item: P }) => [
-              p(x.$slots, "item.append", { item: P }, () => [
-                P.extraInfo ? (u(), m("span", Pl, Q(P.extraInfo), 1)) : $("", !0)
+            "item.append": _(({ item: R }) => [
+              p(S.$slots, "item.append", { item: R }, () => [
+                R.extraInfo ? (d(), h("span", rl, z(R.extraInfo), 1)) : w("", !0)
               ])
             ]),
             _: 3
@@ -2477,7 +2688,7 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       _: 3
     }, 8, ["model-value", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class", "trigger"]));
   }
-}), Nl = /* @__PURE__ */ S({
+}), cl = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "QDropdownMenu",
   props: /* @__PURE__ */ G({
@@ -2499,60 +2710,60 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ G(["select"], ["update:modelValue"]),
   setup(n, { emit: t }) {
-    const e = n, l = t, o = j(n, "modelValue");
+    const e = n, o = t, l = K(n, "modelValue");
     function s(a) {
-      l("select", a);
+      o("select", a);
     }
-    return (a, d) => (u(), I(Ul, X(e, {
-      modelValue: o.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (i) => o.value = i),
+    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"]));
   }
-}), Rl = C(Nl), Gl = {
+}), ul = L(cl), fl = {
   key: 0,
   class: "q-input-group__prepend"
-}, Hl = { key: 0 }, Kl = {
+}, pl = { key: 0 }, ml = {
   key: 1,
   class: "q-input-group__append"
-}, Wl = { key: 0 }, jl = /* @__PURE__ */ S({
+}, 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 Ue({
+    return Ne({
       QField: {
         size: "block"
       }
-    }), (e, l) => (u(), I(h(Se), {
+    }), (e, o) => (d(), C(y(Se), {
       id: t.id,
-      class: A(["q-input-group", t.class]),
+      class: T(["q-input-group", t.class]),
       label: t.label,
       required: t.required,
       size: t.size
-    }, ye({
+    }, pe({
       default: _(() => [
-        e.$slots.prepend || t.prependIcon ? (u(), m("div", Gl, [
-          t.prependIcon ? (u(), m("span", Hl, [
-            O(h(N), J(se(t.prependIcon)), null, 16)
-          ])) : $("", !0),
+        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")
-        ])) : $("", !0),
+        ])) : w("", !0),
         p(e.$slots, "default"),
-        e.$slots.append || t.appendIcon ? (u(), m("div", Kl, [
-          t.appendIcon ? (u(), m("span", Wl, [
-            O(h(N), J(se(t.appendIcon)), null, 16)
-          ])) : $("", !0),
+        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")
-        ])) : $("", !0)
+        ])) : w("", !0)
       ]),
       _: 2
     }, [
@@ -2565,24 +2776,24 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       } : void 0
     ]), 1032, ["id", "class", "label", "required", "size"]));
   }
-}), Xl = C(jl), Yl = /* @__PURE__ */ S({
+}), yl = L(vl), bl = /* @__PURE__ */ I({
   __name: "QLineLoader",
   props: {
-    class: { default: void 0 }
+    class: {}
   },
   setup(n) {
     const t = n;
-    return (e, l) => (u(), m("div", {
-      class: A(["q-line-loader", t.class])
+    return (e, o) => (d(), h("div", {
+      class: T(["q-line-loader", t.class])
     }, null, 2));
   }
-}), Zl = C(Yl), Jl = {
+}), gl = L(bl), _l = {
   key: 0,
   class: "q-popover__header"
-}, eo = {
+}, $l = {
   key: 1,
   class: "q-popover__body"
-}, to = ["innerHTML"], no = { key: 1 }, lo = /* @__PURE__ */ S({
+}, kl = ["innerHTML"], wl = { key: 1 }, ql = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "QPopover",
   props: /* @__PURE__ */ G({
@@ -2594,17 +2805,17 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
     text: {},
-    title: { default: "" }
+    title: {}
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, e = j(n, "modelValue");
-    return (l, o) => (u(), I(h(pe), {
+    const t = n, e = K(n, "modelValue");
+    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,
@@ -2615,31 +2826,31 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       placement: t.placement
     }, {
       default: _(() => [
-        t.title || l.$slots.header ? (u(), m("h3", Jl, [
-          de(Q(t.title) + " ", 1),
-          p(l.$slots, "header")
-        ])) : $("", !0),
-        t.text || l.$slots.body ? (u(), m("div", eo, [
-          t.html ? (u(), m("span", {
+        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, to)) : (u(), m("span", no, Q(t.text), 1)),
-          p(l.$slots, "body")
-        ])) : $("", !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"]));
   }
-}), oo = C(lo), pt = {
+}), xl = L(ql), qt = {
   emptyMessage: "Select a field to view details."
-}, mt = {
+}, xt = {
   open: {
     icon: "minus-box"
   },
   close: {
     icon: "plus-box"
   }
-}, so = { class: "q-property-list__table" }, ao = /* @__PURE__ */ S({
+}, Cl = { class: "q-property-list__table" }, Il = /* @__PURE__ */ I({
   __name: "QPropertyList",
   props: {
     fields: { default: () => [] },
@@ -2648,246 +2859,254 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
     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 = V(e.groups.map((g) => g.id)), s = V(void 0), a = V(null), d = y(() => e.groups.length ? e.groups.filter(
-      (g) => e.fields.some((B) => B.group === g.id)
-    ) : [{ id: "", title: "" }]), i = y(() => [
+    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 c() {
-      var g;
-      (g = a.value) != null && g.contains(document.activeElement) || (s.value = void 0);
+      var $;
+      ($ = a.value) != null && $.contains(document.activeElement) || (s.value = void 0);
     }
-    function v(g) {
-      return g ? e.fields.filter((B) => B.group === g) : e.fields;
+    function b($) {
+      return $ ? e.fields.filter((V) => V.group === $) : e.fields;
     }
-    function k(g) {
-      const B = o.value.indexOf(g);
-      B === -1 ? o.value.push(g) : o.value.splice(B, 1);
+    function m($) {
+      const V = l.value.indexOf($);
+      V === -1 ? l.value.push($) : l.value.splice(V, 1);
     }
-    function H(g) {
-      var F;
-      const B = g.group && !o.value.includes(g.group), M = ((F = s.value) == null ? void 0 : F.id) === g.id;
+    function A($) {
+      var Q;
+      const V = $.group && !l.value.includes($.group), D = ((Q = s.value) == null ? void 0 : Q.id) === $.id;
       return [
         {
-          "q-property-list__row--closed": B,
-          "q-property-list__row--selected": M
+          "q-property-list__row--closed": V,
+          "q-property-list__row--selected": D
         }
       ];
     }
-    function K(g) {
-      s.value = g;
+    function P($) {
+      s.value = $, o("select-field", s.value.id);
     }
-    function D(g, B) {
-      e.readonly || (g.props.readonly ?? !1) || (g.props.modelValue = B, l("field-change", g));
+    function N($, V) {
+      e.readonly || ($.props.readonly ?? !1) || o("field-change", $, V);
     }
-    return (g, B) => (u(), m("div", {
+    return ($, V) => (d(), h("div", {
       ref_key: "componentRoot",
       ref: a,
       tabindex: "0",
-      class: A(["q-property-list", i.value]),
+      class: T(["q-property-list", i.value]),
       onFocusout: c
     }, [
-      w("table", so, [
-        B[0] || (B[0] = w("thead", { class: "q-property-list__header" }, [
-          w("tr", null, [
-            w("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)),
-        w("tbody", null, [
-          (u(!0), m(R, null, ve(d.value, (M) => (u(), m(R, {
-            key: M.id
+        x("tbody", null, [
+          (d(!0), h(W, null, ye(r.value, (D) => (d(), h(W, {
+            key: D.id
           }, [
-            M.title ? (u(), I(h(vt), {
+            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: k
-            }, null, 8, ["id", "title", "icons", "no-toggle"])) : $("", !0),
-            (u(!0), m(R, null, ve(v(M.id), (F) => (u(), I(h(ht), {
-              key: F.id,
-              class: A(H(F)),
-              field: F,
+              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(A(Q)),
+              field: Q,
+              "model-value": Q.props.modelValue,
               readonly: e.readonly,
-              onFocus: K,
-              onFieldChange: D
+              onFocus: P,
+              "onUpdate:modelValue": (j) => N(Q, j)
             }, {
               default: _(() => [
-                p(g.$slots, F.id, { field: F })
+                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 ? $("", !0) : (u(), I(h(yt), {
+      e.noPanel ? w("", !0) : (d(), C(y(Lt), {
         key: 0,
         field: s.value,
         texts: e.texts
       }, {
         default: _(() => [
-          s.value ? p(g.$slots, "panel", {
+          s.value ? p($.$slots, "panel", {
             key: 0,
             field: s.value
-          }) : $("", !0)
+          }) : w("", !0)
         ]),
         _: 3
       }, 8, ["field", "texts"]))
     ], 34));
   }
-}), io = {
+}), Ll = ["data-group"], Sl = {
   key: 0,
   class: "q-property-list-field__container"
-}, ro = /* @__PURE__ */ S({
+}, 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 k;
-      const v = ["q-property-list__cell", "q-property-list__cell--label"];
-      return (k = e.field.props) != null && k.required && v.push("q-property-list__cell--required"), v;
-    }), a = y(() => e.readonly || (e.field.props.readonly ?? !1));
-    function d() {
-      l("focus", e.field);
-    }
-    function i(v) {
-      l("field-change", e.field, v);
-    }
-    const c = 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 (v, k) => (u(), m("tr", {
-      class: A(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
     }, [
-      w("td", {
-        class: A(s.value),
-        onClick: d
-      }, Q(e.field.label), 3),
-      w("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(v.$slots, "default", {}, () => [
-          e.field.component ? (u(), m("div", io, [
-            (u(), I(Le(e.field.component), X(c.value, {
-              "model-value": e.field.props.modelValue,
-              "onUpdate:modelValue": i
-            }), null, 16, ["model-value"]))
-          ])) : $("", !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));
   }
-}), uo = ["data-key", "aria-labelledby"], co = ["id"], fo = { class: "q-property-list-group__content" }, po = /* @__PURE__ */ S({
+}), 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 = V(!0), s = ue(), 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 i() {
-      e.noToggle || (o.value = !o.value, l("toggle-group", e.id));
+      e.noToggle || (l.value = !l.value, o("toggle-group", e.id));
     }
-    return (c, v) => (u(), m("tr", {
-      class: A(d.value),
+    return (c, b) => (d(), h("tr", {
+      class: T(r.value),
       role: "group",
       "data-key": e.id,
-      "aria-labelledby": h(s),
+      "aria-labelledby": y(s),
       onClick: i
     }, [
-      w("td", {
-        id: h(s),
+      x("td", {
+        id: y(s),
         colspan: "2"
       }, [
-        w("div", fo, [
-          e.noToggle ? $("", !0) : (u(), I(h(ae), {
+        x("div", Al, [
+          e.noToggle ? w("", !0) : (d(), C(y(re), {
             key: 0,
             "b-style": "tertiary",
             borderless: "",
             onClick: i
           }, {
             default: _(() => [
-              O(h(N), J(se(a.value)), null, 16)
+              U(y(X), se(fe(a.value)), null, 16)
             ]),
             _: 1
           })),
-          de(" " + Q(e.title), 1)
+          ie(" " + z(e.title), 1)
         ])
-      ], 8, co)
-    ], 10, uo));
+      ], 8, Tl)
+    ], 10, Vl));
   }
-}), mo = { class: "q-property-list-panel__container" }, ho = { class: "q-property-list-panel__label" }, vo = { class: "q-property-list-panel__description" }, yo = {
+}), 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"
-}, bo = /* @__PURE__ */ S({
+}, 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) => (u(), m("div", mo, [
+    return (e, o) => (d(), h("div", Dl, [
       t.field ? p(e.$slots, "default", { key: 0 }, () => [
-        w("div", ho, Q(t.field.label), 1),
-        w("div", vo, Q(t.field.description), 1)
-      ]) : (u(), m("div", yo, Q(t.texts.emptyMessage), 1))
+        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))
     ]));
   }
-}), go = C(ao), ht = C(ro), vt = C(po), yt = C(bo), _o = {
+}), Ol = L(Il), Ct = L(Bl), It = L(El), Lt = L(Ml), Ul = {
+  ...Ge,
   placeholder: "Choose...",
-  clearValue: "Clear value",
   showOptions: "Show options"
-}, $o = {
-  chevron: {
-    icon: "chevron-down"
-  },
-  clear: {
-    icon: "close"
-  }
-}, ko = {
+}, Pl = {
+  ...Le,
+  ...He
+}, Nl = {
   key: 0,
   class: "q-select__value"
-}, wo = {
+}, Rl = {
   key: 1,
   class: "q-select__placeholder"
-}, qo = ["data-key"], xo = {
+}, Gl = ["data-key"], Hl = {
   key: 0,
   class: "q-select__loader"
-}, Lo = /* @__PURE__ */ S({
+}, 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 },
@@ -2897,11 +3116,11 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
     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: () => $o },
-    texts: { default: () => _o }
+    emptyValue: { type: [String, Number, Boolean, Symbol] },
+    size: {},
+    class: {},
+    icons: { default: () => Pl },
+    texts: { default: () => Ul }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -2910,43 +3129,43 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
   }),
   emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(n, { emit: t }) {
-    const e = n, l = t, o = j(n, "modelValue"), s = V(!1), a = V(""), d = V(null), i = V(null), c = V(null), v = y(() => k.value === void 0), k = y(
+    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 f;
-        return (f = e.items) == null ? void 0 : f.find((q) => q[e.itemValue] === o.value);
+        var u;
+        return (u = e.items) == null ? void 0 : u.find((q) => q[e.itemValue] === l.value);
       }
-    ), H = y(
-      () => k.value ? k.value[e.itemLabel] : ""
-    ), K = y(
+    ), A = g(
+      () => m.value ? m.value[e.itemLabel] : ""
+    ), P = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function D(f) {
-      o.value = f, F();
+    function N(u) {
+      l.value = u, Q();
     }
-    function g() {
-      K.value && (D(e.emptyValue), le());
+    function $() {
+      P.value && (N(e.emptyValue), ae());
     }
-    function B(f) {
-      var q, z, U;
-      !((q = c.value) != null && q.contains(f.relatedTarget)) && !((U = (z = d.value) == null ? void 0 : z.fieldRef) != null && U.contains(f.relatedTarget)) && F();
+    function 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 F() {
-      s.value && (l("before-hide"), s.value = !1);
+    function Q() {
+      s.value && (o("before-hide"), s.value = !1);
     }
-    function ee() {
-      e.readonly || e.disabled || (s.value ? F() : M());
+    function j() {
+      e.readonly || e.disabled || (s.value ? Q() : D());
     }
     let te;
-    function x(f) {
-      if (!(!f.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(te), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && (f.preventDefault(), f.stopPropagation()), ["Enter", " "].includes(f.key) && (s.value = !0), ["Escape", "Tab"].includes(f.key) && (s.value ? s.value = !1 : K.value && f.key === "Escape" && g()), f.key === "Delete" && e.clearable && g(), /^[a-z]$/i.test(f.key)) {
-          a.value += f.key.toLowerCase();
+    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)) {
-              b(q);
+              k(q);
               break;
             }
         }
@@ -2956,36 +3175,36 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       }
     }
     function E() {
-      var f;
-      e.loading ? (f = c.value) == null || f.focus() : ce(), l("show");
+      var u;
+      e.loading ? (u = c.value) == null || u.focus() : ce(), o("show");
     }
-    function P() {
-      le(), l("hide");
+    function R() {
+      ae(), o("hide");
     }
-    function le() {
-      var f, q;
-      (q = (f = d.value) == null ? void 0 : f.fieldRef) == null || q.focus();
+    function ae() {
+      var u, q;
+      (q = (u = r.value) == null ? void 0 : u.fieldRef) == null || q.focus();
     }
     function ce() {
-      var f;
-      (f = i.value) == null || f.$el.focus();
+      var u;
+      (u = i.value) == null || u.$el.focus();
     }
-    function b(f) {
+    function k(u) {
       var q;
-      (q = i.value) == null || q.focusItem(f);
+      (q = i.value) == null || q.focusItem(u);
     }
-    return ne(
+    return Y(
       () => e.loading,
-      (f) => {
-        !f && s.value && oe(ce);
+      (u) => {
+        !u && s.value && le(ce);
       }
-    ), (f, q) => {
-      var z, U;
-      return u(), m(R, null, [
-        O(h(Se), X({
+    ), (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",
@@ -2994,8 +3213,7 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
             "q-select",
             {
               "q-select--readonly": e.readonly,
-              "q-select--disabled": e.disabled,
-              "q-select--expanded": s.value
+              "q-select--disabled": e.disabled
             },
             e.class
           ],
@@ -3005,27 +3223,19 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
           "aria-expanded": s.value,
           "aria-haspopup": "listbox",
           size: e.size
-        }, f.$attrs, {
-          onClick: ee,
-          onKeydown: re(x, ["stop"])
-        }), ye({
+        }, u.$attrs, {
+          onClick: j,
+          onKeydown: ne(S, ["stop"])
+        }), pe({
           append: _(() => [
-            p(f.$slots, "append"),
-            K.value && o.value ? (u(), I(h(ae), {
+            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: g
-            }, {
-              default: _(() => [
-                O(h(N), J(se(e.icons.clear)), null, 16)
-              ]),
-              _: 1
-            }, 8, ["aria-label"])) : $("", !0),
-            e.readonly ? $("", !0) : (u(), I(h(ae), {
+              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,
@@ -3033,135 +3243,125 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
               borderless: "",
               tabindex: "-1",
               disabled: e.disabled,
-              onClick: ee
+              onClick: j
             }, {
               default: _(() => [
-                O(h(N), J(se(e.icons.chevron)), null, 16)
+                U(y(xe), {
+                  "model-value": s.value,
+                  icons: e.icons
+                }, null, 8, ["model-value", "icons"])
               ]),
               _: 1
             }, 8, ["aria-label", "disabled"]))
           ]),
           default: _(() => [
-            v.value ? (u(), m("span", wo, [
-              !e.readonly && !e.disabled ? (u(), m(R, { key: 0 }, [
-                de(Q(e.texts.placeholder), 1)
-              ], 64)) : $("", !0)
-            ])) : (u(), m("span", ko, Q(H.value), 1))
+            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
         }, [
-          (z = k.value) != null && z.icon || f.$slots.prepend ? {
+          (O = m.value) != null && O.icon || u.$slots.prepend ? {
             name: "prepend",
             fn: _(() => {
-              var Y, W;
+              var J, ee;
               return [
-                p(f.$slots, "prepend"),
-                (Y = k.value) != null && Y.icon ? (u(), I(h(N), J(X({ key: 0 }, (W = k.value) == null ? void 0 : W.icon)), null, 16)) : $("", !0)
+                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,
-          f.$slots.extras ? {
+          u.$slots.extras ? {
             name: "extras",
             fn: _(() => [
-              p(f.$slots, "extras")
+              p(u.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-        O(h(pe), {
+        U(y(me), {
           modelValue: s.value,
-          "onUpdate:modelValue": q[0] || (q[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: (U = d.value) == null ? void 0 : U.$el,
+          anchor: (H = r.value) == null ? void 0 : H.$el,
           offset: 2,
           onEnter: E,
-          onLeave: P
+          onLeave: R
         }, {
           default: _(() => [
-            w("div", {
+            x("div", {
               ref_key: "contentRef",
               ref: c,
               "data-testid": "combobox-dropdown",
               "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: B,
-              onKeydown: re(x, ["stop"])
+              onFocusout: V,
+              onKeydown: ne(S, ["stop"])
             }, [
-              p(f.$slots, "body.prepend"),
-              e.loading ? (u(), m("div", xo, [
-                O(h(ke), { size: 24 })
-              ])) : (u(), I(h(Ie), {
+              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: i,
                 class: "q-select__items",
                 selectable: "",
-                "model-value": o.value,
+                "model-value": l.value,
                 items: e.items,
-                groups: f.groups,
+                groups: u.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue,
-                "onUpdate:modelValue": D
+                "onUpdate:modelValue": N
               }, {
-                item: _(({ item: Y }) => [
-                  p(f.$slots, "item", { item: Y })
+                item: _(({ item: J }) => [
+                  p(u.$slots, "item", { item: J })
                 ]),
                 _: 3
               }, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
-              p(f.$slots, "body.append")
-            ], 40, qo)
+              p(u.$slots, "body.append")
+            ], 40, Gl)
           ]),
           _: 3
         }, 8, ["modelValue", "anchor"])
       ], 64);
     };
   }
-}), Io = C(Lo), So = /* @__PURE__ */ S({
+}), 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) => (u(), m("div", {
-      class: A(["q-skeleton-loader", e.value]),
-      style: fe(l.value)
+    return (l, s) => (d(), h("div", {
+      class: T(["q-skeleton-loader", e.value]),
+      style: ue(o.value)
     }, s[0] || (s[0] = [
-      w("div", { class: "q-skeleton-loader__bone" }, null, -1)
+      x("div", { class: "q-skeleton-loader__bone" }, null, -1)
     ]), 6));
   }
-}), Bo = C(So), Co = /* @__PURE__ */ S({
-  __name: "QThemeProvider",
-  props: {
-    theme: {}
-  },
-  setup(n) {
-    const t = n;
-    return (e, l) => (u(), m("div", {
-      class: A(["q-theme-provider", `q-theme--${t.theme}`])
-    }, [
-      p(e.$slots, "default")
-    ], 2));
-  }
-}), Vo = C(Co), To = ["innerHTML"], Ao = /* @__PURE__ */ S({
+}), 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" },
@@ -3171,22 +3371,22 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
     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 = j(n, "modelValue"), l = ue(t.id);
-    return (o, s) => (u(), m(R, null, [
-      p(o.$slots, "anchor", {
-        props: { "aria-describedby": h(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) }
       }),
-      O(h(pe), {
-        id: h(l),
+      U(y(me), {
+        id: y(o),
         "model-value": e.value,
         anchor: t.anchor,
         role: "tooltip",
@@ -3195,20 +3395,20 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
         arrow: t.arrow,
         attach: t.attach,
         inline: t.inline,
-        class: A(["q-tooltip", t.class]),
+        class: T(["q-tooltip", t.class]),
         delay: t.delay,
         disabled: t.disabled,
         placement: t.placement,
         trigger: t.trigger
       }, {
         default: _(() => [
-          p(o.$slots, "default", {}, () => [
-            t.icon ? (u(), I(h(N), J(X({ key: 0 }, t.icon)), null, 16)) : $("", !0),
-            t.html ? (u(), m("span", {
+          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, To)) : (u(), m(R, { key: 2 }, [
-              de(Q(t.text), 1)
+            }, null, 8, Yl)) : (d(), h(W, { key: 2 }, [
+              ie(z(t.text), 1)
             ], 64))
           ])
         ]),
@@ -3216,131 +3416,84 @@ const dl = ["role"], ul = /* @__PURE__ */ S({
       }, 8, ["id", "model-value", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Eo = C(Ao), Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Jl = L(Zl), es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QAccordion: Vt,
-  QBadge: Zt,
-  QButton: ae,
-  QButtonGroup: rt,
-  QButtonToggle: tn,
-  QCard: dt,
-  QCheckbox: gn,
-  QCollapsible: Bn,
-  QCombobox: Ll,
-  QDialog: Ol,
-  QDropdownMenu: Rl,
+  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: N,
-  QIconFont: ot,
-  QIconImg: st,
-  QIconSvg: at,
-  QInputGroup: Xl,
-  QLineLoader: Zl,
-  QList: Ie,
-  QListItem: ut,
-  QListItemGroup: ct,
-  QOverlay: pe,
-  QPopover: oo,
-  QPropertyList: go,
-  QPropertyListGroup: vt,
-  QPropertyListPanel: yt,
-  QPropertyListRow: ht,
-  QSelect: Io,
-  QSkeletonLoader: Bo,
-  QSpinnerLoader: ke,
-  QTextField: ft,
-  QThemeProvider: Vo,
-  QTooltip: Eo
-}, Symbol.toStringTag, { value: "Module" })), $e = "q-theme";
-function Qo() {
-  const n = ze($e);
-  if (!n)
-    throw new Error("[Quidgest UI] Could not find theme instance");
-  return n;
-}
-function Ro(n) {
-  const t = Qo(), e = {
-    activeTheme: V(n),
-    themes: t.themes
-  };
-  return Me($e, e), e;
-}
-function Mo() {
-  let n = document.getElementById(
-    $e
-  );
-  return n || (n = document.createElement("style"), n.id = $e, document.head.appendChild(n)), n;
-}
-function zo(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 = Mo();
-  e.textContent = t;
-}
-function Ze(n) {
-  return n ? `--q-theme-${lt(n)}` : "";
-}
-function Oo(n = {}) {
+  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(Pe, V(o)), Fo(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 Fo(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: De
+      scheme: Qe
     });
   else
-    for (const o of t.themes) {
-      const a = { ...o.mode === "light" ? De : 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: V(l),
-      themes: e
-    };
-    zo(e), ne(o.activeTheme, Po, { immediate: !0 }), n.provide($e, o);
+  if (o) {
+    const l = B(o), s = _t(l, e);
+    Co(e), Y(s.name, os, { immediate: !0 }), n.provide(Ke, s);
   }
 }
-function Po(n) {
-  const t = document.documentElement, l = Array.from(t.classList).filter((o) => !o.startsWith("q-theme"));
-  t.className = l.join(" "), t.classList.add(`q-theme--${n}`);
+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 Go = (n = {}) => Oo({ components: Do, ...n });
+const as = (n = {}) => ts({ components: es, ...n });
 export {
-  Do as components,
-  Go as createFramework,
-  Ro as provideTheme,
-  No as templates,
-  Qo as useTheme
+  es as components,
+  as as createFramework,
+  Io as provideTheme,
+  ss as templates,
+  $t as useTheme
 };