@quidgest/ui 0.16.26 → 0.16.28

package/dist/ui.scss

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

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

@@ -1 +1 @@
-{"version":3,"file":"QColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QColorPicker/QColorPicker.vue"],"names":[],"mappings":"AA2CA;AAsJC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAMhD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAiGtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2GT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAgB/B;AAgBD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QColorPicker/QColorPicker.vue"],"names":[],"mappings":"AA4CA;AAuJC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAMhD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAiGtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4GT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAgB/B;AAgBD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QColorPicker/QColorPicker.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as h, mergeModels as C, useModel as k, ref as p, computed as V, watch as m, createBlock as $, openBlock as g, unref as q, normalizeClass as B, createSlots as T, withCtx as t, renderSlot as r, withDirectives as x, createElementVNode as z, mergeProps as M, vModelText as S } from "vue";
+import { defineComponent as h, mergeModels as C, useModel as k, ref as p, computed as V, watch as m, createBlock as $, openBlock as g, unref as q, normalizeClass as B, createSlots as T, withCtx as t, renderSlot as r, withDirectives as x, createElementVNode as z, mergeProps as M, withModifiers as S, vModelText as w } from "vue";
 import { DEFAULT_TEXTS as D } from "./types.js";
 import { QTextField as E } from "../QTextField/index.js";
 import { isValidHex as F } from "../../utils/color.js";
-const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
+const P = ["readonly", "disabled", "aria-label"], I = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "QColorPicker",
   props: /* @__PURE__ */ C({
@@ -21,28 +21,28 @@ const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
   }),
   emits: ["update:modelValue"],
   setup(u) {
-    const l = u, d = k(u, "modelValue"), s = p(""), a = p(""), c = V(() => l.readonly || l.disabled);
-    function n(e) {
+    const l = u, d = k(u, "modelValue"), s = p(""), o = p(""), c = V(() => l.readonly || l.disabled);
+    function i(e) {
       return F(e, !0);
     }
     function f(e) {
-      const o = e.target;
-      d.value = n(o.value) ? o.value : "";
+      const a = e.target;
+      d.value = i(a.value) ? a.value : "";
     }
     function v() {
-      n(a.value) ? d.value = a.value : (d.value = "", a.value = "");
+      i(o.value) ? d.value = o.value : (d.value = "", o.value = "");
     }
     function b(e) {
-      e && n(e) ? s.value = e : s.value = "#000000";
+      e && i(e) ? s.value = e : s.value = "#000000";
     }
     m(d, b, { immediate: !0 });
     function y(e) {
-      e && n(e) ? a.value = e : a.value = "";
+      e && i(e) ? o.value = e : o.value = "";
     }
-    return m(d, y, { immediate: !0 }), (e, o) => (g(), $(q(E), {
+    return m(d, y, { immediate: !0 }), (e, a) => (g(), $(q(E), {
       id: l.id,
-      modelValue: a.value,
-      "onUpdate:modelValue": o[1] || (o[1] = (i) => a.value = i),
+      modelValue: o.value,
+      "onUpdate:modelValue": a[2] || (a[2] = (n) => o.value = n),
       "max-length": 7,
       class: B(["q-color-picker", l.class]),
       label: l.label,
@@ -62,14 +62,18 @@ const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
       prepend: t(() => [
         r(e.$slots, "prepend"),
         x(z("input", M({
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i),
+          "onUpdate:modelValue": a[0] || (a[0] = (n) => s.value = n),
           type: "color",
           class: "q-color-picker__swatch",
           readonly: l.readonly,
           disabled: c.value,
           "aria-label": l.texts.selectColor
-        }, e.$attrs, { onChange: f }), null, 16, P), [
-          [S, s.value]
+        }, e.$attrs, {
+          onChange: f,
+          onClick: a[1] || (a[1] = S(() => {
+          }, ["stop"]))
+        }), null, 16, P), [
+          [w, s.value]
         ])
       ]),
       _: 2
@@ -93,5 +97,5 @@ const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
   }
 });
 export {
-  H as default
+  I as default
 };

package/esm/components/QPropertyList/QPropertyListRow.d.ts

@@ -9,6 +9,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
     } & import('../../types/component').QBaseComponentProps & {
         field: QPropertyListField;
         readonly?: boolean;
+        required?: boolean;
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/esm/components/QPropertyList/QPropertyListRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QPropertyListRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListRow.vue"],"names":[],"mappings":"AA4BA;AAuFC,OAAO,KAAK,EAAE,kBAAkB,EAAyB,MAAM,SAAS,CAAA;yBAKvD,CAAC,eACL,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsJ1D,mBAAmB,CAAC;;;;;qBAzFf,CAAC;;;;oBAyFgF,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAlCkB,GAAG;;UAoCzB;YApJD,OAAO,SAAS,kBAAkB,GAAG,IAAI;YACzC,cAAc,SAAS,OAAO,GAAG,IAAI;sDAmJA;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhKxE,wBAgK2E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"QPropertyListRow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyListRow.vue"],"names":[],"mappings":"AAgCA;AAyGC,OAAO,KAAK,EAAE,kBAAkB,EAAyB,MAAM,SAAS,CAAA;yBAKvD,CAAC,eACL,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6K1D,mBAAmB,CAAC;;;;;qBA9Gf,CAAC;;;;;oBA8GgF,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBArCkB,GAAG;;UAuCzB;YA3KD,OAAO,SAAS,kBAAkB,GAAG,IAAI;YACzC,cAAc,SAAS,OAAO,GAAG,IAAI;sDA0KA;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvLxE,wBAuL2E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/esm/components/QPropertyList/QPropertyListRow.vue.js

@@ -1,82 +1,81 @@
-import { defineComponent as V, mergeModels as p, useModel as k, computed as o, createElementBlock as c, openBlock as r, normalizeClass as u, createElementVNode as n, withModifiers as m, toDisplayString as h, renderSlot as B, createCommentVNode as M, createBlock as b, resolveDynamicComponent as P, mergeProps as w } from "vue";
-const D = ["id", "data-group"], E = {
+import { defineComponent as B, mergeModels as c, useModel as M, computed as l, toRef as R, createElementBlock as m, openBlock as d, normalizeClass as f, createElementVNode as v, withModifiers as i, createVNode as h, unref as y, renderSlot as N, createCommentVNode as P, createBlock as w, resolveDynamicComponent as E, mergeProps as F } from "vue";
+import { QLabel as I } from "../QLabel/index.js";
+import { useId as L } from "../../composables/uid.js";
+const Q = ["id", "data-group"], x = {
   key: 0,
   class: "q-property-list-field__container"
-}, N = /* @__PURE__ */ V({
+}, U = /* @__PURE__ */ B({
   __name: "QPropertyListRow",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ c({
     id: {},
     class: {},
     field: {},
-    readonly: { type: Boolean }
+    readonly: { type: Boolean },
+    required: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ p(["focus", "field-change"], ["update:modelValue"]),
-  setup(i, { emit: f }) {
-    const e = i, a = f, t = k(i, "modelValue"), _ = o(() => ["q-property-list__row", e.class]), y = o(() => {
-      var l;
-      return [
-        "q-property-list__cell",
-        "q-property-list__cell-label",
-        {
-          "q-property-list__cell--required": (l = e.field.props) == null ? void 0 : l.required
-        }
-      ];
-    }), v = o(() => e.readonly || (e.field.props.readonly ?? !1)), g = o(() => ({
+  emits: /* @__PURE__ */ c(["focus", "field-change"], ["update:modelValue"]),
+  setup(n, { emit: _ }) {
+    const e = n, a = _, r = M(n, "modelValue"), q = l(() => ["q-property-list__row", e.class]), C = l(() => ["q-property-list__cell", "q-property-list__cell-label"]), V = l(() => e.readonly || (e.field.props.readonly ?? !1)), u = l(() => {
+      var o;
+      return e.required || !!((o = e.field.props) != null && o.required);
+    }), p = L(R(e, "id")), g = l(() => ({
       ...e.field.props,
-      readonly: v.value
+      id: p.value,
+      readonly: V.value,
+      required: u.value
     }));
     function s() {
       a("focus", e.field);
     }
-    function q(l) {
-      t.value = l, a("field-change", l);
+    function k(o) {
+      r.value = o, a("field-change", o);
     }
-    return (l, d) => (r(), c("tr", {
+    return (o, t) => (d(), m("tr", {
       id: e.id,
-      class: u(_.value),
+      class: f(q.value),
       "data-group": e.field.group,
       onFocusin: s
     }, [
-      n(
+      v(
         "td",
         {
-          class: u(y.value),
-          onClick: m(s, ["prevent", "stop"])
+          class: f(C.value),
+          onClick: i(s, ["prevent", "stop"])
         },
         [
-          n(
-            "div",
-            null,
-            h(e.field.label),
-            1
-            /* TEXT */
-          )
+          h(y(I), {
+            for: y(p),
+            label: e.field.label,
+            required: u.value,
+            onClick: t[0] || (t[0] = i(() => {
+            }, ["stop"]))
+          }, null, 8, ["for", "label", "required"])
         ],
         2
         /* CLASS */
       ),
-      n("td", {
+      v("td", {
         class: "q-property-list__cell",
-        onClick: m(s, ["prevent", "stop"])
+        onClick: i(s, ["prevent", "stop"])
       }, [
-        B(l.$slots, "default", {}, () => [
-          e.field.component ? (r(), c("div", E, [
-            (r(), b(P(e.field.component), w(g.value, {
-              modelValue: t.value,
+        N(o.$slots, "default", {}, () => [
+          e.field.component ? (d(), m("div", x, [
+            (d(), w(E(e.field.component), F(g.value, {
+              modelValue: r.value,
               "onUpdate:modelValue": [
-                d[0] || (d[0] = (C) => t.value = C),
-                q
+                t[1] || (t[1] = (b) => r.value = b),
+                k
               ]
             }), null, 16, ["modelValue"]))
-          ])) : M("v-if", !0)
+          ])) : P("v-if", !0)
         ])
       ])
-    ], 42, D));
+    ], 42, Q));
   }
 });
 export {
-  N as default
+  U as default
 };

package/esm/components/QPropertyList/index.d.ts

@@ -81,6 +81,7 @@ declare const QPropertyListRow: <T>(__VLS_props: NonNullable<Awaited<typeof __VL
         class?: string | unknown[] | undefined;
         field: import('./types').QPropertyListField;
         readonly?: boolean | undefined;
+        required?: boolean | undefined;
     } & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/esm/components/QPropertyList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,SAAS,CAAA;AAKhB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AACrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;2BAc6rN,KAAK;;;;;;;;;cAA4J,KAAK;SAAiB,CAAC;CAdh1N,CAAA;AAC3D,QAAA,MAAM,kBAAkB;;;;;;6FAAuC,CAAA;AAC/D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;EAAuC,CAAA;AAG/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAGlF,YAAY,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,SAAS,CAAA;AAKhB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AACrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;2BAc+zQ,KAAK;;;;;;;;;cAA4J,KAAK;SAAiB,CAAC;CAdl9Q,CAAA;AAC3D,QAAA,MAAM,kBAAkB;;;;;;6FAAuC,CAAA;AAC/D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;EAAuC,CAAA;AAG/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAGlF,YAAY,EACX,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,CAAA"}

package/esm/components/QPropertyList/types.d.ts

@@ -118,6 +118,10 @@ export type QPropertyListRowProps = QBaseComponentProps & {
      * When true, renders the field in a read-only state preventing user interaction.
      */
     readonly?: boolean;
+    /**
+     * If true, indicates that the field is required, displaying a visual cue.
+     */
+    required?: boolean;
 };
 /**
  * Props for the QPropertyListPanel component.

package/esm/components/QPropertyList/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GACxD,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,GAAG;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,mBAAmB,GAAG;IACzD;;OAEG;IACH,KAAK,EAAE,kBAAkB,CAAA;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG;IAC3D;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,aAAa;;CAEQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GACxD,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,GAAG;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,mBAAmB,GAAG;IACzD;;OAEG;IACH,KAAK,EAAE,kBAAkB,CAAA;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG;IAC3D;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,aAAa;;CAEQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}

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.28",
   "private": false,
   "type": "module",
   "author": "Quidgest",