@quidgest/ui 0.15.7 → 0.15.9

package/esm/components/index.js

@@ -3,81 +3,82 @@ import { QBadge as p } from "./QBadge/index.js";
 import { QBadgeIndicator as m } from "./QBadgeIndicator/index.js";
 import { QButton as f } from "./QButton/index.js";
 import { QButtonGroup as a } from "./QButtonGroup/index.js";
-import { QButtonToggle as l } from "./QButtonToggle/index.js";
+import { QButtonToggle as n } from "./QButtonToggle/index.js";
 import { QCard as s } from "./QCard/index.js";
-import { QCheckbox as c } from "./QCheckbox/index.js";
-import { QCollapsible as P } from "./QCollapsible/index.js";
+import { QCheckbox as c, QCheckboxLabel as u } from "./QCheckbox/index.js";
+import { QCollapsible as I } from "./QCollapsible/index.js";
 import { QColorPicker as g } from "./QColorPicker/index.js";
-import { QCombobox as b } from "./QCombobox/index.js";
-import { QDateTimePicker as B } from "./QDateTimePicker/index.js";
-import { QDialog as C } from "./QDialog/index.js";
-import { QDismissibleLayer as k } from "./QDismissibleLayer/index.js";
-import { QDropdownMenu as D } from "./QDropdownMenu/index.js";
+import { QCombobox as y } from "./QCombobox/index.js";
+import { QDateTimePicker as C } from "./QDateTimePicker/index.js";
+import { QDialog as k } from "./QDialog/index.js";
+import { QDismissibleLayer as v } from "./QDismissibleLayer/index.js";
+import { QDropdownMenu as S } from "./QDropdownMenu/index.js";
 import { QField as w } from "./QField/index.js";
-import { QFileUpload as h } from "./QFileUpload/index.js";
-import { QFocusTrap as M } from "./QFocusTrap/index.js";
-import { QIcon as U, QIconFont as j, QIconImg as q, QIconSvg as z } from "./QIcon/index.js";
-import { QInputGroup as H } from "./QInputGroup/index.js";
-import { QLabel as K } from "./QLabel/index.js";
-import { QLineLoader as V } from "./QLineLoader/index.js";
-import { QList as X, QListItem as Y, QListItemGroup as Z } from "./QList/index.js";
-import { QMeter as $ } from "./QMeter/index.js";
-import { QOverlay as ro } from "./QOverlay/index.js";
-import { QPasswordField as to } from "./QPasswordField/index.js";
-import { QPopover as Qo } from "./QPopover/index.js";
-import { QPropertyList as xo, QPropertyListGroup as fo, QPropertyListPanel as io, QPropertyListRow as ao } from "./QPropertyList/index.js";
-import { QRadioButton as lo, QRadioGroup as so } from "./QRadioGroup/index.js";
-import { QSelect as co } from "./QSelect/index.js";
-import { QSkeletonLoader as Po } from "./QSkeletonLoader/index.js";
+import { QFileUpload as A } from "./QFileUpload/index.js";
+import { QFocusTrap as O } from "./QFocusTrap/index.js";
+import { QIcon as j, QIconFont as q, QIconImg as z, QIconSvg as E } from "./QIcon/index.js";
+import { QInputGroup as J } from "./QInputGroup/index.js";
+import { QLabel as N } from "./QLabel/index.js";
+import { QLineLoader as W } from "./QLineLoader/index.js";
+import { QList as Y, QListItem as Z, QListItemGroup as _ } from "./QList/index.js";
+import { QMeter as oo } from "./QMeter/index.js";
+import { QOverlay as eo } from "./QOverlay/index.js";
+import { QPasswordField as po } from "./QPasswordField/index.js";
+import { QPopover as mo } from "./QPopover/index.js";
+import { QPropertyList as fo, QPropertyListGroup as io, QPropertyListPanel as ao, QPropertyListRow as lo } from "./QPropertyList/index.js";
+import { QRadioButton as so, QRadioGroup as Lo } from "./QRadioGroup/index.js";
+import { QSelect as uo } from "./QSelect/index.js";
+import { QSkeletonLoader as Io } from "./QSkeletonLoader/index.js";
 import { QSpinnerLoader as go } from "./QSpinnerLoader/index.js";
-import { QTextArea as bo } from "./QTextArea/index.js";
-import { QTextField as Bo } from "./QTextField/index.js";
-import { QThemeProvider as Co } from "./QThemeProvider/index.js";
-import { QTooltip as ko } from "./QTooltip/index.js";
+import { QTextArea as yo } from "./QTextArea/index.js";
+import { QTextField as Co } from "./QTextField/index.js";
+import { QThemeProvider as ko } from "./QThemeProvider/index.js";
+import { QTooltip as vo } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
   m as QBadgeIndicator,
   f as QButton,
   a as QButtonGroup,
-  l as QButtonToggle,
+  n as QButtonToggle,
   s as QCard,
   c as QCheckbox,
-  P as QCollapsible,
+  u as QCheckboxLabel,
+  I as QCollapsible,
   g as QColorPicker,
-  b as QCombobox,
-  B as QDateTimePicker,
-  C as QDialog,
-  k as QDismissibleLayer,
-  D as QDropdownMenu,
+  y as QCombobox,
+  C as QDateTimePicker,
+  k as QDialog,
+  v as QDismissibleLayer,
+  S as QDropdownMenu,
   w as QField,
-  h as QFileUpload,
-  M as QFocusTrap,
-  U as QIcon,
-  j as QIconFont,
-  q as QIconImg,
-  z as QIconSvg,
-  H as QInputGroup,
-  K as QLabel,
-  V as QLineLoader,
-  X as QList,
-  Y as QListItem,
-  Z as QListItemGroup,
-  $ as QMeter,
-  ro as QOverlay,
-  to as QPasswordField,
-  Qo as QPopover,
-  xo as QPropertyList,
-  fo as QPropertyListGroup,
-  io as QPropertyListPanel,
-  ao as QPropertyListRow,
-  lo as QRadioButton,
-  so as QRadioGroup,
-  co as QSelect,
-  Po as QSkeletonLoader,
+  A as QFileUpload,
+  O as QFocusTrap,
+  j as QIcon,
+  q as QIconFont,
+  z as QIconImg,
+  E as QIconSvg,
+  J as QInputGroup,
+  N as QLabel,
+  W as QLineLoader,
+  Y as QList,
+  Z as QListItem,
+  _ as QListItemGroup,
+  oo as QMeter,
+  eo as QOverlay,
+  po as QPasswordField,
+  mo as QPopover,
+  fo as QPropertyList,
+  io as QPropertyListGroup,
+  ao as QPropertyListPanel,
+  lo as QPropertyListRow,
+  so as QRadioButton,
+  Lo as QRadioGroup,
+  uo as QSelect,
+  Io as QSkeletonLoader,
   go as QSpinnerLoader,
-  bo as QTextArea,
-  Bo as QTextField,
-  Co as QThemeProvider,
-  ko as QTooltip
+  yo as QTextArea,
+  Co as QTextField,
+  ko as QThemeProvider,
+  vo as QTooltip
 };

package/esm/composables/defaults.js

@@ -1,6 +1,6 @@
+import { getCurrentInstance as d, computed as f, ref as m, provide as p, inject as v } from "vue";
 import { isEmpty as s } from "../utils/isEmpty.js";
-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";
+import { merge as a } from "../utils/merge.js";
 const i = "q-defaults";
 function E() {
   var r, u;
@@ -10,11 +10,11 @@ function E() {
   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 a(() => f(o, c));
+  return f(() => a(o, c));
 }
 function I(e) {
   if (s(e)) return;
-  const t = l(), n = m(e), o = a(() => s(n.value) ? t.value : f(t.value, n.value));
+  const t = l(), n = m(e), o = f(() => s(n.value) ? t.value : a(t.value, n.value));
   p(i, o);
 }
 function l() {

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;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"}
+{"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,gBAAgB,CAAA;AAMjD,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/composables/theme.js

@@ -1,15 +1,15 @@
-import { createThemeInstance as r } from "../utils/theme.js";
-import { inject as c, provide as h } from "vue";
+import { inject as r, provide as c } from "vue";
+import { createThemeInstance as h } from "../utils/theme.js";
 const n = Symbol.for("q-theme");
 function s() {
-  const e = c(n);
+  const e = r(n);
   if (!e)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return e;
 }
 function u(e) {
-  const o = s(), m = o.themes, t = r(e, m);
-  return h(n, t), t;
+  const o = s(), m = o.themes, t = h(e, m);
+  return c(n, t), t;
 }
 export {
   n as ThemeSymbol,

package/esm/composables/useColor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAOzD;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,cAAc,CA2C5E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAczD;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,cAAc,CA8C5E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD"}

package/esm/composables/useColor/index.js

@@ -1,39 +1,41 @@
-import { computed as l, unref as m } from "vue";
-import { parseColor as h, rgbToHsl as d, colorToHex as v, darken as p, getContrastingColor as g } from "../../utils/color.js";
-import { useTheme as y } from "../theme.js";
-function x(o) {
-  const t = l(() => m(o)), i = l(
-    () => t.value ? !b(t.value) : !1
-  ), a = l(() => {
-    const r = t.value;
-    if (!r) return;
-    let n = r;
-    const c = y();
+import { computed as s, unref as v } from "vue";
+import { parseColor as g, rgbToHsl as d, darken as b, colorToHex as p, getContrastingColor as y, rgbToVariableString as c } from "../../utils/color.js";
+import { useTheme as T } from "../theme.js";
+function k(o) {
+  const t = s(() => v(o)), i = s(
+    () => t.value ? !H(t.value) : !1
+  ), C = s(() => {
+    const e = t.value;
+    if (!e) return;
+    let n = e;
+    const f = T();
     if (i.value) {
-      const s = r;
-      n = c.current.value.scheme[s] ?? r;
+      const l = e;
+      n = f.current.value.scheme[l] ?? e;
     }
-    let e;
+    let r;
     try {
-      if (e = h(n), !e) return;
-    } catch (s) {
-      console.error("Failed to parse color:", s);
+      if (r = g(n), !r) return;
+    } catch (l) {
+      console.error("Failed to parse color:", l);
       return;
     }
-    const C = d(e), u = g(C.l), f = v(p(e, 25));
+    const h = d(r), a = y(h.l), u = b(r, 25), m = p(u);
     return {
       mainColor: n,
-      onMainColor: u,
-      hoverColor: f,
-      onHoverColor: u
+      mainColorRgb: c(r),
+      onMainColor: a,
+      hoverColor: m,
+      hoverColorRgb: c(u),
+      onHoverColor: a
     };
   });
-  return { isUtilityColor: i, style: a };
+  return { isUtilityColor: i, style: C };
 }
-function b(o) {
+function H(o) {
   return o.startsWith("#") || o.startsWith("rgb") || o.startsWith("hsl");
 }
 export {
-  b as isCssColor,
-  x as useColor
+  H as isCssColor,
+  k as useColor
 };

package/esm/composables/useColor/types.d.ts

@@ -4,9 +4,13 @@ import { ComputedRef } from 'vue';
  */
 export interface ColorStyle {
     /**
-     * The primary color to be used.
+     * The main color to be used.
      */
     mainColor: string;
+    /**
+     * The RGB representation of the main color.
+     */
+    mainColorRgb: string;
     /**
      * The color to be used for content on top of the main color.
      */
@@ -15,6 +19,10 @@ export interface ColorStyle {
      * Optional color to be used when the component is in hover state.
      */
     hoverColor?: string;
+    /**
+     * The RGB representation of the hover color.
+     */
+    hoverColorRgb?: string;
     /**
      * Optional color to be used for content when the component is in hover state.
      */

package/esm/composables/useColor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;CAC1C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;CAC1C"}

package/esm/framework.d.ts

@@ -1,6 +1,6 @@
+import { Component, Plugin } from 'vue';
 import { Defaults } from './composables/defaults';
 import { AppThemes } from './composables/theme';
-import { Component, Plugin } from 'vue';
 /**
  * Configuration options for the Quidgest UI framework plugin.
  */

package/esm/framework.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AACrE,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAMjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEtC,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CAiBpE"}
+{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AAMrE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEtC,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CAiBpE"}

package/esm/index.d.ts

@@ -15,6 +15,7 @@ declare module '@vue/runtime-core' {
 		QButtonToggle: typeof import('@quidgest/ui/components')['QButtonToggle']
 		QCard: typeof import('@quidgest/ui/components')['QCard']
 		QCheckbox: typeof import('@quidgest/ui/components')['QCheckbox']
+		QCheckboxLabel: typeof import('@quidgest/ui/components')['QCheckboxLabel']
 		QCollapsible: typeof import('@quidgest/ui/components')['QCollapsible']
 		QColorPicker: typeof import('@quidgest/ui/components')['QColorPicker']
 		QCombobox: typeof import('@quidgest/ui/components')['QCombobox']

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/templates/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,eAAO,MAAM,uBAAuB,EAAE,WAoCrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,WAoCpC,CAAA"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/templates/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,eAAO,MAAM,uBAAuB,EAAE,WAoCrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,WAoCpC,CAAA"}

package/esm/utils/color.d.ts

@@ -90,6 +90,12 @@ export declare function darken(rgb: RGB, amount: number): RGB;
  * @returns A hex string representing the color.
  */
 export declare function colorToHex(rgb: RGB): string;
+/**
+ * Converts an RGB object to a string in the format 'r g b'.
+ * @param rgb The RGB object to convert.
+ * @returns A string representing the color in 'r g b' format.
+ */
+export declare function rgbToVariableString(rgb: RGB): string;
 /**
  * Converts a color from RGB to HSL space.
  * @param color The color to convert.

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

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IAGnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IAEpB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,eAAe,GAAE,OAAe,GAAG,OAAO,CAQ1F;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,CASxD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAkB7C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYrD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAqCtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAuBtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,mBAIpD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAU3D"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"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"}

package/esm/utils/color.js

@@ -19,23 +19,26 @@ function b(t) {
   }
   throw new Error("Invalid color format");
 }
-function p(t, r) {
+function $(t, r) {
   const n = g(t), s = r / 100;
   return n.l = n.l - s * n.l, l(n);
 }
-function M(t) {
+function p(t) {
   const r = t.r.toString(16).padStart(2, "0"), n = t.g.toString(16).padStart(2, "0"), s = t.b.toString(16).padStart(2, "0");
   return `#${r}${n}${s}`;
 }
+function M(t) {
+  return `${t.r} ${t.g} ${t.b}`;
+}
 function g(t) {
   const r = t.r / 255, n = t.g / 255, s = t.b / 255, e = Math.max(r, n, s), o = Math.min(r, n, s);
-  let a = 0, c;
-  const i = (e + o) / 2;
+  let a = 0, i;
+  const c = (e + o) / 2;
   if (e === o)
-    a = c = 0;
+    a = i = 0;
   else {
     const u = e - o;
-    switch (c = i > 0.5 ? u / (2 - e - o) : u / (e + o), e) {
+    switch (i = c > 0.5 ? u / (2 - e - o) : u / (e + o), e) {
       case r:
         a = (n - s) / u + (n < s ? 6 : 0);
         break;
@@ -50,8 +53,8 @@ function g(t) {
   }
   return {
     h: Math.round(a * 360),
-    s: Math.round(c * 100),
-    l: Math.round(i * 100)
+    s: Math.round(i * 100),
+    l: Math.round(c * 100)
   };
 }
 function l(t) {
@@ -60,8 +63,8 @@ function l(t) {
   if (n === 0)
     e = o = a = s;
   else {
-    const c = s < 0.5 ? s * (1 + n) : s + n - s * n, i = 2 * s - c;
-    e = f(i, c, r + 1 / 3), o = f(i, c, r), a = f(i, c, r - 1 / 3);
+    const i = s < 0.5 ? s * (1 + n) : s + n - s * n, c = 2 * s - i;
+    e = f(c, i, r + 1 / 3), o = f(c, i, r), a = f(c, i, r - 1 / 3);
   }
   return {
     r: Math.round(e * 255),
@@ -76,13 +79,14 @@ function m(t) {
   return t > 50 ? "#000" : "#fff";
 }
 export {
-  M as colorToHex,
-  p as darken,
+  p as colorToHex,
+  $ as darken,
   m as getContrastingColor,
   l as hslToRgb,
   f as hueToRgb,
   h as isValidHex,
   b as parseColor,
   g as rgbToHsl,
+  M as rgbToVariableString,
   d as tryParseRgb
 };

package/esm/utils/theme.d.ts

@@ -1,5 +1,5 @@
-import { ThemeDefinition, ThemeInstance } from '../composables/theme';
 import { DeepReadonly, Ref } from 'vue';
+import { ThemeDefinition, ThemeInstance } from '../composables/theme';
 export declare const THEME_NODE_ID = "q-theme";
 /**
  * Gets or creates a style node for applying dynamic themes.

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,CAmBf"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC5C,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;;;;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/package.json

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