@quidgest/ui 0.16.17 → 0.16.19

package/dist/ui.esm.js

@@ -1,9 +1,9 @@
 var $o = Object.defineProperty;
 var xo = (t, e, a) => e in t ? $o(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var be = (t, e, a) => xo(t, typeof e != "symbol" ? e + "" : e, a);
-import { getCurrentInstance as _l, computed as k, ref as K, provide as kl, inject as Ha, unref as u, isRef as dn, watch as Pe, defineComponent as pe, mergeModels as Se, toRef as Fe, useModel as Ve, createElementBlock as D, openBlock as m, normalizeClass as ie, renderSlot as C, normalizeStyle as Ke, withModifiers as ht, createCommentVNode as L, createElementVNode as ee, createVNode as ge, createTextVNode as Je, toDisplayString as De, useAttrs as $l, createBlock as re, resolveDynamicComponent as ea, withCtx as H, Fragment as we, h as cn, mergeProps as Te, withKeys as fn, normalizeProps as Ee, guardReactiveProps as Qe, useSlots as Qt, useTemplateRef as Ua, createSlots as Ye, withDirectives as Ft, vModelDynamic as Do, vModelText as xl, renderList as Ne, useId as To, onMounted as et, onUnmounted as xt, readonly as Mo, customRef as Ao, getCurrentScope as Vr, onScopeDispose as Dl, shallowRef as ll, nextTick as je, toValue as kn, reactive as Gt, onBeforeUnmount as Co, Teleport as Fr, Transition as Yt, render as tr, onBeforeUpdate as Po, vShow as un, resolveComponent as qo, vModelCheckbox as So, toHandlers as Oo, TransitionGroup as Io } from "vue";
+import { getCurrentInstance as _l, computed as k, ref as K, provide as kl, inject as Ha, unref as u, isRef as dn, watch as Pe, defineComponent as pe, mergeModels as Se, toRef as Fe, useModel as Ve, createElementBlock as D, openBlock as m, normalizeClass as ie, renderSlot as C, normalizeStyle as Ke, withModifiers as pt, createCommentVNode as L, createElementVNode as ee, createVNode as ge, createTextVNode as Je, toDisplayString as De, useAttrs as $l, createBlock as re, resolveDynamicComponent as ea, withCtx as H, Fragment as we, h as cn, mergeProps as Te, withKeys as fn, normalizeProps as Ee, guardReactiveProps as Qe, useSlots as Qt, useTemplateRef as Ua, createSlots as Ye, withDirectives as Ft, vModelDynamic as Do, vModelText as xl, renderList as Ne, useId as To, onMounted as et, onUnmounted as xt, readonly as Mo, customRef as Ao, getCurrentScope as Vr, onScopeDispose as Dl, shallowRef as ll, nextTick as je, toValue as kn, reactive as Gt, onBeforeUnmount as Co, Teleport as Fr, Transition as Yt, render as tr, onBeforeUpdate as Po, vShow as un, resolveComponent as qo, vModelCheckbox as So, toHandlers as Oo, TransitionGroup as Io } from "vue";
 /*!
- * Quidgest UI v0.16.17
+ * Quidgest UI v0.16.19
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -44,42 +44,42 @@ const rl = {
   onInfo: "#fff",
   onNeutral: "#fff"
 }, Yr = {
-  primary: "#008ad2",
-  primaryLight: "#006398",
-  primaryDark: "#cde5ff",
-  secondary: "#003552",
-  secondaryLight: "#001425",
-  secondaryDark: "#e6eef3",
-  highlight: "#ff8241",
-  highlightLight: "#cc4700",
-  highlightDark: "#ffe4d6",
-  info: "#17a2b8",
-  infoLight: "#11798a",
-  infoDark: "#bceff7",
-  success: "#28a745",
-  successLight: "#1e7d34",
-  successDark: "#c2f0cd",
-  warning: "#ffa900",
-  warningLight: "#bf7f00",
-  warningDark: "#ffeabf",
-  danger: "#b71c1c",
-  dangerLight: "#891515",
-  dangerDark: "#f7cccc",
-  background: "#202428",
-  container: "#202428",
-  neutral: "#9299a0",
-  neutralLight: "#40474f",
-  neutralDark: "#c4c5ca",
-  onBackground: "#fff",
-  onPrimary: "#fff",
-  onSecondary: "#fff",
-  onHighlight: "#fff",
-  onSuccess: "#fff",
-  onWarning: "#fff",
-  onDanger: "#fff",
-  onInfo: "#fff",
-  onNeutral: "#fff"
-}, Dg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  primary: "#4da6e0",
+  primaryLight: "#2d8bc7",
+  primaryDark: "#87c4e8",
+  secondary: "#4a6b82",
+  secondaryLight: "#2c4a5e",
+  secondaryDark: "#6b8ca3",
+  highlight: "#ff9966",
+  highlightLight: "#e67344",
+  highlightDark: "#ffb088",
+  info: "#3bb5d1",
+  infoLight: "#2a9bb8",
+  infoDark: "#66c7dd",
+  success: "#4caf50",
+  successLight: "#388e3c",
+  successDark: "#81c784",
+  warning: "#ffb74d",
+  warningLight: "#e67e22",
+  warningDark: "#ffcc80",
+  danger: "#e57373",
+  dangerLight: "#c62828",
+  dangerDark: "#ef9a9a",
+  background: "#121212",
+  container: "#1e1e1e",
+  neutral: "#9e9e9e",
+  neutralLight: "#666666",
+  neutralDark: "#d0d0d0",
+  onBackground: "#ffffff",
+  onPrimary: "#ffffff",
+  onSecondary: "#ffffff",
+  onHighlight: "#ffffff",
+  onSuccess: "#ffffff",
+  onWarning: "#000000",
+  onDanger: "#ffffff",
+  onInfo: "#ffffff",
+  onNeutral: "#000000"
+}, xg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   defaultDarkColorScheme: Yr,
   defaultLightColorScheme: rl
@@ -485,7 +485,7 @@ const Go = ["id", "disabled"], Zo = {
       class: ie(i.value),
       disabled: l.value,
       style: Ke(f.value),
-      onClick: ht(r, ["stop", "prevent"])
+      onClick: pt(r, ["stop", "prevent"])
     }, [
       a.loading ? (m(), D("div", Zo, [
         ge(u(ja))
@@ -1035,7 +1035,7 @@ const Ai = /* @__PURE__ */ pe({
       role: r.value ? "button" : "presentation",
       style: Ke(f.value),
       tabindex: r.value ? 0 : void 0,
-      onKeydown: fn(ht(p, ["stop", "prevent"]), ["enter"])
+      onKeydown: fn(pt(p, ["stop", "prevent"]), ["enter"])
     }, [
       a.variant === "tonal" ? (m(), D("div", Ii)) : L("", !0),
       ee("div", Ei, [
@@ -1188,7 +1188,7 @@ const Ai = /* @__PURE__ */ pe({
           key: "0"
         } : void 0
       ]), 1032, ["for", "label", "required"])) : L("", !0),
-      ee("input", Te({
+      ee("input", {
         ref: "inputEl",
         type: "checkbox",
         class: "q-checkbox__native-input",
@@ -1198,23 +1198,25 @@ const Ai = /* @__PURE__ */ pe({
         "aria-readonly": e.readonly,
         tabindex: "-1",
         "aria-hidden": "true"
-      }, o.$attrs), null, 16, zi),
-      ee("button", {
+      }, null, 8, zi),
+      ee("button", Te({
         id: u(n),
         role: "checkbox",
         type: "button",
         class: "q-checkbox__input",
+        "data-testid": "checkbox-button",
         "aria-checked": e.indeterminate ? "mixed" : a.value,
-        disabled: e.disabled || e.readonly,
-        onClick: ht(s, ["prevent"]),
+        disabled: e.disabled || e.readonly
+      }, o.$attrs, {
+        onClick: pt(s, ["prevent"]),
         onKeydown: [
-          fn(ht(s, ["prevent"]), ["space"]),
-          i[0] || (i[0] = fn(ht(() => {
+          fn(pt(s, ["prevent"]), ["space"]),
+          i[0] || (i[0] = fn(pt(() => {
           }, ["prevent"]), ["enter"]))
         ]
-      }, [
+      }), [
         a.value || o.indeterminate ? (m(), re(u(Ue), Te({ key: 0 }, a.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }), null, 16)) : L("", !0)
-      ], 40, Qi),
+      ], 16, Qi),
       e.label && e.labelPlacement === "right" ? (m(), re(u(ol), {
         key: 1,
         for: u(n),
@@ -1899,7 +1901,7 @@ const Ai = /* @__PURE__ */ pe({
       "aria-label": a.label,
       "aria-selected": a.disabled ? void 0 : l.value,
       onKeydown: i,
-      onClick: ht(o, ["stop", "prevent"])
+      onClick: pt(o, ["stop", "prevent"])
     }, [
       C(f.$slots, "prepend"),
       ee("div", hu, [
@@ -3594,7 +3596,7 @@ const Rd = ["id"], Ld = ["role"], Bd = /* @__PURE__ */ pe({
               borderless: "",
               tabindex: "-1",
               disabled: n.disabled,
-              onMousedown: ht(S, ["stop", "prevent"])
+              onMousedown: pt(S, ["stop", "prevent"])
             }, {
               default: H(() => [
                 ge(u(pn), {
@@ -6921,10 +6923,10 @@ Ql.compatConfig = {
 };
 const _t = (t, e) => e ? new Date(t.toLocaleString("en-US", { timeZone: e })) : new Date(t), Wl = (t, e, a) => ml(t, e, a) || oe(), Zf = (t, e, a) => {
   const n = e.dateInTz ? _t(new Date(t), e.dateInTz) : oe(t);
-  return a ? pt(n, !0) : n;
+  return a ? mt(n, !0) : n;
 }, ml = (t, e, a) => {
   if (!t) return null;
-  const n = a ? pt(oe(t), !0) : oe(t);
+  const n = a ? mt(oe(t), !0) : oe(t);
   return e ? e.exactMatch ? Zf(t, e, a) : _t(n, e.timezone) : n;
 }, Jf = (t) => {
   const e = new Date(t.getFullYear(), 0, 1).getTimezoneOffset();
@@ -6934,7 +6936,7 @@ const _t = (t, e) => e ? new Date(t.toLocaleString("en-US", { timeZone: e })) :
   const a = /* @__PURE__ */ new Date(), n = new Date(a.toLocaleString("en-US", { timeZone: "UTC" })), l = new Date(a.toLocaleString("en-US", { timeZone: t })), r = (Jf(e ?? l) ? l : e ?? l).getTimezoneOffset() / 60;
   return (+n - +l) / (1e3 * 60 * 60) - r;
 };
-var Tt = /* @__PURE__ */ ((t) => (t.month = "month", t.year = "year", t))(Tt || {}), Mt = /* @__PURE__ */ ((t) => (t.top = "top", t.bottom = "bottom", t))(Mt || {}), oa = /* @__PURE__ */ ((t) => (t.header = "header", t.calendar = "calendar", t.timePicker = "timePicker", t))(oa || {}), vt = /* @__PURE__ */ ((t) => (t.month = "month", t.year = "year", t.calendar = "calendar", t.time = "time", t.minutes = "minutes", t.hours = "hours", t.seconds = "seconds", t))(vt || {});
+var Tt = /* @__PURE__ */ ((t) => (t.month = "month", t.year = "year", t))(Tt || {}), Mt = /* @__PURE__ */ ((t) => (t.top = "top", t.bottom = "bottom", t))(Mt || {}), oa = /* @__PURE__ */ ((t) => (t.header = "header", t.calendar = "calendar", t.timePicker = "timePicker", t))(oa || {}), ht = /* @__PURE__ */ ((t) => (t.month = "month", t.year = "year", t.calendar = "calendar", t.time = "time", t.minutes = "minutes", t.hours = "hours", t.seconds = "seconds", t))(ht || {});
 const tp = ["timestamp", "date", "iso"];
 var bt = /* @__PURE__ */ ((t) => (t.up = "up", t.down = "down", t.left = "left", t.right = "right", t))(bt || {}), Ze = /* @__PURE__ */ ((t) => (t.arrowUp = "ArrowUp", t.arrowDown = "ArrowDown", t.arrowLeft = "ArrowLeft", t.arrowRight = "ArrowRight", t.enter = "Enter", t.space = " ", t.esc = "Escape", t.tab = "Tab", t.home = "Home", t.end = "End", t.pageUp = "PageUp", t.pageDown = "PageDown", t))(Ze || {}), _a = /* @__PURE__ */ ((t) => (t.MONTH_AND_YEAR = "MM-yyyy", t.YEAR = "yyyy", t.DATE = "dd-MM-yyyy", t))(_a || {});
 function xr(t) {
@@ -7080,15 +7082,15 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     t.getUTCSeconds()
   );
   return new Date(n).toISOString();
-}, pt = (t, e) => {
+}, mt = (t, e) => {
   const a = oe(JSON.parse(JSON.stringify(t))), n = Xe(a, { hours: 0, minutes: 0, seconds: 0, milliseconds: 0 });
   return e ? nc(n) : n;
 }, Kt = (t, e, a, n) => {
   let l = t ? oe(t) : oe();
   return (e || e === 0) && (l = Xf(l, +e)), (a || a === 0) && (l = Kf(l, +a)), (n || n === 0) && (l = Es(l, +n)), Is(l, 0);
-}, nt = (t, e) => !t || !e ? !1 : xa(pt(t), pt(e)), Be = (t, e) => !t || !e ? !1 : wa(pt(t), pt(e)), st = (t, e) => !t || !e ? !1 : ca(pt(t), pt(e)), Wa = (t, e, a) => t != null && t[0] && t != null && t[1] ? st(a, t[0]) && nt(a, t[1]) : t != null && t[0] && e ? st(a, t[0]) && nt(a, e) || nt(a, t[0]) && st(a, e) : !1, At = (t) => {
+}, nt = (t, e) => !t || !e ? !1 : xa(mt(t), mt(e)), Be = (t, e) => !t || !e ? !1 : wa(mt(t), mt(e)), st = (t, e) => !t || !e ? !1 : ca(mt(t), mt(e)), Wa = (t, e, a) => t != null && t[0] && t != null && t[1] ? st(a, t[0]) && nt(a, t[1]) : t != null && t[0] && e ? st(a, t[0]) && nt(a, e) || nt(a, t[0]) && st(a, e) : !1, At = (t) => {
   const e = Xe(new Date(t), { date: 1 });
-  return pt(e);
+  return mt(e);
 }, jn = (t, e, a) => e && (a || a === 0) ? Object.fromEntries(
   ["hours", "minutes", "seconds"].map((n) => n === e ? [n, a] : [n, isNaN(+t[n]) ? void 0 : +t[n]])
 ) : {
@@ -7176,7 +7178,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
   }
   return !0;
 }, Xs = (t, e, a) => typeof t == "function" ? t({ month: e, year: a }) : !!t.months.find((n) => n.month === e && n.year === a), Xl = (t, e) => typeof t == "function" ? t(e) : t.years.includes(e), yl = (t) => `dp-${Lt(t, "yyyy-MM-dd")}`, Cr = (t, e) => {
-  const a = Ss(pt(e), t), n = $t(pt(e), t);
+  const a = Ss(mt(e), t), n = $t(mt(e), t);
   return { before: a, after: n };
 }, La = Gt({
   menuFocused: !1,
@@ -7203,21 +7205,21 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     1: []
   },
   monthPicker: []
-}), Zn = K(null), rn = K(!1), Jn = K(!1), el = K(!1), tl = K(!1), mt = K(0), rt = K(0), aa = () => {
+}), Zn = K(null), rn = K(!1), Jn = K(!1), el = K(!1), tl = K(!1), vt = K(0), rt = K(0), aa = () => {
   const t = k(() => rn.value ? [...Ge.selectionGrid, Ge.actionRow].filter((d) => d.length) : Jn.value ? [
     ...Ge.timePicker[0],
     ...Ge.timePicker[1],
     tl.value ? [] : [Zn.value],
     Ge.actionRow
   ].filter((d) => d.length) : el.value ? [...Ge.monthPicker, Ge.actionRow] : [Ge.monthYear, ...Ge.calendar, Ge.time, Ge.actionRow].filter((d) => d.length)), e = (d) => {
-    mt.value = d ? mt.value + 1 : mt.value - 1;
+    vt.value = d ? vt.value + 1 : vt.value - 1;
     let v = null;
-    t.value[rt.value] && (v = t.value[rt.value][mt.value]), !v && t.value[rt.value + (d ? 1 : -1)] ? (rt.value = rt.value + (d ? 1 : -1), mt.value = d ? 0 : t.value[rt.value].length - 1) : v || (mt.value = d ? mt.value - 1 : mt.value + 1);
+    t.value[rt.value] && (v = t.value[rt.value][vt.value]), !v && t.value[rt.value + (d ? 1 : -1)] ? (rt.value = rt.value + (d ? 1 : -1), vt.value = d ? 0 : t.value[rt.value].length - 1) : v || (vt.value = d ? vt.value - 1 : vt.value + 1);
   }, a = (d) => {
-    rt.value === 0 && !d || rt.value === t.value.length && d || (rt.value = d ? rt.value + 1 : rt.value - 1, t.value[rt.value] ? t.value[rt.value] && !t.value[rt.value][mt.value] && mt.value !== 0 && (mt.value = t.value[rt.value].length - 1) : rt.value = d ? rt.value - 1 : rt.value + 1);
+    rt.value === 0 && !d || rt.value === t.value.length && d || (rt.value = d ? rt.value + 1 : rt.value - 1, t.value[rt.value] ? t.value[rt.value] && !t.value[rt.value][vt.value] && vt.value !== 0 && (vt.value = t.value[rt.value].length - 1) : rt.value = d ? rt.value - 1 : rt.value + 1);
   }, n = (d) => {
     let v = null;
-    t.value[rt.value] && (v = t.value[rt.value][mt.value]), v ? v.focus({ preventScroll: !rn.value }) : mt.value = d ? mt.value - 1 : mt.value + 1;
+    t.value[rt.value] && (v = t.value[rt.value][vt.value]), v ? v.focus({ preventScroll: !rn.value }) : vt.value = d ? vt.value - 1 : vt.value + 1;
   }, l = () => {
     e(!0), n(!0);
   }, r = () => {
@@ -7231,7 +7233,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
   }, f = (d, v) => {
     Ge[v] = d;
   }, p = () => {
-    mt.value = 0, rt.value = 0;
+    vt.value = 0, rt.value = 0;
   };
   return {
     buildMatrix: i,
@@ -7988,7 +7990,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         "aria-label": A.overlayLabel,
         tabindex: A.useRelative ? void 0 : "0",
         onKeydown: te,
-        onClick: P[0] || (P[0] = ht(() => {
+        onClick: P[0] || (P[0] = pt(() => {
         }, ["prevent"]))
       }, [
         ee("div", {
@@ -8016,7 +8018,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               "aria-disabled": c.disabled || void 0,
               tabindex: "0",
               "data-test-id": c.text,
-              onClick: ht((de) => se(c), ["prevent"]),
+              onClick: pt((de) => se(c), ["prevent"]),
               onKeydown: (de) => u(wt)(de, () => se(c), !0),
               onMouseover: (de) => G(c.value)
             }, [
@@ -8325,7 +8327,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       U(se, F);
     }
   }, S = (F, ne = !1, se) => {
-    ne || p("reset-flow"), se !== void 0 ? v.value[F] = se : v.value[F] = !v.value[F], v.value[F] ? p("overlay-toggle", { open: !0, overlay: vt.year }) : (p("overlay-closed"), p("overlay-toggle", { open: !1, overlay: vt.year }));
+    ne || p("reset-flow"), se !== void 0 ? v.value[F] = se : v.value[F] = !v.value[F], v.value[F] ? p("overlay-toggle", { open: !0, overlay: ht.year }) : (p("overlay-closed"), p("overlay-toggle", { open: !1, overlay: ht.year }));
   };
   return {
     isDisabled: h,
@@ -8592,7 +8594,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     selectYear: (x) => {
       var T;
       if (e("update-month-year", { instance: 0, year: x }), s.value.enabled)
-        return n.value ? Array.isArray(n.value) && (((T = n.value) == null ? void 0 : T.map(($) => Ce($))).includes(x) ? n.value = n.value.filter(($) => Ce($) !== x) : n.value.push(Rt(pt(oe()), x))) : n.value = [Rt(pt(za(oe())), x)], e("auto-apply", !0);
+        return n.value ? Array.isArray(n.value) && (((T = n.value) == null ? void 0 : T.map(($) => Ce($))).includes(x) ? n.value = n.value.filter(($) => Ce($) !== x) : n.value.push(Rt(mt(oe()), x))) : n.value = [Rt(mt(za(oe())), x)], e("auto-apply", !0);
       i.value.enabled ? (n.value = Gl(n, M(x), e), je().then(() => {
         qn(n.value, e, t.autoApply, t.modelAuto);
       })) : (n.value = M(x), e("auto-apply"));
@@ -9009,7 +9011,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         B.push(Q(0));
       return B;
     }), S = (B, te = !1, z = "") => {
-      te || n("reset-flow"), Y.value = B, n(B ? "overlay-opened" : "overlay-closed", vt.time), l.arrowNavigation && s(B), je(() => {
+      te || n("reset-flow"), Y.value = B, n(B ? "overlay-opened" : "overlay-closed", ht.time), l.arrowNavigation && s(B), je(() => {
         z !== "" && T.value[0] && T.value[0].openChildCmp(z);
       });
     }, F = k(() => ({
@@ -9396,9 +9398,9 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     })), b = (P, V, X) => {
       X !== void 0 ? P.value = X : P.value = !P.value, P.value ? (Q.value = !0, n("overlay-opened", V)) : (Q.value = !1, n("overlay-closed", V));
     }, I = (P = !1, V) => {
-      B(P), b(U, vt.month, V);
+      B(P), b(U, ht.month, V);
     }, G = (P = !1, V) => {
-      B(P), b(Y, vt.year, V);
+      B(P), b(Y, ht.year, V);
     }, B = (P) => {
       P || n("reset-flow");
     }, te = (P, V) => {
@@ -9646,8 +9648,8 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     });
     const S = (Z) => Z ? l.vertical ? "vNext" : "next" : l.vertical ? "vPrevious" : "previous", F = (Z, qe) => {
       if (l.transitions) {
-        const ae = pt(Vt(oe(), l.month, l.year));
-        T.value = st(pt(Vt(oe(), Z, qe)), ae) ? s.value[S(!0)] : s.value[S(!1)], x.value = !1, je(() => {
+        const ae = mt(Vt(oe(), l.month, l.year));
+        T.value = st(mt(Vt(oe(), Z, qe)), ae) ? s.value[S(!0)] : s.value[S(!1)], x.value = !1, je(() => {
           x.value = !0;
         });
       }
@@ -9779,7 +9781,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                     "aria-label": (me = (ye = u(i)) == null ? void 0 : ye.day) == null ? void 0 : me.call(ye, g),
                     tabindex: !g.current && Z.hideOffsetDates ? void 0 : 0,
                     "data-test-id": u(yl)(g.value),
-                    onClick: ht((Ie) => R(Ie, g), ["prevent"]),
+                    onClick: pt((Ie) => R(Ie, g), ["prevent"]),
                     onTouchend: (Ie) => R(Ie, g, !1),
                     onKeydown: (Ie) => u(wt)(Ie, () => Z.$emit("select-date", g)),
                     onMouseenter: (Ie) => G(g, ve, fe),
@@ -9999,7 +10001,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     const Me = [], J = new Date(ce, W), he = new Date(ce, W + 1, 0), ke = t.weekStart, Ot = Pt(J, { weekStartsOn: ke }), Dt = (ma) => {
       const Sa = Re(ma, W);
       if (Me.push({ days: Sa }), !Me[Me.length - 1].days.some(
-        (Wt) => Be(pt(Wt.value), pt(he))
+        (Wt) => Be(mt(Wt.value), mt(he))
       )) {
         const Wt = $t(ma, 7);
         Dt(Wt);
@@ -10056,7 +10058,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     var Me;
     b(W, ce.month, ce.year, !0), v.value.count && !v.value.solo && Oe(W), e("update-month-year", { instance: W, month: ce.month, year: ce.year }), a(v.value.solo ? W : void 0);
     const J = (Me = t.flow) != null && Me.length ? t.flow[t.flowStep] : void 0;
-    !ce.fromNav && (J === vt.month || J === vt.year) && n();
+    !ce.fromNav && (J === ht.month || J === ht.year) && n();
   }, Rn = (W, ce) => {
     Zs({
       value: W,
@@ -10210,7 +10212,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     }, Oe = (ae) => {
       $(0, { month: s.value(0), year: o.value(0) + (ae ? 1 : -1), fromNav: !0 });
     }, Z = (ae, ve) => {
-      ae === vt.time && n(`time-picker-${ve ? "open" : "close"}`), n("overlay-toggle", { open: ve, overlay: ae });
+      ae === ht.time && n(`time-picker-${ve ? "open" : "close"}`), n("overlay-toggle", { open: ve, overlay: ae });
     }, qe = (ae) => {
       n("overlay-toggle", { open: !1, overlay: ae }), n("focus-menu");
     };
@@ -10756,7 +10758,7 @@ const vl = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                 class: ie(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": t.collapse }]),
                 "data-test-id": xe.testId ?? void 0,
                 "data-dp-mobile": u(w),
-                onClick: ht((ut) => g(xe.value, xe.noTz), ["prevent"]),
+                onClick: pt((ut) => g(xe.value, xe.noTz), ["prevent"]),
                 onKeydown: (ut) => u(wt)(ut, () => g(xe.value, xe.noTz), !0)
               }, De(xe.label), 47, Nm))
             ], 64))), 128))
@@ -11327,9 +11329,9 @@ const Ym = ({
     var _, w;
     t.flow[n.value] === d && a.value && ((w = (_ = a.value)[v]) == null || w.call(_, ...h));
   }, p = (d = 0) => {
-    d && (n.value += d), f(vt.month, "toggleMonthPicker", !0), f(vt.year, "toggleYearPicker", !0), f(vt.calendar, "toggleTimePicker", !1, !0), f(vt.time, "toggleTimePicker", !0, !0);
+    d && (n.value += d), f(ht.month, "toggleMonthPicker", !0), f(ht.year, "toggleYearPicker", !0), f(ht.calendar, "toggleTimePicker", !1, !0), f(ht.time, "toggleTimePicker", !0, !0);
     const v = t.flow[n.value];
-    (v === vt.hours || v === vt.minutes || v === vt.seconds) && f(v, "toggleTimePicker", !0, !0, v);
+    (v === ht.hours || v === ht.minutes || v === ht.seconds) && f(v, "toggleTimePicker", !0, !0, v);
   };
   return { childMount: s, updateFlowStep: o, resetFlow: i, handleFlow: p, flowStep: n };
 }, Um = {
@@ -11529,7 +11531,7 @@ const Ym = ({
             class: "dp--clear-btn",
             type: "button",
             onKeydown: A[4] || (A[4] = (le) => u(wt)(le, () => q(le), !0, te)),
-            onClick: A[5] || (A[5] = ht((le) => q(le), ["prevent"]))
+            onClick: A[5] || (A[5] = pt((le) => q(le), ["prevent"]))
           }, [
             ge(u(Ls), {
               class: "dp__input_icons",
@@ -12920,7 +12922,7 @@ const Mv = ["value", "placeholder", "disabled", "readonly", "required", "onInput
             class: "q-dropdown-menu__body",
             "data-testid": "dropdown-content",
             tabindex: "-1",
-            onKeydown: ht(v, ["stop"])
+            onKeydown: pt(v, ["stop"])
           }, [
             ge(u(An), {
               ref: "qListRef",
@@ -13961,13 +13963,13 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
     }, [
       ee("td", {
         class: ie(s.value),
-        onClick: ht(f, ["prevent", "stop"])
+        onClick: pt(f, ["prevent", "stop"])
       }, [
         ee("div", null, De(a.field.label), 1)
       ], 2),
       ee("td", {
         class: "q-property-list__cell",
-        onClick: ht(f, ["prevent", "stop"])
+        onClick: pt(f, ["prevent", "stop"])
       }, [
         C(d.$slots, "default", {}, () => [
           a.field.component ? (m(), D("div", ny, [
@@ -14415,7 +14417,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: w,
-              onKeydown: ht($, ["stop"])
+              onKeydown: pt($, ["stop"])
             }, [
               C(S.$slots, "body.prepend"),
               a.loading ? (m(), D("div", Ay, [
@@ -14791,13 +14793,13 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       ee("div", { class: "q-skeleton-loader__bone" }, null, -1)
     ]), 14, zy));
   }
-}), Wy = _e(Qy), Hy = { class: "q-switch__container" }, Uy = ["id", "aria-checked", "disabled"], jy = { class: "q-switch__labels" }, Xy = {
+}), Wy = _e(Qy), Hy = ["id", "aria-checked", "disabled"], Uy = { class: "q-switch__labels" }, jy = {
   class: "q-switch__label q-switch__label--off",
   "aria-hidden": "true"
-}, Ky = {
+}, Xy = {
   class: "q-switch__label q-switch__label--on",
   "aria-hidden": "true"
-}, Gy = /* @__PURE__ */ pe({
+}, Ky = /* @__PURE__ */ pe({
   inheritAttrs: !1,
   __name: "QSwitch",
   props: /* @__PURE__ */ Se({
@@ -14840,7 +14842,11 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
         "--q-switch-on-unchecked-background": (v = s.value) == null ? void 0 : v.onMainColor
       };
     });
-    return (f, p) => (m(), D("div", Hy, [
+    return (f, p) => (m(), D("div", {
+      class: "q-switch__container",
+      onClick: p[1] || (p[1] = pt(() => {
+      }, ["stop"]))
+    }, [
       e.label ? (m(), re(u(Zt), {
         key: 0,
         for: u(l),
@@ -14863,16 +14869,16 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
           role: "switch",
           "aria-checked": a.value,
           disabled: e.disabled
-        }, f.$attrs, { onInput: n }), null, 16, Uy), [
+        }, f.$attrs, { onInput: n }), null, 16, Hy), [
           [So, a.value]
         ]),
-        ee("div", jy, [
-          ee("span", Xy, [
+        ee("div", Uy, [
+          ee("span", jy, [
             e.showStateLabels ? (m(), D(we, { key: 0 }, [
               Je(De(e.falseLabel), 1)
             ], 64)) : L("", !0)
           ]),
-          ee("span", Ky, [
+          ee("span", Xy, [
             e.showStateLabels ? (m(), D(we, { key: 0 }, [
               Je(De(e.trueLabel), 1)
             ], 64)) : L("", !0)
@@ -14881,7 +14887,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       ], 6)
     ]));
   }
-}), Zy = _e(Gy), Jy = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], eg = /* @__PURE__ */ pe({
+}), Gy = _e(Ky), Zy = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], Jy = /* @__PURE__ */ pe({
   inheritAttrs: !1,
   __name: "QTextArea",
   props: /* @__PURE__ */ Se({
@@ -14952,7 +14958,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
           cols: e.cols,
           resize: e.resize,
           wrap: e.wrap
-        }, f.$attrs, Oo(s.value, !0)), null, 16, Jy), [
+        }, f.$attrs, Oo(s.value, !0)), null, 16, Zy), [
           [xl, n.value]
         ])
       ]),
@@ -14981,7 +14987,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), tg = _e(eg), ag = ["id"], ng = /* @__PURE__ */ pe({
+}), eg = _e(Jy), tg = ["id"], ag = /* @__PURE__ */ pe({
   __name: "QThemeProvider",
   props: {
     id: {},
@@ -14995,13 +15001,13 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       class: ie(["q-theme-provider", u(n), e.class])
     }, [
       C(l.$slots, "default")
-    ], 10, ag));
+    ], 10, tg));
   }
-}), lg = _e(ng), rg = {
+}), ng = _e(ag), lg = {
   close: {
     icon: "close"
   }
-}, sg = { class: "q-toast__title" }, og = /* @__PURE__ */ pe({
+}, rg = { class: "q-toast__title" }, sg = /* @__PURE__ */ pe({
   __name: "QToast",
   props: {
     id: {},
@@ -15009,7 +15015,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
     block: { type: Boolean },
     color: { default: "info" },
     elevation: { default: "medium" },
-    icons: { default: () => rg },
+    icons: { default: () => lg },
     text: {},
     timeout: { default: 5e3 },
     title: {},
@@ -15128,7 +15134,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
                 default: H(() => [
                   ge(u(Ba), null, {
                     default: H(() => [
-                      ee("div", sg, [
+                      ee("div", rg, [
                         w.$slots["title.prepend"] ? C(w.$slots, "title.prepend", { key: 0 }) : L("", !0),
                         ee("h4", null, De(a.title), 1),
                         w.$slots["title.append"] ? C(w.$slots, "title.append", { key: 1 }) : L("", !0)
@@ -15165,7 +15171,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       } : void 0
     ]), 1032, ["id", "elevation", "width", "class", "style"]));
   }
-}), ig = /* @__PURE__ */ pe({
+}), og = /* @__PURE__ */ pe({
   __name: "QToaster",
   props: {
     id: {},
@@ -15199,7 +15205,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       _: 1
     }, 8, ["id", "class", "data-placement"]));
   }
-}), _o = _e(og), ug = _e(ig), dg = /* @__PURE__ */ pe({
+}), _o = _e(sg), ig = _e(og), ug = /* @__PURE__ */ pe({
   __name: "QToggleGroup",
   props: /* @__PURE__ */ Se({
     id: {},
@@ -15238,7 +15244,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       _: 3
     }, 8, ["id", "class", "elevated"]));
   }
-}), cg = /* @__PURE__ */ pe({
+}), dg = /* @__PURE__ */ pe({
   __name: "QToggleGroupItem",
   props: {
     id: {},
@@ -15273,7 +15279,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       _: 3
     }, 16, ["model-value", "onUpdate:modelValue"]));
   }
-}), fg = _e(dg), pg = _e(cg), mg = { class: "q-tooltip__content" }, vg = ["innerHTML"], hg = /* @__PURE__ */ pe({
+}), cg = _e(ug), fg = _e(dg), pg = { class: "q-tooltip__content" }, mg = ["innerHTML"], vg = /* @__PURE__ */ pe({
   __name: "QTooltip",
   props: /* @__PURE__ */ Se({
     id: {},
@@ -15339,13 +15345,13 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
         onLeave: s
       }, {
         default: H(() => [
-          ee("div", mg, [
+          ee("div", pg, [
             C(f.$slots, "default", {}, () => [
               e.icon ? (m(), re(u(Ue), Ee(Te({ key: 0 }, e.icon)), null, 16)) : L("", !0),
               e.html ? (m(), D("span", {
                 key: 1,
                 innerHTML: e.text
-              }, null, 8, vg)) : (m(), D(we, { key: 2 }, [
+              }, null, 8, mg)) : (m(), D(we, { key: 2 }, [
                 Je(De(e.text), 1)
               ], 64))
             ])
@@ -15355,7 +15361,7 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
       }, 8, ["id", "modelValue", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), yg = _e(hg), gg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), hg = _e(vg), yg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QAccordion: Ci,
   QAccordionItem: Pi,
@@ -15406,29 +15412,29 @@ const xh = /* @__PURE__ */ wh(_h, [["render", $h]]), Ba = _e(yh), bl = _e(gh), w
   QSkeletonLoader: Wy,
   QSpacer: Dh,
   QSpinnerLoader: ja,
-  QSwitch: Zy,
-  QTextArea: tg,
+  QSwitch: Gy,
+  QTextArea: eg,
   QTextField: Ka,
-  QThemeProvider: lg,
+  QThemeProvider: ng,
   QToast: _o,
-  QToaster: ug,
+  QToaster: ig,
   QToggle: er,
-  QToggleGroup: fg,
-  QToggleGroupItem: pg,
-  QTooltip: yg
+  QToggleGroup: cg,
+  QToggleGroupItem: fg,
+  QTooltip: hg
 }, Symbol.toStringTag, { value: "Module" }));
-function bg(t = {}) {
+function gg(t = {}) {
   return { install: (a) => {
     const n = t.components || {};
     for (const s in n)
       a.component(s, n[s]);
     const l = t.defaults || {};
-    a.provide(Ml, K(l)), wg(a, t.themes);
+    a.provide(Ml, K(l)), bg(a, t.themes);
     const r = xu();
-    a.provide(ls, r), _g(a);
+    a.provide(ls, r), wg(a);
   } };
 }
-function wg(t, e) {
+function bg(t, e) {
   const a = [];
   let n;
   if (!e)
@@ -15448,23 +15454,23 @@ function wg(t, e) {
     }
   if (n) {
     const l = K(n), r = Xr(l, a);
-    jo(a), Pe(r.name, kg, { immediate: !0 }), t.provide(Pl, r);
+    jo(a), Pe(r.name, _g, { immediate: !0 }), t.provide(Pl, r);
   }
 }
-function _g(t) {
+function wg(t) {
   const e = ov();
   t.provide(lo, e);
 }
-function kg(t) {
+function _g(t) {
   const e = document.documentElement, n = Array.from(e.classList).filter((l) => !l.startsWith("q-theme"));
   e.className = n.join(" "), e.classList.add(`q-theme--${t}`);
 }
-const Tg = (t = {}) => bg({ components: gg, ...t });
+const Dg = (t = {}) => gg({ components: yg, ...t });
 export {
-  gg as components,
-  Tg as createFramework,
+  yg as components,
+  Dg as createFramework,
   Xo as provideTheme,
-  Dg as templates,
+  xg as templates,
   rv as useDialog,
   Xa as useTheme,
   sv as useToast