@quidgest/ui 0.16.26 → 0.16.27

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.26
+ * Quidgest UI v0.16.27
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */

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;AAmEC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAyDnD,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,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;AA6DC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAmDnD,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,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,40 +1,34 @@
-import { defineComponent as i, toRef as m, watchEffect as u, onBeforeUnmount as h, createElementBlock as p, openBlock as f, normalizeClass as v, unref as d, renderSlot as y } from "vue";
-import { useId as C } from "../../composables/uid.js";
-import { provideTheme as _ } from "../../composables/theme.js";
-const q = ["id"], N = /* @__PURE__ */ i({
+import { defineComponent as a, toRef as d, watchEffect as i, onBeforeUnmount as u, createElementBlock as p, openBlock as f, normalizeClass as h, unref as m, renderSlot as v } from "vue";
+import { useId as y } from "../../composables/uid.js";
+import { provideTheme as C } from "../../composables/theme.js";
+const _ = ["id"], P = /* @__PURE__ */ a({
   __name: "QThemeProvider",
   props: {
     id: {},
     class: {},
     theme: {}
   },
-  setup(a) {
-    const o = a, {
-      class: c,
-      css: r,
-      name: n
-    } = _(m(o, "theme")), l = C(m(o, "id"));
+  setup(c) {
+    const o = c, { class: r, css: n } = C(d(o, "theme")), l = y(d(o, "id"));
     let e = null, s = null;
-    return u(() => {
-      if (r.value) {
-        const t = `q-theme-${n.value}`;
-        s = t, e = document.getElementById(t), e || (e = document.createElement("style"), e.id = t, document.head.appendChild(e)), e.textContent = r.value;
+    return i(() => {
+      if (n.value) {
+        const t = r.value;
+        s = t, e = document.getElementById(t), e || (e = document.createElement("style"), e.id = t, document.head.appendChild(e)), e.textContent = n.value;
       }
-    }), h(() => {
+    }), u(() => {
       if (!e || !s) return;
       !Array.from(
-        document.querySelectorAll(
-          `.q-theme-provider.q-theme--${n.value}:not(#${l.value})`
-        )
+        document.querySelectorAll(`.q-theme-provider.${r.value}:not(#${l.value})`)
       ).length && e.parentNode && e.parentNode.removeChild(e);
     }), (t, E) => (f(), p("div", {
-      id: d(l),
-      class: v(["q-theme-provider", d(c), o.class])
+      id: m(l),
+      class: h(["q-theme-provider", m(r), o.class])
     }, [
-      y(t.$slots, "default")
-    ], 10, q));
+      v(t.$slots, "default")
+    ], 10, _));
   }
 });
 export {
-  N as default
+  P as default
 };

package/esm/framework.js

@@ -1,34 +1,34 @@
-import { DEFAULTS_SYMBOL as c } from "./composables/defaults.js";
+import { DEFAULTS_SYMBOL as i } from "./composables/defaults.js";
 import { ThemeSymbol as h } from "./composables/theme.js";
 import { DismissibleLayerKey as f } from "./symbols/dismissibleLayer.js";
 import { ToastSymbol as d } from "./composables/useToast/types.js";
 import { useDismissibleLayerStack as u } from "./composables/useDismissibleLayerStack/index.js";
 import { createToastInstance as p } from "./composables/useToast/index.js";
 import { defaultLightColorScheme as r, defaultDarkColorScheme as l } from "./templates/theme.js";
-import { ref as i, watch as S } from "vue";
+import { ref as c, watch as S } from "vue";
 import { createThemeInstance as T, generateRootStyle as L } from "./utils/theme.js";
-function F(s = {}) {
+function N(o = {}) {
   return { install: (t) => {
-    const m = s.components || {};
-    for (const a in m)
-      t.component(a, m[a]);
-    const e = s.defaults || {};
-    t.provide(c, i(e)), y(t, s.themes);
-    const n = u();
-    t.provide(f, n), b(t);
+    const m = o.components || {};
+    for (const n in m)
+      t.component(n, m[n]);
+    const e = o.defaults || {};
+    t.provide(i, c(e)), y(t, o.themes);
+    const a = u();
+    t.provide(f, a), b(t);
   } };
 }
-function y(s, o) {
+function y(o, s) {
   const t = [];
   let m;
-  if (o)
-    for (const e of o.themes) {
-      const a = { ...e.mode === "light" ? r : l, ...e.colors };
+  if (s)
+    for (const e of s.themes) {
+      const n = { ...e.mode === "light" ? r : l, ...e.colors };
       t.push({
         name: e.name,
         mode: e.mode,
-        scheme: a
-      }), e.name === o.defaultTheme && (m = e.name);
+        scheme: n
+      }), e.name === s.defaultTheme && (m = e.name);
     }
   else {
     const e = [
@@ -46,18 +46,18 @@ function y(s, o) {
     t.push(...e), m = "light";
   }
   if (m) {
-    const e = i(m), n = T(e, t);
-    L(t), S(n.name, k, { immediate: !0 }), s.provide(h, n);
+    const e = c(m), a = T(e, t);
+    L(t), S(a.class, k, { immediate: !0 }), o.provide(h, a);
   }
 }
-function b(s) {
-  const o = p();
-  s.provide(d, o);
+function b(o) {
+  const s = p();
+  o.provide(d, s);
 }
-function k(s) {
-  const o = document.documentElement, m = Array.from(o.classList).filter((e) => !e.startsWith("q-theme"));
-  o.className = m.join(" "), o.classList.add(`q-theme--${s}`);
+function k(o) {
+  const s = document.documentElement, m = Array.from(s.classList).filter((e) => !e.startsWith("q-theme"));
+  s.className = m.join(" "), s.classList.add(o);
 }
 export {
-  F as createFramework
+  N as createFramework
 };

package/esm/utils/theme.d.ts

@@ -51,4 +51,13 @@ export declare function toProperty(color: string): string;
  * @throws Will throw an error if no theme with the specified name exists in `themes`.
  */
 export declare function createThemeInstance(name: MaybeRefOrGetter<string>, themes: DeepReadonly<ThemeDefinition[]>): ThemeInstance;
+/**
+ * Generates a CSS class name for a given theme.
+ *
+ * Converts the theme name to kebab-case and prepends it with `q-theme--`.
+ *
+ * @param name - The name of the theme (e.g., 'QuidgestTheme').
+ * @returns The corresponding CSS class name (e.g., 'q-theme--quidgest-theme').
+ */
+export declare function getThemeClass(name: string): string;
 //# sourceMappingURL=theme.d.ts.map

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,YAAY,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAQ1E,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,UAoBtD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QAM1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC9B,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,GACrC,aAAa,CAqBf"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAQ1E,eAAO,MAAM,aAAa,YAAY,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,UAoBtD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QAM1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,mBAAmB,CAClC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC9B,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,GACrC,aAAa,CAqBf;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,UAEzC"}

package/esm/utils/theme.js

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

package/package.json

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