@quidgest/ui 0.7.22 → 0.8.0

package/dist/ui.esm.js

@@ -1,61 +1,71 @@
-import { getCurrentInstance as xe, computed as g, ref as q, provide as Oe, inject as Ve, watch as F, defineComponent as B, openBlock as u, createElementBlock as v, normalizeClass as T, normalizeStyle as se, createElementVNode as j, withModifiers as ne, createVNode as W, unref as $, createCommentVNode as S, Fragment as Z, createTextVNode as ae, toDisplayString as N, renderSlot as y, toRef as ce, createBlock as x, withCtx as I, renderList as pe, resolveDynamicComponent as De, h as we, normalizeProps as ie, mergeProps as ee, reactive as Ue, onBeforeUnmount as Ne, onMounted as Te, Teleport as He, Transition as Ke, withKeys as Ge, nextTick as P, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as me } from "vue";
-function ve(n) {
-  return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
+import { getCurrentInstance as Be, computed as k, ref as q, provide as Se, inject as xe, watch as A, defineComponent as B, openBlock as u, createElementBlock as v, normalizeClass as V, normalizeStyle as se, createElementVNode as P, withModifiers as te, createVNode as j, unref as y, createCommentVNode as L, Fragment as J, createTextVNode as oe, toDisplayString as M, renderSlot as b, toRef as ge, createBlock as x, withCtx as $, renderList as ce, resolveDynamicComponent as Ve, h as _e, normalizeProps as re, mergeProps as Z, reactive as Fe, onBeforeUnmount as Ae, onMounted as Ee, nextTick as W, Teleport as Re, Transition as Oe, withKeys as Ue, createSlots as pe, withDirectives as Me, vModelDynamic as Ne, guardReactiveProps as ke } from "vue";
+function fe(t) {
+  return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-function $e(n) {
-  return n !== null && typeof n == "object" && !Array.isArray(n);
+function we(t) {
+  return t !== null && typeof t == "object" && !Array.isArray(t);
 }
-function be(n = {}, t = {}) {
+function me(t = {}, n = {}) {
   const o = {};
-  for (const e in n)
-    o[e] = n[e];
-  for (const e in t) {
-    const l = n[e], a = t[e];
-    if ($e(l) && $e(a)) {
-      o[e] = be(
+  for (const e in t)
+    o[e] = t[e];
+  for (const e in n) {
+    const l = t[e], r = n[e];
+    if (we(l) && we(r)) {
+      o[e] = me(
         l,
-        a
+        r
       );
       continue;
     }
-    o[e] = a;
+    o[e] = r;
   }
   return o;
 }
-const ye = "q-defaults";
-function Xe() {
-  var a, r;
-  const n = xe();
-  if (!n)
-    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
-  const t = n.type.name ?? n.type.__name;
+const ve = "q-defaults";
+function He() {
+  var r, s;
+  const t = Be();
   if (!t)
+    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
+  const n = t.type.name ?? t.type.__name;
+  if (!n)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const o = ze(), e = (a = o.value) == null ? void 0 : a.Global, l = (r = o.value) == null ? void 0 : r[t];
-  return g(() => be(e, l));
+  const o = Te(), e = (r = o.value) == null ? void 0 : r.Global, l = (s = o.value) == null ? void 0 : s[n];
+  return k(() => me(e, l));
 }
-function Ee(n) {
-  if (ve(n))
+function De(t) {
+  if (fe(t))
     return;
-  const t = ze(), o = q(n), e = g(() => ve(o.value) ? t.value : be(t.value, o.value));
-  Oe(ye, e);
+  const n = Te(), o = q(t), e = k(() => fe(o.value) ? n.value : me(n.value, o.value));
+  Se(ve, e);
 }
-function ze() {
-  const n = Ve(ye, void 0);
-  if (!n)
+function Te() {
+  const t = xe(ve, void 0);
+  if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
-  return n;
+  return t;
 }
-const Ie = {
-  primary: "#00a1f8",
-  primaryLight: "#e5f6ff",
-  primaryDark: "#0079ba",
-  secondary: "#11294d",
-  secondaryLight: "#707f94",
-  secondaryDark: "#040a13",
-  highlight: "#DF640A",
-  background: "#fff",
-  container: "#fff",
+const ae = "q-theme";
+function Ke() {
+  const t = xe(ae);
+  if (!t)
+    throw new Error("[Quidgest UI] Could not find theme instance");
+  return t;
+}
+function kn(t) {
+  const n = Ke(), o = {
+    activeTheme: q(t),
+    themes: n.themes
+  };
+  return Se(ae, o), o;
+}
+const $e = {
+  primary: "#007dbe",
+  primaryLight: "#cde5ff",
+  primaryDark: "#006398",
+  secondary: "#001d31",
+  highlight: "#be4300",
   info: "#17a2b8",
   infoLight: "#bceff7",
   infoDark: "#11798a",
@@ -68,6 +78,11 @@ const Ie = {
   danger: "#b71c1c",
   dangerLight: "#f5bebe",
   dangerDark: "#891515",
+  background: "#fff",
+  container: "#fff",
+  neutral: "#72787e",
+  neutralLight: "#c2c7ce",
+  neutralDark: "#2b3137",
   onBackground: "#1e2436",
   onPrimary: "#fff",
   onSecondary: "#fff",
@@ -76,16 +91,12 @@ const Ie = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Ye = {
+}, Ge = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
   secondary: "#11294d",
-  secondaryLight: "#707f94",
-  secondaryDark: "#040a13",
   highlight: "#FFAD54",
-  background: "#1e2436",
-  container: "#21323d",
   info: "#3DB6D1",
   infoLight: "#5aa2bc",
   infoDark: "#0c616a",
@@ -98,6 +109,11 @@ const Ie = {
   danger: "#FC4B6C",
   dangerLight: "#FF7A88",
   dangerDark: "#B21929",
+  background: "#1e2436",
+  container: "#21323d",
+  neutral: "#dee3eb",
+  neutralLight: "#2b3137",
+  neutralDark: "#ecf1f9",
   onBackground: "#fff",
   onPrimary: "#fff",
   onSecondary: "#fff",
@@ -107,164 +123,89 @@ const Ie = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function Ce(n) {
-  if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(n))
-    throw new Error("Invalid color format");
-  n.length === 4 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3]);
-  const t = parseInt(n.slice(1, 3), 16), o = parseInt(n.slice(3, 5), 16), e = parseInt(n.slice(5, 7), 16);
-  return { r: t, g: o, b: e };
-}
-function Pe(n, t) {
-  if (t < 0 || t > 100)
-    throw new Error("Amount must be in the range [0, 100]");
-  if (t === 0)
-    return n;
-  const o = Fe(n), e = t / 100;
-  return o.l = o.l + e * (100 - o.l), Ae(o);
+function We(t) {
+  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
 }
-function Ze(n, t) {
-  if (t < 0 || t > 100)
-    throw new Error("Amount must be in the range [0, 100]");
-  if (t === 0)
-    return n;
-  const o = Fe(n), e = t / 100;
-  return o.l = o.l - e * o.l, Ae(o);
+function je(t) {
+  if (!We(t))
+    throw new Error("Invalid color format");
+  t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
+  const n = parseInt(t.slice(1, 3), 16), o = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
+  return { r: n, g: o, b: e };
 }
-function qe(n) {
-  const t = n.r.toString(16).padStart(2, "0"), o = n.g.toString(16).padStart(2, "0"), e = n.b.toString(16).padStart(2, "0");
-  return `#${t}${o}${e}`;
+function Pe() {
+  let t = document.getElementById(
+    ae
+  );
+  return t || (t = document.createElement("style"), t.id = ae, document.head.appendChild(t)), t;
 }
-function Fe(n) {
-  const t = n.r / 255, o = n.g / 255, e = n.b / 255, l = Math.max(t, o, e), a = Math.min(t, o, e);
-  let r = 0, i;
-  const f = (l + a) / 2;
-  if (l === a)
-    r = i = 0;
-  else {
-    const m = l - a;
-    switch (i = f > 0.5 ? m / (2 - l - a) : m / (l + a), l) {
-      case t:
-        r = (o - e) / m + (o < e ? 6 : 0);
-        break;
-      case o:
-        r = (e - t) / m + 2;
-        break;
-      case e:
-        r = (t - o) / m + 4;
-        break;
-    }
-    r /= 6;
+function Xe(t) {
+  let n = "";
+  for (const e of t) {
+    n += `.q-theme--${e.name} {
+`;
+    const l = e.scheme;
+    let r;
+    for (r in l) {
+      const s = l[r];
+      if (s) {
+        n += `  ${qe(r)}: ${s};
+`;
+        const d = je(s);
+        n += `  ${qe(r)}-rgb: ${d.r} ${d.g} ${d.b};
+`;
+      }
+    }
+    n += `}
+`;
   }
-  return {
-    h: Math.round(r * 360),
-    s: Math.round(i * 100),
-    l: Math.round(f * 100)
-  };
+  const o = Pe();
+  o.textContent = n;
 }
-function Ae(n) {
-  const t = n.h / 360, o = n.s / 100, e = n.l / 100;
-  let l, a, r;
-  if (o === 0)
-    l = a = r = e;
-  else {
-    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - i;
-    l = fe(f, i, t + 1 / 3), a = fe(f, i, t), r = fe(f, i, t - 1 / 3);
-  }
-  return {
-    r: Math.round(l * 255),
-    g: Math.round(a * 255),
-    b: Math.round(r * 255)
-  };
+function qe(t) {
+  return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function fe(n, t, o) {
-  return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? n + (t - n) * 6 * o : o < 1 / 2 ? t : o < 2 / 3 ? n + (t - n) * (2 / 3 - o) * 6 : n;
+function wn(t = {}) {
+  return { install: (o) => {
+    const e = t.components || {};
+    for (const r in e)
+      o.component(r, e[r]);
+    const l = t.defaults || {};
+    o.provide(ve, q(l)), Ye(o, t.themes);
+  } };
 }
-const re = "q-theme";
-function wn() {
-  const n = Ve(re);
+function Ye(t, n) {
+  const o = [];
+  let e;
   if (!n)
-    throw new Error("[Quidgest UI] Could not find theme instance");
-  return n;
-}
-function Je(n, t) {
-  let o = null;
-  if (t)
-    for (const e of t.themes) {
-      const l = e.mode === "light" ? Ie : Ye;
-      if (e.colors) {
-        let a;
-        for (a in e.colors) {
-          const r = e.colors[a];
-          if (r && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const i = Ce(r), f = `${a}Light`, m = `${a}Dark`;
-            f in e.colors || (e.colors[f] = qe(Pe(i, 85))), m in e.colors || (e.colors[m] = qe(Ze(i, 25)));
-          }
-        }
-      }
-      e.colors = et(l, e.colors), e.name === t.defaultTheme && (o = e);
-    }
-  else {
-    const e = "default";
-    o = {
+    e = "default", o.push({
       name: e,
       mode: "light",
-      colors: Ie
-    }, t = {
-      defaultTheme: e,
-      themes: [o]
-    };
-  }
-  if (o) {
-    const e = q({
-      activeTheme: o.name,
-      themes: t.themes
+      scheme: $e
     });
-    F(
-      () => e.value.activeTheme,
-      (l) => {
-        const a = e.value.themes.find((r) => r.name === l);
-        a && tt(a.colors);
-      },
-      { immediate: !0 }
-    ), n.provide(re, e);
-  }
-}
-function et(n, t = {}) {
-  return { ...n, ...t };
-}
-function tt(n) {
-  let t = document.getElementById(
-    re
-  );
-  t || (t = document.createElement("style"), t.type = "text/css", t.id = re, document.head.appendChild(t));
-  let o = `:root {
-`, e;
-  for (e in n) {
-    const l = n[e];
-    if (l) {
-      o += `  ${Se(e)}: ${l};
-`;
-      const a = Ce(l);
-      o += `  ${Se(e)}-rgb: ${a.r} ${a.g} ${a.b};
-`;
-    }
+  else
+    for (const l of n.themes) {
+      const s = { ...l.mode === "light" ? $e : Ge, ...l.colors };
+      o.push({
+        name: l.name,
+        mode: l.mode,
+        scheme: s
+      }), l.name === n.defaultTheme && (e = l.name);
+    }
+  if (e) {
+    const l = {
+      activeTheme: q(e),
+      themes: o
+    };
+    Xe(o), A(l.activeTheme, Ze, { immediate: !0 }), t.provide(ae, l);
   }
-  o += "}", t.textContent = o;
 }
-function Se(n) {
-  return n ? `--q-theme-${n.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
-}
-function $n(n = {}) {
-  return { install: (o) => {
-    const e = n.components || {};
-    for (const a in e)
-      o.component(a, e[a]);
-    const l = n.defaults || {};
-    o.provide(ye, q(l)), Je(o, n.themes);
-  } };
+function Ze(t) {
+  const n = document.documentElement, e = Array.from(n.classList).filter((l) => !l.startsWith("q-theme"));
+  n.className = e.join(" "), n.classList.add(`q-theme--${t}`);
 }
-const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ j("circle", {
+const Je = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ P("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -274,51 +215,51 @@ const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), lt = [
-  nt
-], ot = /* @__PURE__ */ B({
+], -1), et = [
+  Je
+], tt = /* @__PURE__ */ B({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
     class: { default: void 0 }
   },
-  setup(n) {
-    const t = n, o = g(() => ({
-      "font-size": t.size !== 48 ? `${t.size}px` : void 0
+  setup(t) {
+    const n = t, o = k(() => ({
+      "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
     return (e, l) => (u(), v("div", {
-      class: T(["q-spinner-loader", t.class]),
+      class: V(["q-spinner-loader", n.class]),
       style: se(o.value)
-    }, lt, 6));
+    }, et, 6));
   }
 });
-function at(n, t) {
+function nt(t, n) {
   var o;
-  return typeof ((o = n.props) == null ? void 0 : o[t]) < "u";
+  return typeof ((o = t.props) == null ? void 0 : o[n]) < "u";
 }
-function V(n) {
-  const t = n.setup;
-  return t && (n.setup = (o, e) => {
-    const l = Xe();
-    if (ve(l.value))
-      return t(o, e);
-    const a = xe();
-    if (a === null)
-      return t(o, e);
-    const r = new Proxy(o, {
-      get(i, f) {
-        var _;
-        const m = Reflect.get(i, f), p = (_ = l.value) == null ? void 0 : _[f];
-        return typeof f == "string" && !at(a.vnode, f) ? p ?? m : m;
+function S(t) {
+  const n = t.setup;
+  return n && (t.setup = (o, e) => {
+    const l = He();
+    if (fe(l.value))
+      return n(o, e);
+    const r = Be();
+    if (r === null)
+      return n(o, e);
+    const s = new Proxy(o, {
+      get(d, m) {
+        var p;
+        const h = Reflect.get(d, m), _ = (p = l.value) == null ? void 0 : p[m];
+        return typeof m == "string" && !nt(r.vnode, m) ? _ ?? h : h;
       }
     });
-    return t(r, e);
-  }), n;
+    return n(s, e);
+  }), t;
 }
-const ge = V(ot), st = ["disabled"], it = {
+const he = S(tt), lt = ["disabled"], ot = {
   key: 0,
   class: "q-btn__spinner"
-}, rt = { class: "q-btn__content" }, dt = /* @__PURE__ */ B({
+}, at = { class: "q-btn__content" }, st = /* @__PURE__ */ B({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -334,17 +275,17 @@ const ge = V(ot), st = ["disabled"], it = {
     class: { default: void 0 }
   },
   emits: ["click"],
-  setup(n, { emit: t }) {
-    const o = t, e = n, l = g(() => e.disabled || e.loading);
-    function a(i) {
-      l.value || o("click", i);
+  setup(t, { emit: n }) {
+    const o = n, e = t, l = k(() => e.disabled || e.loading);
+    function r(d) {
+      l.value || o("click", d);
     }
-    const r = g(() => {
-      const i = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
+    const s = k(() => {
+      const d = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
         `q-btn--${e.bStyle}`,
-        i,
+        d,
         {
           "q-btn--active": e.active,
           "q-btn--borderless": e.borderless,
@@ -355,57 +296,56 @@ const ge = V(ot), st = ["disabled"], it = {
         e.class
       ];
     });
-    return (i, f) => (u(), v("button", {
+    return (d, m) => (u(), v("button", {
       type: "button",
-      class: T(r.value),
+      class: V(s.value),
       disabled: l.value,
-      onClick: ne(a, ["stop", "prevent"])
+      onClick: te(r, ["stop", "prevent"])
     }, [
-      i.loading ? (u(), v("div", it, [
-        W($(ge), { size: 23 })
-      ])) : S("", !0),
-      j("span", rt, [
-        i.iconOnRight ? (u(), v(Z, { key: 0 }, [
-          ae(N(e.label), 1)
-        ], 64)) : S("", !0),
-        y(i.$slots, "default"),
-        i.iconOnRight ? S("", !0) : (u(), v(Z, { key: 1 }, [
-          ae(N(e.label), 1)
+      d.loading ? (u(), v("div", ot, [
+        j(y(he), { size: 20 })
+      ])) : L("", !0),
+      P("span", at, [
+        d.iconOnRight ? (u(), v(J, { key: 0 }, [
+          oe(M(e.label), 1)
+        ], 64)) : L("", !0),
+        b(d.$slots, "default"),
+        d.iconOnRight ? L("", !0) : (u(), v(J, { key: 1 }, [
+          oe(M(e.label), 1)
         ], 64))
       ])
-    ], 10, st));
+    ], 10, lt));
   }
-}), ut = V(dt), ct = /* @__PURE__ */ B({
+}), it = S(st), rt = /* @__PURE__ */ B({
   __name: "QButtonGroup",
   props: {
-    bStyle: { default: void 0 },
     disabled: { type: Boolean },
     borderless: { type: Boolean },
     elevated: { type: Boolean },
     class: { default: void 0 }
   },
-  setup(n) {
-    const t = n;
-    return Ee({
+  setup(t) {
+    const n = t;
+    return De({
       QButton: {
-        bStyle: ce(t, "bStyle"),
-        disabled: ce(t, "disabled"),
-        borderless: ce(t, "borderless"),
+        bStyle: "secondary",
+        disabled: ge(n, "disabled"),
+        borderless: ge(n, "borderless"),
         elevated: !1
       }
     }), (o, e) => (u(), v("div", {
-      class: T([
+      class: V([
         "q-btn-group",
         {
-          "q-btn-group--elevated": t.elevated
+          "q-btn-group--elevated": n.elevated
         },
-        t.class
+        n.class
       ])
     }, [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 2));
   }
-}), ft = V(ct), pt = /* @__PURE__ */ B({
+}), dt = S(rt), ut = /* @__PURE__ */ B({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -413,44 +353,44 @@ const ge = V(ot), st = ["disabled"], it = {
     disabled: { type: Boolean },
     borderless: { type: Boolean },
     elevated: { type: Boolean },
-    mandatory: { type: Boolean },
+    required: { type: Boolean },
     class: {}
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: t }) {
-    const o = t, e = n, l = q(e.modelValue);
-    F(
+  setup(t, { emit: n }) {
+    const o = n, e = t, l = q(e.modelValue);
+    A(
       () => e.modelValue,
-      (i) => l.value = i
+      (d) => l.value = d
     );
-    const a = g({
+    const r = k({
       get() {
         return l.value;
       },
-      set(i) {
-        l.value = i, o("update:modelValue", i);
+      set(d) {
+        l.value = d, o("update:modelValue", d);
       }
     });
-    function r(i) {
-      a.value === i.key && !e.mandatory ? a.value = void 0 : a.value = i.key;
+    function s(d) {
+      r.value === d.key && !e.required ? r.value = void 0 : r.value = d.key;
     }
-    return (i, f) => (u(), x($(ft), {
+    return (d, m) => (u(), x(y(dt), {
       "b-style": "secondary",
-      class: T(e.class),
+      class: V(e.class),
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
-      default: I(() => [
-        (u(!0), v(Z, null, pe(e.options, (m) => (u(), x($(ut), {
-          key: m.key,
-          title: m.title,
-          label: m.label,
-          active: a.value === m.key,
-          onClick: () => r(m)
+      default: $(() => [
+        (u(!0), v(J, null, ce(e.options, (h) => (u(), x(y(it), {
+          key: h.key,
+          title: h.title,
+          label: h.label,
+          active: r.value === h.key,
+          onClick: () => s(h)
         }, {
-          default: I(() => [
-            y(i.$slots, m.key)
+          default: $(() => [
+            b(d.$slots, h.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -458,7 +398,7 @@ const ge = V(ot), st = ["disabled"], it = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), In = V(pt), mt = /* @__PURE__ */ B({
+}), $n = S(ut), ct = /* @__PURE__ */ B({
   __name: "QIcon",
   props: {
     icon: {},
@@ -466,26 +406,26 @@ const ge = V(ot), st = ["disabled"], it = {
     size: { default: void 0 },
     class: { default: void 0 }
   },
-  setup(n) {
-    const t = n, o = g(() => {
-      switch (t.type) {
+  setup(t) {
+    const n = t, o = k(() => {
+      switch (n.type) {
         case "svg":
-          return It;
+          return kt;
         case "font":
-          return wt;
+          return gt;
         case "img":
-          return $t;
+          return _t;
         default:
           return;
       }
     });
-    return (e, l) => (u(), x(De(o.value), {
-      class: T(t.class),
-      icon: t.icon,
-      size: t.size
+    return (e, l) => (u(), x(Ve(o.value), {
+      class: V(n.class),
+      icon: n.icon,
+      size: n.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), vt = /* @__PURE__ */ B({
+}), ft = /* @__PURE__ */ B({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -494,44 +434,44 @@ const ge = V(ot), st = ["disabled"], it = {
     size: { default: void 0 },
     class: { default: void 0 }
   },
-  setup(n) {
-    const t = n, o = g(() => t.variant ? `${t.library}-${t.variant}` : t.library), e = g(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), l = g(() => ({
-      "font-size": t.size !== void 0 ? `${t.size}px` : void 0
+  setup(t) {
+    const n = t, o = k(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = k(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), l = k(() => ({
+      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (a, r) => (u(), v("i", {
-      class: T(["q-icon", "q-icon__font", o.value, e.value, t.class]),
+    return (r, s) => (u(), v("i", {
+      class: V(["q-icon", "q-icon__font", o.value, e.value, n.class]),
       style: se(l.value)
     }, null, 6));
   }
-}), ht = ["src"], bt = /* @__PURE__ */ B({
+}), pt = ["src"], mt = /* @__PURE__ */ B({
   __name: "QIconImg",
   props: {
     icon: {},
     size: {},
     class: {}
   },
-  setup(n) {
-    const t = n, o = g(() => ({
-      "font-size": t.size !== void 0 ? `${t.size}px` : void 0
+  setup(t) {
+    const n = t, o = k(() => ({
+      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (e, l) => (u(), v("img", {
-      src: t.icon,
-      class: T(["q-icon", "q-icon__img", t.class]),
+      src: n.icon,
+      class: V(["q-icon", "q-icon__img", n.class]),
       style: se(o.value)
-    }, null, 14, ht));
+    }, null, 14, pt));
   }
-}), le = {}, yt = B({
+}), le = {}, vt = B({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
   render() {
     if (!this.svgElSource)
       return null;
-    const n = this.getSvgContent(this.svgElSource);
-    if (!n)
-      return we("div", this.$attrs);
-    const t = {};
-    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, n), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = n.innerHTML, we("svg", t);
+    const t = this.getSvgContent(this.svgElSource);
+    if (!t)
+      return _e("div", this.$attrs);
+    const n = {};
+    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, _e("svg", n);
   },
   props: {
     src: {
@@ -565,30 +505,30 @@ const ge = V(ot), st = ["disabled"], it = {
     await this.getSource(this.src);
   },
   methods: {
-    copySvgAttrs(n, t) {
-      const o = t.attributes;
+    copySvgAttrs(t, n) {
+      const o = n.attributes;
       if (o)
         for (const e of o)
-          n[e.name] = e.value;
+          t[e.name] = e.value;
     },
-    copyComponentAttrs(n, t) {
-      for (const [o, e] of Object.entries(t))
-        e !== !1 && e !== null && e !== void 0 && (n[o] = e);
+    copyComponentAttrs(t, n) {
+      for (const [o, e] of Object.entries(n))
+        e !== !1 && e !== null && e !== void 0 && (t[o] = e);
     },
-    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)), gt(n, this.title)), n);
+    getSvgContent(t) {
+      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), ht(t, this.title)), t);
     },
     /**
      * Get svgElSource
      * @param {string} src
      */
-    async getSource(n) {
+    async getSource(t) {
       try {
-        le[n] || (le[n] = _t(this.download(n))), this.svgElSource && le[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const t = await le[n];
-        this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
-      } catch (t) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete le[n], this.$emit("error", t);
+        le[t] || (le[t] = bt(this.download(t))), this.svgElSource && le[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const n = await le[t];
+        this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
+      } catch (n) {
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete le[t], this.$emit("error", n);
       }
     },
     /**
@@ -596,44 +536,44 @@ const ge = V(ot), st = ["disabled"], it = {
      * @param {string} url
      * @returns {PromiseWithState<Element>}
      */
-    async download(n) {
-      const t = await fetch(n);
-      if (!t.ok)
+    async download(t) {
+      const n = await fetch(t);
+      if (!n.ok)
         throw new Error("Error loading SVG");
-      const o = await t.text(), a = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
-      if (!a)
+      const o = await n.text(), r = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
+      if (!r)
         throw new Error("Loaded file is not a valid SVG");
-      return a;
+      return r;
     }
   },
   watch: {
-    src(n) {
-      this.getSource(n);
+    src(t) {
+      this.getSource(t);
     }
   }
 });
-function gt(n, t) {
-  const o = n.getElementsByTagName("title");
+function ht(t, n) {
+  const o = t.getElementsByTagName("title");
   if (o.length)
-    o[0].textContent = t;
+    o[0].textContent = n;
   else {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "title");
-    e.textContent = t, n.insertBefore(e, n.firstChild);
+    e.textContent = n, t.insertBefore(e, t.firstChild);
   }
 }
-function _t(n) {
-  if (n.getIsPending)
-    return n;
-  let t = !0;
-  const o = n.then(
-    (e) => (t = !1, e),
+function bt(t) {
+  if (t.getIsPending)
+    return t;
+  let n = !0;
+  const o = t.then(
+    (e) => (n = !1, e),
     (e) => {
-      throw t = !1, e;
+      throw n = !1, e;
     }
   );
-  return o.getIsPending = () => t, o;
+  return o.getIsPending = () => n, o;
 }
-const kt = /* @__PURE__ */ B({
+const yt = /* @__PURE__ */ B({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -642,26 +582,26 @@ const kt = /* @__PURE__ */ B({
     class: { default: void 0 }
   },
   emits: ["loaded", "unloaded"],
-  setup(n, { emit: t }) {
-    const o = t, e = n, l = g(() => ({
+  setup(t, { emit: n }) {
+    const o = n, e = t, l = k(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    function a(i) {
-      o("loaded", i);
+    function r(d) {
+      o("loaded", d);
     }
-    function r() {
+    function s() {
       o("unloaded");
     }
-    return (i, f) => (u(), x($(yt), {
-      class: T(["q-icon", "q-icon__svg", e.class]),
+    return (d, m) => (u(), x(y(vt), {
+      class: V(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
       style: se(l.value),
-      onLoaded: a,
-      onUnloaded: r
+      onLoaded: r,
+      onUnloaded: s
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), J = V(mt), wt = V(vt), $t = V(bt), It = V(kt), qt = /* @__PURE__ */ B({
+}), ee = S(ct), gt = S(ft), _t = S(mt), kt = S(yt), wt = /* @__PURE__ */ B({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -674,145 +614,145 @@ const kt = /* @__PURE__ */ B({
     class: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), m = q(null);
-    function p(d) {
-      a.value = d, e("update:modelValue", d);
+  setup(t, { expose: n, emit: o }) {
+    const e = o, l = t, r = q(l.modelValue), s = q(!1), d = k(() => m.value.length > 1 ? "div" : "ul"), m = k(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), h = q(null);
+    function _(a) {
+      r.value = a, e("update:modelValue", a);
     }
-    function _() {
-      r.value = !0;
+    function p() {
+      s.value = !0;
     }
     function C() {
-      r.value = !1;
+      s.value = !1;
     }
-    function E(d) {
-      var L;
-      if ((L = m.value) != null && L.contains(d.relatedTarget))
+    function T(a) {
+      var I;
+      if ((I = h.value) != null && I.contains(a.relatedTarget))
         return;
-      let b;
-      a.value ? b = l.items.findIndex((ue) => ue[l.itemValue] === a.value) : b = Q();
-      const k = r.value;
-      O(b, k);
+      let f;
+      r.value ? f = l.items.findIndex((ue) => ue[l.itemValue] === r.value) : f = F();
+      const g = s.value;
+      O(f, g);
     }
-    function A(d) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && d.preventDefault(), d.key) {
+    function D(a) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && a.preventDefault(), a.key) {
         case "ArrowDown":
-          R("next");
+          Q("next");
           break;
         case "ArrowUp":
-          R("prev");
+          Q("prev");
           break;
         case "Home":
-          R("first");
+          Q("first");
           break;
         case "End":
-          R("last");
+          Q("last");
           break;
       }
     }
-    function R(d) {
-      switch (d) {
+    function Q(a) {
+      switch (a) {
         case "next":
         case "prev":
-          O(Y(d));
+          O(U(a));
           break;
         case "first":
-          O(Q());
+          O(F());
           break;
         case "last":
-          O(M());
+          O(N());
           break;
       }
     }
-    function O(d, b = !1) {
-      var L;
-      (L = z()[d]) == null || L.focus({ preventScroll: b });
+    function O(a, f = !1) {
+      var I;
+      (I = R()[a]) == null || I.focus({ preventScroll: f });
     }
-    function z() {
-      var b;
-      const d = (b = m.value) == null ? void 0 : b.querySelectorAll("li");
-      return d ? Array.from(d) : [];
+    function R() {
+      var f;
+      const a = (f = h.value) == null ? void 0 : f.querySelectorAll("li");
+      return a ? Array.from(a) : [];
     }
-    function H(d) {
-      return z()[d];
+    function z(a) {
+      return R()[a];
     }
     function X() {
-      return z().indexOf(document.activeElement);
-    }
-    function Q() {
-      const d = z(), b = d.find((k) => h(k));
-      return b ? d.indexOf(b) : -1;
-    }
-    function M() {
-      const d = z(), b = [...d].reverse().find((k) => h(k));
-      return b ? d.indexOf(b) : -1;
-    }
-    function U(d, b, k) {
-      return b === "prev" && d === 0 || b === "next" && d === k.length - 1;
-    }
-    function Y(d) {
-      const b = X();
-      return K(b, d);
-    }
-    function K(d, b) {
-      const k = z();
-      if (U(d, b, k))
-        return d;
-      let L = d + (b === "next" ? 1 : -1);
-      for (; !h(k[L]); ) {
-        if (U(L, b, k))
-          return d;
-        L += b === "next" ? 1 : -1;
+      return R().indexOf(document.activeElement);
+    }
+    function F() {
+      const a = R(), f = a.find((g) => Y(g));
+      return f ? a.indexOf(f) : -1;
+    }
+    function N() {
+      const a = R(), f = [...a].reverse().find((g) => Y(g));
+      return f ? a.indexOf(f) : -1;
+    }
+    function H(a, f, g) {
+      return f === "prev" && a === 0 || f === "next" && a === g.length - 1;
+    }
+    function U(a) {
+      const f = X();
+      return K(f, a);
+    }
+    function K(a, f) {
+      const g = R();
+      if (H(a, f, g))
+        return a;
+      let I = a + (f === "next" ? 1 : -1);
+      for (; !Y(g[I]); ) {
+        if (H(I, f, g))
+          return a;
+        I += f === "next" ? 1 : -1;
       }
-      return L;
+      return I;
     }
-    function h(d) {
-      return d.tabIndex === -2;
+    function Y(a) {
+      return a.tabIndex === -2;
     }
-    function c(d) {
-      return d ? l.items.filter((b) => b.group === d) : l.items;
+    function c(a) {
+      return a ? l.items.filter((f) => f.group === a) : l.items;
     }
-    return F(
+    return A(
       () => l.modelValue,
-      (d) => {
-        a.value = d;
+      (a) => {
+        r.value = a;
       }
-    ), t({
+    ), n({
       focusItem: O,
-      getItem: H,
+      getItem: z,
       getAdjacentItemIndex: K,
-      getFirstFocusableItemIndex: Q,
-      getLastFocusableItemIndex: M
-    }), (d, b) => (u(), x(De(i.value), {
+      getFirstFocusableItemIndex: F,
+      getLastFocusableItemIndex: N
+    }), (a, f) => (u(), x(Ve(d.value), {
       ref_key: "listRef",
-      ref: m,
-      class: T(["q-list", { "q-list--disabled": l.disabled }, l.class]),
+      ref: h,
+      class: V(["q-list", { "q-list--disabled": l.disabled }, l.class]),
       role: "listbox",
       tabindex: l.disabled ? -1 : 0,
-      onFocus: E,
-      onMousedown: _,
+      onFocus: T,
+      onMousedown: p,
       onMouseup: C,
-      onKeydown: A
+      onKeydown: D
     }, {
-      default: I(() => [
-        (u(!0), v(Z, null, pe(f.value, (k) => (u(), x($(Ct), {
-          key: k.id,
-          title: f.value.length === 1 ? void 0 : k.title,
-          disabled: k.disabled
+      default: $(() => [
+        (u(!0), v(J, null, ce(m.value, (g) => (u(), x(y(Dt), {
+          key: g.id,
+          title: m.value.length === 1 ? void 0 : g.title,
+          disabled: g.disabled
         }, {
-          default: I(() => [
-            (u(!0), v(Z, null, pe(c(k.id), (L) => (u(), x($(zt), {
-              key: L[l.itemValue],
-              value: L[l.itemValue],
-              label: L[l.itemLabel],
-              icon: L.icon,
-              disabled: l.disabled || L.disabled,
-              highlighted: l.highlighted === L[l.itemValue],
-              selected: a.value === L[l.itemValue],
-              onSelect: p
+          default: $(() => [
+            (u(!0), v(J, null, ce(c(g.id), (I) => (u(), x(y(Et), {
+              key: I[l.itemValue],
+              value: I[l.itemValue],
+              label: I[l.itemLabel],
+              icon: I.icon,
+              disabled: l.disabled || I.disabled,
+              highlighted: l.highlighted === I[l.itemValue],
+              selected: r.value === I[l.itemValue],
+              onSelect: _
             }, {
-              default: I(() => [
-                y(d.$slots, "item", { item: L })
+              default: $(() => [
+                b(a.$slots, "item", { item: I })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -824,15 +764,15 @@ const kt = /* @__PURE__ */ B({
     }, 40, ["class", "tabindex"]));
   }
 });
-let St = 0;
-function te() {
-  return `uid-${++St}`;
+let $t = 0;
+function ie(t) {
+  return t || `uid-${++$t}`;
 }
-const Lt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-list-item__check-container" }, xt = {
+const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-list-item__check-container" }, Lt = {
   check: {
     icon: "check"
   }
-}, Vt = /* @__PURE__ */ B({
+}, Bt = /* @__PURE__ */ B({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -840,23 +780,23 @@ const Lt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => xt },
+    icons: { default: () => Lt },
     disabled: { type: Boolean }
   },
   emits: ["select"],
-  setup(n, { emit: t }) {
-    const o = t, e = n, l = te();
-    function a() {
+  setup(t, { emit: n }) {
+    const o = n, e = t, l = ie();
+    function r() {
       e.disabled || o("select", e.value);
     }
-    function r(i) {
-      i.key === "Tab" && a(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a());
+    function s(d) {
+      d.key === "Tab" && r(), (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), r());
     }
-    return (i, f) => (u(), v("li", {
-      id: $(l),
+    return (d, m) => (u(), v("li", {
+      id: y(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: T([
+      class: V([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -866,87 +806,87 @@ const Lt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: r,
-      onClick: ne(a, ["stop", "prevent"])
+      onKeydown: s,
+      onClick: te(r, ["stop", "prevent"])
     }, [
-      y(i.$slots, "default", {}, () => [
-        e.icon ? (u(), x($(J), ie(ee({ key: 0 }, e.icon)), null, 16)) : S("", !0),
-        ae(" " + N(e.label), 1)
+      b(d.$slots, "default", {}, () => [
+        e.icon ? (u(), x(y(ee), re(Z({ key: 0 }, e.icon)), null, 16)) : L("", !0),
+        oe(" " + M(e.label), 1)
       ]),
-      j("div", Bt, [
-        e.selected ? (u(), x($(J), ee({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
+      P("div", It, [
+        e.selected ? (u(), x(y(ee), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
       ])
-    ], 42, Lt));
+    ], 42, qt));
   }
-}), Dt = ["aria-labelledby"], Tt = ["id"], Et = /* @__PURE__ */ B({
+}), St = ["aria-labelledby"], xt = ["id"], Vt = /* @__PURE__ */ B({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
     disabled: { type: Boolean }
   },
-  setup(n) {
-    const t = n, o = te();
+  setup(t) {
+    const n = t, o = ie();
     return (e, l) => (u(), v("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": t.title ? $(o) : void 0
+      "aria-labelledby": n.title ? y(o) : void 0
     }, [
-      t.title ? (u(), v("li", {
+      n.title ? (u(), v("li", {
         key: 0,
-        id: $(o),
+        id: y(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(t.title), 9, Tt)) : S("", !0),
-      y(e.$slots, "default")
-    ], 8, Dt));
+      }, M(n.title), 9, xt)) : L("", !0),
+      b(e.$slots, "default")
+    ], 8, St));
   }
-}), Qe = V(qt), zt = V(Vt), Ct = V(Et);
-function Ft(n, t, o = "right", e) {
-  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, r = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), f = (i == null ? void 0 : i.width) ?? 0, m = (i == null ? void 0 : i.height) ?? 0;
-  let p = o;
-  i && !Re(l, i, p) && (p = At(l, i, p));
-  const _ = { x: 0, y: 0, placement: p };
-  switch (p) {
+}), Ce = S(wt), Et = S(Bt), Dt = S(Vt);
+function Tt(t, n, o = "right", e) {
+  const l = t.getBoundingClientRect(), r = l.x + window.scrollX, s = l.y + window.scrollY, d = n == null ? void 0 : n.getBoundingClientRect(), m = (d == null ? void 0 : d.width) ?? 0, h = (d == null ? void 0 : d.height) ?? 0;
+  let _ = o;
+  d && !ze(l, d, _) && (_ = Ct(l, d, _));
+  const p = { x: 0, y: 0, placement: _ };
+  switch (_) {
     case "top":
-      e === "anchor" ? _.x = a : _.x = a + (l.width - f) / 2, _.y = r - m;
+      e === "anchor" ? p.x = r : p.x = r + (l.width - m) / 2, p.y = s - h;
       break;
     case "bottom":
-      e === "anchor" ? _.x = a : _.x = a + (l.width - f) / 2, _.y = r + l.height;
+      e === "anchor" ? p.x = r : p.x = r + (l.width - m) / 2, p.y = s + l.height;
       break;
     case "left":
-      _.x = a - f, _.y = r + l.height / 2 - m / 2;
+      p.x = r - m, p.y = s + l.height / 2 - h / 2;
       break;
     case "right":
-      _.x = a + l.width, _.y = r + l.height / 2 - m / 2;
+      p.x = r + l.width, p.y = s + l.height / 2 - h / 2;
       break;
   }
-  return e === "anchor" && l.width >= f && (_.width = l.width), _;
+  return e === "anchor" && l.width >= m && (p.width = l.width), p;
 }
-function Re(n, t, o) {
+function ze(t, n, o) {
   let e = !1, l = !1;
   switch (o) {
     case "top":
-      e = Be(n, t), l = n.top > t.height;
+      e = Le(t, n), l = t.top > n.height;
       break;
     case "bottom":
-      e = Be(n, t), l = window.innerHeight - n.top - n.height > t.height;
+      e = Le(t, n), l = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      e = n.left > t.width, l = Le(n, t);
+      e = t.left > n.width, l = Ie(t, n);
       break;
     case "right":
-      e = window.innerWidth - n.left - n.width > t.width, l = Le(n, t);
+      e = window.innerWidth - t.left - t.width > n.width, l = Ie(t, n);
       break;
   }
   return e && l;
 }
-function Le(n, t) {
-  return window.innerHeight - n.top - n.height / 2 > t.height / 2 && n.top + n.height / 2 > t.height / 2;
+function Ie(t, n) {
+  return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
-function Be(n, t) {
-  return window.innerWidth - n.left - n.width / 2 > t.width / 2 && n.left + n.width / 2 > t.width / 2;
+function Le(t, n) {
+  return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
-function At(n, t, o) {
+function Ct(t, n, o) {
   const e = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
@@ -954,18 +894,18 @@ function At(n, t, o) {
     right: ["left", "top", "bottom"]
   };
   for (const l of e[o])
-    if (Re(n, t, l))
+    if (ze(t, n, l))
       return l;
   return o;
 }
-function oe(n) {
-  return typeof n == "string" ? document.querySelector(n) : n && "$el" in n ? n.$el : n;
+function ne(t) {
+  return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const Qt = ["role"], Rt = {
+const zt = ["role"], Qt = {
   key: 0,
   role: "presentation",
   class: "q-overlay__arrow"
-}, Mt = /* @__PURE__ */ B({
+}, Ft = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -976,7 +916,6 @@ const Qt = ["role"], Rt = {
     attach: { default: "body" },
     backdropBlur: { type: Boolean },
     delay: { default: 500 },
-    disabled: { type: Boolean },
     offset: { default: 8 },
     placement: { default: "right" },
     spy: { type: Boolean },
@@ -986,263 +925,284 @@ const Qt = ["role"], Rt = {
     class: { default: void 0 }
   },
   emits: ["enter", "leave"],
-  setup(n, { emit: t }) {
-    const o = t, e = n, l = g(() => [
+  setup(t, { emit: n }) {
+    const o = n, e = t, l = k(() => [
       "q-overlay",
-      `q-overlay--${r.placement}`,
+      `q-overlay--${s.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       e.class
-    ]), a = g(
-      () => (i.value || r.animating) && e.trigger === "click"
-    ), r = Ue({
+    ]), r = k(
+      () => (s.visible || s.animating) && e.trigger === "click"
+    ), s = Fe({
       visible: e.modelValue,
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), i = g(() => r.visible && !e.disabled);
-    F(
+    });
+    A(
       () => e.modelValue,
-      () => r.visible = e.modelValue
-    ), F(
-      () => r.visible,
-      () => r.animating = !0
+      () => s.visible = e.modelValue
+    ), A(
+      () => s.visible,
+      () => s.animating = !0
     );
-    const f = g(() => {
-      let h = 0, c = 0;
-      switch (r.placement) {
+    const d = k(() => {
+      let a = 0, f = 0;
+      switch (s.placement) {
         case "top":
-          c = -(e.offset || 0);
+          f = -(e.offset || 0);
           break;
         case "bottom":
-          c = e.offset || 0;
+          f = e.offset || 0;
           break;
         case "left":
-          h = -(e.offset || 0);
+          a = -(e.offset || 0);
           break;
         case "right":
-          h = e.offset || 0;
+          a = e.offset || 0;
           break;
       }
-      const d = {
-        top: `${r.top + c}px`,
-        left: `${r.left + h}px`
+      const g = {
+        top: `${s.top + f}px`,
+        left: `${s.left + a}px`
       };
-      return r.width !== void 0 && ["top", "bottom"].includes(r.placement) && (d.width = `${r.width}px`), d;
+      return s.width !== void 0 && ["top", "bottom"].includes(s.placement) && (g.width = `${s.width}px`), g;
     }), m = q(null);
-    function p() {
+    function h() {
       if (e.anchor) {
-        const h = oe(e.anchor);
-        if (h) {
-          const c = Ft(
-            h,
+        const a = ne(e.anchor);
+        if (a) {
+          const f = Tt(
+            a,
             m.value,
             e.placement,
             e.width
           );
-          r.left = c.x, r.top = c.y, r.width = c.width, r.placement = c.placement;
+          s.left = f.x, s.top = f.y, s.width = f.width, s.placement = f.placement;
         }
       }
     }
-    F([() => i.value, () => e.placement], p);
+    A([() => s.visible, () => e.placement], h);
     let _;
-    function C(h) {
+    function p() {
+      T(0);
+    }
+    function C() {
+      T(e.delay);
+    }
+    function T(a) {
       _ || (_ = window.setTimeout(() => {
-        r.visible = !0, P(() => {
-          var c;
-          e.trigger === "click" && ((c = m.value) == null || c.focus());
+        s.visible = !0, W(() => {
+          var f;
+          e.trigger === "click" && ((f = m.value) == null || f.focus());
         });
-      }, h));
+      }, a));
     }
-    function E() {
-      clearTimeout(_), _ = void 0, r.visible = !1, P(() => {
+    function D() {
+      clearTimeout(_), _ = void 0, s.visible = !1, W(() => {
         if (e.anchor && e.trigger === "click") {
-          const h = oe(e.anchor);
-          h == null || h.focus();
+          const a = ne(e.anchor);
+          a == null || a.focus();
         }
       });
     }
-    let A;
-    function R() {
+    let Q;
+    function O() {
       o("enter");
     }
-    function O() {
-      window.clearTimeout(A), A = window.setTimeout(() => r.animating = !1, 200), o("leave");
+    function R() {
+      window.clearTimeout(Q), Q = window.setTimeout(() => s.animating = !1, 200), o("leave");
     }
     let z;
-    function H() {
-      P(() => {
+    function X() {
+      W(() => {
         if (!e.anchor)
           return;
-        const h = oe(e.anchor);
-        if (h)
+        const a = ne(e.anchor);
+        if (a)
           switch (e.trigger) {
             case "click":
-              h.addEventListener("click", () => C(0));
+              a.addEventListener("click", p);
               break;
             case "hover":
-              h.addEventListener("mouseenter", () => C(e.delay)), h.addEventListener("mouseleave", E), h.addEventListener("focusin", () => C(0)), h.addEventListener("focusout", E);
+              a.addEventListener("mouseenter", C), a.addEventListener("mouseleave", D), a.addEventListener("focusin", p), a.addEventListener("focusout", D);
               break;
           }
       });
     }
-    function X() {
-      P(() => {
+    function F() {
+      W(() => {
         if (!e.anchor)
           return;
-        const h = oe(e.anchor);
-        h && (window.addEventListener("scroll", p), window.addEventListener("resize", p), z = new MutationObserver(p), z.observe(h, {
+        const a = ne(e.anchor);
+        a && (window.addEventListener("scroll", h), window.addEventListener("resize", h), z = new MutationObserver(h), z.observe(a, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), p());
+        }), h());
       });
     }
-    function Q() {
-      window.removeEventListener("scroll", p), window.removeEventListener("resize", p), z == null || z.disconnect();
+    function N() {
+      if (!e.anchor)
+        return;
+      const a = ne(e.anchor);
+      if (a)
+        switch (e.trigger) {
+          case "click":
+            a.removeEventListener("click", p);
+            break;
+          case "hover":
+            a.removeEventListener("mouseenter", C), a.removeEventListener("mouseleave", D), a.removeEventListener("focusin", p), a.removeEventListener("focusout", D);
+            break;
+        }
     }
-    let M;
-    function U() {
+    function H() {
+      window.removeEventListener("scroll", h), window.removeEventListener("resize", h), z == null || z.disconnect();
+    }
+    let U;
+    function K() {
       if (!e.anchor)
         return;
-      oe(e.anchor) ? (p(), M = window.setTimeout(U, 100)) : E();
+      ne(e.anchor) ? (h(), U = window.setTimeout(K, 100)) : D();
     }
     function Y() {
-      X(), e.spy && U();
+      F(), e.spy && K();
     }
-    function K() {
-      Q(), e.spy && (clearTimeout(M), M = void 0);
+    function c() {
+      H(), e.spy && (clearTimeout(U), U = void 0);
     }
-    return Ne(K), Te(p), F(
-      () => e.disabled,
-      (h) => {
-        h || H();
-      },
-      { immediate: !0 }
-    ), F(
-      () => i.value,
-      (h) => {
-        h ? Y() : K();
+    return Ae(() => {
+      N(), c();
+    }), Ee(() => {
+      W(() => {
+        X(), h();
+      });
+    }), A(
+      () => s.visible,
+      (a) => {
+        a ? Y() : c();
       },
       { immediate: !0 }
-    ), (h, c) => (u(), x(He, {
-      disabled: !i.value && !r.animating || !e.attach,
+    ), (a, f) => (u(), x(Re, {
+      disabled: !s.visible && !s.animating || !e.attach,
       to: e.attach
     }, [
-      a.value ? (u(), v("div", {
+      r.value ? (u(), v("div", {
         key: 0,
-        class: T([
+        class: V([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
-      }, null, 2)) : S("", !0),
-      W(Ke, {
+      }, null, 2)) : L("", !0),
+      j(Oe, {
         name: e.transition,
         appear: "",
-        onEnter: R,
-        onLeave: O
+        onEnter: O,
+        onLeave: R
       }, {
-        default: I(() => [
-          i.value ? (u(), v("div", {
+        default: $(() => [
+          s.visible ? (u(), v("div", {
             key: 0,
-            class: T(l.value),
-            style: se(f.value)
+            class: V(l.value),
+            style: se(d.value)
           }, [
-            j("div", ee({
+            P("div", Z({
               class: "q-overlay__content",
               ref_key: "overlayRef",
               ref: m,
               tabindex: "-1",
-              role: a.value ? "dialog" : void 0
-            }, h.$attrs, {
-              onKeydown: Ge(E, ["escape"]),
-              onBlur: E
+              role: r.value ? "dialog" : void 0
+            }, a.$attrs, {
+              onKeydown: Ue(D, ["escape"]),
+              onBlur: D
             }), [
-              e.arrow ? (u(), v("div", Rt)) : S("", !0),
-              y(h.$slots, "default")
-            ], 16, Qt)
-          ], 6)) : S("", !0)
+              e.arrow ? (u(), v("div", Qt)) : L("", !0),
+              b(a.$slots, "default")
+            ], 16, zt)
+          ], 6)) : L("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), de = V(Mt), Ot = ["id"], Ut = {
+}), de = S(Ft), At = ["id"], Rt = {
   key: 0,
   class: "q-field__label"
-}, Nt = ["for"], Ht = {
+}, Ot = ["for"], Ut = {
   key: 0,
   class: "q-field__prepend"
-}, Kt = {
+}, Mt = {
   key: 1,
   class: "q-field__append"
-}, Gt = {
+}, Nt = {
   key: 1,
   class: "q-field__extras"
-}, Wt = /* @__PURE__ */ B({
+}, Ht = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QField",
   props: {
-    id: { default: () => te() },
+    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 }
   },
-  setup(n, { expose: t }) {
-    const o = n, e = q(null), l = g(() => o.required && !o.readonly && !o.disabled);
-    return t({
-      fieldRef: e
-    }), (a, r) => (u(), v("div", {
-      id: o.id,
-      class: T([
+  setup(t, { expose: n }) {
+    const o = t, e = ie(o.id), l = q(null), r = k(() => o.required && !o.readonly && !o.disabled);
+    return n({
+      fieldRef: l
+    }), (s, d) => (u(), v("div", {
+      id: y(e),
+      class: V([
         "q-field",
         `q-field--${o.size}`,
         {
           "q-field--readonly": o.readonly,
           "q-field--disabled": o.disabled,
-          "q-field--required": l.value
+          "q-field--required": r.value
         },
         o.class
       ])
     }, [
-      o.label ? (u(), v("div", Ut, [
-        y(a.$slots, "label.prepend"),
-        j("label", {
-          for: o.id
-        }, N(o.label), 9, Nt),
-        y(a.$slots, "label.append")
-      ])) : S("", !0),
-      y(a.$slots, "control", {}, () => [
-        j("div", ee({
+      o.label ? (u(), v("div", Rt, [
+        b(s.$slots, "label.prepend"),
+        P("label", {
+          for: o.for
+        }, M(o.label), 9, Ot),
+        b(s.$slots, "label.append")
+      ])) : L("", !0),
+      b(s.$slots, "control", {}, () => [
+        P("div", Z({
           class: "q-field__control",
           ref_key: "fieldRef",
-          ref: e
-        }, a.$attrs), [
-          a.$slots.prepend ? (u(), v("div", Ht, [
-            y(a.$slots, "prepend")
-          ])) : S("", !0),
-          y(a.$slots, "default"),
-          a.$slots.append ? (u(), v("div", Kt, [
-            y(a.$slots, "append")
-          ])) : S("", !0)
+          ref: l
+        }, s.$attrs), [
+          s.$slots.prepend ? (u(), v("div", Ut, [
+            b(s.$slots, "prepend")
+          ])) : L("", !0),
+          b(s.$slots, "default"),
+          s.$slots.append ? (u(), v("div", Mt, [
+            b(s.$slots, "append")
+          ])) : L("", !0)
         ], 16)
       ]),
-      a.$slots.extras ? (u(), v("div", Gt, [
-        y(a.$slots, "extras")
-      ])) : S("", !0)
-    ], 10, Ot));
+      s.$slots.extras ? (u(), v("div", Nt, [
+        b(s.$slots, "extras")
+      ])) : L("", !0)
+    ], 10, At));
   }
-}), _e = V(Wt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ B({
+}), be = S(Ht), Kt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Gt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
-    id: { default: () => te() },
+    id: { default: void 0 },
     placeholder: { default: "" },
     label: { default: "" },
     size: { default: void 0 },
@@ -1255,99 +1215,100 @@ const Qt = ["role"], Rt = {
     class: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(null), i = q(null), f = g({
+  setup(t, { expose: n, emit: o }) {
+    const e = o, l = t, r = ie(l.id), s = q(l.modelValue), d = q(null), m = q(null), h = k({
       get() {
-        return a.value;
+        return s.value;
       },
       set(p) {
-        a.value = p, e("update:modelValue", p);
+        s.value = p, e("update:modelValue", p);
       }
-    }), m = g(
+    }), _ = k(
       () => l.readonly || l.disabled ? "" : l.placeholder
     );
-    return F(
+    return A(
       () => l.modelValue,
-      (p) => a.value = p
-    ), t({
-      fieldRef: g(() => {
+      (p) => s.value = p
+    ), n({
+      fieldRef: k(() => {
         var p;
-        return (p = r.value) == null ? void 0 : p.fieldRef;
+        return (p = d.value) == null ? void 0 : p.fieldRef;
       }),
-      inputRef: i
-    }), (p, _) => (u(), x($(_e), {
+      inputRef: m
+    }), (p, C) => (u(), x(y(be), {
       ref_key: "fieldRef",
-      ref: r,
-      class: T(["q-text-field", l.class]),
-      id: l.id,
+      ref: d,
+      class: V(["q-text-field", l.class]),
+      for: y(r),
       label: l.label,
       size: l.size,
       readonly: l.readonly,
       disabled: l.disabled,
       required: l.required
-    }, he({
-      "label.prepend": I(() => [
-        y(p.$slots, "label.prepend")
+    }, pe({
+      "label.prepend": $(() => [
+        b(p.$slots, "label.prepend")
       ]),
-      "label.append": I(() => [
-        y(p.$slots, "label.append")
+      "label.append": $(() => [
+        b(p.$slots, "label.append")
       ]),
-      default: I(() => [
-        We(j("input", ee({
-          "onUpdate:modelValue": _[0] || (_[0] = (C) => f.value = C),
+      default: $(() => [
+        Me(P("input", Z({
+          "onUpdate:modelValue": C[0] || (C[0] = (T) => h.value = T),
           ref_key: "inputRef",
-          ref: i,
+          ref: m,
+          id: y(r),
           class: "q-text-field__input",
           type: l.type,
           role: l.role,
           required: l.required,
-          placeholder: m.value,
+          placeholder: _.value,
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, p.$attrs), null, 16, jt), [
-          [je, f.value]
+        }, p.$attrs), null, 16, Kt), [
+          [Ne, h.value]
         ])
       ]),
       _: 2
     }, [
       p.$slots.prepend ? {
         name: "prepend",
-        fn: I(() => [
-          y(p.$slots, "prepend")
+        fn: $(() => [
+          b(p.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       p.$slots.append ? {
         name: "append",
-        fn: I(() => [
-          y(p.$slots, "append")
+        fn: $(() => [
+          b(p.$slots, "append")
         ]),
         key: "1"
       } : void 0,
       p.$slots.extras ? {
         name: "extras",
-        fn: I(() => [
-          y(p.$slots, "extras")
+        fn: $(() => [
+          b(p.$slots, "extras")
         ]),
         key: "2"
       } : void 0
-    ]), 1032, ["class", "id", "label", "size", "readonly", "disabled", "required"]));
+    ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Yt = V(Xt), Pt = {
+}), Wt = S(Gt), jt = {
   key: 2,
   class: "q-select__loader"
-}, Zt = {
+}, Pt = {
   noData: "No data available"
-}, Jt = {
+}, Xt = {
   clear: {
     icon: "close"
   }
-}, en = /* @__PURE__ */ B({
+}, Yt = /* @__PURE__ */ B({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => te() },
+    id: { default: void 0 },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
     filterMode: { default: "builtin" },
@@ -1362,239 +1323,239 @@ const Qt = ["role"], Rt = {
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => Zt },
-    icons: { default: () => Jt },
+    texts: { default: () => Pt },
+    icons: { default: () => Xt },
     class: { default: void 0 }
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
-  setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = q(""), f = q(void 0), m = q(null), p = q(null), _ = q(null);
-    Te(Q);
-    const C = g(
+  setup(t, { expose: n, emit: o }) {
+    const e = o, l = t, r = q(l.modelValue), s = q(!1), d = q(""), m = q(void 0), h = q(null), _ = q(null), p = q(null);
+    Ee(F);
+    const C = k(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
-    ), E = g(() => {
-      var s;
-      return l.filterMode === "manual" || !z.value ? l.items : (s = l.items) == null ? void 0 : s.filter(
-        (w) => w[l.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
+    ), T = k(() => {
+      var i;
+      return l.filterMode === "manual" || !R.value ? l.items : (i = l.items) == null ? void 0 : i.filter(
+        (w) => w[l.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
       );
-    }), A = g(() => {
-      var s;
-      return (s = l.items) == null ? void 0 : s.find((w) => w[l.itemValue] === a.value);
-    }), R = g(() => {
-      const s = f.value;
-      if (s !== void 0 && E.value[s])
-        return E.value[s];
-    }), O = g(() => {
+    }), D = k(() => {
+      var i;
+      return (i = l.items) == null ? void 0 : i.find((w) => w[l.itemValue] === r.value);
+    }), Q = k(() => {
+      const i = m.value;
+      if (i !== void 0 && T.value[i])
+        return T.value[i];
+    }), O = k(() => {
       var w;
-      if (f.value === void 0)
+      if (m.value === void 0)
         return;
-      const s = (w = p.value) == null ? void 0 : w.getItem(f.value);
-      return s == null ? void 0 : s.id;
-    }), z = g(() => {
-      var s;
-      return i.value.length > 0 && i.value !== ((s = A.value) == null ? void 0 : s[l.itemLabel]);
+      const i = (w = _.value) == null ? void 0 : w.getItem(m.value);
+      return i == null ? void 0 : i.id;
+    }), R = k(() => {
+      var i;
+      return d.value.length > 0 && d.value !== ((i = D.value) == null ? void 0 : i[l.itemLabel]);
     });
-    function H(s) {
-      a.value = s, Q(), e("update:modelValue", s);
+    function z(i) {
+      r.value = i, F(), e("update:modelValue", i);
     }
-    function X(s) {
-      H(s), U();
+    function X(i) {
+      z(i), H();
     }
-    function Q() {
-      var s;
-      i.value = ((s = A.value) == null ? void 0 : s[l.itemLabel]) || "";
+    function F() {
+      var i;
+      d.value = ((i = D.value) == null ? void 0 : i[l.itemLabel]) || "";
     }
-    function M() {
-      r.value || l.readonly || l.disabled || (e("before-show"), r.value = !0);
+    function N() {
+      s.value || l.readonly || l.disabled || (e("before-show"), s.value = !0);
     }
-    function U() {
-      r.value && (e("before-hide"), r.value = !1, f.value = void 0);
+    function H() {
+      s.value && (e("before-hide"), s.value = !1, m.value = void 0);
     }
-    function Y() {
-      H(void 0), f.value = void 0;
+    function U() {
+      z(void 0), m.value = void 0;
     }
     function K() {
-      if (M(), A.value !== void 0) {
-        const s = E.value.indexOf(A.value);
-        s !== -1 && P(() => ke(s));
+      if (N(), D.value !== void 0) {
+        const i = T.value.indexOf(D.value);
+        i !== -1 && W(() => ye(i));
       }
     }
-    function h(s) {
-      var w, D;
-      if (!(!s.key || l.readonly || l.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
-          r.value ? U() : Y();
-        else if (["ArrowDown", "ArrowUp"].includes(s.key))
-          r.value ? P(() => {
-            if (f.value === void 0)
+    function Y(i) {
+      var w, E;
+      if (!(!i.key || l.readonly || l.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && (i.preventDefault(), i.stopPropagation()), i.key === "Escape")
+          s.value ? H() : U();
+        else if (["ArrowDown", "ArrowUp"].includes(i.key))
+          s.value ? W(() => {
+            if (m.value === void 0)
               c();
             else {
-              const G = s.key === "ArrowDown" ? "next" : "prev";
-              b(f.value, G);
+              const G = i.key === "ArrowDown" ? "next" : "prev";
+              f(m.value, G);
             }
-          }) : (M(), P(() => {
-            s.key === "ArrowDown" ? c() : d();
+          }) : (N(), W(() => {
+            i.key === "ArrowDown" ? c() : a();
           }));
-        else if (s.key === "Enter") {
-          if (R.value === void 0)
+        else if (i.key === "Enter") {
+          if (Q.value === void 0)
             return;
-          X(R.value[l.itemValue]);
+          X(Q.value[l.itemValue]);
         } else
-          s.key === "Home" ? f.value = (w = p.value) == null ? void 0 : w.getFirstFocusableItemIndex() : s.key === "End" ? f.value = (D = p.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
+          i.key === "Home" ? m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex() : i.key === "End" ? m.value = (E = _.value) == null ? void 0 : E.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && N();
     }
     function c() {
-      var s, w;
-      if (a.value !== void 0) {
-        const D = E.value.findIndex(
-          (G) => G[l.itemValue] === a.value
+      var i, w;
+      if (r.value !== void 0) {
+        const E = T.value.findIndex(
+          (G) => G[l.itemValue] === r.value
         );
-        D === -1 ? f.value = (s = p.value) == null ? void 0 : s.getFirstFocusableItemIndex() : f.value = D;
+        E === -1 ? m.value = (i = _.value) == null ? void 0 : i.getFirstFocusableItemIndex() : m.value = E;
       } else
-        f.value = (w = p.value) == null ? void 0 : w.getFirstFocusableItemIndex();
+        m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex();
     }
-    function d() {
-      var s;
-      f.value = (s = p.value) == null ? void 0 : s.getLastFocusableItemIndex();
+    function a() {
+      var i;
+      m.value = (i = _.value) == null ? void 0 : i.getLastFocusableItemIndex();
     }
-    function b(s, w) {
-      var D;
-      f.value = (D = p.value) == null ? void 0 : D.getAdjacentItemIndex(s, w);
+    function f(i, w) {
+      var E;
+      m.value = (E = _.value) == null ? void 0 : E.getAdjacentItemIndex(i, w);
     }
-    function k(s) {
-      var w, D, G;
-      !((w = _.value) != null && w.contains(s.relatedTarget)) && !((G = (D = m.value) == null ? void 0 : D.fieldRef) != null && G.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
+    function g(i) {
+      var w, E, G;
+      !((w = p.value) != null && w.contains(i.relatedTarget)) && !((G = (E = h.value) == null ? void 0 : E.fieldRef) != null && G.contains(i.relatedTarget)) ? (H(), F()) : (i.preventDefault(), i.stopPropagation());
     }
-    function L() {
-      var s, w;
-      (w = (s = m.value) == null ? void 0 : s.inputRef) == null || w.focus();
+    function I() {
+      var i, w;
+      (w = (i = h.value) == null ? void 0 : i.inputRef) == null || w.focus();
     }
     function ue() {
       e("show");
     }
-    function Me() {
+    function Qe() {
       e("hide");
     }
-    function ke(s) {
-      var D;
-      const w = (D = p.value) == null ? void 0 : D.getItem(s);
+    function ye(i) {
+      var E;
+      const w = (E = _.value) == null ? void 0 : E.getItem(i);
       w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return F(
+    return A(
       () => l.modelValue,
-      (s) => {
-        a.value = s, Q();
+      (i) => {
+        r.value = i, F();
       }
-    ), F(f, (s) => {
-      s !== void 0 && ke(s);
-    }), F(i, (s) => {
-      !s && C.value ? Y() : r.value && l.selectionMode === "automatic" && P(c), e("update:inputValue", s);
-    }), t({
-      triggerEl: m
-    }), (s, w) => (u(), v(Z, null, [
-      W($(Yt), {
-        modelValue: i.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (D) => i.value = D),
+    ), A(m, (i) => {
+      i !== void 0 && ye(i);
+    }), A(d, (i) => {
+      !i && C.value ? U() : s.value && l.selectionMode === "automatic" && W(c), e("update:inputValue", i);
+    }), n({
+      triggerEl: h
+    }), (i, w) => (u(), v(J, null, [
+      j(y(Wt), {
+        modelValue: d.value,
+        "onUpdate:modelValue": w[0] || (w[0] = (E) => d.value = E),
         id: l.id,
         label: l.label,
         required: l.required,
         ref_key: "triggerEl",
-        ref: m,
+        ref: h,
         role: "combobox",
         placeholder: l.placeholder,
-        class: T(["q-combobox", l.class]),
+        class: V(["q-combobox", l.class]),
         readonly: l.readonly,
         disabled: l.disabled,
-        "aria-expanded": r.value,
+        "aria-expanded": s.value,
         "aria-haspopup": "listbox",
         "aria-autocomplete": "list",
         "aria-activedescendant": O.value,
         size: l.size,
         onClick: K,
-        onFocusout: k,
-        onKeydown: ne(h, ["stop"])
-      }, he({
-        "label.prepend": I(() => [
-          y(s.$slots, "label.prepend")
+        onFocusout: g,
+        onKeydown: te(Y, ["stop"])
+      }, pe({
+        "label.prepend": $(() => [
+          b(i.$slots, "label.prepend")
         ]),
-        "label.append": I(() => [
-          y(s.$slots, "label.append")
+        "label.append": $(() => [
+          b(i.$slots, "label.append")
         ]),
         _: 2
       }, [
-        s.$slots.prepend ? {
+        i.$slots.prepend ? {
           name: "prepend",
-          fn: I(() => [
-            y(s.$slots, "prepend")
+          fn: $(() => [
+            b(i.$slots, "prepend")
           ]),
           key: "0"
         } : void 0,
-        C.value && i.value || s.$slots.append ? {
+        C.value && d.value || i.$slots.append ? {
           name: "append",
-          fn: I(() => [
-            C.value && i.value ? (u(), x($(J), ee({ key: 0 }, l.icons.clear, {
+          fn: $(() => [
+            C.value && d.value ? (u(), x(y(ee), Z({ key: 0 }, l.icons.clear, {
               class: "q-combobox__clear",
-              onClick: ne(Y, ["stop", "prevent"])
-            }), null, 16)) : S("", !0),
-            y(s.$slots, "append")
+              onClick: te(U, ["stop", "prevent"])
+            }), null, 16)) : L("", !0),
+            b(i.$slots, "append")
           ]),
           key: "1"
         } : void 0,
-        s.$slots.extras ? {
+        i.$slots.extras ? {
           name: "extras",
-          fn: I(() => [
-            y(s.$slots, "extras")
+          fn: $(() => [
+            b(i.$slots, "extras")
           ]),
           key: "2"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      W($(de), {
-        "model-value": r.value,
+      j(y(de), {
+        "model-value": s.value,
         spy: "",
         trigger: "manual",
         placement: "bottom",
         width: "anchor",
         offset: 4,
-        anchor: m.value,
+        anchor: h.value,
         onEnter: ue,
-        onLeave: Me
+        onLeave: Qe
       }, {
-        default: I(() => {
-          var D;
+        default: $(() => {
+          var E;
           return [
-            j("div", {
+            P("div", {
               ref_key: "contentRef",
-              ref: _,
+              ref: p,
               class: "q-select__body",
-              onFocusout: k
+              onFocusout: g
             }, [
-              y(s.$slots, "body.prepend"),
-              l.loading ? (u(), x($(ge), {
+              b(i.$slots, "body.prepend"),
+              l.loading ? (u(), x(y(he), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : E.value.length ? (u(), x($(Qe), {
+              })) : T.value.length ? (u(), x(y(Ce), {
                 key: 1,
                 ref_key: "listRef",
-                ref: p,
+                ref: _,
                 class: "q-select__items",
-                modelValue: a.value,
+                modelValue: r.value,
                 "onUpdate:modelValue": [
-                  w[1] || (w[1] = (G) => a.value = G),
+                  w[1] || (w[1] = (G) => r.value = G),
                   X
                 ],
-                highlighted: (D = R.value) == null ? void 0 : D[l.itemValue],
-                items: E.value,
-                groups: s.groups,
+                highlighted: (E = Q.value) == null ? void 0 : E[l.itemValue],
+                items: T.value,
+                groups: i.groups,
                 "item-label": l.itemLabel,
                 "item-value": l.itemValue,
-                onMouseup: L
+                onMouseup: I
               }, {
-                item: I(({ item: G }) => [
-                  y(s.$slots, "item", { item: G })
+                item: $(({ item: G }) => [
+                  b(i.$slots, "item", { item: G })
                 ]),
                 _: 3
-              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", Pt, N(s.texts.noData), 1)),
-              y(s.$slots, "body.append")
+              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", jt, M(i.texts.noData), 1)),
+              b(i.$slots, "body.append")
             ], 544)
           ];
         }),
@@ -1602,16 +1563,16 @@ const Qt = ["role"], Rt = {
       }, 8, ["model-value", "anchor"])
     ], 64));
   }
-}), qn = V(en), tn = {
+}), qn = S(Yt), Zt = {
   key: 0,
   class: "q-input-group__prepend"
-}, nn = { key: 0 }, ln = {
+}, Jt = { key: 0 }, en = {
   key: 1,
   class: "q-input-group__append"
-}, on = { key: 0 }, an = /* @__PURE__ */ B({
+}, tn = { key: 0 }, nn = /* @__PURE__ */ B({
   __name: "QInputGroup",
   props: {
-    id: { default: () => te() },
+    id: { default: void 0 },
     label: { default: "" },
     required: { type: Boolean },
     prependIcon: { default: void 0 },
@@ -1619,55 +1580,55 @@ const Qt = ["role"], Rt = {
     size: { default: "large" },
     class: { default: void 0 }
   },
-  setup(n) {
-    const t = n;
-    return Ee({
+  setup(t) {
+    const n = t;
+    return De({
       QField: {
         size: "block"
       }
-    }), (o, e) => (u(), x($(_e), {
-      id: t.id,
-      class: T(["q-input-group", t.class]),
-      label: t.label,
-      required: t.required,
-      size: t.size
+    }), (o, e) => (u(), x(y(be), {
+      id: n.id,
+      class: V(["q-input-group", n.class]),
+      label: n.label,
+      required: n.required,
+      size: n.size
     }, {
-      default: I(() => [
-        o.$slots.prepend || t.prependIcon ? (u(), v("div", tn, [
-          t.prependIcon ? (u(), v("span", nn, [
-            W($(J), ie(me(t.prependIcon)), null, 16)
-          ])) : S("", !0),
-          y(o.$slots, "prepend")
-        ])) : S("", !0),
-        y(o.$slots, "default"),
-        o.$slots.append || t.appendIcon ? (u(), v("div", ln, [
-          t.appendIcon ? (u(), v("span", on, [
-            W($(J), ie(me(t.appendIcon)), null, 16)
-          ])) : S("", !0),
-          y(o.$slots, "append")
-        ])) : S("", !0)
+      default: $(() => [
+        o.$slots.prepend || n.prependIcon ? (u(), v("div", Zt, [
+          n.prependIcon ? (u(), v("span", Jt, [
+            j(y(ee), re(ke(n.prependIcon)), null, 16)
+          ])) : L("", !0),
+          b(o.$slots, "prepend")
+        ])) : L("", !0),
+        b(o.$slots, "default"),
+        o.$slots.append || n.appendIcon ? (u(), v("div", en, [
+          n.appendIcon ? (u(), v("span", tn, [
+            j(y(ee), re(ke(n.appendIcon)), null, 16)
+          ])) : L("", !0),
+          b(o.$slots, "append")
+        ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), Sn = V(an), sn = /* @__PURE__ */ B({
+}), In = S(nn), ln = /* @__PURE__ */ B({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
-  setup(n) {
-    const t = n;
+  setup(t) {
+    const n = t;
     return (o, e) => (u(), v("div", {
-      class: T(["q-line-loader", t.class])
+      class: V(["q-line-loader", n.class])
     }, null, 2));
   }
-}), Ln = V(sn), rn = {
+}), Ln = S(ln), on = {
   key: 0,
   class: "q-popover__header"
-}, dn = {
+}, an = {
   key: 1,
   class: "q-popover__body"
-}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ B({
+}, sn = ["innerHTML"], rn = { key: 1 }, dn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1678,251 +1639,259 @@ const Qt = ["role"], Rt = {
     disabled: { type: Boolean },
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
-    spy: { type: Boolean, default: !0 },
     text: {},
     title: {}
   },
-  setup(n) {
-    const t = n;
-    return (o, e) => (u(), x($(de), {
-      "model-value": t.modelValue,
+  setup(t) {
+    const n = t;
+    return (o, e) => (u(), x(y(de), {
+      "model-value": n.modelValue,
       class: "q-popover",
       trigger: "click",
-      anchor: t.anchor,
-      arrow: t.arrow,
-      attach: t.attach,
-      disabled: t.disabled,
-      placement: t.placement,
-      spy: t.spy
+      anchor: n.anchor,
+      arrow: n.arrow,
+      attach: n.attach,
+      disabled: n.disabled,
+      placement: n.placement
     }, {
-      default: I(() => [
-        t.title || o.$slots.header ? (u(), v("h3", rn, [
-          ae(N(t.title) + " ", 1),
-          y(o.$slots, "header")
-        ])) : S("", !0),
-        t.text || o.$slots.body ? (u(), v("div", dn, [
-          t.html ? (u(), v("span", {
+      default: $(() => [
+        n.title || o.$slots.header ? (u(), v("h3", on, [
+          oe(M(n.title) + " ", 1),
+          b(o.$slots, "header")
+        ])) : L("", !0),
+        n.text || o.$slots.body ? (u(), v("div", an, [
+          n.html ? (u(), v("span", {
             key: 0,
-            innerHTML: t.text
-          }, null, 8, un)) : (u(), v("span", cn, N(t.text), 1)),
-          y(o.$slots, "body")
-        ])) : S("", !0)
+            innerHTML: n.text
+          }, null, 8, sn)) : (u(), v("span", rn, M(n.text), 1)),
+          b(o.$slots, "body")
+        ])) : L("", !0)
       ]),
       _: 3
-    }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
+    }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), Bn = V(fn), pn = {
+}), Bn = S(dn), un = {
   key: 0,
   class: "q-select__value"
-}, mn = {
+}, cn = {
   key: 1,
   class: "q-select__placeholder"
-}, vn = {
+}, fn = {
+  key: 0,
+  class: "q-select__loader"
+}, pn = {
   placeholder: "Choose..."
-}, hn = {
+}, mn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, bn = /* @__PURE__ */ B({
+}, vn = /* @__PURE__ */ B({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => te() },
+    id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => hn },
+    icons: { default: () => mn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => vn },
+    texts: { default: () => pn },
     class: { default: "" }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
-  setup(n, { emit: t }) {
-    const o = t, e = n, l = q(e.modelValue), a = q(!1), r = q(""), i = q(null), f = q(null), m = q(null), p = g(
+  setup(t, { emit: n }) {
+    const o = n, e = t, l = q(e.modelValue), r = q(!1), s = q(""), d = q(null), m = q(null), h = q(null), _ = k(
       () => {
         var c;
-        return (c = e.items) == null ? void 0 : c.find((d) => d[e.itemValue] === l.value);
+        return (c = e.items) == null ? void 0 : c.find((a) => a[e.itemValue] === l.value);
       }
-    ), _ = g(
-      () => p.value ? p.value[e.itemLabel] : ""
-    ), C = g(
+    ), p = k(
+      () => _.value ? _.value[e.itemLabel] : ""
+    ), C = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function E(c) {
-      l.value = c, o("update:modelValue", c), H();
+    function T(c) {
+      l.value = c, o("update:modelValue", c), z();
     }
-    function A() {
-      C.value && E(void 0);
+    function D() {
+      C.value && T(void 0);
     }
-    function R() {
-      e.readonly || e.disabled || (a.value ? H() : z());
+    function Q() {
+      e.readonly || e.disabled || (r.value ? z() : R());
     }
     function O(c) {
-      var d, b, k;
-      !((d = m.value) != null && d.contains(c.relatedTarget)) && !((k = (b = i.value) == null ? void 0 : b.fieldRef) != null && k.contains(c.relatedTarget)) && H();
+      var a, f, g;
+      !((a = h.value) != null && a.contains(c.relatedTarget)) && !((g = (f = d.value) == null ? void 0 : f.fieldRef) != null && g.contains(c.relatedTarget)) && z();
     }
-    function z() {
-      a.value || (o("before-show"), a.value = !0);
+    function R() {
+      r.value || (o("before-show"), r.value = !0);
     }
-    function H() {
-      a.value && (o("before-hide"), a.value = !1);
+    function z() {
+      r.value && (o("before-hide"), r.value = !1);
     }
     let X;
-    function Q(c) {
+    function F(c) {
       if (!(!c.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(X), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (a.value = !0), ["Escape", "Tab"].includes(c.key) && (a.value ? a.value = !1 : e.clearable && c.key === "Escape" && A()), c.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(c.key)) {
-          r.value += c.key.toLowerCase();
-          for (let d = 0; d < e.items.length; d++)
-            if (e.items[d][e.itemLabel].toLowerCase().startsWith(r.value)) {
-              h(d);
+        if (window.clearTimeout(X), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (r.value = !0), ["Escape", "Tab"].includes(c.key) && (r.value ? r.value = !1 : e.clearable && c.key === "Escape" && D()), c.key === "Delete" && e.clearable && D(), /^[a-z]$/i.test(c.key)) {
+          s.value += c.key.toLowerCase();
+          for (let a = 0; a < e.items.length; a++)
+            if (e.items[a][e.itemLabel].toLowerCase().startsWith(s.value)) {
+              Y(a);
               break;
             }
         }
         X = window.setTimeout(function() {
-          r.value = "";
+          s.value = "";
         }, 500);
       }
     }
-    function M() {
+    function N() {
       var c;
-      e.loading ? (c = m.value) == null || c.focus() : K(), o("show");
+      e.loading ? (c = h.value) == null || c.focus() : K(), o("show");
     }
-    function U() {
-      Y(), o("hide");
+    function H() {
+      U(), o("hide");
     }
-    function Y() {
-      var c, d;
-      (d = (c = i.value) == null ? void 0 : c.fieldRef) == null || d.focus();
+    function U() {
+      var c, a;
+      (a = (c = d.value) == null ? void 0 : c.fieldRef) == null || a.focus();
     }
     function K() {
       var c;
-      (c = f.value) == null || c.$el.focus();
+      (c = m.value) == null || c.$el.focus();
     }
-    function h(c) {
-      var d;
-      (d = f.value) == null || d.focusItem(c);
+    function Y(c) {
+      var a;
+      (a = m.value) == null || a.focusItem(c);
     }
-    return F(
+    return A(
       () => e.modelValue,
       (c) => {
         l.value = c;
       }
-    ), F(
+    ), A(
       () => e.loading,
       (c) => {
-        !c && a.value && P(K);
+        !c && r.value && W(K);
       }
-    ), (c, d) => {
-      var b;
-      return u(), v(Z, null, [
-        W($(_e), {
+    ), (c, a) => {
+      var f;
+      return u(), v(J, null, [
+        j(y(be), {
           id: e.id,
           label: e.label,
           required: e.required,
           ref_key: "triggerEl",
-          ref: i,
+          ref: d,
           role: "combobox",
-          tabindex: "0",
-          class: T([
+          tabindex: e.disabled ? -1 : 0,
+          class: V([
             "q-select",
             {
               "q-select--readonly": e.readonly,
               "q-select--disabled": e.disabled,
-              "q-select--expanded": a.value
+              "q-select--expanded": r.value
             },
             e.class
           ]),
           readonly: e.readonly,
           disabled: e.disabled,
-          "aria-expanded": a.value,
+          "aria-expanded": r.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: R,
-          onKeydown: ne(Q, ["stop"])
-        }, he({
-          append: I(() => [
-            C.value && l.value ? (u(), x($(J), ee({ key: 0 }, e.icons.clear, {
+          onClick: Q,
+          onKeydown: te(F, ["stop"])
+        }, pe({
+          append: $(() => [
+            b(c.$slots, "append"),
+            C.value && l.value ? (u(), x(y(ee), Z({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: ne(A, ["stop", "prevent"])
-            }), null, 16)) : S("", !0),
-            e.readonly ? S("", !0) : (u(), x($(J), ee({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
+              onClick: te(D, ["stop", "prevent"])
+            }), null, 16)) : L("", !0),
+            e.readonly ? L("", !0) : (u(), x(y(ee), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
-          default: I(() => [
-            l.value !== void 0 ? (u(), v("span", pn, N(_.value), 1)) : (u(), v("span", mn, [
-              !e.readonly && !e.disabled ? (u(), v(Z, { key: 0 }, [
-                ae(N(c.texts.placeholder), 1)
-              ], 64)) : S("", !0)
+          default: $(() => [
+            l.value !== void 0 ? (u(), v("span", un, M(p.value), 1)) : (u(), v("span", cn, [
+              !e.readonly && !e.disabled ? (u(), v(J, { key: 0 }, [
+                oe(M(c.texts.placeholder), 1)
+              ], 64)) : L("", !0)
             ]))
           ]),
           _: 2
         }, [
-          (b = p.value) != null && b.icon ? {
+          (f = _.value) != null && f.icon || c.$slots.prepend ? {
             name: "prepend",
-            fn: I(() => {
-              var k;
+            fn: $(() => {
+              var g, I;
               return [
-                W($(J), ie(me((k = p.value) == null ? void 0 : k.icon)), null, 16)
+                b(c.$slots, "prepend"),
+                (g = _.value) != null && g.icon ? (u(), x(y(ee), re(Z({ key: 0 }, (I = _.value) == null ? void 0 : I.icon)), null, 16)) : L("", !0)
               ];
             }),
             key: "0"
+          } : void 0,
+          c.$slots.extras ? {
+            name: "extras",
+            fn: $(() => [
+              b(c.$slots, "extras")
+            ]),
+            key: "1"
           } : void 0
-        ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        W($(de), {
-          "model-value": a.value,
+        ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
+        j(y(de), {
+          "model-value": r.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
-          anchor: i.value,
+          anchor: d.value,
           offset: 2,
-          onEnter: M,
-          onLeave: U
+          onEnter: N,
+          onLeave: H
         }, {
-          default: I(() => [
-            j("div", {
+          default: $(() => [
+            P("div", {
               ref_key: "contentRef",
-              ref: m,
+              ref: h,
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: O,
-              onKeydown: ne(Q, ["stop"])
+              onKeydown: te(F, ["stop"])
             }, [
-              y(c.$slots, "body.prepend"),
-              e.loading ? (u(), x($(ge), {
-                key: 0,
-                class: "q-select__loader",
-                size: 24
-              })) : (u(), x($(Qe), {
+              b(c.$slots, "body.prepend"),
+              e.loading ? (u(), v("div", fn, [
+                j(y(he), { size: 24 })
+              ])) : (u(), x(y(Ce), {
                 key: 1,
                 ref_key: "listRef",
-                ref: f,
+                ref: m,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
-                  d[0] || (d[0] = (k) => l.value = k),
-                  E
+                  a[0] || (a[0] = (g) => l.value = g),
+                  T
                 ],
                 items: e.items,
                 groups: c.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: I(({ item: k }) => [
-                  y(c.$slots, "item", { item: k })
+                item: $(({ item: g }) => [
+                  b(c.$slots, "item", { item: g })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              y(c.$slots, "body.append")
+              b(c.$slots, "body.append")
             ], 544)
           ]),
           _: 3
@@ -1930,11 +1899,24 @@ const Qt = ["role"], Rt = {
       ], 64);
     };
   }
-}), xn = V(bn), yn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ B({
+}), Sn = S(vn), hn = /* @__PURE__ */ B({
+  __name: "QThemeProvider",
+  props: {
+    theme: {}
+  },
+  setup(t) {
+    const n = t;
+    return (o, e) => (u(), v("div", {
+      class: V(["q-theme-provider", `q-theme--${n.theme}`])
+    }, [
+      b(o.$slots, "default")
+    ], 2));
+  }
+}), xn = S(hn), bn = ["innerHTML"], yn = { key: 1 }, gn = /* @__PURE__ */ B({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
-    id: { default: () => te() },
+    id: { default: void 0 },
     anchor: {},
     appearance: { default: "inverted" },
     arrow: { type: Boolean, default: !0 },
@@ -1947,61 +1929,63 @@ const Qt = ["role"], Rt = {
     trigger: { default: "hover" },
     class: { default: void 0 }
   },
-  setup(n) {
-    const t = n;
-    return (o, e) => (u(), v(Z, null, [
-      y(o.$slots, "anchor", {
-        props: { "aria-describedby": t.id }
+  setup(t) {
+    const n = t, o = ie(n.id);
+    return (e, l) => (u(), v(J, null, [
+      b(e.$slots, "anchor", {
+        props: { "aria-describedby": y(o) }
       }),
-      W($(de), {
-        "model-value": t.modelValue,
-        anchor: t.anchor,
+      j(y(de), {
+        "model-value": n.modelValue,
+        anchor: n.anchor,
         role: "tooltip",
-        id: t.id,
-        appearance: t.appearance,
-        arrow: t.arrow,
-        attach: t.attach,
-        class: T(["q-tooltip", t.class]),
-        delay: t.delay,
-        disabled: t.disabled,
-        placement: t.placement,
-        trigger: t.trigger
+        id: y(o),
+        appearance: n.appearance,
+        arrow: n.arrow,
+        attach: n.attach,
+        class: V(["q-tooltip", n.class]),
+        delay: n.delay,
+        disabled: n.disabled,
+        placement: n.placement,
+        trigger: n.trigger
       }, {
-        default: I(() => [
-          t.html ? (u(), v("span", {
+        default: $(() => [
+          n.html ? (u(), v("span", {
             key: 0,
-            innerHTML: t.text
-          }, null, 8, yn)) : (u(), v("span", gn, N(t.text), 1))
+            innerHTML: n.text
+          }, null, 8, bn)) : (u(), v("span", yn, M(n.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Vn = V(_n);
+}), Vn = S(gn);
 export {
-  ut as QButton,
-  ft as QButtonGroup,
-  In as QButtonToggle,
+  it as QButton,
+  dt as QButtonGroup,
+  $n as QButtonToggle,
   qn as QCombobox,
-  _e as QField,
-  J as QIcon,
-  wt as QIconFont,
-  $t as QIconImg,
-  It as QIconSvg,
-  Sn as QInputGroup,
+  be as QField,
+  ee as QIcon,
+  gt as QIconFont,
+  _t as QIconImg,
+  kt as QIconSvg,
+  In as QInputGroup,
   Ln as QLineLoader,
-  Qe as QList,
-  zt as QListItem,
-  Ct as QListItemGroup,
+  Ce as QList,
+  Et as QListItem,
+  Dt as QListItemGroup,
   de as QOverlay,
   Bn as QPopover,
-  xn as QSelect,
-  ge as QSpinnerLoader,
-  Yt as QTextField,
+  Sn as QSelect,
+  he as QSpinnerLoader,
+  Wt as QTextField,
+  xn as QThemeProvider,
   Vn as QTooltip,
-  $n as createFramework,
-  Ye as defaultDarkColorScheme,
-  Ie as defaultLightColorScheme,
-  wn as useTheme
+  wn as createFramework,
+  Ge as defaultDarkColorScheme,
+  $e as defaultLightColorScheme,
+  kn as provideTheme,
+  Ke as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map