@quidgest/ui 0.14.20 → 0.15.0

package/esm/components/QSelect/QSelect.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as X, mergeModels as I, useModel as j, ref as f, computed as b, watch as G, nextTick as J, createElementBlock as m, openBlock as n, Fragment as N, createVNode as k, unref as i, mergeProps as D, withModifiers as F, createSlots as Y, withCtx as r, toDisplayString as O, createCommentVNode as g, createTextVNode as Z, renderSlot as c, createBlock as h, normalizeProps as ee, createElementVNode as le } from "vue";
+import { defineComponent as X, mergeModels as I, useModel as j, ref as f, computed as b, watch as G, nextTick as J, createElementBlock as m, openBlock as n, Fragment as N, createVNode as k, unref as i, mergeProps as D, withModifiers as F, createSlots as Y, withCtx as d, toDisplayString as O, createCommentVNode as g, createTextVNode as Z, renderSlot as c, createBlock as h, normalizeProps as ee, createElementVNode as le } from "vue";
 import { DEFAULT_TEXTS as oe, DEFAULT_ICONS as te } from "./types.js";
 import { QButton as ae } from "../QButton/index.js";
 import { QField as ne } from "../QField/index.js";
 import { QIcon as ie } from "../QIcon/index.js";
 import { QList as se } from "../QList/index.js";
-import { QOverlay as de } from "../QOverlay/index.js";
-import { QSpinnerLoader as re } from "../QSpinnerLoader/index.js";
+import { QOverlay as re } from "../QOverlay/index.js";
+import { QSpinnerLoader as de } from "../QSpinnerLoader/index.js";
 import { QChevron as ue } from "../__internal__/QChevron/index.js";
 import { QClearButton as ce } from "../__internal__/QClearButton/index.js";
 const fe = {
@@ -17,7 +17,7 @@ const fe = {
 }, pe = ["data-key"], ve = {
   key: 0,
   class: "q-select__loader"
-}, qe = /* @__PURE__ */ X({
+}, Le = /* @__PURE__ */ X({
   inheritAttrs: !1,
   __name: "QSelect",
   props: /* @__PURE__ */ I({
@@ -44,8 +44,8 @@ const fe = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ I(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(x, { emit: R }) {
-    const e = x, p = R, v = j(x, "modelValue"), t = f(!1), w = f(""), y = f(null), _ = f(null), V = f(null), A = b(() => u.value === void 0), u = b(
+  setup(q, { emit: R }) {
+    const e = q, p = R, v = j(q, "modelValue"), t = f(!1), w = f(""), y = f(null), _ = f(null), V = f(null), A = b(() => u.value === void 0), u = b(
       () => {
         var l;
         return (l = e.items) == null ? void 0 : l.find((o) => o[e.itemValue] === v.value);
@@ -56,29 +56,29 @@ const fe = {
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function B(l) {
-      v.value = l, q();
+      v.value = l, L();
     }
-    function L() {
+    function x() {
       E.value && (B(e.emptyValue), T());
     }
     function U(l) {
       var o, s, a;
-      !((o = V.value) != null && o.contains(l.relatedTarget)) && !((a = (s = y.value) == null ? void 0 : s.fieldRef) != null && a.contains(l.relatedTarget)) && q();
+      !((o = V.value) != null && o.contains(l.relatedTarget)) && !((a = (s = y.value) == null ? void 0 : s.fieldRef) != null && a.contains(l.relatedTarget)) && L();
     }
     function K() {
       t.value || (p("before-show"), t.value = !0);
     }
-    function q() {
+    function L() {
       t.value && (p("before-hide"), t.value = !1);
     }
     function C() {
-      e.readonly || e.disabled || (t.value ? q() : K());
+      e.readonly || e.disabled || (t.value ? L() : K());
     }
     let S;
     function $(l) {
       var o;
       if (!(!l.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(S), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " "].includes(l.key) && (t.value = !0), ["Escape", "Tab"].includes(l.key) && (t.value ? t.value = !1 : E.value && l.key === "Escape" && L()), l.key === "Delete" && e.clearable && L(), /^[a-z]$/i.test(l.key)) {
+        if (window.clearTimeout(S), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " "].includes(l.key) && (t.value = !0), ["Escape", "Tab"].includes(l.key) && (t.value ? t.value = !1 : E.value && l.key === "Escape" && x()), l.key === "Delete" && e.clearable && x(), /^[a-z]$/i.test(l.key)) {
           w.value += l.key.toLowerCase();
           const s = ((o = e.items) == null ? void 0 : o.length) || 0;
           for (let a = 0; a < s; a++)
@@ -149,25 +149,26 @@ const fe = {
             onClick: C,
             onKeydown: F($, ["stop"])
           }), Y({
-            append: r(() => [
+            append: d(() => [
               c(l.$slots, "append"),
               E.value && v.value ? (n(), h(i(ce), {
                 key: 0,
                 icons: e.icons,
                 texts: e.texts,
-                onClick: L
+                onClick: x
               }, null, 8, ["icons", "texts"])) : g("v-if", !0),
               e.readonly ? g("v-if", !0) : (n(), h(i(ae), {
                 key: 1,
                 class: "q-select__chevron",
                 "aria-label": e.texts.showOptions,
-                "b-style": "plain",
+                variant: "text",
+                color: "neutral",
                 borderless: "",
                 tabindex: "-1",
                 disabled: e.disabled,
                 onClick: C
               }, {
-                default: r(() => [
+                default: d(() => [
                   k(i(ue), {
                     "model-value": t.value,
                     icons: e.icons
@@ -177,7 +178,7 @@ const fe = {
                 /* STABLE */
               }, 8, ["aria-label", "disabled"]))
             ]),
-            default: r(() => [
+            default: d(() => [
               A.value ? (n(), m("span", me, [
                 !e.readonly && !e.disabled ? (n(), m(
                   N,
@@ -205,11 +206,11 @@ const fe = {
           }, [
             (s = u.value) != null && s.icon || l.$slots.prepend ? {
               name: "prepend",
-              fn: r(() => {
-                var d, z;
+              fn: d(() => {
+                var r, z;
                 return [
                   c(l.$slots, "prepend"),
-                  (d = u.value) != null && d.icon ? (n(), h(
+                  (r = u.value) != null && r.icon ? (n(), h(
                     i(ie),
                     ee(D({ key: 0 }, (z = u.value) == null ? void 0 : z.icon)),
                     null,
@@ -222,15 +223,15 @@ const fe = {
             } : void 0,
             l.$slots.extras ? {
               name: "extras",
-              fn: r(() => [
+              fn: d(() => [
                 c(l.$slots, "extras")
               ]),
               key: "1"
             } : void 0
           ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
-          k(i(de), {
+          k(i(re), {
             modelValue: t.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (d) => t.value = d),
+            "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r),
             spy: "",
             trigger: "manual",
             placement: "bottom-start",
@@ -241,7 +242,7 @@ const fe = {
             onEnter: P,
             onLeave: H
           }, {
-            default: r(() => [
+            default: d(() => [
               le("div", {
                 ref_key: "contentRef",
                 ref: V,
@@ -254,7 +255,7 @@ const fe = {
               }, [
                 c(l.$slots, "body.prepend"),
                 e.loading ? (n(), m("div", ve, [
-                  k(i(re), { size: 24 })
+                  k(i(de), { size: 24 })
                 ])) : (n(), h(i(se), {
                   key: 1,
                   ref_key: "listRef",
@@ -268,8 +269,8 @@ const fe = {
                   "item-value": e.itemValue,
                   "onUpdate:modelValue": B
                 }, {
-                  item: r(({ item: d }) => [
-                    c(l.$slots, "item", { item: d })
+                  item: d(({ item: r }) => [
+                    c(l.$slots, "item", { item: r })
                   ]),
                   _: 3
                   /* FORWARDED */
@@ -288,5 +289,5 @@ const fe = {
   }
 });
 export {
-  qe as default
+  Le as default
 };

package/esm/components/__internal__/QClearButton/QClearButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QClearButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/QClearButton.vue"],"names":[],"mappings":"AAYA;AAyCC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;;;;;;;;;AAoGjD,wBASG"}
+{"version":3,"file":"QClearButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/QClearButton.vue"],"names":[],"mappings":"AAaA;AA0CC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;;;;;;;;;AAsGjD,wBASG"}

package/esm/components/__internal__/QClearButton/QClearButton.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as s, createBlock as i, openBlock as n, unref as a, normalizeClass as m, withCtx as p, createVNode as u, normalizeProps as d, guardReactiveProps as f } from "vue";
-import { DEFAULT_TEXTS as _, DEFAULT_ICONS as b } from "./types.js";
-import { QButton as x } from "../../QButton/index.js";
-import { QIcon as C } from "../../QIcon/index.js";
-const h = /* @__PURE__ */ s({
+import { defineComponent as i, createBlock as n, openBlock as s, unref as a, normalizeClass as m, withCtx as u, createVNode as p, normalizeProps as d, guardReactiveProps as f } from "vue";
+import { DEFAULT_TEXTS as _, DEFAULT_ICONS as x } from "./types.js";
+import { QButton as C } from "../../QButton/index.js";
+import { QIcon as b } from "../../QIcon/index.js";
+const h = /* @__PURE__ */ i({
   __name: "QClearButton",
   props: {
     id: {},
     class: {},
-    icons: { default: () => b },
+    icons: { default: () => x },
     texts: { default: () => _ }
   },
   emits: ["click"],
@@ -16,18 +16,19 @@ const h = /* @__PURE__ */ s({
     function c(t) {
       l("click", t);
     }
-    return (t, k) => (n(), i(a(x), {
+    return (t, k) => (s(), n(a(C), {
       id: e.id,
       class: m(["q-clear-btn", e.class]),
       "aria-label": e.texts.clearValue,
-      "b-style": "plain",
+      variant: "text",
+      color: "neutral",
       borderless: "",
       tabindex: "-1",
       onClick: c
     }, {
-      default: p(() => [
-        u(
-          a(C),
+      default: u(() => [
+        p(
+          a(b),
           d(f(e.icons.clear)),
           null,
           16

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

@@ -0,0 +1,33 @@
+import { MaybeRef } from 'vue';
+import { UseColorReturn } from './types';
+/**
+ * A composable function that processes and returns color-related information and styles.
+ *
+ * @param color - A string representing a color value or a utility color name. Can be provided as a ref or plain string.
+ *
+ * @returns {UseColorReturn} An object containing:
+ * - isUtilityColor: A computed boolean indicating if the color is a utility color
+ * - style: A computed object containing:
+ *   - mainColor: The resolved color value
+ *   - onMainColor: A contrasting color suitable for text/content on the main color
+ *   - hoverColor: A darker version of the main color for hover states
+ *   - onHoverColor: A contrasting color suitable for text/content on the hover color
+ *
+ * @example
+ * ```ts
+ * const { isUtilityColor, style } = useColor('primary')
+ * // or
+ * const { isUtilityColor, style } = useColor(ref('#FF0000'))
+ * ```
+ *
+ * @throws Will log an error to console if color parsing fails
+ */
+export declare function useColor(color: MaybeRef<string | undefined>): UseColorReturn;
+/**
+ * Checks if a given string represents a valid CSS color format.
+ *
+ * @param color - The string to check for CSS color format
+ * @returns True if the string starts with '#', 'rgb', or 'hsl', false otherwise
+ */
+export declare function isCssColor(color: string): boolean;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/esm/composables/useColor/index.js

@@ -0,0 +1,39 @@
+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();
+    if (i.value) {
+      const s = r;
+      n = c.current.value.scheme[s] ?? r;
+    }
+    let e;
+    try {
+      if (e = h(n), !e) return;
+    } catch (s) {
+      console.error("Failed to parse color:", s);
+      return;
+    }
+    const C = d(e), u = g(C.l), f = v(p(e, 25));
+    return {
+      mainColor: n,
+      onMainColor: u,
+      hoverColor: f,
+      onHoverColor: u
+    };
+  });
+  return { isUtilityColor: i, style: a };
+}
+function b(o) {
+  return o.startsWith("#") || o.startsWith("rgb") || o.startsWith("hsl");
+}
+export {
+  b as isCssColor,
+  x as useColor
+};

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

@@ -0,0 +1,36 @@
+import { ComputedRef } from 'vue';
+/**
+ * Represents the color styling configuration for a component.
+ */
+export interface ColorStyle {
+    /**
+     * The primary color to be used.
+     */
+    mainColor: string;
+    /**
+     * The color to be used for content on top of the main color.
+     */
+    onMainColor: string;
+    /**
+     * Optional color to be used when the component is in hover state.
+     */
+    hoverColor?: string;
+    /**
+     * Optional color to be used for content when the component is in hover state.
+     */
+    onHoverColor?: string;
+}
+/**
+ * Interface representing the return type of the `useColor` composable.
+ */
+export interface UseColorReturn {
+    /**
+     * A computed reference indicating whether the color is a utility color.
+     */
+    isUtilityColor: ComputedRef<boolean>;
+    /**
+     * A computed reference to the color style, which may be undefined.
+     */
+    style: ComputedRef<ColorStyle | undefined>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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,WA+BrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,WA+BpC,CAAA"}
+{"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"}

package/esm/templates/theme.js

@@ -3,7 +3,11 @@ const f = {
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
   secondary: "#001d31",
+  secondaryLight: "#e6eef3",
+  secondaryDark: "#001425",
   highlight: "#ff8241",
+  highlightLight: "#ffe4d6",
+  highlightDark: "#cc4700",
   info: "#17a2b8",
   infoLight: "#bceff7",
   infoDark: "#11798a",
@@ -28,13 +32,18 @@ const f = {
   onSuccess: "#fff",
   onWarning: "#fff",
   onDanger: "#fff",
-  onInfo: "#fff"
+  onInfo: "#fff",
+  onNeutral: "#fff"
 }, a = {
   primary: "#008ad2",
   primaryLight: "#006398",
   primaryDark: "#cde5ff",
   secondary: "#003552",
-  highlight: "#f65600",
+  secondaryLight: "#001425",
+  secondaryDark: "#e6eef3",
+  highlight: "#ff8241",
+  highlightLight: "#cc4700",
+  highlightDark: "#ffe4d6",
   info: "#17a2b8",
   infoLight: "#11798a",
   infoDark: "#bceff7",
@@ -59,7 +68,8 @@ const f = {
   onSuccess: "#fff",
   onWarning: "#fff",
   onDanger: "#fff",
-  onInfo: "#fff"
+  onInfo: "#fff",
+  onNeutral: "#fff"
 };
 export {
   a as defaultDarkColorScheme,

package/esm/utils/color.d.ts

@@ -4,8 +4,12 @@ export type ColorScheme = {
     primaryDark: string;
     onPrimary: string;
     secondary: string;
+    secondaryLight: string;
+    secondaryDark: string;
     onSecondary: string;
     highlight: string;
+    highlightLight: string;
+    highlightDark: string;
     onHighlight: string;
     info: string;
     infoLight: string;
@@ -29,6 +33,7 @@ export type ColorScheme = {
     neutral: string;
     neutralLight: string;
     neutralDark: string;
+    onNeutral: string;
 };
 /**
  * Represents a color in RGB space.

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,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,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;CACnB,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":"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"}

package/package.json

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

package/esm/composables/useColorStyle/index.d.ts

@@ -1,11 +0,0 @@
-import { MaybeRef } from 'vue';
-import { UseColorStyleReturn } from './types';
-/**
- * useColorStyle - Computes color styles based on a given color and variant.
- *
- * @param color - The base color (can be a utility color or custom color).
- * @param variant - Determines text/background styling behavior.
- * @returns Computed color styling properties.
- */
-export declare function useColorStyle(color: MaybeRef<string | undefined>, variant: MaybeRef<string>): UseColorStyleReturn;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColorStyle/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAc,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAO9D;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC5B,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,EACnC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,GACvB,mBAAmB,CAqDrB"}

package/esm/composables/useColorStyle/index.js

@@ -1,33 +0,0 @@
-import { parseColor as C, rgbToHsl as p, colorToHex as y, darken as v, getContrastingColor as k } from "../../utils/color.js";
-import { computed as u, unref as l } from "vue";
-import { useTheme as T } from "../theme.js";
-function H(i, a) {
-  const d = /* @__PURE__ */ new Set(["primary", "info", "success", "warning", "danger", "highlight"]), s = u(() => d.has(l(i) ?? "")), f = u(() => {
-    const r = l(i);
-    if (!r) return;
-    let e = r;
-    const g = T();
-    if (s.value) {
-      const t = r;
-      e = g.current.value.scheme[t] ?? r;
-    }
-    let n;
-    try {
-      if (n = C(e), !n) return;
-    } catch (t) {
-      console.error("Failed to parse color:", t);
-      return;
-    }
-    const h = p(n), c = k(h.l), m = y(v(n, 25)), o = l(a);
-    return {
-      backgroundColor: e,
-      color: o === "tonal" || o === "outlined" ? e : c,
-      hoverColor: o === "tonal" || o === "outlined" ? c : void 0,
-      hoverBackgroundColor: o !== "tonal" && o !== "outlined" ? m : void 0
-    };
-  });
-  return { isUtilityColor: s, style: f };
-}
-export {
-  H as useColorStyle
-};

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

@@ -1,36 +0,0 @@
-import { ComputedRef } from 'vue';
-/**
- * Represents a style configuration for colors.
- */
-export interface ColorStyle {
-    /**
-     * The background color.
-     */
-    backgroundColor: string;
-    /**
-     * The text color.
-     */
-    color: string;
-    /**
-     * The text color when hovered (optional).
-     */
-    hoverColor?: string;
-    /**
-     * The background color when hovered (optional).
-     */
-    hoverBackgroundColor?: string;
-}
-/**
- * Interface representing the return type of the `useColorStyle` composable.
- */
-export interface UseColorStyleReturn {
-    /**
-     * A computed reference indicating whether the color is a utility color.
-     */
-    isUtilityColor: ComputedRef<boolean>;
-    /**
-     * A computed reference to the color style, which may be undefined.
-     */
-    style: ComputedRef<ColorStyle | undefined>;
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColorStyle/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IACnC;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;CAC1C"}