@quidgest/ui 0.20.0 → 0.20.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -24,33 +24,34 @@ import { QOverlay as O } from "./QOverlay/index.js";
 import { QCombobox as k } from "./QCombobox/index.js";
 import { QSwitch as A } from "./QSwitch/index.js";
 import { QDateTimePicker as j } from "./QDateTimePicker/index.js";
-import { QDefaultsProvider as M } from "./QDefaultsProvider/index.js";
-import { QDialog as N, QDialogProvider as P } from "./QDialog/index.js";
-import { QDivider as F } from "./QDivider/index.js";
-import { QDropdownMenu as te } from "./QDropdownMenu/index.js";
+import { QDefaultsProvider as te } from "./QDefaultsProvider/index.js";
+import { QDialog as M, QDialogProvider as N } from "./QDialog/index.js";
+import { QDivider as P } from "./QDivider/index.js";
+import { QDropdownMenu as F } from "./QDropdownMenu/index.js";
 import { QFileUpload as I } from "./QFileUpload/index.js";
-import { QCol as L, QContainer as R, QRow as z, QSpacer as B } from "./QGrid/index.js";
-import { QInputGroup as V } from "./QInputGroup/index.js";
-import { QLineLoader as H } from "./QLineLoader/index.js";
-import { QMeter as U } from "./QMeter/index.js";
-import { QObfuscation as W } from "./QObfuscation/index.js";
-import { QPasswordField as G } from "./QPasswordField/index.js";
-import { QPopover as K } from "./QPopover/index.js";
-import { QSelect as q } from "./QSelect/index.js";
-import { QPhoneField as J } from "./QPhoneField/index.js";
-import { QPropertyList as Y, QPropertyListGroup as X, QPropertyListPanel as Z, QPropertyListRow as Q } from "./QPropertyList/index.js";
-import { QRadioButton as $, QRadioGroup as ne } from "./QRadioGroup/index.js";
-import { QSection as re } from "./QSection/index.js";
-import { QToggle as ie } from "./QToggle/index.js";
-import { QSidebar as ae, QSidebarItem as oe } from "./QSidebar/index.js";
-import { QTab as se, QTabs as ce } from "./QTabs/index.js";
-import { QTextArea as le } from "./QTextArea/index.js";
-import { QThemeProvider as ue } from "./QThemeProvider/index.js";
-import { QToast as de, QToaster as fe } from "./QToast/index.js";
-import { QToggleGroup as pe, QToggleGroupItem as me } from "./QToggleGroup/index.js";
-import { QTooltip as he } from "./QTooltip/index.js";
+import { QGauge as L } from "./QGauge/index.js";
+import { QCol as R, QContainer as z, QRow as B, QSpacer as V } from "./QGrid/index.js";
+import { QInputGroup as H } from "./QInputGroup/index.js";
+import { QLineLoader as U } from "./QLineLoader/index.js";
+import { QMeter as W } from "./QMeter/index.js";
+import { QObfuscation as G } from "./QObfuscation/index.js";
+import { QPasswordField as K } from "./QPasswordField/index.js";
+import { QPopover as q } from "./QPopover/index.js";
+import { QSelect as J } from "./QSelect/index.js";
+import { QPhoneField as Y } from "./QPhoneField/index.js";
+import { QPropertyList as X, QPropertyListGroup as Z, QPropertyListPanel as Q, QPropertyListRow as $ } from "./QPropertyList/index.js";
+import { QRadioButton as ne, QRadioGroup as re } from "./QRadioGroup/index.js";
+import { QSection as ie } from "./QSection/index.js";
+import { QToggle as ae } from "./QToggle/index.js";
+import { QSidebar as oe, QSidebarItem as se } from "./QSidebar/index.js";
+import { QTab as ce, QTabs as le } from "./QTabs/index.js";
+import { QTextArea as ue } from "./QTextArea/index.js";
+import { QThemeProvider as de } from "./QThemeProvider/index.js";
+import { QToast as fe, QToaster as pe } from "./QToast/index.js";
+import { QToggleGroup as me, QToggleGroupItem as he } from "./QToggleGroup/index.js";
+import { QTooltip as ge } from "./QTooltip/index.js";
 //#region src/components/index.ts
-var ge = /* @__PURE__ */ ee({
+var _e = /* @__PURE__ */ ee({
 	DEFAULT_TEXTS: () => b,
 	QAccordion: () => c,
 	QAccordionItem: () => l,
@@ -63,63 +64,64 @@ var ge = /* @__PURE__ */ ee({
 	QCarousel: () => h,
 	QCheckbox: () => _,
 	QCheckboxLabel: () => v,
-	QCol: () => L,
+	QCol: () => R,
 	QCollapsible: () => s,
 	QColorPicker: () => S,
 	QCombobox: () => k,
-	QContainer: () => R,
+	QContainer: () => z,
 	QDateTimePicker: () => j,
-	QDefaultsProvider: () => M,
-	QDialog: () => N,
-	QDialogProvider: () => P,
+	QDefaultsProvider: () => te,
+	QDialog: () => M,
+	QDialogProvider: () => N,
 	QDismissibleLayer: () => E,
-	QDivider: () => F,
-	QDropdownMenu: () => te,
+	QDivider: () => P,
+	QDropdownMenu: () => F,
 	QField: () => y,
 	QFileUpload: () => I,
 	QFocusWrap: () => D,
+	QGauge: () => L,
 	QIcon: () => r,
 	QIconFont: () => i,
 	QIconImg: () => a,
 	QIconSvg: () => o,
-	QInputGroup: () => V,
+	QInputGroup: () => H,
 	QLabel: () => g,
-	QLineLoader: () => H,
+	QLineLoader: () => U,
 	QList: () => C,
 	QListItem: () => w,
 	QListItemGroup: () => T,
-	QMeter: () => U,
-	QObfuscation: () => W,
+	QMeter: () => W,
+	QObfuscation: () => G,
 	QOverlay: () => O,
-	QPasswordField: () => G,
-	QPhoneField: () => J,
-	QPopover: () => K,
-	QPropertyList: () => Y,
-	QPropertyListGroup: () => X,
-	QPropertyListPanel: () => Z,
-	QPropertyListRow: () => Q,
-	QRadioButton: () => $,
-	QRadioGroup: () => ne,
-	QRow: () => z,
-	QSection: () => re,
-	QSelect: () => q,
-	QSidebar: () => ae,
-	QSidebarItem: () => oe,
+	QPasswordField: () => K,
+	QPhoneField: () => Y,
+	QPopover: () => q,
+	QPropertyList: () => X,
+	QPropertyListGroup: () => Z,
+	QPropertyListPanel: () => Q,
+	QPropertyListRow: () => $,
+	QRadioButton: () => ne,
+	QRadioGroup: () => re,
+	QRow: () => B,
+	QSection: () => ie,
+	QSelect: () => J,
+	QSidebar: () => oe,
+	QSidebarItem: () => se,
 	QSkeletonLoader: () => m,
-	QSpacer: () => B,
+	QSpacer: () => V,
 	QSpinnerLoader: () => e,
 	QSwitch: () => A,
-	QTab: () => se,
-	QTabs: () => ce,
-	QTextArea: () => le,
+	QTab: () => ce,
+	QTabs: () => le,
+	QTextArea: () => ue,
 	QTextField: () => x,
-	QThemeProvider: () => ue,
-	QToast: () => de,
-	QToaster: () => fe,
-	QToggle: () => ie,
-	QToggleGroup: () => pe,
-	QToggleGroupItem: () => me,
-	QTooltip: () => he
+	QThemeProvider: () => de,
+	QToast: () => fe,
+	QToaster: () => pe,
+	QToggle: () => ae,
+	QToggleGroup: () => me,
+	QToggleGroupItem: () => he,
+	QTooltip: () => ge
 });
 //#endregion
-export { b as DEFAULT_TEXTS, c as QAccordion, l as QAccordionItem, u as QAvatar, f as QBadge, p as QBadgeIndicator, t as QButton, d as QButtonGroup, n as QCard, h as QCarousel, _ as QCheckbox, v as QCheckboxLabel, L as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, R as QContainer, j as QDateTimePicker, M as QDefaultsProvider, N as QDialog, P as QDialogProvider, E as QDismissibleLayer, F as QDivider, te as QDropdownMenu, y as QField, I as QFileUpload, D as QFocusWrap, r as QIcon, i as QIconFont, a as QIconImg, o as QIconSvg, V as QInputGroup, g as QLabel, H as QLineLoader, C as QList, w as QListItem, T as QListItemGroup, U as QMeter, W as QObfuscation, O as QOverlay, G as QPasswordField, J as QPhoneField, K as QPopover, Y as QPropertyList, X as QPropertyListGroup, Z as QPropertyListPanel, Q as QPropertyListRow, $ as QRadioButton, ne as QRadioGroup, z as QRow, re as QSection, q as QSelect, ae as QSidebar, oe as QSidebarItem, m as QSkeletonLoader, B as QSpacer, e as QSpinnerLoader, A as QSwitch, se as QTab, ce as QTabs, le as QTextArea, x as QTextField, ue as QThemeProvider, de as QToast, fe as QToaster, ie as QToggle, pe as QToggleGroup, me as QToggleGroupItem, he as QTooltip, ge as components_exports };
+export { b as DEFAULT_TEXTS, c as QAccordion, l as QAccordionItem, u as QAvatar, f as QBadge, p as QBadgeIndicator, t as QButton, d as QButtonGroup, n as QCard, h as QCarousel, _ as QCheckbox, v as QCheckboxLabel, R as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, z as QContainer, j as QDateTimePicker, te as QDefaultsProvider, M as QDialog, N as QDialogProvider, E as QDismissibleLayer, P as QDivider, F as QDropdownMenu, y as QField, I as QFileUpload, D as QFocusWrap, L as QGauge, r as QIcon, i as QIconFont, a as QIconImg, o as QIconSvg, H as QInputGroup, g as QLabel, U as QLineLoader, C as QList, w as QListItem, T as QListItemGroup, W as QMeter, G as QObfuscation, O as QOverlay, K as QPasswordField, Y as QPhoneField, q as QPopover, X as QPropertyList, Z as QPropertyListGroup, Q as QPropertyListPanel, $ as QPropertyListRow, ne as QRadioButton, re as QRadioGroup, B as QRow, ie as QSection, J as QSelect, oe as QSidebar, se as QSidebarItem, m as QSkeletonLoader, V as QSpacer, e as QSpinnerLoader, A as QSwitch, ce as QTab, le as QTabs, ue as QTextArea, x as QTextField, de as QThemeProvider, fe as QToast, pe as QToaster, ae as QToggle, me as QToggleGroup, he as QToggleGroupItem, ge as QTooltip, _e as components_exports };

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

@@ -1,5 +1,6 @@
 import { MaybeRef } from 'vue';
 import { UseColorReturn } from './types';
+import { ColorScheme } from '../../utils/color';
 /**
  * A composable function that processes and returns color-related information and styles.
  *
@@ -23,6 +24,13 @@ import { UseColorReturn } from './types';
  * @throws Will log an error to console if color parsing fails
  */
 export declare function useColor(color: MaybeRef<string | undefined>): UseColorReturn;
+/**
+ * Resolves a utility color against a color scheme while preserving CSS and custom colors.
+ *
+ * This pure variant is useful when a component needs to resolve a dynamic collection of
+ * colors and therefore cannot create one `useColor` instance per collection entry.
+ */
+export declare function resolveColor(color: string, scheme: Readonly<ColorScheme>): string;
 /**
  * Checks if a given string represents a valid CSS color format.
  *

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;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"}
+{"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,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAcpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,cAAc,CAwC5E;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,MAAM,CAGjF;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD"}

package/esm/composables/useColor/index.js

@@ -6,38 +6,36 @@ import { useTheme as o } from "../theme.js";
 import { computed as s, unref as c } from "vue";
 //#region src/composables/useColor/index.ts
 function l(l) {
-	let d = s(() => c(l)), f = s(() => d.value ? !u(d.value) : !1);
+	let f = s(() => c(l));
 	return {
-		isUtilityColor: f,
+		isUtilityColor: s(() => f.value ? !d(f.value) : !1),
 		style: s(() => {
-			let s = d.value;
+			let s = f.value;
 			if (!s) return;
-			let c = s, l = o();
-			if (f.value) {
-				let e = s;
-				c = l.current.value.scheme[e] ?? s;
-			}
-			let u;
+			let c = u(s, o().current.value.scheme), l;
 			try {
-				if (u = r(c), !u) return;
+				if (l = r(c), !l) return;
 			} catch (e) {
 				console.error("Failed to parse color:", e);
 				return;
 			}
-			let p = i(t(u).l), m = a(u, 25), h = e(m);
+			let d = i(t(l).l), p = a(l, 25), m = e(p);
 			return {
 				mainColor: c,
-				mainColorRgb: n(u),
-				onMainColor: p,
-				hoverColor: h,
-				hoverColorRgb: n(m),
-				onHoverColor: p
+				mainColorRgb: n(l),
+				onMainColor: d,
+				hoverColor: m,
+				hoverColorRgb: n(p),
+				onHoverColor: d
 			};
 		})
 	};
 }
-function u(e) {
+function u(e, t) {
+	return d(e) ? e : t[e] ?? e;
+}
+function d(e) {
 	return e.startsWith("#") || e.startsWith("rgb") || e.startsWith("hsl");
 }
 //#endregion
-export { u as isCssColor, l as useColor };
+export { d as isCssColor, u as resolveColor, l as useColor };

package/esm/index.d.ts

@@ -32,6 +32,7 @@ declare module '@vue/runtime-core' {
 		QField: typeof import('@quidgest/ui/components')['QField']
 		QFileUpload: typeof import('@quidgest/ui/components')['QFileUpload']
 		QFocusWrap: typeof import('@quidgest/ui/components')['QFocusWrap']
+		QGauge: typeof import('@quidgest/ui/components')['QGauge']
 		QCol: typeof import('@quidgest/ui/components')['QCol']
 		QContainer: typeof import('@quidgest/ui/components')['QContainer']
 		QRow: typeof import('@quidgest/ui/components')['QRow']

package/package.json

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