@quidgest/ui 0.19.0 → 0.20.0

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

@@ -29,6 +29,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,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

@@ -36,20 +36,21 @@ 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 { 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";
 //#region src/components/index.ts
-var he = /* @__PURE__ */ ee({
+var ge = /* @__PURE__ */ ee({
 	DEFAULT_TEXTS: () => b,
 	QAccordion: () => c,
 	QAccordionItem: () => l,
@@ -91,33 +92,34 @@ var he = /* @__PURE__ */ ee({
 	QObfuscation: () => W,
 	QOverlay: () => O,
 	QPasswordField: () => G,
+	QPhoneField: () => J,
 	QPopover: () => K,
-	QPropertyList: () => q,
-	QPropertyListGroup: () => J,
-	QPropertyListPanel: () => Y,
-	QPropertyListRow: () => X,
-	QRadioButton: () => Z,
-	QRadioGroup: () => Q,
+	QPropertyList: () => Y,
+	QPropertyListGroup: () => X,
+	QPropertyListPanel: () => Z,
+	QPropertyListRow: () => Q,
+	QRadioButton: () => $,
+	QRadioGroup: () => ne,
 	QRow: () => z,
-	QSection: () => $,
-	QSelect: () => ne,
-	QSidebar: () => ie,
-	QSidebarItem: () => ae,
+	QSection: () => re,
+	QSelect: () => q,
+	QSidebar: () => ae,
+	QSidebarItem: () => oe,
 	QSkeletonLoader: () => m,
 	QSpacer: () => B,
 	QSpinnerLoader: () => e,
 	QSwitch: () => A,
-	QTab: () => oe,
-	QTabs: () => se,
-	QTextArea: () => ce,
+	QTab: () => se,
+	QTabs: () => ce,
+	QTextArea: () => le,
 	QTextField: () => x,
-	QThemeProvider: () => le,
-	QToast: () => ue,
-	QToaster: () => de,
-	QToggle: () => re,
-	QToggleGroup: () => fe,
-	QToggleGroupItem: () => pe,
-	QTooltip: () => me
+	QThemeProvider: () => ue,
+	QToast: () => de,
+	QToaster: () => fe,
+	QToggle: () => ie,
+	QToggleGroup: () => pe,
+	QToggleGroupItem: () => me,
+	QTooltip: () => he
 });
 //#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, 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 };

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

@@ -50,6 +50,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 };

package/esm/vendors/libphonenumber-js/es6/AsYouType.js

@@ -0,0 +1,312 @@
+import e from "./helpers/isObject.js";
+import t from "./metadata.js";
+import n from "./helpers/checkNumberLength.js";
+import r from "./helpers/getCountryByNationalNumber.js";
+import i from "./helpers/getCountryByCallingCode.js";
+import a from "./PhoneNumber.js";
+import o from "./AsYouTypeState.js";
+import s from "./AsYouTypeFormatter.js";
+import c from "./AsYouTypeParser.js";
+//#region ../../node_modules/.pnpm/libphonenumber-js@1.13.7/node_modules/libphonenumber-js/es6/AsYouType.js
+function l(e) {
+	"@babel/helpers - typeof";
+	return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, l(e);
+}
+function u(e, t) {
+	return h(e) || m(e, t) || f(e, t) || d();
+}
+function d() {
+	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function f(e, t) {
+	if (e) {
+		if (typeof e == "string") return p(e, t);
+		var n = {}.toString.call(e).slice(8, -1);
+		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? p(e, t) : void 0;
+	}
+}
+function p(e, t) {
+	(t == null || t > e.length) && (t = e.length);
+	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
+	return r;
+}
+function m(e, t) {
+	var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+	if (n != null) {
+		var r, i, a, o, s = [], c = !0, l = !1;
+		try {
+			if (a = (n = n.call(e)).next, t === 0) {
+				if (Object(n) !== n) return;
+				c = !1;
+			} else for (; !(c = (r = a.call(n)).done) && (s.push(r.value), s.length !== t); c = !0);
+		} catch (e) {
+			l = !0, i = e;
+		} finally {
+			try {
+				if (!c && n.return != null && (o = n.return(), Object(o) !== o)) return;
+			} finally {
+				if (l) throw i;
+			}
+		}
+		return s;
+	}
+}
+function h(e) {
+	if (Array.isArray(e)) return e;
+}
+function g(e, t) {
+	if (!(e instanceof t)) throw TypeError("Cannot call a class as a function");
+}
+function _(e, t) {
+	for (var n = 0; n < t.length; n++) {
+		var r = t[n];
+		r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, y(r.key), r);
+	}
+}
+function v(e, t, n) {
+	return t && _(e.prototype, t), n && _(e, n), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+}
+function y(e) {
+	var t = b(e, "string");
+	return l(t) == "symbol" ? t : t + "";
+}
+function b(e, t) {
+	if (l(e) != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (l(r) != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+var x = !1, S = /*#__PURE__*/ function() {
+	function r(e, n) {
+		g(this, r), this.metadata = new t(n);
+		var i = u(this.getCountryAndCallingCode(e), 2), a = i[0], o = i[1];
+		this.defaultCountry = a, this.defaultCallingCode = o, this.reset();
+	}
+	return v(r, [
+		{
+			key: "getCountryAndCallingCode",
+			value: function(t) {
+				var n, r;
+				return t && (e(t) ? (n = t.defaultCountry, r = t.defaultCallingCode) : n = t), n && !this.metadata.hasCountry(n) && (n = void 0), r && x && this.metadata.isNonGeographicCallingCode(r) && (n = "001"), [n, r];
+			}
+		},
+		{
+			key: "input",
+			value: function(e) {
+				var t = this.parser.input(e, this.state), n = t.digits;
+				if (t.justLeadingPlus) this.formattedOutput = "+";
+				else if (n) {
+					this.determineTheCountryIfNeeded(), this.state.nationalSignificantNumber && this.formatter.narrowDownMatchingFormats(this.state);
+					var r;
+					if (this.metadata.hasSelectedNumberingPlan() && (r = this.formatter.format(n, this.state)), r === void 0 && this.parser.reExtractNationalSignificantNumber(this.state)) {
+						this.determineTheCountryIfNeeded();
+						var i = this.state.getNationalDigits();
+						i && (r = this.formatter.format(i, this.state));
+					}
+					this.formattedOutput = r ? this.getFullNumber(r) : this.getNonFormattedNumber();
+				}
+				return this.formattedOutput;
+			}
+		},
+		{
+			key: "reset",
+			value: function() {
+				var e = this;
+				return this.state = new o({
+					onCountryChange: function(t) {
+						e.country = t;
+					},
+					onCallingCodeChange: function(t, n) {
+						e.metadata.selectNumberingPlan(n || t), e.formatter.reset(e.metadata.numberingPlan, e.state), e.parser.reset(e.metadata.numberingPlan);
+					}
+				}), this.formatter = new s({
+					state: this.state,
+					metadata: this.metadata
+				}), this.parser = new c({
+					defaultCountry: this.defaultCountry,
+					defaultCallingCode: this.defaultCallingCode,
+					metadata: this.metadata,
+					state: this.state,
+					onNationalSignificantNumberChange: function() {
+						e.determineTheCountryIfNeeded(), e.formatter.reset(e.metadata.numberingPlan, e.state);
+					}
+				}), this.state.reset({
+					country: this.defaultCountry,
+					callingCode: this.defaultCallingCode
+				}), this.formattedOutput = "", this;
+			}
+		},
+		{
+			key: "isInternational",
+			value: function() {
+				return this.state.international;
+			}
+		},
+		{
+			key: "getCallingCode",
+			value: function() {
+				if (this.isInternational()) return this.state.callingCode;
+			}
+		},
+		{
+			key: "getCountryCallingCode",
+			value: function() {
+				return this.getCallingCode();
+			}
+		},
+		{
+			key: "getCountry",
+			value: function() {
+				if (this.state.digits) return this._getCountry();
+			}
+		},
+		{
+			key: "_getCountry",
+			value: function() {
+				var e = this.state.country;
+				if (!(x && e === "001")) return e;
+			}
+		},
+		{
+			key: "determineTheCountryIfNeeded",
+			value: function() {
+				(!this.state.country || this.isCountryCallingCodeAmbiguous()) && this.determineTheCountry();
+			}
+		},
+		{
+			key: "getFullNumber",
+			value: function(e) {
+				var t = this;
+				if (this.isInternational()) {
+					var n = function(e) {
+						return t.formatter.getInternationalPrefixBeforeCountryCallingCode(t.state, { spacing: !!e }) + e;
+					}, r = this.state.callingCode;
+					return n(r ? e ? `${r} ${e}` : r : `${this.state.getDigitsWithoutInternationalPrefix()}`);
+				}
+				return e;
+			}
+		},
+		{
+			key: "getNonFormattedNationalNumberWithPrefix",
+			value: function() {
+				var e = this.state, t = e.nationalSignificantNumber, n = e.prefixBeforeNationalSignificantNumberThatIsNotNationalPrefix, r = e.nationalPrefix, i = t, a = n || r;
+				return a && (i = a + i), i;
+			}
+		},
+		{
+			key: "getNonFormattedNumber",
+			value: function() {
+				var e = this.state.nationalSignificantNumberIsModified;
+				return this.getFullNumber(e ? this.state.getNationalDigits() : this.getNonFormattedNationalNumberWithPrefix());
+			}
+		},
+		{
+			key: "getNonFormattedTemplate",
+			value: function() {
+				var e = this.getNonFormattedNumber();
+				if (e) return e.replace(/[\+\d]/g, "x");
+			}
+		},
+		{
+			key: "isCountryCallingCodeAmbiguous",
+			value: function() {
+				var e = this.state.callingCode, t = this.metadata.getCountryCodesForCallingCode(e);
+				return t && t.length > 1;
+			}
+		},
+		{
+			key: "determineTheCountry",
+			value: function() {
+				var e = i(this.isInternational() ? this.state.callingCode : this.defaultCallingCode, {
+					nationalNumber: this.state.nationalSignificantNumber,
+					metadata: this.metadata
+				});
+				e !== this.state.country && (this.state.setCountry(e), e && this.metadata.selectNumberingPlan(e));
+			}
+		},
+		{
+			key: "getNumberValue",
+			value: function() {
+				var e = this.state, t = e.digits, n = e.callingCode, r = e.country, i = e.nationalSignificantNumber;
+				if (t) {
+					if (this.isInternational()) return n ? "+" + n + i : "+" + t;
+					if (r || n) return "+" + (r ? this.metadata.countryCallingCode() : n) + i;
+				}
+			}
+		},
+		{
+			key: "getNumber",
+			value: function() {
+				var e = this.state, t = e.nationalSignificantNumber, n = e.carrierCode, r = e.callingCode;
+				if (t) {
+					var i = this._getCountry();
+					if (!(!i && !r)) {
+						if (i && i === this.defaultCountry) {
+							var o = C(this.metadata.numberingPlan.callingCode(), t, this.metadata);
+							o && (i = o);
+						}
+						var s = new a(i || r, t, this.metadata.metadata);
+						return n && (s.carrierCode = n), s;
+					}
+				}
+			}
+		},
+		{
+			key: "isPossible",
+			value: function() {
+				var e = this.getNumber();
+				return e ? e.isPossible() : !1;
+			}
+		},
+		{
+			key: "isValid",
+			value: function() {
+				var e = this.getNumber();
+				return e ? e.isValid() : !1;
+			}
+		},
+		{
+			key: "validateLength",
+			value: function() {
+				var e = this.state, t = e.digits, r = e.nationalSignificantNumber;
+				if (!t) return "NOT_A_NUMBER";
+				if (!this.metadata.numberingPlan) return "INVALID_COUNTRY";
+				if (!r) return "TOO_SHORT";
+				var i = n(r, void 0, this.metadata);
+				if (i !== "IS_POSSIBLE") return i;
+			}
+		},
+		{
+			key: "getNationalNumber",
+			value: function() {
+				return this.state.nationalSignificantNumber;
+			}
+		},
+		{
+			key: "getChars",
+			value: function() {
+				return (this.state.international ? "+" : "") + this.state.digits;
+			}
+		},
+		{
+			key: "getTemplate",
+			value: function() {
+				return this.formatter.getTemplate(this.state) || this.getNonFormattedTemplate() || "";
+			}
+		}
+	]);
+}();
+function C(e, t, n) {
+	var i = n.getCountryCodesForCallingCode(e);
+	if (i.length > 1) return r(t, i, n.metadata);
+}
+//#endregion
+export { S as default };