@quidgest/ui 0.16.7 → 0.16.8

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.7
+ * Quidgest UI v0.16.8
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -639,50 +639,60 @@ $transition-duration: 0.2s !default;
     background-color: var(--q-button-main-color);
     border-color: var(--q-button-main-color);
     color: var(--q-button-on-main-color);
-    &:hover:not(:disabled) {
-      background-color: var(--q-button-hover-color);
-      border-color: var(--q-button-hover-color);
-      color: var(--q-button-on-hover-color);
+    @media (hover: hover) {
+      &:hover:not(:disabled) {
+        background-color: var(--q-button-hover-color);
+        border-color: var(--q-button-hover-color);
+        color: var(--q-button-on-hover-color);
+      }
     }
   }
   &--tonal {
     background-color: rgb(var(--q-button-main-color-rgb) / 12%);
     border-color: transparent;
     color: var(--q-button-main-color);
-    &:hover:not(:disabled) {
-      background-color: var(--q-button-hover-color);
-      border-color: var(--q-button-hover-color);
-      color: var(--q-button-on-hover-color);
+    @media (hover: hover) {
+      &:hover:not(:disabled) {
+        background-color: var(--q-button-hover-color);
+        border-color: var(--q-button-hover-color);
+        color: var(--q-button-on-hover-color);
+      }
     }
   }
   &--outlined {
     background-color: transparent;
     border-color: var(--q-button-main-color);
     color: var(--q-button-main-color);
-    &:hover:not(:disabled) {
-      background-color: var(--q-button-hover-color);
-      color: var(--q-button-on-hover-color);
-      border-color: var(--q-button-hover-color);
+    @media (hover: hover) {
+      &:hover:not(:disabled) {
+        background-color: var(--q-button-hover-color);
+        color: var(--q-button-on-hover-color);
+        border-color: var(--q-button-hover-color);
+      }
     }
   }
   &--ghost {
     background-color: transparent;
     border-color: transparent;
     color: var(--q-button-main-color);
-    &:hover:not(:disabled) {
-      background-color: rgb(var(--q-button-hover-color-rgb) / 6%);
-      border-color: transparent;
-      color: var(--q-button-hover-color);
+    @media (hover: hover) {
+      &:hover:not(:disabled) {
+        background-color: rgb(var(--q-button-hover-color-rgb) / 6%);
+        border-color: transparent;
+        color: var(--q-button-hover-color);
+      }
     }
   }
   &--text {
     background-color: transparent;
     border-color: transparent;
     color: var(--q-button-main-color);
-    &:hover:not(:disabled) {
-      background-color: transparent;
-      border-color: transparent;
-      color: var(--q-button-hover-color);
+    @media (hover: hover) {
+      &:hover:not(:disabled) {
+        background-color: transparent;
+        border-color: transparent;
+        color: var(--q-button-hover-color);
+      }
     }
   }
   &--pill {

package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AAyIC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAyH1E,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AAsKC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAwJ1E,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js

@@ -1,46 +1,67 @@
-import { defineComponent as a, ref as c, useId as f, onMounted as m, onUnmounted as p, createElementBlock as v, openBlock as E, renderSlot as y } from "vue";
-import { onClickOutside as b } from "../../vendors/@vueuse/core/index.js";
-import { useDismissibleLayerStackItem as w } from "../../composables/useDismissibleLayerStack/index.js";
-const h = /* @__PURE__ */ a({
+import { defineComponent as p, useTemplateRef as m, useId as v, onMounted as E, onUnmounted as w, createElementBlock as y, openBlock as b, renderSlot as h } from "vue";
+import { useDismissibleLayerStackItem as g } from "../../composables/useDismissibleLayerStack/index.js";
+const C = /* @__PURE__ */ p({
   __name: "QDismissibleLayer",
   emits: ["escape-key-down", "pointer-down-outside", "focus-outside", "interact-outside", "dismiss"],
-  setup(_, { emit: u }) {
-    const o = u, i = c(null), l = f(), e = w(l);
-    function r(n) {
-      n.key === "Escape" && (e != null && e.isTop()) && (o("escape-key-down", n), n.defaultPrevented || o("dismiss", n));
+  setup(L, { emit: c }) {
+    const o = c, i = m("layerRef"), l = v(), e = g(l);
+    let u = [];
+    function r(t) {
+      t.key === "Escape" && (e != null && e.isTop()) && (o("escape-key-down", t), t.defaultPrevented || o("dismiss", t));
     }
-    function d(n) {
+    function d(t) {
       if (!i.value) return;
-      const t = n.target;
-      if (!i.value.contains(t) && (e != null && e.isTop())) {
-        const s = new CustomEvent("focus-outside", {
+      const s = t.target;
+      if (!i.value.contains(s) && (e != null && e.isTop())) {
+        const n = new CustomEvent("focus-outside", {
           bubbles: !1,
           cancelable: !0,
-          detail: { originalEvent: n }
+          detail: { originalEvent: t }
         });
-        o("focus-outside", s), o("interact-outside", s), s.defaultPrevented || o("dismiss", s);
+        o("focus-outside", n), o("interact-outside", n), n.defaultPrevented || o("dismiss", n);
       }
     }
-    return m(() => {
-      e == null || e.register(), document.addEventListener("keydown", r), document.addEventListener("focusin", d), b(i, (n) => {
-        if (!(e != null && e.isTop())) return;
-        const t = new CustomEvent("pointer-down-outside", {
+    function a(t) {
+      if (!i.value || !(e != null && e.isTop())) return;
+      const s = t.target;
+      if (!i.value.contains(s)) {
+        const n = new CustomEvent("pointer-down-outside", {
           bubbles: !1,
           cancelable: !0,
-          detail: { originalEvent: n }
+          detail: { originalEvent: t }
+        });
+        o("pointer-down-outside", n), o("interact-outside", n), n.defaultPrevented || o("dismiss", n);
+      }
+    }
+    function f() {
+      ["mousedown", "touchstart"].forEach((s) => {
+        document.addEventListener(s, a, {
+          passive: !0,
+          capture: !0
+          // Use capture phase to ensure we catch the event
+        }), u.push(() => {
+          document.removeEventListener(s, a, {
+            capture: !0
+          });
         });
-        o("pointer-down-outside", t), o("interact-outside", t), t.defaultPrevented || o("dismiss", t);
       });
-    }), p(() => {
-      e == null || e.unregister(), document.removeEventListener("keydown", r), document.removeEventListener("focusin", d);
-    }), (n, t) => (E(), v(
+    }
+    return E(() => {
+      e == null || e.register(), document.addEventListener("keydown", r), u.push(() => {
+        document.removeEventListener("keydown", r);
+      }), document.addEventListener("focusin", d), u.push(() => {
+        document.removeEventListener("focusin", d);
+      }), f();
+    }), w(() => {
+      e == null || e.unregister(), u.forEach((t) => t()), u = [];
+    }), (t, s) => (b(), y(
       "div",
       {
         ref_key: "layerRef",
         ref: i
       },
       [
-        y(n.$slots, "default")
+        h(t.$slots, "default")
       ],
       512
       /* NEED_PATCH */
@@ -48,5 +69,5 @@ const h = /* @__PURE__ */ a({
   }
 });
 export {
-  h as default
+  C as default
 };

package/esm/vendors/@vueuse/core/index.js

@@ -1,191 +1,85 @@
-import { noop as g, isIOS as $, toRef as w, isClient as C, toArray as x, watchImmediate as F, tryOnScopeDispose as I, isObject as W } from "../shared/index.js";
-import { shallowRef as M, watch as O, nextTick as q, computed as P, toValue as v, unref as L, getCurrentInstance as _, onMounted as B } from "vue";
-const E = C ? window : void 0;
-function y(e) {
-  var r;
-  const a = v(e);
-  return (r = a == null ? void 0 : a.$el) != null ? r : a;
+import { toRef as y, isClient as x, tryOnScopeDispose as _ } from "../shared/index.js";
+import { noop as C } from "../shared/index.js";
+import { shallowRef as m, watch as v, nextTick as b, toValue as h, computed as w, getCurrentInstance as R, onMounted as z } from "vue";
+const p = x ? window : void 0;
+function g(e) {
+  var t;
+  const r = h(e);
+  return (t = r == null ? void 0 : r.$el) != null ? t : r;
 }
-function A(...e) {
-  const r = [], a = () => {
-    r.forEach((u) => u()), r.length = 0;
-  }, o = (u, n, i, s) => (u.addEventListener(n, i, s), () => u.removeEventListener(n, i, s)), c = P(() => {
-    const u = x(v(e[0])).filter((n) => n != null);
-    return u.every((n) => typeof n != "string") ? u : void 0;
-  }), f = F(
-    () => {
-      var u, n;
-      return [
-        (n = (u = c.value) == null ? void 0 : u.map((i) => y(i))) != null ? n : [E].filter((i) => i != null),
-        x(v(c.value ? e[1] : e[0])),
-        x(L(c.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        v(c.value ? e[3] : e[2])
-      ];
-    },
-    ([u, n, i, s]) => {
-      if (a(), !(u != null && u.length) || !(n != null && n.length) || !(i != null && i.length))
-        return;
-      const d = W(s) ? { ...s } : s;
-      r.push(
-        ...u.flatMap(
-          (m) => n.flatMap(
-            (b) => i.map((R) => o(m, b, R, d))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), h = () => {
-    f(), a();
-  };
-  return I(a), h;
-}
-let z = !1;
-function J(e, r, a = {}) {
-  const { window: o = E, ignore: c = [], capture: f = !0, detectIframe: h = !1, controls: u = !1 } = a;
-  if (!o)
-    return u ? { stop: g, cancel: g, trigger: g } : g;
-  if ($ && !z) {
-    z = !0;
-    const t = { passive: !0 };
-    Array.from(o.document.body.children).forEach((l) => A(l, "click", g, t)), A(o.document.documentElement, "click", g, t);
-  }
-  let n = !0;
-  const i = (t) => v(c).some((l) => {
-    if (typeof l == "string")
-      return Array.from(o.document.querySelectorAll(l)).some((p) => p === t.target || t.composedPath().includes(p));
-    {
-      const p = y(l);
-      return p && (t.target === p || t.composedPath().includes(p));
-    }
-  });
-  function s(t) {
-    const l = v(t);
-    return l && l.$.subTree.shapeFlag === 16;
-  }
-  function d(t, l) {
-    const p = v(t), T = p.$.subTree && p.$.subTree.children;
-    return T == null || !Array.isArray(T) ? !1 : T.some((S) => S.el === l.target || l.composedPath().includes(S.el));
-  }
-  const m = (t) => {
-    const l = y(e);
-    if (t.target != null && !(!(l instanceof Element) && s(e) && d(e, t)) && !(!l || l === t.target || t.composedPath().includes(l))) {
-      if ("detail" in t && t.detail === 0 && (n = !i(t)), !n) {
-        n = !0;
-        return;
-      }
-      r(t);
-    }
-  };
-  let b = !1;
-  const R = [
-    A(o, "click", (t) => {
-      b || (b = !0, setTimeout(() => {
-        b = !1;
-      }, 0), m(t));
-    }, { passive: !0, capture: f }),
-    A(o, "pointerdown", (t) => {
-      const l = y(e);
-      n = !i(t) && !!(l && !t.composedPath().includes(l));
-    }, { passive: !0 }),
-    h && A(o, "blur", (t) => {
-      setTimeout(() => {
-        var l;
-        const p = y(e);
-        ((l = o.document.activeElement) == null ? void 0 : l.tagName) === "IFRAME" && !(p != null && p.contains(o.document.activeElement)) && r(t);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), k = () => R.forEach((t) => t());
-  return u ? {
-    stop: k,
-    cancel: () => {
-      n = !1;
-    },
-    trigger: (t) => {
-      n = !0, m(t), n = !1;
-    }
-  } : k;
-}
-function H() {
-  const e = M(!1), r = _();
-  return r && B(() => {
+function A() {
+  const e = m(!1), t = R();
+  return t && z(() => {
     e.value = !0;
-  }, r), e;
+  }, t), e;
 }
-function j(e) {
-  const r = H();
-  return P(() => (r.value, !!e()));
+function O(e) {
+  const t = A();
+  return w(() => (t.value, !!e()));
 }
-function D(e, r, a = {}) {
-  const { window: o = E, ...c } = a;
-  let f;
-  const h = j(() => o && "ResizeObserver" in o), u = () => {
-    f && (f.disconnect(), f = void 0);
-  }, n = P(() => {
-    const d = v(e);
-    return Array.isArray(d) ? d.map((m) => y(m)) : [y(d)];
-  }), i = O(
-    n,
-    (d) => {
-      if (u(), h.value && o) {
-        f = new ResizeObserver(r);
-        for (const m of d)
-          m && f.observe(m, c);
+function M(e, t, r = {}) {
+  const { window: d = p, ...u } = r;
+  let l;
+  const o = O(() => d && "ResizeObserver" in d), a = () => {
+    l && (l.disconnect(), l = void 0);
+  }, f = w(() => {
+    const i = h(e);
+    return Array.isArray(i) ? i.map((s) => g(s)) : [g(i)];
+  }), c = v(
+    f,
+    (i) => {
+      if (a(), o.value && d) {
+        l = new ResizeObserver(t);
+        for (const s of i)
+          s && l.observe(s, u);
       }
     },
     { immediate: !0, flush: "post" }
-  ), s = () => {
-    u(), i();
+  ), n = () => {
+    a(), c();
   };
-  return I(s), {
-    isSupported: h,
-    stop: s
+  return _(n), {
+    isSupported: o,
+    stop: n
   };
 }
-function N(e = E, r) {
-  e && typeof e.requestAnimationFrame == "function" ? e.requestAnimationFrame(r) : r();
+function S(e = p, t) {
+  e && typeof e.requestAnimationFrame == "function" ? e.requestAnimationFrame(t) : t();
 }
-function K(e = {}) {
-  var r, a;
-  const { window: o = E } = e, c = w(e == null ? void 0 : e.element), f = w((r = e == null ? void 0 : e.input) != null ? r : ""), h = (a = e == null ? void 0 : e.styleProp) != null ? a : "height", u = M(1), n = M(0);
-  function i() {
-    var s;
-    if (!c.value)
+function F(e = {}) {
+  var t, r;
+  const { window: d = p } = e, u = y(e == null ? void 0 : e.element), l = y((t = e == null ? void 0 : e.input) != null ? t : ""), o = (r = e == null ? void 0 : e.styleProp) != null ? r : "height", a = m(1), f = m(0);
+  function c() {
+    var n;
+    if (!u.value)
       return;
-    let d = "";
-    c.value.style[h] = "1px", u.value = (s = c.value) == null ? void 0 : s.scrollHeight;
-    const m = v(e == null ? void 0 : e.styleTarget);
-    m ? m.style[h] = `${u.value}px` : d = `${u.value}px`, c.value.style[h] = d;
+    let i = "";
+    u.value.style[o] = "1px", a.value = (n = u.value) == null ? void 0 : n.scrollHeight;
+    const s = h(e == null ? void 0 : e.styleTarget);
+    s ? s.style[o] = `${a.value}px` : i = `${a.value}px`, u.value.style[o] = i;
   }
-  return O([f, c], () => q(i), { immediate: !0 }), O(u, () => {
-    var s;
-    return (s = e == null ? void 0 : e.onResize) == null ? void 0 : s.call(e);
-  }), D(c, ([{ contentRect: s }]) => {
-    n.value !== s.width && N(o, () => {
-      n.value = s.width, i();
+  return v([l, u], () => b(c), { immediate: !0 }), v(a, () => {
+    var n;
+    return (n = e == null ? void 0 : e.onResize) == null ? void 0 : n.call(e);
+  }), M(u, ([{ contentRect: n }]) => {
+    f.value !== n.width && S(d, () => {
+      f.value = n.width, c();
     });
-  }), e != null && e.watch && O(e.watch, i, { immediate: !0, deep: !0 }), {
-    textarea: c,
-    input: f,
-    triggerResize: i
+  }), e != null && e.watch && v(e.watch, c, { immediate: !0, deep: !0 }), {
+    textarea: u,
+    input: l,
+    triggerResize: c
   };
 }
 export {
-  E as defaultWindow,
-  C as isClient,
-  $ as isIOS,
-  W as isObject,
-  g as noop,
-  J as onClickOutside,
-  x as toArray,
-  w as toRef,
-  I as tryOnScopeDispose,
-  y as unrefElement,
-  A as useEventListener,
-  H as useMounted,
-  D as useResizeObserver,
-  j as useSupported,
-  K as useTextareaAutosize,
-  F as watchImmediate
+  p as defaultWindow,
+  x as isClient,
+  C as noop,
+  y as toRef,
+  _ as tryOnScopeDispose,
+  g as unrefElement,
+  A as useMounted,
+  M as useResizeObserver,
+  O as useSupported,
+  F as useTextareaAutosize
 };

package/esm/vendors/@vueuse/shared/index.js

@@ -1,41 +1,20 @@
-import { toRef as o, readonly as i, ref as r, customRef as u, watch as d, getCurrentScope as c, onScopeDispose as f } from "vue";
-function g(n) {
-  return c() ? (f(n), !0) : !1;
+import { toRef as n, readonly as t, ref as f, customRef as r, getCurrentScope as i, onScopeDispose as c } from "vue";
+function s(e) {
+  return i() ? (c(e), !0) : !1;
 }
-const s = typeof window < "u" && typeof document < "u";
+const l = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const a = Object.prototype.toString, y = (n) => a.call(n) === "[object Object]", l = () => {
-}, m = /* @__PURE__ */ w();
-function w() {
-  var n, e;
-  return s && ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function S(...n) {
-  if (n.length !== 1)
-    return o(...n);
-  const e = n[0];
-  return typeof e == "function" ? i(u(() => ({ get: e, set: l }))) : r(e);
-}
-function b(n) {
-  return Array.isArray(n) ? n : [n];
-}
-function h(n, e, t) {
-  return d(
-    n,
-    e,
-    {
-      ...t,
-      immediate: !0
-    }
-  );
+const p = () => {
+};
+function d(...e) {
+  if (e.length !== 1)
+    return n(...e);
+  const o = e[0];
+  return typeof o == "function" ? t(r(() => ({ get: o, set: p }))) : f(o);
 }
 export {
-  s as isClient,
-  m as isIOS,
-  y as isObject,
-  l as noop,
-  b as toArray,
-  S as toRef,
-  g as tryOnScopeDispose,
-  h as watchImmediate
+  l as isClient,
+  p as noop,
+  d as toRef,
+  s as tryOnScopeDispose
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.7",
+  "version": "0.16.8",
   "private": false,
   "type": "module",
   "author": "Quidgest",