@quidgest/ui 0.21.2 → 0.23.0

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

@@ -16,7 +16,94 @@ declare const QTabs: {
         align: import('./types').QTabsAlign;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         tabListHost: HTMLDivElement;
-        tabListEl: HTMLDivElement;
+        overflowRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly id?: string | undefined;
+                readonly class?: string | unknown[] | undefined;
+                readonly direction?: import('..').QOverflowDirection | undefined;
+                readonly arrowPlacement?: import('..').QOverflowArrowPlacement | undefined;
+                readonly arrowVisibility?: import('..').QOverflowArrowVisibility | undefined;
+                readonly scrollMode?: import('..').QOverflowScrollMode | undefined;
+                readonly scrollStep?: number | undefined;
+                readonly remapWheel?: boolean | undefined;
+                readonly contentClass?: string | unknown[] | undefined;
+                readonly icons?: typeof import('../QOverflow/constants').DEFAULT_ICONS | undefined;
+                readonly texts?: import('..').QOverflowTexts | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                viewportRef: HTMLDivElement;
+                contentRef: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').QOverflowProps> & Readonly<{}>, {
+                contentEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+                scrollElementIntoView: (element: HTMLElement) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                icons: typeof import('../QOverflow/constants').DEFAULT_ICONS;
+                texts: import('..').QOverflowTexts;
+                direction: import('..').QOverflowDirection;
+                arrowPlacement: import('..').QOverflowArrowPlacement;
+                arrowVisibility: import('..').QOverflowArrowVisibility;
+                scrollMode: import('..').QOverflowScrollMode;
+                scrollStep: number;
+                remapWheel: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            icons: typeof import('../QOverflow/constants').DEFAULT_ICONS;
+            texts: import('..').QOverflowTexts;
+            direction: import('..').QOverflowDirection;
+            arrowPlacement: import('..').QOverflowArrowPlacement;
+            arrowVisibility: import('..').QOverflowArrowVisibility;
+            scrollMode: import('..').QOverflowScrollMode;
+            scrollStep: number;
+            remapWheel: boolean;
+        }> & Omit<Readonly<import('..').QOverflowProps> & Readonly<{}>, "contentEl" | "scrollElementIntoView" | ("icons" | "texts" | "direction" | "arrowPlacement" | "arrowVisibility" | "scrollMode" | "scrollStep" | "remapWheel")> & {
+            contentEl: HTMLElement | null;
+            scrollElementIntoView: (element: HTMLElement) => void;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prev?(_: {
+                    disabled: boolean;
+                    onClick: () => void;
+                }): any;
+                default?(_: {}): any;
+                next?(_: {
+                    disabled: boolean;
+                    onClick: () => void;
+                }): any;
+            };
+        }) | null;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -77,11 +164,12 @@ declare const QTab: {
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
-                readonly size?: import('..').QButtonSize | undefined;
+                readonly size?: import('../../types/component').QComponentSize | undefined;
                 readonly iconPos?: import('..').QButtonIconPosition | undefined;
                 readonly pill?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly loading?: boolean | undefined;
+                readonly tabindex?: number | undefined;
                 readonly onClick?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
@@ -101,7 +189,6 @@ declare const QTab: {
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (event: Event) => any;
             }, string, {
-                size: import('..').QButtonSize;
                 variant: import('..').QButtonVariant;
                 color: string;
                 iconPos: import('..').QButtonIconPosition;
@@ -126,13 +213,12 @@ declare const QTab: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            size: import('..').QButtonSize;
             variant: import('..').QButtonVariant;
             color: string;
             iconPos: import('..').QButtonIconPosition;
         }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
             onClick?: ((event: Event) => any) | undefined;
-        }>, "size" | "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA0B,CAAA;AACrC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOy30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPt90B,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAQw30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EARp90B,CAAA;AACrC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOy30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPt90B,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}

package/esm/components/QToggle/QToggle.vue.js

@@ -16,7 +16,8 @@ var d = /*@__PURE__*/ r({
 		iconPos: {},
 		pill: { type: Boolean },
 		disabled: { type: Boolean },
-		loading: { type: Boolean }
+		loading: { type: Boolean },
+		tabindex: {}
 	}, {
 		modelValue: { type: Boolean },
 		modelModifiers: {}

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

@@ -8,11 +8,12 @@ declare const QToggle: {
         borderless?: boolean;
         elevated?: boolean;
         block?: boolean;
-        size?: import('..').QButtonSize;
+        size?: import('../../types/component').QComponentSize;
         iconPos?: import('..').QButtonIconPosition;
         pill?: boolean;
         disabled?: boolean;
         loading?: boolean;
+        tabindex?: number;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -33,11 +34,12 @@ declare const QToggle: {
         borderless?: boolean;
         elevated?: boolean;
         block?: boolean;
-        size?: import('..').QButtonSize;
+        size?: import('../../types/component').QComponentSize;
         iconPos?: import('..').QButtonIconPosition;
         pill?: boolean;
         disabled?: boolean;
         loading?: boolean;
+        tabindex?: number;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
@@ -53,11 +55,12 @@ declare const QToggle: {
     borderless?: boolean;
     elevated?: boolean;
     block?: boolean;
-    size?: import('..').QButtonSize;
+    size?: import('../../types/component').QComponentSize;
     iconPos?: import('..').QButtonIconPosition;
     pill?: boolean;
     disabled?: boolean;
     loading?: boolean;
+    tabindex?: number;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}

package/esm/components/QToggleGroup/QToggleGroup.vue.js

@@ -11,6 +11,7 @@ var m = /*@__PURE__*/ i({
 		block: { type: Boolean },
 		borderless: { type: Boolean },
 		elevated: { type: Boolean },
+		size: {},
 		disabled: { type: Boolean },
 		multiple: { type: Boolean },
 		required: { type: Boolean }

package/esm/components/QToggleGroup/QToggleGroupItem.vue.js

@@ -19,6 +19,7 @@ var d = /*@__PURE__*/ i({
 		pill: { type: Boolean },
 		disabled: { type: Boolean },
 		loading: { type: Boolean },
+		tabindex: {},
 		value: {}
 	},
 	setup(i) {

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

@@ -5,6 +5,7 @@ declare const QToggleGroup: {
         block?: boolean;
         borderless?: boolean;
         elevated?: boolean;
+        size?: import('../../types/component').QComponentSize;
         disabled?: boolean;
     } & {
         multiple?: boolean;
@@ -26,6 +27,7 @@ declare const QToggleGroup: {
         block?: boolean;
         borderless?: boolean;
         elevated?: boolean;
+        size?: import('../../types/component').QComponentSize;
         disabled?: boolean;
     } & {
         multiple?: boolean;
@@ -42,6 +44,7 @@ declare const QToggleGroup: {
     block?: boolean;
     borderless?: boolean;
     elevated?: boolean;
+    size?: import('../../types/component').QComponentSize;
     disabled?: boolean;
 } & {
     multiple?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;EAAqC,CAAA;AAG3D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAGzC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;EAAqC,CAAA;AAG3D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAGzC,cAAc,SAAS,CAAA"}

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

@@ -1,4 +1,4 @@
-import { Appearance, Placement, Trigger } from '../../composables/overlay';
+import { Appearance, Placement, Trigger } from '../../utils/overlay';
 import { Selector } from '../../utils/getElement';
 import { Icon } from '../QIcon';
 import { QBaseComponentProps } from '../../types/component';

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

package/esm/components/__internal__/QClearButton/QClearButton.vue.js

@@ -24,7 +24,7 @@ var p = /*@__PURE__*/ o({
 			variant: "ghost",
 			color: "neutral",
 			borderless: "",
-			tabindex: "-1",
+			tabindex: -1,
 			onClick: m
 		}, {
 			default: f(() => [a(d(t), l(s(o.icons.clear)), null, 16)]),

package/esm/components/index.d.ts

@@ -33,6 +33,7 @@ export * from './QOverlay';
 export * from './QPasswordField';
 export * from './QPhoneField';
 export * from './QPopover';
+export * from './QProgress';
 export * from './QPropertyList';
 export * from './QRadioGroup';
 export * from './QSection';

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,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,aAAa,CAAA;AAC3B,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,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,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

@@ -40,19 +40,20 @@ import { QPasswordField as q } from "./QPasswordField/index.js";
 import { QPopover as J } from "./QPopover/index.js";
 import { QSelect as Y } from "./QSelect/index.js";
 import { QPhoneField as X } from "./QPhoneField/index.js";
-import { QPropertyList as Z, QPropertyListGroup as Q, QPropertyListPanel as $, QPropertyListRow as ne } from "./QPropertyList/index.js";
-import { QRadioButton as re, QRadioGroup as ie } from "./QRadioGroup/index.js";
-import { QSection as ae } from "./QSection/index.js";
-import { QToggle as oe } from "./QToggle/index.js";
-import { QSidebar as se, QSidebarItem as ce } from "./QSidebar/index.js";
-import { QTab as le, QTabs as ue } from "./QTabs/index.js";
-import { QTextArea as de } from "./QTextArea/index.js";
-import { QThemeProvider as fe } from "./QThemeProvider/index.js";
-import { QToast as pe, QToaster as me } from "./QToast/index.js";
-import { QToggleGroup as he, QToggleGroupItem as ge } from "./QToggleGroup/index.js";
-import { QTooltip as _e } from "./QTooltip/index.js";
+import { QProgress as Z } from "./QProgress/index.js";
+import { QPropertyList as Q, QPropertyListGroup as $, QPropertyListPanel as ne, QPropertyListRow as re } from "./QPropertyList/index.js";
+import { QRadioButton as ie, QRadioGroup as ae } from "./QRadioGroup/index.js";
+import { QSection as oe } from "./QSection/index.js";
+import { QToggle as se } from "./QToggle/index.js";
+import { QSidebar as ce, QSidebarItem as le } from "./QSidebar/index.js";
+import { QTab as ue, QTabs as de } from "./QTabs/index.js";
+import { QTextArea as fe } from "./QTextArea/index.js";
+import { QThemeProvider as pe } from "./QThemeProvider/index.js";
+import { QToast as me, QToaster as he } from "./QToast/index.js";
+import { QToggleGroup as ge, QToggleGroupItem as _e } from "./QToggleGroup/index.js";
+import { QTooltip as ve } from "./QTooltip/index.js";
 //#region src/components/index.ts
-var ve = /* @__PURE__ */ ee({
+var ye = /* @__PURE__ */ ee({
 	DEFAULT_TEXTS: () => b,
 	QAccordion: () => c,
 	QAccordionItem: () => l,
@@ -98,32 +99,33 @@ var ve = /* @__PURE__ */ ee({
 	QPasswordField: () => q,
 	QPhoneField: () => X,
 	QPopover: () => J,
-	QPropertyList: () => Z,
-	QPropertyListGroup: () => Q,
-	QPropertyListPanel: () => $,
-	QPropertyListRow: () => ne,
-	QRadioButton: () => re,
-	QRadioGroup: () => ie,
+	QProgress: () => Z,
+	QPropertyList: () => Q,
+	QPropertyListGroup: () => $,
+	QPropertyListPanel: () => ne,
+	QPropertyListRow: () => re,
+	QRadioButton: () => ie,
+	QRadioGroup: () => ae,
 	QRow: () => B,
-	QSection: () => ae,
+	QSection: () => oe,
 	QSelect: () => Y,
-	QSidebar: () => se,
-	QSidebarItem: () => ce,
+	QSidebar: () => ce,
+	QSidebarItem: () => le,
 	QSkeletonLoader: () => m,
 	QSpacer: () => V,
 	QSpinnerLoader: () => e,
 	QSwitch: () => A,
-	QTab: () => le,
-	QTabs: () => ue,
-	QTextArea: () => de,
+	QTab: () => ue,
+	QTabs: () => de,
+	QTextArea: () => fe,
 	QTextField: () => x,
-	QThemeProvider: () => fe,
-	QToast: () => pe,
-	QToaster: () => me,
-	QToggle: () => oe,
-	QToggleGroup: () => he,
-	QToggleGroupItem: () => ge,
-	QTooltip: () => _e
+	QThemeProvider: () => pe,
+	QToast: () => me,
+	QToaster: () => he,
+	QToggle: () => se,
+	QToggleGroup: () => ge,
+	QToggleGroupItem: () => _e,
+	QTooltip: () => ve
 });
 //#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, z as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, te as QContainer, j as QDateTimePicker, M as QDefaultsProvider, N as QDialog, P as QDialogProvider, E as QDismissibleLayer, F as QDivider, I as QDropdownMenu, y as QField, L as QFileUpload, D as QFocusWrap, R 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, K as QOverflow, O as QOverlay, q as QPasswordField, X as QPhoneField, J as QPopover, Z as QPropertyList, Q as QPropertyListGroup, $ as QPropertyListPanel, ne as QPropertyListRow, re as QRadioButton, ie as QRadioGroup, B as QRow, ae as QSection, Y as QSelect, se as QSidebar, ce as QSidebarItem, m as QSkeletonLoader, V as QSpacer, e as QSpinnerLoader, A as QSwitch, le as QTab, ue as QTabs, de as QTextArea, x as QTextField, fe as QThemeProvider, pe as QToast, me as QToaster, oe as QToggle, he as QToggleGroup, ge as QToggleGroupItem, _e as QTooltip, ve 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, z as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, te as QContainer, j as QDateTimePicker, M as QDefaultsProvider, N as QDialog, P as QDialogProvider, E as QDismissibleLayer, F as QDivider, I as QDropdownMenu, y as QField, L as QFileUpload, D as QFocusWrap, R 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, K as QOverflow, O as QOverlay, q as QPasswordField, X as QPhoneField, J as QPopover, Z as QProgress, Q as QPropertyList, $ as QPropertyListGroup, ne as QPropertyListPanel, re as QPropertyListRow, ie as QRadioButton, ae as QRadioGroup, B as QRow, oe as QSection, Y as QSelect, ce as QSidebar, le as QSidebarItem, m as QSkeletonLoader, V as QSpacer, e as QSpinnerLoader, A as QSwitch, ue as QTab, de as QTabs, fe as QTextArea, x as QTextField, pe as QThemeProvider, me as QToast, he as QToaster, se as QToggle, ge as QToggleGroup, _e as QToggleGroupItem, ve as QTooltip, ye as components_exports };

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

@@ -1,4 +1,4 @@
-import { Placement } from '../overlay';
+import { Placement } from '../../utils/overlay';
 import { Ref } from 'vue';
 type UseSafeTriangleOptions = {
     enabled: Ref<boolean>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useSafeTriangle/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAW3C,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE3D,KAAK,sBAAsB,GAAG;IAC7B,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,CAAA;IACzB,aAAa,EAAE,MAAM,OAAO,GAAG,IAAI,CAAA;IACnC,cAAc,EAAE,MAAM,OAAO,GAAG,IAAI,CAAA;IACpC,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACxC,mBAAmB,EAAE,MAAM,OAAO,CAAA;IAClC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iFAAiF;IACjF,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB;;;;;;;wBA4HnC,MAAM,YAAY,MAAM;;;;;EA0DnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useSafeTriangle/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAWpD,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE3D,KAAK,sBAAsB,GAAG;IAC7B,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,CAAA;IACzB,aAAa,EAAE,MAAM,OAAO,GAAG,IAAI,CAAA;IACnC,cAAc,EAAE,MAAM,OAAO,GAAG,IAAI,CAAA;IACpC,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACxC,mBAAmB,EAAE,MAAM,OAAO,CAAA;IAClC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iFAAiF;IACjF,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB;;;;;;;wBA4HnC,MAAM,YAAY,MAAM;;;;;EA0DnD"}

package/esm/index.d.ts

@@ -54,6 +54,7 @@ declare module '@vue/runtime-core' {
 		QPasswordField: typeof import('@quidgest/ui/components')['QPasswordField']
 		QPhoneField: typeof import('@quidgest/ui/components')['QPhoneField']
 		QPopover: typeof import('@quidgest/ui/components')['QPopover']
+		QProgress: typeof import('@quidgest/ui/components')['QProgress']
 		QPropertyList: typeof import('@quidgest/ui/components')['QPropertyList']
 		QPropertyListRow: typeof import('@quidgest/ui/components')['QPropertyListRow']
 		QPropertyListGroup: typeof import('@quidgest/ui/components')['QPropertyListGroup']

package/esm/templates/theme.js

@@ -1,11 +1,11 @@
 //#region src/templates/theme.ts
 var e = {
-	primary: "#008ad2",
-	primaryLight: "#b4e5ff",
-	primaryDark: "#00669d",
-	secondary: "#001d31",
-	secondaryLight: "#e6eef3",
-	secondaryDark: "#001425",
+	primary: "#185fa5",
+	primaryLight: "#b9d7f5",
+	primaryDark: "#12477c",
+	secondary: "#001850",
+	secondaryLight: "#94b4ff",
+	secondaryDark: "#00123d",
 	highlight: "#ff8241",
 	highlightLight: "#ffe0d0",
 	highlightDark: "#f15400",
@@ -26,7 +26,7 @@ var e = {
 	neutral: "#6d767f",
 	neutralLight: "#dadddf",
 	neutralDark: "#51585f",
-	onPrimary: "#000",
+	onPrimary: "#fff",
 	onPrimaryLight: "#000",
 	onPrimaryDark: "#fff",
 	onSecondary: "#fff",
@@ -53,12 +53,12 @@ var e = {
 	onNeutralLight: "#000",
 	onNeutralDark: "#fff"
 }, t = {
-	primary: "#4da6e0",
+	primary: "#2c87e1",
 	primaryLight: "#1a2832",
-	primaryDark: "#87c5f0",
-	secondary: "#b8d4e6",
+	primaryDark: "#66a8e9",
+	secondary: "#bacfff",
 	secondaryLight: "#1a2832",
-	secondaryDark: "#e6f2ff",
+	secondaryDark: "#dbe6ff",
 	highlight: "#ff9966",
 	highlightLight: "#2d1a0f",
 	highlightDark: "#ffb899",

package/esm/types/component.d.ts

@@ -19,4 +19,11 @@ export type QBaseComponentProps = {
      */
     class?: string | unknown[];
 };
+/**
+ * Local control chrome size. Multiplies the inherited global `--q-density-scale`
+ * (`small` ×0.8, `medium` ×1, `large` ×1.2). Distinct from Field/Dialog/Sidebar
+ * layout `size`. Only `small` and `large` emit BEM modifiers; `medium` (and omit)
+ * inherit the global scale with no extra class.
+ */
+export type QComponentSize = 'small' | 'medium' | 'large';
 //# sourceMappingURL=component.d.ts.map

package/esm/types/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/types/component.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/types/component.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA"}

package/esm/utils/color/theme-colors.d.ts

@@ -2,11 +2,11 @@
  * Theme utility color keys used for BEM classification via `isThemeColor` /
  * `isUtilityColor`.
  *
- * Brand/semantic keys match the historical `$theme-colors` SCSS map. Color CSS
- * vars for QButton / QBadge / QToast come from bound `useColor` styles rather
- * than `$theme-colors` BEM loops. `background` remains a utility key so QButton
- * can apply its hand-written `--background` modifier (and skip inline vars for
- * that color). `container` is omitted (scheme resolve only).
+ * Brand/semantic keys match the historical theme color set. Color CSS vars for
+ * QButton / QBadge / QToast come from bound `useColor` styles rather than Sass
+ * map loops. `background` remains a utility key so QButton can apply its
+ * hand-written `--background` modifier (and skip inline vars for that color).
+ * `container` is omitted (scheme resolve only).
  */
 export declare const THEME_COLOR_KEYS: readonly ["primary", "secondary", "highlight", "info", "success", "warning", "danger", "neutral", "background"];
 /**

package/esm/utils/density.d.ts

@@ -0,0 +1,12 @@
+export declare const DENSITIES: readonly ["compact", "regular", "loose"];
+export type QDensity = (typeof DENSITIES)[number];
+/**
+ * Returns the current global density. Falls back to `regular`.
+ */
+export declare function getGlobalDensity(): QDensity;
+/**
+ * Applies a global density (`compact` | `regular` | `loose`) to the root element.
+ * CSS mode selectors own `--q-density-scale`; this only sets the attribute and class.
+ */
+export declare function setGlobalDensity(density: QDensity): QDensity;
+//# sourceMappingURL=density.d.ts.map

package/esm/utils/density.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../src/utils/density.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,0CAA2C,CAAA;AAEjE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;AAajD;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,QAAQ,CAI3C;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAW5D"}

package/esm/utils/density.js

@@ -0,0 +1,23 @@
+//#region src/utils/density.ts
+var e = [
+	"compact",
+	"regular",
+	"loose"
+], t = "q-density--", n = "data-q-density";
+function r(t) {
+	return e.includes(t);
+}
+function i() {
+	return document.documentElement;
+}
+function a() {
+	let e = i().getAttribute(n);
+	return e && r(e) ? e : "regular";
+}
+function o(e) {
+	let r = i();
+	for (let e of Array.from(r.classList)) e.startsWith(t) && r.classList.remove(e);
+	return r.classList.add(`${t}${e}`), r.setAttribute(n, e), e;
+}
+//#endregion
+export { e as DENSITIES, a as getGlobalDensity, o as setGlobalDensity };

package/esm/utils/index.d.ts

@@ -16,5 +16,6 @@
  */
 export * from './color';
 export * from './date';
+export * from './density';
 export * from './mask';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA"}

package/esm/utils/index.js

@@ -7,10 +7,12 @@ import { mergeColorSchemes as h } from "./color/merge.js";
 import { THEME_COLOR_KEYS as g, isThemeColor as _, isUnsupportedColor as v } from "./color/theme-colors.js";
 import { addDays as y, addMonths as b, advancePastFormatLiteral as x, clampDayByMonthYear as S, clampNumericSegments as C, completePartialDateInput as w, convertDatePatternToMask as T, formatDate as E, formatUsesSeconds as D, formatUsesTime as O, getDaysInMonth as k, getEndOfDay as A, getFirstDayOfMonth as j, getFirstDayOfWeek as M, getLastDayOfMonth as N, getStartOfDay as P, inputIncludesTimePortion as F, isBetween as I, isLeapYear as L, isSameDay as R, isTimeOnlyFormat as z, normalizeNumericToken as B, padNumber as V, parseDate as H, parseDateWithCompletion as U, parseIsoDate as W, uses12HourFormat as G } from "./date.js";
 import { applyMask as K } from "./mask.js";
+import { DENSITIES as q, getGlobalDensity as J, setGlobalDensity as Y } from "./density.js";
 //#region src/utils/index.ts
-var q = /* @__PURE__ */ e({
+var X = /* @__PURE__ */ e({
 	COLOR_SCHEME_DARKEN_AMOUNT: () => 25,
 	COLOR_SCHEME_LIGHTEN_AMOUNT: () => 75,
+	DENSITIES: () => q,
 	THEME_COLOR_KEYS: () => g,
 	addDays: () => y,
 	addMonths: () => b,
@@ -30,6 +32,7 @@ var q = /* @__PURE__ */ e({
 	getEndOfDay: () => A,
 	getFirstDayOfMonth: () => j,
 	getFirstDayOfWeek: () => M,
+	getGlobalDensity: () => J,
 	getLastDayOfMonth: () => N,
 	getRelativeLuminance: () => f,
 	getStartOfDay: () => P,
@@ -54,9 +57,10 @@ var q = /* @__PURE__ */ e({
 	rgbToHex: () => r,
 	rgbToHsl: () => i,
 	rgbToVariableString: () => a,
+	setGlobalDensity: () => Y,
 	tryParseColor: () => c,
 	tryParseRgb: () => l,
 	uses12HourFormat: () => G
 });
 //#endregion
-export { g as THEME_COLOR_KEYS, y as addDays, b as addMonths, x as advancePastFormatLiteral, K as applyMask, S as clampDayByMonthYear, C as clampNumericSegments, w as completePartialDateInput, T as convertDatePatternToMask, p as darken, E as formatDate, D as formatUsesSeconds, O as formatUsesTime, u as getComplementaryColor, d as getContrastingColor, k as getDaysInMonth, A as getEndOfDay, j as getFirstDayOfMonth, M as getFirstDayOfWeek, N as getLastDayOfMonth, f as getRelativeLuminance, P as getStartOfDay, t as hslToRgb, n as hueToRgb, F as inputIncludesTimePortion, I as isBetween, L as isLeapYear, R as isSameDay, _ as isThemeColor, z as isTimeOnlyFormat, v as isUnsupportedColor, o as isValidHex, m as lighten, h as mergeColorSchemes, B as normalizeNumericToken, V as padNumber, s as parseColor, H as parseDate, U as parseDateWithCompletion, W as parseIsoDate, r as rgbToHex, i as rgbToHsl, a as rgbToVariableString, c as tryParseColor, l as tryParseRgb, G as uses12HourFormat, q as utils_exports };
+export { q as DENSITIES, g as THEME_COLOR_KEYS, y as addDays, b as addMonths, x as advancePastFormatLiteral, K as applyMask, S as clampDayByMonthYear, C as clampNumericSegments, w as completePartialDateInput, T as convertDatePatternToMask, p as darken, E as formatDate, D as formatUsesSeconds, O as formatUsesTime, u as getComplementaryColor, d as getContrastingColor, k as getDaysInMonth, A as getEndOfDay, j as getFirstDayOfMonth, M as getFirstDayOfWeek, J as getGlobalDensity, N as getLastDayOfMonth, f as getRelativeLuminance, P as getStartOfDay, t as hslToRgb, n as hueToRgb, F as inputIncludesTimePortion, I as isBetween, L as isLeapYear, R as isSameDay, _ as isThemeColor, z as isTimeOnlyFormat, v as isUnsupportedColor, o as isValidHex, m as lighten, h as mergeColorSchemes, B as normalizeNumericToken, V as padNumber, s as parseColor, H as parseDate, U as parseDateWithCompletion, W as parseIsoDate, r as rgbToHex, i as rgbToHsl, a as rgbToVariableString, Y as setGlobalDensity, c as tryParseColor, l as tryParseRgb, G as uses12HourFormat, X as utils_exports };

package/esm/{composables → utils}/overlay.d.ts

@@ -117,4 +117,16 @@ export declare function getAlignmentFromPlacement(placement: Placement): Alignme
  * @returns A boolean indicating whether the overflow result is out of bounds (true) or not (false).
  */
 export declare function isOutOfBounds(overflowResult: number): boolean;
+/** Fallback when `--q-overlay-arrow-gap` is unavailable (regular density gap). */
+export declare const OVERLAY_OFFSET_FALLBACK = 8;
+/**
+ * Resolves the main-axis overlay offset. Explicit `offset` wins; otherwise reads
+ * the density-scaled `--q-overlay-arrow-gap` from `el` so JS stays paired with
+ * the CSS arrow tip (gap ≈ size / √2).
+ *
+ * @param offset - Explicit offset from props, when set.
+ * @param el - Overlay root that defines `--q-overlay-arrow-gap`.
+ * @returns Resolved offset in pixels.
+ */
+export declare function resolveOverlayOffset(offset: number | undefined, el: Element | null | undefined): number;
 //# sourceMappingURL=overlay.d.ts.map

package/esm/utils/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/utils/overlay.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAE/C;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAElD;;GAEG;AACH,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,CAAA;AAEvC;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,CAAA;AAErD;;GAEG;AACH,MAAM,WAAW,MAAM;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT;AAED;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACrC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IAE7B;;OAEG;IACH,SAAS,EAAE,SAAS,CAAA;CACpB;AAKD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC9B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,OAAO,EACjB,OAAO,CAAC,EAAE,sBAAsB,GAC9B,qBAAqB,CAkCvB;AAmQD,gBAAgB;AAEhB;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAEhD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAGtD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAE3D;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAG/D;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAGrF;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAE7D;AAED,kFAAkF;AAClF,eAAO,MAAM,uBAAuB,IAAI,CAAA;AAExC;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CACnC,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAC5B,MAAM,CAcR"}

package/esm/{composables → utils}/overlay.js

@@ -1,4 +1,4 @@
-//#region src/composables/overlay.ts
+//#region src/utils/overlay.ts
 var e = 8;
 function t(e, t, c, l) {
 	let u = l?.offset ?? 0, d = l?.crossOffset ?? 0, f = l?.placement ?? "bottom", p = e.getBoundingClientRect(), m = t.getBoundingClientRect(), h = c?.getBoundingClientRect(), g = n(p, m, f, u), _ = r(a(i(s(p, m, g), g, u), g, d), m, g), v;
@@ -135,5 +135,13 @@ function p(e) {
 function m(e) {
 	return e < 0;
 }
+function h(e, t) {
+	if (e !== void 0) return e;
+	if (t) {
+		let e = getComputedStyle(t).getPropertyValue("--q-overlay-arrow-gap").trim(), n = Number.parseFloat(e);
+		if (Number.isFinite(n)) return n;
+	}
+	return 8;
+}
 //#endregion
-export { t as computePosition, d as getAlignmentAxis, p as getAlignmentFromPlacement, u as getMainAxis, l as getOppositeAxis, f as getSideFromPlacement, m as isOutOfBounds };
+export { t as computePosition, d as getAlignmentAxis, p as getAlignmentFromPlacement, u as getMainAxis, l as getOppositeAxis, f as getSideFromPlacement, m as isOutOfBounds, h as resolveOverlayOffset };