@quidgest/ui 0.14.18 → 0.14.20

package/esm/composables/useColorStyle/index.js

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,36 @@
+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

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

package/esm/index.d.ts

@@ -28,11 +28,14 @@ declare module '@vue/runtime-core' {
 		QIconImg: typeof import('@quidgest/ui/components')['QIconImg']
 		QIconSvg: typeof import('@quidgest/ui/components')['QIconSvg']
 		QInputGroup: typeof import('@quidgest/ui/components')['QInputGroup']
+		QLabel: typeof import('@quidgest/ui/components')['QLabel']
 		QLineLoader: typeof import('@quidgest/ui/components')['QLineLoader']
 		QList: typeof import('@quidgest/ui/components')['QList']
 		QListItem: typeof import('@quidgest/ui/components')['QListItem']
 		QListItemGroup: typeof import('@quidgest/ui/components')['QListItemGroup']
+		QMeter: typeof import('@quidgest/ui/components')['QMeter']
 		QOverlay: typeof import('@quidgest/ui/components')['QOverlay']
+		QPasswordField: typeof import('@quidgest/ui/components')['QPasswordField']
 		QPopover: typeof import('@quidgest/ui/components')['QPopover']
 		QPropertyList: typeof import('@quidgest/ui/components')['QPropertyList']
 		QPropertyListRow: typeof import('@quidgest/ui/components')['QPropertyListRow']

package/package.json

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