@quidgest/ui 0.22.0 → 0.23.1

package/esm/components/QSwitch/QSwitch.vue.js

@@ -1,19 +1,19 @@
 import { useColor as e } from "../../composables/useColor/index.js";
 import { useId as t } from "../../composables/useId/index.js";
 import { QLabel as n } from "../QLabel/index.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, toDisplayString as g, toRef as _, unref as v, useModel as y, vModelCheckbox as b, withDirectives as x, withModifiers as S } from "vue";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, toDisplayString as g, toRef as _, unref as v, useModel as y, useTemplateRef as b, vModelCheckbox as x, withDirectives as S, withModifiers as C } from "vue";
 //#region src/components/QSwitch/QSwitch.vue?vue&type=script&setup=true&lang.ts
-var C = [
+var w = [
 	"id",
 	"aria-checked",
 	"disabled"
-], w = { class: "q-switch__labels" }, T = {
+], T = { class: "q-switch__labels" }, E = {
 	class: "q-switch__label q-switch__label--off",
 	"aria-hidden": "true"
-}, E = {
+}, D = {
 	class: "q-switch__label q-switch__label--on",
 	"aria-hidden": "true"
-}, D = /*@__PURE__*/ u({
+}, O = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "QSwitch",
 	props: /*@__PURE__*/ d({
@@ -27,7 +27,7 @@ var C = [
 		showStateLabels: { type: Boolean },
 		checkedColor: {},
 		uncheckedColor: {},
-		size: { default: "medium" },
+		size: {},
 		disabled: { type: Boolean },
 		readonly: { type: Boolean }
 	}, {
@@ -36,30 +36,32 @@ var C = [
 	}),
 	emits: ["update:modelValue"],
 	setup(u) {
-		let d = u, D = y(u, "modelValue"), O = (e) => {
-			d.readonly && (e.preventDefault(), e.stopImmediatePropagation(), e.target.checked = !!D.value);
-		}, k = t(_(d, "id")), { style: A } = e(_(d, "checkedColor")), { style: j } = e(_(d, "uncheckedColor")), M = i(() => [
+		let d = u, O = y(u, "modelValue"), k = b("inputEl"), A = (e) => {
+			d.readonly && (e.preventDefault(), e.stopImmediatePropagation(), e.target.checked = !!O.value);
+		}, j = () => {
+			d.disabled || d.readonly || k.value?.click();
+		}, M = t(_(d, "id")), { style: N } = e(_(d, "checkedColor")), { style: P } = e(_(d, "uncheckedColor")), F = i(() => [
 			"q-switch",
-			d.size === "medium" ? void 0 : `q-switch--${d.size}`,
+			d.size === "small" || d.size === "large" ? `q-switch--${d.size}` : void 0,
 			{
-				"q-switch--checked": D.value,
+				"q-switch--checked": O.value,
 				"q-switch--disabled": d.disabled,
 				"q-switch--readonly": d.readonly,
 				"q-switch--with-labels": d.showStateLabels && (d.trueLabel || d.falseLabel)
 			},
 			d.class
-		]), N = i(() => ({
-			"--q-switch-checked-background": A.value?.mainColor,
-			"--q-switch-on-checked-background": A.value?.onMainColor,
-			"--q-switch-unchecked-background": j.value?.mainColor,
-			"--q-switch-on-unchecked-background": j.value?.onMainColor
+		]), I = i(() => ({
+			"--q-switch-checked-background": N.value?.mainColor,
+			"--q-switch-on-checked-background": N.value?.onMainColor,
+			"--q-switch-unchecked-background": P.value?.mainColor,
+			"--q-switch-on-unchecked-background": P.value?.onMainColor
 		}));
 		return (e, t) => (h(), s("div", {
 			class: "q-switch__container",
-			onClick: t[1] ||= S(() => {}, ["stop"])
+			onClick: t[2] ||= C(() => {}, ["stop"])
 		}, [d.label ? (h(), a(v(n), {
 			key: 0,
-			for: v(k),
+			for: v(M),
 			label: d.label,
 			required: d.required
 		}, null, 8, [
@@ -67,18 +69,24 @@ var C = [
 			"label",
 			"required"
 		])) : o("v-if", !0), c("div", {
-			class: p(M.value),
-			style: m(N.value)
-		}, [x(c("input", f({
-			id: v(k),
-			"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
+			class: p(F.value),
+			style: m(I.value),
+			onClick: j
+		}, [S(c("input", f({
+			id: v(M),
+			ref_key: "inputEl",
+			ref: k,
+			"onUpdate:modelValue": t[0] ||= (e) => O.value = e,
 			class: "q-switch__input",
 			type: "checkbox",
 			role: "switch",
-			"aria-checked": D.value,
+			"aria-checked": O.value,
 			disabled: d.disabled
-		}, e.$attrs, { onInput: O }), null, 16, C), [[b, D.value]]), c("div", w, [c("span", T, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.falseLabel), 1)], 64)) : o("v-if", !0)]), c("span", E, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.trueLabel), 1)], 64)) : o("v-if", !0)])])], 6)]));
+		}, e.$attrs, {
+			onClick: t[1] ||= C(() => {}, ["stop"]),
+			onInput: A
+		}), null, 16, w), [[x, O.value]]), c("div", T, [c("span", E, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.falseLabel), 1)], 64)) : o("v-if", !0)]), c("span", D, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.trueLabel), 1)], 64)) : o("v-if", !0)])])], 6)]));
 	}
 });
 //#endregion
-export { D as default };
+export { O as default };

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

@@ -6,7 +6,7 @@ declare const QSwitch: import('vue').DefineComponent<{
     showStateLabels?: boolean;
     checkedColor?: string;
     uncheckedColor?: string;
-    size?: "small" | "medium" | "large";
+    size?: import('../../types/component').QComponentSize;
     disabled?: boolean;
     readonly?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -19,16 +19,17 @@ declare const QSwitch: import('vue').DefineComponent<{
     showStateLabels?: boolean;
     checkedColor?: string;
     uncheckedColor?: string;
-    size?: "small" | "medium" | "large";
+    size?: import('../../types/component').QComponentSize;
     disabled?: boolean;
     readonly?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "small" | "medium" | "large";
     trueLabel: string;
     falseLabel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputEl: HTMLInputElement;
+}, any>;
 export { QSwitch };
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,3 +1,4 @@
+import { QComponentSize } from '../../types/component';
 import { QLabelProps } from '../QLabel';
 /**
  * Props for the QSwitch component.
@@ -34,11 +35,12 @@ export type QSwitchProps = Omit<QLabelProps, 'for'> & {
      */
     uncheckedColor?: string;
     /**
-     * Size variant of the switch.
+     * Local chrome size. Multiplies the inherited global density scale
+     * (`small` ×0.8, `medium` ×1, `large` ×1.2). Omit to inherit global density only.
      *
      * @category Presentation
      */
-    size?: 'small' | 'medium' | 'large';
+    size?: QComponentSize;
     /**
      * Whether the switch is disabled.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG;IACrD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG;IACrD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

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

@@ -21,11 +21,12 @@ declare function __VLS_template(): {
                 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;
@@ -45,7 +46,6 @@ declare function __VLS_template(): {
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (event: Event) => any;
             }, string, {
-                size: import('..').QButtonSize;
                 variant: import('..').QButtonVariant;
                 color: string;
                 iconPos: import('..').QButtonIconPosition;
@@ -70,13 +70,12 @@ declare function __VLS_template(): {
             $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;
@@ -101,11 +100,12 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
             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;
@@ -125,7 +125,6 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (event: Event) => any;
         }, string, {
-            size: import('..').QButtonSize;
             variant: import('..').QButtonVariant;
             color: string;
             iconPos: import('..').QButtonIconPosition;
@@ -150,13 +149,12 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
         $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/QTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QTab.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTab.vue"],"names":[],"mappings":"AA6CA;AAuNC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA+JzC,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;iCAdZ,GAAG;uBACb,GAAG;gCACM,GAAG;yBACV,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEisW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;EAnDv1W;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6B6sW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;OArBt1W,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTab.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTab.vue"],"names":[],"mappings":"AA6CA;AAuNC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA+JzC,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;iCAdZ,GAAG;uBACb,GAAG;gCACM,GAAG;yBACV,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEisW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;EAnDv1W;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6B6sW,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;OArBt1W,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,5 @@
 import { QTabsProps } from './types';
+import { nextTick } from 'vue';
 type __VLS_Props = QTabsProps;
 type __VLS_PublicProps = {
     modelValue?: string;
@@ -10,7 +11,94 @@ declare function __VLS_template(): {
     };
     refs: {
         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 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;
     };
     rootEl: HTMLDivElement;
 };
@@ -25,7 +113,94 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     align: import('./types').QTabsAlign;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     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 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>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"QTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTabs.vue"],"names":[],"mappings":"AAuBA;AA2YC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAiBzC,KAAK,WAAW,GAAG,UAAU,CAAC;AA4V/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;EAiB/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTabs.vue"],"names":[],"mappings":"AAyBA;AAycC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAEN,QAAQ,EASR,MAAM,KAAK,CAAA;AAGZ,KAAK,WAAW,GAAG,UAAU,CAAC;AAkZ/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+Dwf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA9C7oB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+BmgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;kBArB5oB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}