@quidgest/ui 0.16.34 → 0.16.35

package/dist/ui.scss

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

package/esm/composables/useColor/index.js

@@ -1,8 +1,8 @@
 import { computed as l, unref as g } from "vue";
 import { useTheme as v } from "../theme.js";
 import { rgbToHsl as p, rgbToHex as b, rgbToVariableString as c } from "../../utils/color/conversion.js";
-import { darken as d } from "../../utils/color/manipulate.js";
-import { getContrastingColor as y } from "../../utils/color/contrast.js";
+import { getContrastingColor as d } from "../../utils/color/contrast.js";
+import { darken as y } from "../../utils/color/manipulate.js";
 import { parseColor as T } from "../../utils/color/parse.js";
 function K(o) {
   const e = l(() => g(o)), i = l(
@@ -23,7 +23,7 @@ function K(o) {
       console.error("Failed to parse color:", s);
       return;
     }
-    const f = p(r), a = y(f.l), u = d(r, 25), h = b(u);
+    const f = p(r), a = d(f.l), u = y(r, 25), h = b(u);
     return {
       mainColor: n,
       mainColorRgb: c(r),

package/esm/index.d.ts

@@ -1,8 +1,9 @@
 import { FrameworkConfig } from './framework';
 import * as templates from './templates';
 import * as components from './components';
+import * as utils from './utils';
 export declare const createFramework: (options?: FrameworkConfig) => import('vue').Plugin;
-export { templates, components };
+export { templates, components, utils };
 export * from './composables';
 //# sourceMappingURL=index.d.ts.map
 declare module '@vue/runtime-core' {

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAI1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,eAAe,aAAa,eAAe,yBAEvD,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AAChC,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAIhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,eAAe,aAAa,eAAe,yBAEvD,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,CAAA;AACvC,cAAc,eAAe,CAAA"}

package/esm/index.js

@@ -1,16 +1,18 @@
 import * as t from "./templates/index.js";
 import * as r from "./components/index.js";
+import * as m from "./utils/index.js";
 import { createFramework as o } from "./framework.js";
-import { provideTheme as n, useTheme as i } from "./composables/theme.js";
+import { provideTheme as n, useTheme as x } from "./composables/theme.js";
 import { useDialog as c } from "./composables/useDialog/index.js";
-import { useToast as u } from "./composables/useToast/index.js";
-const a = (e = {}) => o({ components: r, ...e });
+import { useToast as d } from "./composables/useToast/index.js";
+const s = (e = {}) => o({ components: r, ...e });
 export {
   r as components,
-  a as createFramework,
+  s as createFramework,
   n as provideTheme,
   t as templates,
   c as useDialog,
-  i as useTheme,
-  u as useToast
+  x as useTheme,
+  d as useToast,
+  m as utils
 };

package/esm/utils/color/contrast.js

@@ -1,6 +1,13 @@
-function r(t) {
-  return t > 50 ? "#000" : "#fff";
+import { rgbToHex as t } from "./conversion.js";
+import { parseColor as e } from "./parse.js";
+function g(o) {
+  return o > 50 ? "#000" : "#fff";
+}
+function l(o) {
+  const r = e(o);
+  return r.r = 255 - r.r, r.g = 255 - r.g, r.b = 255 - r.b, t(r);
 }
 export {
-  r as getContrastingColor
+  l as getComplementaryColor,
+  g as getContrastingColor
 };

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

@@ -1,7 +1,7 @@
-export * from './types';
-export * from './parse';
+export * from './contrast';
 export * from './conversion';
 export * from './manipulate';
-export * from './contrast';
 export * from './merge';
+export * from './parse';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/esm/utils/color/manipulate.js

@@ -1,13 +1,21 @@
-import { rgbToHsl as r, hslToRgb as c } from "./conversion.js";
-function e(t, n) {
-  const o = r(t), l = n / 100;
-  return o.l = o.l + l * (100 - o.l), c(o);
+import { rgbToHsl as l, hslToRgb as o } from "./conversion.js";
+function i(t, r) {
+  if (r < 0 || r > 100)
+    throw new Error("Amount must be in the range [0, 100]");
+  if (r === 0)
+    return t;
+  const e = l(t), n = r / 100;
+  return e.l = e.l + n * (100 - e.l), o(e);
 }
-function f(t, n) {
-  const o = r(t), l = n / 100;
-  return o.l = o.l - l * o.l, c(o);
+function f(t, r) {
+  if (r < 0 || r > 100)
+    throw new Error("Amount must be in the range [0, 100]");
+  if (r === 0)
+    return t;
+  const e = l(t), n = r / 100;
+  return e.l = e.l - n * e.l, o(e);
 }
 export {
   f as darken,
-  e as lighten
+  i as lighten
 };

package/esm/utils/color/merge.js

@@ -0,0 +1,49 @@
+import { getComplementaryColor as y, getContrastingColor as C } from "./contrast.js";
+import { rgbToHex as p, rgbToHsl as d } from "./conversion.js";
+import { lighten as K, darken as $ } from "./manipulate.js";
+import { parseColor as f } from "./parse.js";
+function U(m, o) {
+  const n = { ...m }, l = (t, r) => {
+    const i = f(t), a = p(K(i, 85)), c = p($(i, 25)), e = r.toString().replace(/(Light|Dark)$/, "");
+    return {
+      [e]: t,
+      [`${e}Light`]: a,
+      [`${e}Dark`]: c
+    };
+  }, s = (t) => {
+    const r = f(t), i = d(r);
+    return C(i.l);
+  }, k = [
+    "primary",
+    "secondary",
+    "highlight",
+    "info",
+    "success",
+    "warning",
+    "danger",
+    "neutral"
+  ];
+  for (const t of k) {
+    const r = t, i = `${t}Light`, a = `${t}Dark`, c = `on${t.charAt(0).toUpperCase() + t.slice(1)}`, e = `on${t.charAt(0).toUpperCase() + t.slice(1)}Light`, g = `on${t.charAt(0).toUpperCase() + t.slice(1)}Dark`;
+    if (o[r]) {
+      const h = l(o[r], r);
+      Object.assign(n, h), n[c] = s(o[r]), n[e] = s(h[i]), n[g] = s(h[a]);
+    }
+    o[r] || (o[i] && (n[i] = o[i], o[e] || (n[e] = s(o[i]))), o[a] && (n[a] = o[a], o[g] || (n[g] = s(o[a])))), o[c] && (n[c] = o[c]), o[e] && (n[e] = o[e]), o[g] && (n[g] = o[g]);
+  }
+  if (o.primary && !o.highlight) {
+    const t = y(o.primary), r = l(t, "highlight");
+    Object.assign(n, r), n.onHighlight = s(t), n.onHighlightLight = s(r.highlightLight), n.onHighlightDark = s(r.highlightDark);
+  }
+  const u = ["background", "container"];
+  for (const t of u)
+    if (o[t]) {
+      n[t] = o[t];
+      const r = `on${t.charAt(0).toUpperCase() + t.slice(1)}`;
+      o[r] || (n[r] = s(o[t]));
+    }
+  return o.onBackground && (n.onBackground = o.onBackground), o.onContainer && (n.onContainer = o.onContainer), n;
+}
+export {
+  U as mergeColorSchemes
+};

package/esm/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/esm/utils/index.js

@@ -0,0 +1,20 @@
+import { getComplementaryColor as e, getContrastingColor as t } from "./color/contrast.js";
+import { hslToRgb as l, hueToRgb as m, rgbToHex as a, rgbToHsl as b, rgbToVariableString as p } from "./color/conversion.js";
+import { darken as x, lighten as i } from "./color/manipulate.js";
+import { mergeColorSchemes as C } from "./color/merge.js";
+import { isValidHex as T, parseColor as h, tryParseRgb as H } from "./color/parse.js";
+export {
+  x as darken,
+  e as getComplementaryColor,
+  t as getContrastingColor,
+  l as hslToRgb,
+  m as hueToRgb,
+  T as isValidHex,
+  i as lighten,
+  C as mergeColorSchemes,
+  h as parseColor,
+  a as rgbToHex,
+  b as rgbToHsl,
+  p as rgbToVariableString,
+  H as tryParseRgb
+};

package/package.json

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