@quidgest/ui 0.14.17 → 0.14.19

package/esm/components/index.js

@@ -4,30 +4,33 @@ import { QBadgeIndicator as m } from "./QBadgeIndicator/index.js";
 import { QButton as f } from "./QButton/index.js";
 import { QButtonGroup as n } from "./QButtonGroup/index.js";
 import { QButtonToggle as a } from "./QButtonToggle/index.js";
-import { QCard as c } from "./QCard/index.js";
-import { QCheckbox as u } from "./QCheckbox/index.js";
-import { QCollapsible as P } from "./QCollapsible/index.js";
+import { QCard as L } from "./QCard/index.js";
+import { QCheckbox as s } from "./QCheckbox/index.js";
+import { QCollapsible as u } from "./QCollapsible/index.js";
 import { QColorPicker as g } from "./QColorPicker/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 { QDropdownMenu as F } from "./QDropdownMenu/index.js";
+import { QCombobox as b } from "./QCombobox/index.js";
+import { QDateTimePicker as B } from "./QDateTimePicker/index.js";
+import { QDialog as F } from "./QDialog/index.js";
+import { QDropdownMenu as v } from "./QDropdownMenu/index.js";
 import { QField as S } from "./QField/index.js";
-import { QFileUpload as h } from "./QFileUpload/index.js";
+import { QFileUpload as D } from "./QFileUpload/index.js";
 import { QIcon as A, QIconFont as M, QIconImg as O, QIconSvg as R } from "./QIcon/index.js";
 import { QInputGroup as j } from "./QInputGroup/index.js";
-import { QLineLoader as z } from "./QLineLoader/index.js";
-import { QList as H, QListItem as J, QListItemGroup as K } from "./QList/index.js";
-import { QOverlay as V } from "./QOverlay/index.js";
-import { QPopover as X } from "./QPopover/index.js";
-import { QPropertyList as Z, QPropertyListGroup as _, QPropertyListPanel as $, QPropertyListRow as oo } from "./QPropertyList/index.js";
-import { QSelect as eo } from "./QSelect/index.js";
-import { QSkeletonLoader as po } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as mo } from "./QSpinnerLoader/index.js";
-import { QTextArea as fo } from "./QTextArea/index.js";
-import { QTextField as no } from "./QTextField/index.js";
-import { QThemeProvider as ao } from "./QThemeProvider/index.js";
-import { QTooltip as Lo } from "./QTooltip/index.js";
+import { QLabel as z } from "./QLabel/index.js";
+import { QLineLoader as H } from "./QLineLoader/index.js";
+import { QList as K, QListItem as N, QListItemGroup as V } from "./QList/index.js";
+import { QMeter as X } from "./QMeter/index.js";
+import { QOverlay as Z } from "./QOverlay/index.js";
+import { QPasswordField as $ } from "./QPasswordField/index.js";
+import { QPopover as ro } from "./QPopover/index.js";
+import { QPropertyList as to, QPropertyListGroup as po, QPropertyListPanel as Qo, QPropertyListRow as mo } from "./QPropertyList/index.js";
+import { QSelect as fo } from "./QSelect/index.js";
+import { QSkeletonLoader as no } from "./QSkeletonLoader/index.js";
+import { QSpinnerLoader as ao } from "./QSpinnerLoader/index.js";
+import { QTextArea as co } from "./QTextArea/index.js";
+import { QTextField as Po } from "./QTextField/index.js";
+import { QThemeProvider as Io } from "./QThemeProvider/index.js";
+import { QTooltip as To } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
@@ -35,36 +38,39 @@ export {
   f as QButton,
   n as QButtonGroup,
   a as QButtonToggle,
-  c as QCard,
-  u as QCheckbox,
-  P as QCollapsible,
+  L as QCard,
+  s as QCheckbox,
+  u as QCollapsible,
   g as QColorPicker,
-  y as QCombobox,
-  C as QDateTimePicker,
-  k as QDialog,
-  F as QDropdownMenu,
+  b as QCombobox,
+  B as QDateTimePicker,
+  F as QDialog,
+  v as QDropdownMenu,
   S as QField,
-  h as QFileUpload,
+  D as QFileUpload,
   A as QIcon,
   M as QIconFont,
   O as QIconImg,
   R as QIconSvg,
   j as QInputGroup,
-  z as QLineLoader,
-  H as QList,
-  J as QListItem,
-  K as QListItemGroup,
-  V as QOverlay,
-  X as QPopover,
-  Z as QPropertyList,
-  _ as QPropertyListGroup,
-  $ as QPropertyListPanel,
-  oo as QPropertyListRow,
-  eo as QSelect,
-  po as QSkeletonLoader,
-  mo as QSpinnerLoader,
-  fo as QTextArea,
-  no as QTextField,
-  ao as QThemeProvider,
-  Lo as QTooltip
+  z as QLabel,
+  H as QLineLoader,
+  K as QList,
+  N as QListItem,
+  V as QListItemGroup,
+  X as QMeter,
+  Z as QOverlay,
+  $ as QPasswordField,
+  ro as QPopover,
+  to as QPropertyList,
+  po as QPropertyListGroup,
+  Qo as QPropertyListPanel,
+  mo as QPropertyListRow,
+  fo as QSelect,
+  no as QSkeletonLoader,
+  ao as QSpinnerLoader,
+  co as QTextArea,
+  Po as QTextField,
+  Io as QThemeProvider,
+  To as QTooltip
 };

package/esm/composables/theme.d.ts

@@ -44,6 +44,8 @@ export type ThemeInstance = {
     readonly current: DeepReadonly<ComputedRef<ThemeDefinition>>;
     /** An array of available theme definitions. */
     readonly themes: DeepReadonly<ThemeDefinition[]>;
+    /** The theme class. */
+    readonly class: ComputedRef<string>;
 };
 /**
  * Custom hook for accessing the theme configuration in context.

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;CAChD,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,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"}

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

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

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

@@ -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/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,CAgBf"}
+{"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"}

package/esm/utils/theme.js

@@ -1,56 +1,57 @@
-import { computed as h } from "vue";
-import { parseColor as i } from "./color.js";
-import { toKebabCase as d } from "./string.js";
-const u = "q-theme";
-function a() {
+import { computed as u } from "vue";
+import { parseColor as f } from "./color.js";
+import { toKebabCase as i } from "./string.js";
+const a = "q-theme";
+function l() {
   let e = document.getElementById(
-    u
+    a
   );
-  return e || (e = document.createElement("style"), e.id = u, document.head.appendChild(e)), e;
+  return e || (e = document.createElement("style"), e.id = a, document.head.appendChild(e)), e;
 }
 function g(e) {
   let t = "";
   for (const c of e) {
     t += `.q-theme--${c.name} {
 `;
-    const o = c.scheme;
+    const m = c.scheme;
     let n;
-    for (n in o) {
-      const m = o[n];
-      if (m) {
-        t += `  ${f(n)}: ${m};
+    for (n in m) {
+      const o = m[n];
+      if (o) {
+        t += `  ${h(n)}: ${o};
 `;
-        const s = i(m);
-        t += `  ${f(n)}-rgb: ${s.r} ${s.g} ${s.b};
+        const s = f(o);
+        t += `  ${h(n)}-rgb: ${s.r} ${s.g} ${s.b};
 `;
       }
     }
     t += `}
 `;
   }
-  const r = a();
+  const r = l();
   r.textContent = t;
 }
-function f(e) {
-  return e ? `--q-theme-${d(e)}` : "";
+function h(e) {
+  return e ? `--q-theme-${i(e)}` : "";
 }
 function E(e, t) {
-  const r = h(() => {
-    const o = t.find((n) => n.name === e.value);
-    if (!o)
+  const r = u(() => {
+    const n = t.find((o) => o.name === e.value);
+    if (!n)
       throw new Error(`Theme "${e}" not found`);
-    return o;
-  });
+    return n;
+  }), c = u(() => `q-theme--${r.value.name}`);
   return {
     name: e,
     current: r,
-    themes: t
+    themes: t,
+    class: c
   };
 }
 export {
-  u as THEME_NODE_ID,
+  a as THEME_NODE_ID,
   E as createThemeInstance,
   g as generateRootStyle,
-  a as getThemeNode,
-  f as toProperty
+  l as getThemeNode,
+  h as toProperty
 };

package/package.json

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