@quidgest/ui 0.14.17 → 0.14.18

package/esm/components/QOverlay/QOverlay.vue.js

@@ -1,13 +1,12 @@
-import { defineComponent as ne, mergeModels as V, useModel as oe, computed as l, reactive as A, watch as k, ref as U, nextTick as v, onMounted as re, onBeforeUnmount as ie, createElementBlock as E, openBlock as c, Fragment as ae, createBlock as _, createCommentVNode as g, Teleport as le, createVNode as se, normalizeClass as z, Transition as de, withCtx as I, unref as B, createElementVNode as P, normalizeStyle as N, mergeProps as ce, withKeys as ue, renderSlot as fe } from "vue";
+import { defineComponent as Z, mergeModels as R, useModel as ee, computed as l, reactive as O, watch as k, ref as V, nextTick as v, onMounted as te, onBeforeUnmount as ne, createElementBlock as g, openBlock as c, Fragment as oe, createBlock as A, createCommentVNode as L, Teleport as re, createVNode as ie, normalizeClass as U, Transition as ae, withCtx as le, normalizeStyle as z, createElementVNode as se, mergeProps as de, withKeys as ce, renderSlot as ue, unref as fe } from "vue";
 import { QRemoveScrollBar as me } from "../QRemoveScrollBar/index.js";
-import { QThemeProvider as ve } from "../QThemeProvider/index.js";
-import { getSideFromPlacement as pe, computePosition as he } from "../../composables/overlay.js";
-import { useTheme as ye } from "../../composables/theme.js";
-import { getElement as we } from "../../utils/getElement.js";
-const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
+import { getSideFromPlacement as ve, computePosition as pe } from "../../composables/overlay.js";
+import { useTheme as he } from "../../composables/theme.js";
+import { getElement as ye } from "../../utils/getElement.js";
+const we = ["id"], ke = ["role"], be = /* @__PURE__ */ Z({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ R({
     id: {},
     class: {},
     anchor: {},
@@ -32,29 +31,30 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["enter", "leave"], ["update:modelValue"]),
-  setup(b, { emit: Q }) {
-    const t = b, T = Q, r = oe(b, "modelValue"), D = ye(), F = l(() => [
+  emits: /* @__PURE__ */ R(["enter", "leave"], ["update:modelValue"]),
+  setup(B, { emit: I }) {
+    const t = B, _ = I, r = ee(B, "modelValue"), { class: N } = he(), P = l(() => [
       "q-overlay",
-      `q-overlay--${pe(n.placement)}`,
+      `q-overlay--${ve(n.placement)}`,
+      N.value,
       {
         "q-overlay--independent": u.value,
         "q-overlay--inverted": t.appearance === "inverted"
       },
       t.class
-    ]), u = l(() => t.anchor === void 0), C = l(() => (r.value || n.animating) && !t.nonModal), K = l(() => (r.value || n.animating) && t.scrollLock), n = A({
+    ]), u = l(() => t.anchor === void 0), b = l(() => (r.value || n.animating) && !t.nonModal), D = l(() => (r.value || n.animating) && t.scrollLock), n = O({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: t.placement
-    }), i = A({
+    }), i = O({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), W = l(() => n.top !== 0 && n.left !== 0);
+    }), F = l(() => n.top !== 0 && n.left !== 0);
     k(r, () => n.animating = !0);
-    const j = l(() => {
+    const K = l(() => {
       if (u.value) return;
       const e = d(), w = t.width === "anchor", o = w ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
       return {
@@ -62,14 +62,14 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
         left: `${n.left}px`,
         width: o !== void 0 ? `${o}px` : void 0
       };
-    }), G = l(() => {
+    }), Q = l(() => {
       if (t.arrow)
         return {
           top: i.top !== void 0 ? `${i.top}px` : void 0,
           left: i.left !== void 0 ? `${i.left}px` : void 0,
           opacity: i.hidden ? 0 : 1
         };
-    }), p = U(null), h = U(null);
+    }), p = V(null), h = V(null);
     function a() {
       const e = d();
       if (!e || !h.value)
@@ -80,7 +80,7 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
         offset: t.offset,
         crossOffset: t.crossOffset,
         arrow: t.arrow
-      }, o = he(
+      }, o = pe(
         e,
         h.value,
         (p == null ? void 0 : p.value) ?? void 0,
@@ -94,38 +94,38 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
     );
     let f;
     function y() {
-      S(0);
+      T(0);
     }
-    function x() {
-      S(t.delay);
+    function C() {
+      T(t.delay);
     }
-    function S(e) {
-      f && q(), f = window.setTimeout(() => {
+    function T(e) {
+      f && x(), f = window.setTimeout(() => {
         r.value = !0;
       }, e);
     }
     function s() {
-      if (f && q(), r.value = !1, t.anchor && t.trigger === "click") {
+      if (f && x(), r.value = !1, t.anchor && t.trigger === "click") {
         const e = d();
         e == null || e.focus();
       }
     }
-    function q() {
+    function x() {
       clearTimeout(f), f = void 0;
     }
-    k(W, () => v(H));
-    function H() {
-      T("enter");
+    k(F, () => v(W));
+    function W() {
+      _("enter");
     }
-    let $;
-    function J() {
-      window.clearTimeout($), $ = window.setTimeout(() => n.animating = !1, 200), T("leave");
+    let S;
+    function j() {
+      window.clearTimeout(S), S = window.setTimeout(() => n.animating = !1, 200), _("leave");
     }
     function d() {
-      return t.anchor ? we(t.anchor) : null;
+      return t.anchor ? ye(t.anchor) : null;
     }
     let m;
-    function X() {
+    function G() {
       const e = d();
       if (e)
         switch (m = new MutationObserver(a), m.observe(e, {
@@ -138,11 +138,11 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
             e.addEventListener("click", y);
             break;
           case "hover":
-            e.addEventListener("mouseenter", x), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
+            e.addEventListener("mouseenter", C), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
             break;
         }
     }
-    function Y() {
+    function H() {
       const e = d();
       if (e)
         switch (m == null || m.disconnect(), t.trigger) {
@@ -150,55 +150,55 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
             e.removeEventListener("click", y);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", x), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
+            e.removeEventListener("mouseenter", C), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
             break;
         }
     }
-    function Z() {
+    function J() {
       window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
     }
-    function ee() {
+    function X() {
       window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
     }
-    let L;
-    function M() {
-      d() ? (a(), L = window.setTimeout(M, 100)) : s();
+    let E;
+    function q() {
+      d() ? (a(), E = window.setTimeout(q, 100)) : s();
     }
-    function te() {
-      u.value || (Z(), t.spy ? M() : a()), (u.value || t.trigger === "click") && v(() => {
+    function Y() {
+      u.value || (J(), t.spy ? q() : a()), (u.value || t.trigger === "click") && v(() => {
         var e;
         return (e = h.value) == null ? void 0 : e.focus();
       });
     }
-    function R() {
-      u.value || ee(), t.spy && (clearTimeout(L), L = void 0), n.top = 0, n.left = 0;
+    function $() {
+      u.value || X(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
     }
-    function O() {
+    function M() {
       t.persistent || s();
     }
-    return re(() => {
-      v(X);
-    }), ie(() => {
-      Y(), R();
+    return te(() => {
+      v(G);
+    }), ne(() => {
+      H(), $();
     }), k(
       r,
       (e) => {
-        v(() => e ? te() : R());
+        v(() => e ? Y() : $());
       },
       { immediate: !0 }
-    ), (e, w) => (c(), E(
-      ae,
+    ), (e, w) => (c(), g(
+      oe,
       null,
       [
-        (c(), _(le, {
+        (c(), A(re, {
           disabled: !r.value && !n.animating || t.inline,
           to: t.attach
         }, [
-          C.value ? (c(), E(
+          b.value ? (c(), g(
             "div",
             {
               key: 0,
-              class: z([
+              class: U([
                 t.backdropClass,
                 "q-overlay__underlay",
                 { "q-overlay__underlay--blur": t.backdropBlur }
@@ -207,60 +207,52 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
             null,
             2
             /* CLASS */
-          )) : g("v-if", !0),
-          se(de, {
+          )) : L("v-if", !0),
+          ie(ae, {
             name: t.transition,
             appear: "",
-            onLeave: J
+            onLeave: j
           }, {
-            default: I(() => [
-              r.value ? (c(), _(B(ve), {
+            default: le(() => [
+              r.value ? (c(), g("div", {
                 key: 0,
-                theme: B(D).current.value.name
-              }, {
-                default: I(() => [
-                  P("div", {
-                    id: t.id,
-                    class: z(F.value),
-                    style: N(j.value)
-                  }, [
-                    P("div", ce({
-                      ref_key: "overlayRef",
-                      ref: h,
-                      class: "q-overlay__content",
-                      tabindex: "-1",
-                      role: C.value ? "dialog" : void 0
-                    }, e.$attrs, {
-                      onKeydown: ue(O, ["escape"]),
-                      onBlur: O
-                    }), [
-                      t.arrow ? (c(), E(
-                        "div",
-                        {
-                          key: 0,
-                          ref_key: "arrowRef",
-                          ref: p,
-                          role: "presentation",
-                          class: "q-overlay__arrow",
-                          style: N(G.value)
-                        },
-                        null,
-                        4
-                        /* STYLE */
-                      )) : g("v-if", !0),
-                      fe(e.$slots, "default")
-                    ], 16, ge)
-                  ], 14, ke)
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["theme"])) : g("v-if", !0)
+                id: t.id,
+                class: U(P.value),
+                style: z(K.value)
+              }, [
+                se("div", de({
+                  ref_key: "overlayRef",
+                  ref: h,
+                  class: "q-overlay__content",
+                  tabindex: "-1",
+                  role: b.value ? "dialog" : void 0
+                }, e.$attrs, {
+                  onKeydown: ce(M, ["escape"]),
+                  onBlur: M
+                }), [
+                  t.arrow ? (c(), g(
+                    "div",
+                    {
+                      key: 0,
+                      ref_key: "arrowRef",
+                      ref: p,
+                      role: "presentation",
+                      class: "q-overlay__arrow",
+                      style: z(Q.value)
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  )) : L("v-if", !0),
+                  ue(e.$slots, "default")
+                ], 16, ke)
+              ], 14, we)) : L("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
           }, 8, ["name"])
         ], 8, ["disabled", "to"])),
-        K.value ? (c(), _(B(me), { key: 0 })) : g("v-if", !0)
+        D.value ? (c(), A(fe(me), { key: 0 })) : L("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -268,5 +260,5 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
   }
 });
 export {
-  Ce as default
+  be as default
 };

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":"AAOA;AA2BC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiBnD,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/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;AAQpG,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":"AAOA;AA2BC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiBnD,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,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;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QThemeProvider/QThemeProvider.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as s, toRef as m, createElementBlock as n, openBlock as i, normalizeClass as c, renderSlot as d } from "vue";
-import { provideTheme as a } from "../../composables/theme.js";
-const l = ["id"], _ = /* @__PURE__ */ s({
+import { defineComponent as n, toRef as m, createElementBlock as c, openBlock as a, normalizeClass as i, unref as l, renderSlot as d } from "vue";
+import { provideTheme as p } from "../../composables/theme.js";
+const f = ["id"], v = /* @__PURE__ */ n({
   __name: "QThemeProvider",
   props: {
     id: {},
     class: {},
     theme: {}
   },
-  setup(t) {
-    const e = t, o = m(e, "theme");
-    return a(o), (r, p) => (i(), n("div", {
+  setup(o) {
+    const e = o, s = m(e, "theme"), { class: t } = p(s);
+    return (r, h) => (a(), c("div", {
       id: e.id,
-      class: c(["q-theme-provider", `q-theme--${e.theme}`, e.class])
+      class: i(["q-theme-provider", l(t), e.class])
     }, [
       d(r.$slots, "default")
-    ], 10, l));
+    ], 10, f));
   }
 });
 export {
-  _ as default
+  v as default
 };

package/esm/composables/theme.d.ts

@@ -44,6 +44,8 @@ export type ThemeInstance = {
     readonly current: DeepReadonly<ComputedRef<ThemeDefinition>>;
     /** An array of available theme definitions. */
     readonly themes: DeepReadonly<ThemeDefinition[]>;
+    /** The theme class. */
+    readonly class: ComputedRef<string>;
 };
 /**
  * Custom hook for accessing the theme configuration in context.

package/esm/composables/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAMhD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IAEpB,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC;QACb,6BAA6B;QAC7B,IAAI,EAAE,MAAM,CAAA;QAEZ,mDAAmD;QACnD,IAAI,EAAE,SAAS,CAAA;QAEf,qEAAqE;QACrE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IAEZ,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAA;IAEf,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;IAE5D,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,CAAA;CAChD,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,aAAa,CAU7D"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAMhD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IAEpB,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC;QACb,6BAA6B;QAC7B,IAAI,EAAE,MAAM,CAAA;QAEZ,mDAAmD;QACnD,IAAI,EAAE,SAAS,CAAA;QAEf,qEAAqE;QACrE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IAEZ,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAA;IAEf,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;IAE5D,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,CAAA;IAEhD,uBAAuB;IACvB,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CACnC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,aAAa,CAU7D"}

package/esm/utils/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAQ5C,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QA2B1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,GACrC,aAAa,CAgBf"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAQ5C,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QA2B1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,GACrC,aAAa,CAmBf"}

package/esm/utils/theme.js

@@ -1,56 +1,57 @@
-import { computed as h } from "vue";
-import { parseColor as i } from "./color.js";
-import { toKebabCase as d } from "./string.js";
-const u = "q-theme";
-function a() {
+import { computed as u } from "vue";
+import { parseColor as f } from "./color.js";
+import { toKebabCase as i } from "./string.js";
+const a = "q-theme";
+function l() {
   let e = document.getElementById(
-    u
+    a
   );
-  return e || (e = document.createElement("style"), e.id = u, document.head.appendChild(e)), e;
+  return e || (e = document.createElement("style"), e.id = a, document.head.appendChild(e)), e;
 }
 function g(e) {
   let t = "";
   for (const c of e) {
     t += `.q-theme--${c.name} {
 `;
-    const o = c.scheme;
+    const m = c.scheme;
     let n;
-    for (n in o) {
-      const m = o[n];
-      if (m) {
-        t += `  ${f(n)}: ${m};
+    for (n in m) {
+      const o = m[n];
+      if (o) {
+        t += `  ${h(n)}: ${o};
 `;
-        const s = i(m);
-        t += `  ${f(n)}-rgb: ${s.r} ${s.g} ${s.b};
+        const s = f(o);
+        t += `  ${h(n)}-rgb: ${s.r} ${s.g} ${s.b};
 `;
       }
     }
     t += `}
 `;
   }
-  const r = a();
+  const r = l();
   r.textContent = t;
 }
-function f(e) {
-  return e ? `--q-theme-${d(e)}` : "";
+function h(e) {
+  return e ? `--q-theme-${i(e)}` : "";
 }
 function E(e, t) {
-  const r = h(() => {
-    const o = t.find((n) => n.name === e.value);
-    if (!o)
+  const r = u(() => {
+    const n = t.find((o) => o.name === e.value);
+    if (!n)
       throw new Error(`Theme "${e}" not found`);
-    return o;
-  });
+    return n;
+  }), c = u(() => `q-theme--${r.value.name}`);
   return {
     name: e,
     current: r,
-    themes: t
+    themes: t,
+    class: c
   };
 }
 export {
-  u as THEME_NODE_ID,
+  a as THEME_NODE_ID,
   E as createThemeInstance,
   g as generateRootStyle,
-  a as getThemeNode,
-  f as toProperty
+  l as getThemeNode,
+  h as toProperty
 };

package/package.json

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