@quidgest/ui 0.19.0 → 0.20.1

package/esm/components/QSelect/types.d.ts

@@ -1,5 +1,6 @@
 import { QFieldProps } from '../QField';
 import { Group, Item } from '../QList/types';
+import { QOverlayAnchor } from '../QOverlay';
 import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 export type QSelectProps = QFieldProps & {
     /**
@@ -26,6 +27,18 @@ export type QSelectProps = QFieldProps & {
      * @category Behavior
      */
     inline?: boolean;
+    /**
+     * An alternative element used to anchor and size the options overlay.
+     *
+     * @category Identification
+     */
+    overlayAnchor?: QOverlayAnchor;
+    /**
+     * Whether pressing Tab while an option is focused selects it before focus moves away.
+     *
+     * @category Behavior
+     */
+    selectOnTab?: boolean;
     /**
      * Whether multiple options can be selected.
      *

package/esm/components/QSelect/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,aAAa,CAAC,EAAE,cAAc,CAAA;IAE9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

package/esm/components/index.d.ts

@@ -19,6 +19,7 @@ export * from './QDropdownMenu';
 export * from './QField';
 export * from './QFileUpload';
 export * from './QFocusWrap';
+export * from './QGauge';
 export * from './QGrid';
 export * from './QIcon';
 export * from './QInputGroup';
@@ -29,6 +30,7 @@ export * from './QMeter';
 export * from './QObfuscation';
 export * from './QOverlay';
 export * from './QPasswordField';
+export * from './QPhoneField';
 export * from './QPopover';
 export * from './QPropertyList';
 export * from './QRadioGroup';

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,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,32 +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 { QPropertyList as q, QPropertyListGroup as J, QPropertyListPanel as Y, QPropertyListRow as X } from "./QPropertyList/index.js";
-import { QRadioButton as Z, QRadioGroup as Q } from "./QRadioGroup/index.js";
-import { QSection as $ } from "./QSection/index.js";
-import { QSelect as ne } from "./QSelect/index.js";
-import { QToggle as re } from "./QToggle/index.js";
-import { QSidebar as ie, QSidebarItem as ae } from "./QSidebar/index.js";
-import { QTab as oe, QTabs as se } from "./QTabs/index.js";
-import { QTextArea as ce } from "./QTextArea/index.js";
-import { QThemeProvider as le } from "./QThemeProvider/index.js";
-import { QToast as ue, QToaster as de } from "./QToast/index.js";
-import { QToggleGroup as fe, QToggleGroupItem as pe } from "./QToggleGroup/index.js";
-import { QTooltip as me } 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 he = /* @__PURE__ */ ee({
+var _e = /* @__PURE__ */ ee({
 	DEFAULT_TEXTS: () => b,
 	QAccordion: () => c,
 	QAccordionItem: () => l,
@@ -62,62 +64,64 @@ var he = /* @__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,
-	QPopover: () => K,
-	QPropertyList: () => q,
-	QPropertyListGroup: () => J,
-	QPropertyListPanel: () => Y,
-	QPropertyListRow: () => X,
-	QRadioButton: () => Z,
-	QRadioGroup: () => Q,
-	QRow: () => z,
-	QSection: () => $,
-	QSelect: () => ne,
-	QSidebar: () => ie,
-	QSidebarItem: () => ae,
+	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: () => oe,
-	QTabs: () => se,
-	QTextArea: () => ce,
+	QTab: () => ce,
+	QTabs: () => le,
+	QTextArea: () => ue,
 	QTextField: () => x,
-	QThemeProvider: () => le,
-	QToast: () => ue,
-	QToaster: () => de,
-	QToggle: () => re,
-	QToggleGroup: () => fe,
-	QToggleGroupItem: () => pe,
-	QTooltip: () => me
+	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, K as QPopover, q as QPropertyList, J as QPropertyListGroup, Y as QPropertyListPanel, X as QPropertyListRow, Z as QRadioButton, Q as QRadioGroup, z as QRow, $ as QSection, ne as QSelect, ie as QSidebar, ae as QSidebarItem, m as QSkeletonLoader, B as QSpacer, e as QSpinnerLoader, A as QSwitch, oe as QTab, se as QTabs, ce as QTextArea, x as QTextField, le as QThemeProvider, ue as QToast, de as QToaster, re as QToggle, fe as QToggleGroup, pe as QToggleGroupItem, me as QTooltip, he 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/composables/useDialog/index.d.ts

@@ -1,94 +1,8 @@
-import { QDialogProps, QDialogOptions, QDialogHandlers } from '../../components/QDialog/types.ts';
+import { UseDialogReturn } from './types.ts';
 /**
  * Manager for dialog models
  *
  * @returns Dialog state and functions
  */
-export declare function useDialog(): {
-    addDialog: (props: QDialogProps, id?: string, options?: QDialogOptions, handlers?: QDialogHandlers) => string;
-    removeDialog: (id: string) => void;
-    dialogs: {
-        id: string;
-        props: {
-            id?: string | undefined;
-            class?: string | unknown[] | undefined;
-            modelValue?: boolean | undefined;
-            title?: string | undefined;
-            text?: string | undefined;
-            icon?: {
-                id?: string | undefined;
-                class?: string | unknown[] | undefined;
-                icon: string;
-                size?: number | undefined;
-                color?: string | undefined;
-                type?: "svg" | "font" | "img" | undefined;
-            } | undefined;
-            buttons?: {
-                id: string;
-                icon?: {
-                    id?: string | undefined;
-                    class?: string | unknown[] | undefined;
-                    icon: string;
-                    size?: number | undefined;
-                    color?: string | undefined;
-                    type?: "svg" | "font" | "img" | undefined;
-                } | undefined;
-                action?: {
-                    (value?: string): void;
-                } | undefined;
-                props: {
-                    id?: string | undefined;
-                    class?: string | unknown[] | undefined;
-                    label?: string | undefined;
-                    variant?: import('../../components/index.ts').QButtonVariant | undefined;
-                    color?: string | undefined;
-                    borderless?: boolean | undefined;
-                    elevated?: boolean | undefined;
-                    block?: boolean | undefined;
-                    size?: import('../../components/index.ts').QButtonSize | undefined;
-                    iconPos?: import('../../components/index.ts').QButtonIconPosition | undefined;
-                    pill?: boolean | undefined;
-                    disabled?: boolean | undefined;
-                    loading?: boolean | undefined;
-                };
-            }[] | undefined;
-            backdropBlur?: boolean | undefined;
-            size?: import('../../components/index.ts').QDialogSize | undefined;
-            centerVertically?: boolean | undefined;
-            attach?: string | undefined;
-            inline?: boolean | undefined;
-            focusWrap?: boolean | undefined;
-            initialFocus?: (HTMLElement | string | null) | undefined;
-            focusWithinOnActivate?: boolean | undefined;
-            closingFocus?: (HTMLElement | string) | undefined;
-            returnFocusOnDeactivate?: boolean | undefined;
-            dismissible?: boolean | undefined;
-            html?: boolean | undefined;
-            input?: {
-                type: string;
-                placeholder?: string | undefined;
-                validator?: ((value: string) => string | undefined) | undefined;
-            } | undefined;
-            icons?: {
-                close: {
-                    icon: string;
-                };
-            } | undefined;
-        };
-        options?: {
-            size?: import('../../components/index.ts').QDialogSize | undefined;
-            dismissible?: boolean | undefined;
-            input?: {
-                type: string;
-                placeholder?: string | undefined;
-                validator?: ((value: string) => string | undefined) | undefined;
-            } | undefined;
-        } | undefined;
-        handlers?: {
-            onEnter?: (() => void) | undefined;
-            onLeave?: (() => boolean | void) | undefined;
-            onAction?: ((val: string) => void) | undefined;
-        } | undefined;
-    }[];
-};
+export declare function useDialog(): UseDialogReturn;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,MAAM,mCAAmC,CAAA;AAS1C;;;;GAIG;AACH,wBAAgB,SAAS;uBAWhB,YAAY,OACd,MAAM,YACD,cAAc,aACb,eAAe;uBAyBD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAmBm8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADp+B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,YAAY,CAAA;AAQjE;;;;GAIG;AACH,wBAAgB,SAAS,IAAI,eAAe,CAyD3C"}

package/esm/composables/useDialog/index.js

@@ -1,11 +1,11 @@
 import { useId as e } from "../uid.js";
-import { reactive as t } from "vue";
+import { ref as t } from "vue";
 //#region src/composables/useDialog/index.ts
-var n = t({ dialogs: [] });
+var n = t([]);
 function r() {
 	function t(t, r, i, a) {
 		let o = e(r).value;
-		return n.dialogs.push({
+		return n.value.push({
 			id: o,
 			props: {
 				...t,
@@ -16,11 +16,11 @@ function r() {
 		}), a?.onEnter && a.onEnter(), o;
 	}
 	function r(e) {
-		let t = n.dialogs.findIndex((t) => t.id === e);
-		t !== -1 && (n.dialogs[t]?.handlers?.onLeave?.() ?? !0) && n.dialogs.splice(t, 1);
+		let t = n.value.findIndex((t) => t.id === e);
+		t !== -1 && (n.value[t]?.handlers?.onLeave?.() ?? !0) && n.value.splice(t, 1);
 	}
 	return {
-		...n,
+		dialogs: n,
 		addDialog: t,
 		removeDialog: r
 	};

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

@@ -1,3 +1,4 @@
+import { Ref } from 'vue';
 import { QDialogProps, QDialogOptions, QDialogHandlers } from '../../components/QDialog/types.ts';
 /**
  * Represents an instance of a dialog component.
@@ -21,12 +22,21 @@ export type DialogInstance = {
     handlers?: QDialogHandlers;
 };
 /**
- * Represents the state for dialog management.
+ * Represents the return type of the `useDialog` composable, providing methods and state
+ * for managing dialog instances.
  */
-export type DialogState = {
+export type UseDialogReturn = {
     /**
-     * An array containing the currently active dialog instances.
+     * A Vue Ref containing the list of currently active dialog instances.
      */
-    dialogs: DialogInstance[];
+    dialogs: Ref<DialogInstance[]>;
+    /**
+     * Adds a new dialog to the state with the specified properties and an optional custom ID.
+     */
+    addDialog(props: QDialogProps, id?: string, options?: QDialogOptions, handlers?: QDialogHandlers): string;
+    /**
+     * Removes a dialog from the state by its unique identifier.
+     */
+    removeDialog(id: string): void;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,MAAM,mCAAmC,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC1B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,MAAM,mCAAmC,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC1B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,OAAO,EAAE,GAAG,CAAC,cAAc,EAAE,CAAC,CAAA;IAE9B;;OAEG;IACH,SAAS,CACR,KAAK,EAAE,YAAY,EACnB,EAAE,CAAC,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,cAAc,EACxB,QAAQ,CAAC,EAAE,eAAe,GACxB,MAAM,CAAA;IAET;;OAEG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,CAAA"}

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']
@@ -50,6 +51,7 @@ declare module '@vue/runtime-core' {
 		QObfuscation: typeof import('@quidgest/ui/components')['QObfuscation']
 		QOverlay: typeof import('@quidgest/ui/components')['QOverlay']
 		QPasswordField: typeof import('@quidgest/ui/components')['QPasswordField']
+		QPhoneField: typeof import('@quidgest/ui/components')['QPhoneField']
 		QPopover: typeof import('@quidgest/ui/components')['QPopover']
 		QPropertyList: typeof import('@quidgest/ui/components')['QPropertyList']
 		QPropertyListRow: typeof import('@quidgest/ui/components')['QPropertyListRow']

package/esm/vendors/country-flag-icons/modules/countries.json.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/country-flag-icons@1.6.19/node_modules/country-flag-icons/modules/countries.json.js
+var e = /* @__PURE__ */ "AC.AD.AE.AF.AG.AI.AL.AM.AO.AQ.AR.AS.AT.AU.AW.AX.AZ.BA.BB.BD.BE.BF.BG.BH.BI.BJ.BL.BM.BN.BO.BQ-BO.BQ-SA.BQ-SE.BQ.BR.BS.BT.BV.BW.BY.BZ.CA.CC.CD.CF.CG.CH.CI.CK.CL.CM.CN.CO.CR.CU.CV.CW.CX.CY.CZ.DE.DJ.DK.DM.DO.DZ.EC.EE.EG.EH.ER.ES-CT.ES.ET.EU.FI.FJ.FK.FM.FO.FR.GA.GB-ENG.GB-NIR.GB-SCT.GB-WLS.GB.GD.GE.GF.GG.GH.GI.GL.GM.GN.GP.GQ.GR.GS.GT.GU.GW.GY.HK.HM.HN.HR.HT.HU.IC.ID.IE.IL.IM.IN.IO.IQ.IR.IS.IT.JE.JM.JO.JP.KE.KG.KH.KI.KM.KN.KP.KR.KW.KY.KZ.LA.LB.LC.LI.LK.LR.LS.LT.LU.LV.LY.MA.MC.MD.ME.MF.MG.MH.MK.ML.MM.MN.MO.MP.MQ.MR.MS.MT.MU.MV.MW.MX.MY.MZ.NA.NC.NE.NF.NG.NI.NL.NO.NP.NR.NU.NZ.OM.PA.PE.PF.PG.PH.PK.PL.PM.PN.PR.PS.PT.PW.PY.QA.RE.RO.RS.RU.RW.SA.SB.SC.SD.SE.SG.SH.SI.SJ.SK.SL.SM.SN.SO.SR.SS.ST.SV.SX.SY.SZ.TA.TC.TD.TF.TG.TH.TJ.TK.TL.TM.TN.TO.TR.TT.TV.TW.TZ.UA.UG.UM.US.UY.UZ.VA.VC.VE.VG.VI.VN.VU.WF.WS.XA.XC.XK.XO.YE.YT.ZA.ZM.ZW".split(".");
+//#endregion
+export { e as default };

package/esm/vendors/country-flag-icons/modules/hasFlag.js

@@ -0,0 +1,7 @@
+import e from "./countries.json.js";
+//#region ../../node_modules/.pnpm/country-flag-icons@1.6.19/node_modules/country-flag-icons/modules/hasFlag.js
+function t(t) {
+	return e.indexOf(t) >= 0;
+}
+//#endregion
+export { t as default };