@quidgest/ui 0.14.6 → 0.14.8

package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as l, computed as n, openBlock as t, createElementBlock as a, normalizeClass as r, normalizeStyle as c } from "vue";
-const m = /* @__PURE__ */ l({
+import { defineComponent as l, computed as o, openBlock as t, createElementBlock as a, normalizeClass as r, normalizeStyle as c } from "vue";
+const u = /* @__PURE__ */ l({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
     class: { default: void 0 }
   },
-  setup(o) {
-    const e = o, s = n(() => ({
+  setup(n) {
+    const e = n, s = o(() => ({
       "font-size": e.size !== 48 ? `${e.size}px` : void 0
     }));
-    return (i, p) => (t(), a(
+    return (i, d) => (t(), a(
       "div",
       {
         class: r(["q-spinner-loader", e.class]),
@@ -22,5 +22,5 @@ const m = /* @__PURE__ */ l({
   }
 });
 export {
-  m as default
+  u as default
 };

package/esm/components/QTextField/QTextField.d.ts

@@ -1,9 +1,10 @@
 import { QTextFieldProps } from './types';
-declare let __VLS_typeProps: QTextFieldProps;
+type __VLS_Props = QTextFieldProps;
 type __VLS_PublicProps = {
     modelValue?: string;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "label.prepend"?(_: {}): any;
         "label.append"?(_: {}): any;
@@ -88,16 +89,16 @@ declare function __VLS_template(): {
         }) | null;
         inputRef: HTMLInputElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
     fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
     inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: import('../QField').QFieldSize;
     class: string | unknown[];

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

@@ -1 +1 @@
-{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAgGC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ/C,QAAA,IAAI,eAAe,EAAG,eAAe,CAAC;AAqDtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;iCA2Ec,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+D+phB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;WApDvyhB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AA8CA;AAgGC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ/C,KAAK,WAAW,GAAG,eAAe,CAAC;AAsDnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;iCAdb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiEu9gB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;EAlD5mhB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QTextField/QTextField.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as b, mergeModels as v, useModel as h, ref as f, computed as u, openBlock as q, createBlock as $, unref as o, normalizeClass as k, createSlots as g, withCtx as d, renderSlot as a, withDirectives as x, createElementVNode as R, mergeProps as z, vModelDynamic as B } from "vue";
+import { defineComponent as b, mergeModels as h, useModel as q, ref as f, computed as u, openBlock as $, createBlock as k, unref as n, normalizeClass as g, createSlots as v, withCtx as d, renderSlot as a, withDirectives as x, createElementVNode as R, mergeProps as z, vModelDynamic as B } from "vue";
 import { QField as V } from "../QField/index.js";
 import { useId as M } from "../../composables/uid.js";
 const C = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], L = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ h({
     id: { default: void 0 },
     placeholder: { default: "" },
     label: { default: "" },
@@ -21,27 +21,27 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(r, { expose: m }) {
-    const e = r, t = h(r, "modelValue"), s = M(e.id), i = f(null), n = f(null), y = u(
+  setup(o, { expose: m }) {
+    const e = o, r = q(o, "modelValue"), t = M(e.id), s = f(null), i = f(null), y = u(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
     return m({
       fieldRef: u(() => {
         var l;
-        return (l = i.value) == null ? void 0 : l.fieldRef;
+        return (l = s.value) == null ? void 0 : l.fieldRef;
       }),
-      inputRef: n
-    }), (l, p) => (q(), $(o(V), {
+      inputRef: i
+    }), (l, p) => ($(), k(n(V), {
       ref_key: "fieldRef",
-      ref: i,
-      class: k(["q-text-field", e.class]),
-      for: o(s),
+      ref: s,
+      class: g(["q-text-field", e.class]),
+      for: n(t),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required
-    }, g({
+    }, v({
       "label.prepend": d(() => [
         a(l.$slots, "label.prepend")
       ]),
@@ -50,10 +50,10 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
       ]),
       default: d(() => [
         x(R("input", z({
-          "onUpdate:modelValue": p[0] || (p[0] = (c) => t.value = c),
+          id: n(t),
           ref_key: "inputRef",
-          ref: n,
-          id: o(s),
+          ref: i,
+          "onUpdate:modelValue": p[0] || (p[0] = (c) => r.value = c),
           class: "q-text-field__input",
           type: e.type,
           role: e.role,
@@ -63,7 +63,7 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
           disabled: e.disabled,
           maxlength: e.maxLength
         }, l.$attrs), null, 16, C), [
-          [B, t.value]
+          [B, r.value]
         ])
       ]),
       _: 2

package/esm/components/QThemeProvider/QThemeProvider.d.ts

@@ -1,13 +1,14 @@
 import { QThemeProviderProps } from './types';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QThemeProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QThemeProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<QThemeProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QThemeProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QThemeProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QThemeProvider/QThemeProvider.vue"],"names":[],"mappings":"AAeC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAWnD,iBAAS,cAAc;;yBA2BM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kTAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QThemeProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QThemeProvider/QThemeProvider.vue"],"names":[],"mappings":"AAKA;AAeC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAYnD,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6TAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QTooltip/QTooltip.d.ts

@@ -1,9 +1,10 @@
 import { QTooltipProps } from './types';
-declare let __VLS_typeProps: QTooltipProps;
+type __VLS_Props = QTooltipProps;
 type __VLS_PublicProps = {
     modelValue?: boolean;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         anchor?(_: {
             props: {
@@ -13,13 +14,13 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     class: string | unknown[];
     html: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAuEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO7C,QAAA,IAAI,eAAe,EAAG,aAAa,CAAC;AAsCpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;;;;;YAoDK,GAAG;yBACF,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAkCA;AAuEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuCjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6DT,OAAO,IAA6B;;;;;;YATtB,GAAG;yBACF,GAAG;;;;EAa/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QTooltip/QTooltip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, mergeModels as p, useModel as m, openBlock as a, createElementBlock as o, Fragment as d, renderSlot as i, unref as t, createVNode as u, normalizeClass as f, withCtx as h, createBlock as y, normalizeProps as g, mergeProps as v, createCommentVNode as B, createTextVNode as b, toDisplayString as k } from "vue";
+import { defineComponent as s, mergeModels as p, useModel as u, openBlock as a, createElementBlock as l, Fragment as d, renderSlot as i, unref as t, createVNode as m, normalizeClass as f, withCtx as h, createBlock as y, normalizeProps as g, mergeProps as B, createCommentVNode as b, createTextVNode as v, toDisplayString as k } from "vue";
 import { QOverlay as V } from "../QOverlay/index.js";
 import { QIcon as w } from "../QIcon/index.js";
 import { useId as x } from "../../composables/uid.js";
@@ -24,21 +24,21 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const e = l, c = m(l, "modelValue"), r = x(e.id);
-    return (n, _) => (a(), o(
+  setup(o) {
+    const e = o, c = u(o, "modelValue"), n = x(e.id);
+    return (r, _) => (a(), l(
       d,
       null,
       [
-        i(n.$slots, "anchor", {
-          props: { "aria-describedby": t(r) }
+        i(r.$slots, "anchor", {
+          props: { "aria-describedby": t(n) }
         }),
-        u(t(V), {
+        m(t(V), {
+          id: t(n),
           "model-value": c.value,
           anchor: e.anchor,
           role: "tooltip",
           "non-modal": "",
-          id: t(r),
           appearance: e.appearance,
           arrow: e.arrow,
           attach: e.attach,
@@ -50,22 +50,22 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
           trigger: e.trigger
         }, {
           default: h(() => [
-            i(n.$slots, "default", {}, () => [
+            i(r.$slots, "default", {}, () => [
               e.icon ? (a(), y(
                 t(w),
-                g(v({ key: 0 }, e.icon)),
+                g(B({ key: 0 }, e.icon)),
                 null,
                 16
                 /* FULL_PROPS */
-              )) : B("v-if", !0),
-              e.html ? (a(), o("span", {
+              )) : b("v-if", !0),
+              e.html ? (a(), l("span", {
                 key: 1,
                 innerHTML: e.text
-              }, null, 8, M)) : (a(), o(
+              }, null, 8, M)) : (a(), l(
                 d,
                 { key: 2 },
                 [
-                  b(
+                  v(
                     k(e.text),
                     1
                     /* TEXT */
@@ -78,7 +78,7 @@ const M = ["innerHTML"], z = /* @__PURE__ */ s({
           ]),
           _: 3
           /* FORWARDED */
-        }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
+        }, 8, ["id", "model-value", "anchor", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
       ],
       64
       /* STABLE_FRAGMENT */

package/esm/composables/defaults.js

@@ -1,20 +1,20 @@
 import { isEmpty as s } from "../utils/isEmpty.js";
-import { merge as a } from "../utils/merge.js";
-import { getCurrentInstance as m, computed as f, ref as d, provide as p, inject as v } from "vue";
+import { merge as f } from "../utils/merge.js";
+import { getCurrentInstance as d, computed as a, ref as m, provide as p, inject as v } from "vue";
 const i = "q-defaults";
 function E() {
   var r, u;
-  const e = m();
+  const e = d();
   if (!e)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const t = e.type.name ?? e.type.__name;
   if (!t) throw new Error("[Quidgest UI] Could not determine component name");
   const n = l(), o = (r = n.value) == null ? void 0 : r.Global, c = (u = n.value) == null ? void 0 : u[t];
-  return f(() => a(o, c));
+  return a(() => f(o, c));
 }
 function I(e) {
   if (s(e)) return;
-  const t = l(), n = d(e), o = f(() => s(n.value) ? t.value : a(t.value, n.value));
+  const t = l(), n = m(e), o = a(() => s(n.value) ? t.value : f(t.value, n.value));
   p(i, o);
 }
 function l() {

package/esm/composables/group.js

@@ -1,15 +1,15 @@
-import { ref as c, computed as t, watch as o, provide as s, inject as n } from "vue";
+import { ref as c, computed as t, watch as n, provide as s, inject as f } from "vue";
 const i = "q-group";
 function p(u) {
-  var v, l;
+  var l, v;
   const e = {
-    active: c(((v = u.active) == null ? void 0 : v.value) ?? ((l = u.multiple) == null ? void 0 : l.value) ? [] : null),
+    active: c(((l = u.active) == null ? void 0 : l.value) ?? ((v = u.multiple) == null ? void 0 : v.value) ? [] : null),
     multiple: t(() => {
       var a;
       return ((a = u.multiple) == null ? void 0 : a.value) || !1;
     })
   };
-  return o(
+  return n(
     () => e.multiple.value,
     (a) => {
       a && e.active.value ? e.active.value = [e.active.value] : a ? e.active.value = [] : Array.isArray(e.active.value) && e.active.value.length === 1 ? e.active.value = e.active.value[0] : e.active.value = null;
@@ -17,15 +17,15 @@ function p(u) {
   ), s(i, e), e;
 }
 function g(u) {
-  const e = n(i, void 0);
+  const e = f(i, void 0);
   if (!e) return;
-  const v = t(() => {
+  const l = t(() => {
     var a;
     return Array.isArray(e.active.value) ? (a = e.active.value) == null ? void 0 : a.includes(u) : e.active.value === u;
   });
-  return { isActive: v, toggle: () => {
+  return { isActive: l, toggle: () => {
     var a;
-    Array.isArray(e.active.value) ? v.value ? e.active.value = (a = e.active.value) == null ? void 0 : a.filter((r) => r !== u) : e.active.value.push(u) : e.active.value = u;
+    Array.isArray(e.active.value) ? l.value ? e.active.value = (a = e.active.value) == null ? void 0 : a.filter((r) => r !== u) : e.active.value.push(u) : e.active.value = u;
   } };
 }
 export {

package/esm/composables/overlay.js

@@ -1,10 +1,10 @@
 function M(t, i, n, e) {
-  const d = (e == null ? void 0 : e.offset) ?? 0, o = (e == null ? void 0 : e.placement) ?? "bottom", g = t.getBoundingClientRect(), s = i.getBoundingClientRect(), u = n == null ? void 0 : n.getBoundingClientRect(), r = b(g, s, o, d), h = k(g, s, r), f = C(h, r, d), m = p(f, s, r);
+  const d = (e == null ? void 0 : e.offset) ?? 0, o = (e == null ? void 0 : e.placement) ?? "bottom", u = t.getBoundingClientRect(), s = i.getBoundingClientRect(), g = n == null ? void 0 : n.getBoundingClientRect(), r = b(u, s, o, d), h = k(u, s, r), f = C(h, r, d), m = p(f, s, r);
   let a;
   if (e != null && e.arrow) {
-    if (!u)
+    if (!g)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    a = A(m, g, s, u, r);
+    a = A(m, u, s, g, r);
   }
   return { overlayCoords: m, arrowCoords: a, placement: r };
 }
@@ -16,13 +16,13 @@ function b(t, i, n, e) {
       bottom: "top",
       left: "right",
       right: "left"
-    }[o], u = c(
+    }[o], g = c(
       t,
       i,
       s,
       e
     );
-    if (x(u))
+    if (x(g))
       return n;
     const r = O(n);
     return r ? `${s}-${r}` : s;
@@ -30,7 +30,7 @@ function b(t, i, n, e) {
   return n;
 }
 function p(t, i, n) {
-  const e = l(n), d = (g, s, u) => Math.min(Math.max(g, s), u), o = { ...t };
+  const e = l(n), d = (u, s, g) => Math.min(Math.max(u, s), g), o = { ...t };
   return e === "x" ? o.x = d(t.x, 8, window.innerWidth - i.width - 8) : o.y = d(t.y, 8, window.innerHeight - i.height - 8), o;
 }
 function C(t, i, n) {
@@ -42,13 +42,13 @@ function C(t, i, n) {
 }
 function A(t, i, n, e, d) {
   if (l(d) === "y") {
-    const g = i.top + i.height / 2, s = t.y + n.height / 2, u = s - g, r = n.height / 2 - u - e.height / 2 + 2;
+    const u = i.top + i.height / 2, s = t.y + n.height / 2, g = s - u, r = n.height / 2 - g - e.height / 2 + 2;
     if (r > 0 && r < n.height - e.height)
       return {
         y: r
       };
   } else {
-    const g = i.left + i.width / 2, s = t.x + n.width / 2, u = s - g, r = n.width / 2 - u - e.width / 2 + 2;
+    const u = i.left + i.width / 2, s = t.x + n.width / 2, g = s - u, r = n.width / 2 - g - e.width / 2 + 2;
     if (r > 0 && r < n.width - e.width)
       return {
         x: r
@@ -56,7 +56,7 @@ function A(t, i, n, e, d) {
   }
 }
 function k(t, i, n) {
-  const [e, d] = n.split("-"), o = t.x + t.width / 2 - i.width / 2, g = t.y + t.height / 2 - i.height / 2;
+  const [e, d] = n.split("-"), o = t.x + t.width / 2 - i.width / 2, u = t.y + t.height / 2 - i.height / 2;
   let s;
   switch (e) {
     case "top":
@@ -66,10 +66,10 @@ function k(t, i, n) {
       s = { x: o, y: t.y + t.height };
       break;
     case "left":
-      s = { x: t.x - i.width, y: g };
+      s = { x: t.x - i.width, y: u };
       break;
     case "right":
-      s = { x: t.x + t.width, y: g };
+      s = { x: t.x + t.width, y: u };
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid placement value: ${n}`);

package/esm/framework.js

@@ -3,7 +3,7 @@ import { THEME_SYMBOL as i } from "./composables/theme.js";
 import { defaultLightColorScheme as a, defaultDarkColorScheme as h } from "./templates/theme.js";
 import { ref as n, watch as f } from "vue";
 import { generateRootStyle as d } from "./utils/theme.js";
-function E(m = {}) {
+function v(m = {}) {
   return { install: (o) => {
     const t = m.components || {};
     for (const l in t)
@@ -43,5 +43,5 @@ function p(m) {
   s.className = t.join(" "), s.classList.add(`q-theme--${m}`);
 }
 export {
-  E as createFramework
+  v as createFramework
 };

package/esm/utils/color.js

@@ -1,7 +1,7 @@
-function o(t) {
+function u(t) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
 }
-function u(t) {
+function o(t) {
   const n = t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   if (n) {
     const s = parseInt(n[1], 10), e = parseInt(n[2], 10), r = parseInt(n[3], 10);
@@ -9,12 +9,12 @@ function u(t) {
   }
 }
 function d(t) {
-  if (o(t)) {
+  if (u(t)) {
     t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
     const n = parseInt(t.slice(1, 3), 16), s = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
     return { r: n, g: s, b: e };
   } else {
-    const n = u(t);
+    const n = o(t);
     if (n) return n;
   }
   throw new Error("Invalid color format");
@@ -51,8 +51,8 @@ function g(t) {
 }
 export {
   g as getContrastingColor,
-  o as isValidHex,
+  u as isValidHex,
   d as parseColor,
   b as rgbToHsl,
-  u as tryParseRgb
+  o as tryParseRgb
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.14.6",
+  "version": "0.14.8",
   "private": false,
   "type": "module",
   "author": "Quidgest",
@@ -45,52 +45,53 @@
     "./*": "./*"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-free": "^6.7.1",
-    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@fortawesome/fontawesome-free": "^6.7.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@storybook/addon-essentials": "^8.4.6",
-    "@storybook/addon-interactions": "^8.4.6",
-    "@storybook/addon-links": "^8.4.6",
-    "@storybook/blocks": "^8.4.6",
-    "@storybook/manager-api": "^8.4.6",
-    "@storybook/test": "^8.4.6",
-    "@storybook/theming": "^8.4.6",
-    "@storybook/vue3": "^8.4.6",
-    "@storybook/vue3-vite": "^8.4.6",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
+    "@storybook/vue3": "^8.4.7",
+    "@storybook/vue3-vite": "^8.4.7",
     "@tsconfig/node20": "^20.1.4",
-    "@types/node": "^22.10.1",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@types/node": "^22.10.5",
+    "@typescript-eslint/eslint-plugin": "^8.19.0",
+    "@typescript-eslint/parser": "^8.19.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/coverage-v8": "^2.1.8",
+    "@vitest/eslint-plugin": "^1.1.24",
     "@vitest/ui": "^2.1.8",
-    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "@vue/eslint-config-typescript": "^14.2.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
     "acorn-walk": "^8.3.4",
     "autoprefixer": "^10.4.20",
     "cssnano": "^7.0.6",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint": "^9.17.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-storybook": "^0.11.2",
     "eslint-plugin-vue": "^9.32.0",
-    "happy-dom": "^15.11.7",
+    "happy-dom": "^16.3.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.3.0",
     "postcss": "^8.4.49",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "rimraf": "^6.0.1",
-    "sass": "^1.81.1",
-    "storybook": "^8.4.6",
-    "stylelint": "^16.11.0",
+    "sass": "^1.83.1",
+    "storybook": "^8.4.7",
+    "stylelint": "^16.12.0",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "typescript": "~5.6.3",
-    "vite": "^6.0.2",
-    "vite-plugin-dts": "^4.3.0",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.4.0",
     "vitest": "^2.1.8",
     "vue-eslint-parser": "^9.4.3",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {
     "vue": "^3.4.15"
@@ -104,8 +105,8 @@
     "type-check": "vue-tsc --noEmit -p tsconfig.dev.json --composite false",
     "format": "prettier . --check",
     "format:fix": "prettier . --write",
-    "lint": "eslint --max-warnings 0 --ext .js,.ts,.vue .",
-    "lint:fix": "eslint src --ext .ts,.vue --fix",
+    "lint": "eslint --max-warnings 0 .",
+    "lint:fix": "eslint . --fix",
     "lint:style": "stylelint \"**/*.scss\"",
     "test": "vitest",
     "test:coverage": "vitest run --coverage",