@quidgest/ui 0.24.0 → 0.26.0

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

@@ -24,10 +24,11 @@ declare function __VLS_template(): {
                 readonly size?: import('../..').QComponentSize | undefined;
                 readonly iconPos?: import('..').QButtonIconPosition | undefined;
                 readonly pill?: boolean | undefined;
+                readonly effect?: import('..').QButtonEffect | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly loading?: boolean | undefined;
                 readonly tabindex?: number | undefined;
-                readonly onClick?: ((event: Event) => any) | undefined;
+                readonly onClick?: ((event: MouseEvent) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -39,14 +40,15 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "click", event: Event) => void;
+            $emit: (event: "click", event: MouseEvent) => void;
             $el: HTMLButtonElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
-                onClick?: ((event: Event) => any) | undefined;
+                onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                click: (event: Event) => any;
+                click: (event: MouseEvent) => any;
             }, string, {
                 variant: import('..').QButtonVariant;
+                effect: import('..').QButtonEffect;
                 color: string;
                 iconPos: import('..').QButtonIconPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -71,11 +73,12 @@ declare function __VLS_template(): {
             $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<{
             variant: import('..').QButtonVariant;
+            effect: import('..').QButtonEffect;
             color: string;
             iconPos: import('..').QButtonIconPosition;
         }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-        }>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -103,10 +106,11 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
             readonly size?: import('../..').QComponentSize | undefined;
             readonly iconPos?: import('..').QButtonIconPosition | undefined;
             readonly pill?: boolean | undefined;
+            readonly effect?: import('..').QButtonEffect | undefined;
             readonly disabled?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly tabindex?: number | undefined;
-            readonly onClick?: ((event: Event) => any) | undefined;
+            readonly onClick?: ((event: MouseEvent) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
@@ -118,14 +122,15 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "click", event: Event) => void;
+        $emit: (event: "click", event: MouseEvent) => void;
         $el: HTMLButtonElement;
         $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
+            onClick?: ((event: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            click: (event: Event) => any;
+            click: (event: MouseEvent) => any;
         }, string, {
             variant: import('..').QButtonVariant;
+            effect: import('..').QButtonEffect;
             color: string;
             iconPos: import('..').QButtonIconPosition;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -150,11 +155,12 @@ declare const __VLS_component: import('vue').DefineComponent<QTabProps, {}, {},
         $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<{
         variant: import('..').QButtonVariant;
+        effect: import('..').QButtonEffect;
         color: string;
         iconPos: import('..').QButtonIconPosition;
     }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
-        onClick?: ((event: Event) => any) | undefined;
-    }>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, "variant" | "effect" | "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.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"QTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTabs.vue"],"names":[],"mappings":"AAyBA;AAgcC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAEN,QAAQ,EASR,MAAM,KAAK,CAAA;AAGZ,KAAK,WAAW,GAAG,UAAU,CAAC;AAuY/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+DgzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA9Cr8B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B2zB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;kBArBp8B,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.vue.js

@@ -1,15 +1,16 @@
 import { provideDefaults as e } from "../../composables/defaults.js";
 import { useGroup as t } from "../../composables/useGroup/index.js";
 import { QOverflow as n } from "../QOverflow/index.js";
-import { TabsSymbol as r } from "./context.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, provide as g, ref as _, renderSlot as v, shallowRef as y, toRef as b, unref as x, useModel as S, useTemplateRef as C, watch as w, withCtx as T } from "vue";
+import { useEnabledSelection as r } from "../../composables/useEnabledSelection/index.js";
+import { TabsSymbol as i } from "./context.js";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, openBlock as g, provide as _, ref as v, renderSlot as y, shallowRef as b, toRef as x, unref as S, useModel as C, useTemplateRef as w, watch as T, withCtx as E } from "vue";
 //#region src/components/QTabs/QTabs.vue?vue&type=script&setup=true&lang.ts
-var E = ["id"], D = {
+var D = ["id"], O = {
 	ref: "tabListHost",
 	class: "q-tabs__list"
-}, O = { class: "q-tabs__panels" }, k = /*@__PURE__*/ l({
+}, k = { class: "q-tabs__panels" }, A = /*@__PURE__*/ u({
 	__name: "QTabs",
-	props: /*@__PURE__*/ u({
+	props: /*@__PURE__*/ d({
 		id: {},
 		class: {},
 		direction: { default: "horizontal" },
@@ -21,188 +22,181 @@ var E = ["id"], D = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(l) {
-		let u = l, k = S(l, "modelValue"), A = C("tabListHost"), j = C("overflowRef"), M = i(() => j.value?.contentEl ?? null), N = y([]), P = _({
+	setup(u) {
+		let d = u, A = C(u, "modelValue"), j = w("tabListHost"), M = w("overflowRef"), N = a(() => M.value?.contentEl ?? null), P = b([]), F = v({
 			width: "0",
 			height: "0",
 			transform: "translate(0, 0)",
 			opacity: "0"
-		}), F = _(!1), I = null, { active: L } = t({
-			active: k,
+		}), I = v(!1), L = null, { active: R } = t({
+			active: A,
 			required: !0
 		});
-		w(L, (e) => {
-			k.value = e;
-		}), e({ QTab: { disabled: b(u, "disabled") } });
-		let R = i(() => [
+		T(R, (e) => {
+			A.value = e;
+		}), e({ QTab: { disabled: x(d, "disabled") } });
+		let z = a(() => [
 			"q-tabs",
-			`q-tabs--${u.direction}`,
-			`q-tabs--${u.variant}`,
-			`q-tabs--align-${u.align}`,
-			F.value ? "q-tabs--indicator-ready" : void 0,
-			u.class
+			`q-tabs--${d.direction}`,
+			`q-tabs--${d.variant}`,
+			`q-tabs--align-${d.align}`,
+			I.value ? "q-tabs--indicator-ready" : void 0,
+			d.class
 		]);
-		function z() {
-			let e = M.value;
-			e && (e.setAttribute("role", "tablist"), e.setAttribute("aria-orientation", u.direction));
+		function B() {
+			let e = N.value;
+			e && (e.setAttribute("role", "tablist"), e.setAttribute("aria-orientation", d.direction));
 		}
-		function B(e) {
+		function V(e) {
 			let t = e.tabRef.value;
 			return t ? "$el" in t ? t.$el : t : null;
 		}
-		function V() {
-			F.value = !1, P.value = {
-				...P.value,
+		function H() {
+			I.value = !1, F.value = {
+				...F.value,
 				opacity: "0",
 				width: "0",
 				height: "0"
 			};
 		}
-		function H() {
-			if (u.variant !== "line" || !k.value) {
-				V();
+		function U() {
+			if (d.variant !== "line" || !A.value) {
+				H();
 				return;
 			}
-			let e = N.value.find((e) => e.value === k.value);
+			let e = P.value.find((e) => e.value === A.value);
 			if (!e) {
-				V();
+				H();
 				return;
 			}
-			let t = B(e);
+			let t = V(e);
 			if (!t) {
-				V();
+				H();
 				return;
 			}
-			let n = u.direction === "horizontal", r = F.value;
-			n ? P.value = {
+			let n = d.direction === "horizontal", r = I.value;
+			n ? F.value = {
 				width: `${t.offsetWidth}px`,
 				height: "var(--q-tabs-indicator-thickness)",
 				transform: `translate(${t.offsetLeft}px, 0)`,
 				opacity: "1"
-			} : P.value = {
+			} : F.value = {
 				width: "var(--q-tabs-indicator-thickness)",
 				height: `${t.offsetHeight}px`,
 				transform: `translate(0, ${t.offsetTop}px)`,
 				opacity: "1"
-			}, r || d(() => {
-				P.value.opacity === "1" && (F.value = !0);
+			}, r || f(() => {
+				F.value.opacity === "1" && (I.value = !0);
 			});
 		}
-		function U() {
-			if (!k.value) return;
-			let e = N.value.find((e) => e.value === k.value);
+		function W() {
+			if (!A.value) return;
+			let e = P.value.find((e) => e.value === A.value);
 			if (!e) return;
-			let t = B(e);
-			t && j.value?.scrollElementIntoView(t);
+			let t = V(e);
+			t && M.value?.scrollElementIntoView(t);
 		}
-		function W() {
-			if (u.variant !== "line") {
-				I?.disconnect();
+		function G() {
+			if (d.variant !== "line") {
+				L?.disconnect();
 				return;
 			}
-			I ? I.disconnect() : I = new ResizeObserver(() => {
-				H();
+			L ? L.disconnect() : L = new ResizeObserver(() => {
+				U();
 			});
-			let e = A.value;
-			e && I.observe(e);
-			for (let e of N.value) {
-				let t = B(e);
-				t && I.observe(t);
+			let e = j.value;
+			e && L.observe(e);
+			for (let e of P.value) {
+				let t = V(e);
+				t && L.observe(t);
 			}
 		}
-		function G() {
-			return N.value.filter((e) => !x(e.disabled));
-		}
-		function K() {
-			let e = G();
-			e.length && (e.some((e) => e.value === k.value) || (k.value = e[0].value));
-		}
-		let q;
-		function J() {
-			q ||= d(() => {
-				q = void 0, K();
+		let { enabledItems: K, ensureSelection: q } = r(() => P.value, A), J;
+		function Y() {
+			J ||= f(() => {
+				J = void 0, q();
 			});
 		}
-		function Y(e) {
-			if (N.value = [...N.value, e], !k.value) {
-				K();
+		function X(e) {
+			if (P.value = [...P.value, e], !A.value) {
+				q();
 				return;
 			}
-			J();
+			Y();
 		}
-		function X(e) {
-			N.value = N.value.filter((t) => t.value !== e);
+		function Z(e) {
+			P.value = P.value.filter((t) => t.value !== e);
 		}
-		function Z(e, t) {
+		function Q(e, t) {
 			if (e === t) return;
-			let n = N.value.findIndex((t) => t.value === e);
+			let n = P.value.findIndex((t) => t.value === e);
 			if (n !== -1) {
-				if (N.value = N.value.map((e, r) => r === n ? {
+				if (P.value = P.value.map((e, r) => r === n ? {
 					...e,
 					value: t
-				} : e), k.value === e || k.value === t) {
-					k.value = t;
+				} : e), A.value === e || A.value === t) {
+					A.value = t;
 					return;
 				}
-				K();
+				q();
 			}
 		}
-		function Q(e, t) {
-			let n = G();
+		function $(e, t) {
+			let n = K.value;
 			if (!n.length) return;
 			let r = n.findIndex((t) => t.value === e), i = n[r === -1 ? 0 : (r + t + n.length) % n.length];
 			i.select(), i.focus();
 		}
-		function $() {
-			let e = G()[0];
+		function ee() {
+			let e = K.value[0];
 			e && (e.select(), e.focus());
 		}
-		function ee() {
-			let e = G(), t = e[e.length - 1];
+		function te() {
+			let e = K.value, t = e[e.length - 1];
 			t && (t.select(), t.focus());
 		}
-		return w(() => N.value.map((e) => [e.value, x(e.disabled)]), () => J()), w(() => [
-			k.value,
-			N.value.length,
-			u.direction,
-			u.variant,
-			u.align
-		], () => d(() => {
-			H(), U();
-		}), { immediate: !0 }), w(() => [N.value.length, u.variant], () => d(W), { immediate: !0 }), w(() => [M.value, u.direction], () => z(), {
+		return T(() => P.value.map((e) => [e.value, S(e.disabled)]), () => Y()), T(() => [
+			A.value,
+			P.value.length,
+			d.direction,
+			d.variant,
+			d.align
+		], () => f(() => {
+			U(), W();
+		}), { immediate: !0 }), T(() => [P.value.length, d.variant], () => f(G), { immediate: !0 }), T(() => [N.value, d.direction], () => B(), {
 			immediate: !0,
 			flush: "post"
-		}), m(() => {
-			I?.disconnect(), I = null;
-		}), g(r, {
-			tabListEl: M,
-			direction: i(() => u.direction),
-			register: Y,
-			unregister: X,
-			updateValue: Z,
-			focusAdjacent: Q,
-			focusFirst: $,
-			focusLast: ee
-		}), (e, t) => (h(), o("div", {
-			id: u.id,
-			class: f(R.value)
-		}, [s("div", D, [c(x(n), {
+		}), h(() => {
+			L?.disconnect(), L = null;
+		}), _(i, {
+			tabListEl: N,
+			direction: a(() => d.direction),
+			register: X,
+			unregister: Z,
+			updateValue: Q,
+			focusAdjacent: $,
+			focusFirst: ee,
+			focusLast: te
+		}), (e, t) => (g(), s("div", {
+			id: d.id,
+			class: p(z.value)
+		}, [c("div", O, [l(S(n), {
 			ref_key: "overflowRef",
-			ref: j,
+			ref: M,
 			class: "q-tabs__overflow",
-			direction: u.direction,
+			direction: d.direction,
 			"scroll-mode": "item",
 			"content-class": "q-tabs__tablist"
 		}, {
-			default: T(() => [u.variant === "line" ? (h(), o("div", {
+			default: E(() => [d.variant === "line" ? (g(), s("div", {
 				key: 0,
 				class: "q-tabs__indicator",
 				"aria-hidden": "true",
-				style: p(P.value)
-			}, null, 4)) : a("v-if", !0)]),
+				style: m(F.value)
+			}, null, 4)) : o("v-if", !0)]),
 			_: 1
-		}, 8, ["direction"])], 512), s("div", O, [v(e.$slots, "default")])], 10, E));
+		}, 8, ["direction"])], 512), c("div", k, [y(e.$slots, "default")])], 10, D));
 	}
 });
 //#endregion
-export { k as default };
+export { A as default };

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

@@ -6,7 +6,7 @@ import { QTabsDirection } from './types';
  * Used for keyboard navigation, default selection, focusing tab triggers,
  * and positioning the line-variant active indicator.
  */
-export type TabRegistration = {
+export type QTabRegistration = {
     /**
      * Identity of the tab, matching the value used by `v-model` on `QTabs`.
      */
@@ -37,7 +37,7 @@ export type TabRegistration = {
  *
  * Handles tablist targeting (for teleporting triggers), registration, and keyboard focus movement.
  */
-export type TabsContext = {
+export type QTabsContext = {
     /**
      * DOM element with `role="tablist"` that owns teleported tab triggers.
      *
@@ -56,7 +56,7 @@ export type TabsContext = {
      *
      * @param tab - Tab metadata to register.
      */
-    register: (tab: TabRegistration) => void;
+    register: (tab: QTabRegistration) => void;
     /**
      * Removes a previously registered tab (typically on unmount).
      *
@@ -87,7 +87,7 @@ export type TabsContext = {
     focusLast: () => void;
 };
 /**
- * Injection key for the {@link TabsContext} provided by `QTabs`.
+ * Injection key for the {@link QTabsContext} provided by `QTabs`.
  */
-export declare const TabsSymbol: InjectionKey<TabsContext>;
+export declare const TabsSymbol: InjectionKey<QTabsContext>;
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;QAAE,GAAG,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;IAEvD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;;;;OAKG;IACH,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAElC;;;;OAIG;IACH,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAEtC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;IAExC;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzD;;;;;OAKG;IACH,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,WAAW,CAAoB,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC;QAAE,GAAG,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAA;IAEvD;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;OAKG;IACH,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAElC;;;;OAIG;IACH,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAEtC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAEzC;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzD;;;;;OAKG;IACH,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAAoB,CAAA"}

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

@@ -167,10 +167,11 @@ declare const QTab: {
                 readonly size?: import('../..').QComponentSize | undefined;
                 readonly iconPos?: import('..').QButtonIconPosition | undefined;
                 readonly pill?: boolean | undefined;
+                readonly effect?: import('..').QButtonEffect | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly loading?: boolean | undefined;
                 readonly tabindex?: number | undefined;
-                readonly onClick?: ((event: Event) => any) | undefined;
+                readonly onClick?: ((event: MouseEvent) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -182,14 +183,15 @@ declare const QTab: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "click", event: Event) => void;
+            $emit: (event: "click", event: MouseEvent) => void;
             $el: HTMLButtonElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
-                onClick?: ((event: Event) => any) | undefined;
+                onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                click: (event: Event) => any;
+                click: (event: MouseEvent) => any;
             }, string, {
                 variant: import('..').QButtonVariant;
+                effect: import('..').QButtonEffect;
                 color: string;
                 iconPos: import('..').QButtonIconPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -214,11 +216,12 @@ declare const QTab: {
             $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<{
             variant: import('..').QButtonVariant;
+            effect: import('..').QButtonEffect;
             color: string;
             iconPos: import('..').QButtonIconPosition;
         }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
-            onClick?: ((event: Event) => any) | undefined;
-        }>, "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, "variant" | "effect" | "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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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/QTextArea/QTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAiDA;AA4HC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA2DnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,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":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAkDA;AA+HC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA6DnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,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/QTextArea/QTextArea.vue.js

@@ -49,13 +49,14 @@ var C = [
 			}
 		});
 		b(w, (e) => T.value = e, { immediate: !0 });
-		let E = e(g(c, "id")), D = r(() => c.readonly || c.disabled ? void 0 : c.placeholder), O = r(() => ({ input: c.autosize ? A : null })), k = p(), { triggerResize: A, stop: j } = n({
-			element: r(() => c.autosize ? k.value : void 0),
+		let E = e(g(c, "id")), D = r(() => c.readonly || c.disabled ? void 0 : c.placeholder), O = r(() => `${E.value}_input`), k = r(() => ({ input: c.autosize ? j : null })), A = p(), { triggerResize: j, stop: M } = n({
+			element: r(() => c.autosize ? A.value : void 0),
 			styleProp: "minHeight"
 		});
-		return d(j), (e, n) => (f(), i(_(t), {
+		return d(M), (e, n) => (f(), i(_(t), {
+			id: _(E),
 			class: u(["q-text-area", c.class]),
-			for: _(E),
+			for: O.value,
 			label: c.label,
 			"label-position": c.labelPosition,
 			size: c.size,
@@ -66,9 +67,9 @@ var C = [
 			"label.prepend": x(() => [m(e.$slots, "label.prepend")]),
 			"label.append": x(() => [m(e.$slots, "label.append")]),
 			default: x(() => [S(a("textarea", l({
-				id: _(E),
+				id: O.value,
 				ref_key: "textareaRef",
-				ref: k,
+				ref: A,
 				"onUpdate:modelValue": n[0] ||= (e) => T.value = e,
 				class: "q-text-area__input",
 				required: c.required,
@@ -80,7 +81,7 @@ var C = [
 				cols: c.cols,
 				resize: c.resize,
 				wrap: c.wrap
-			}, e.$attrs, h(O.value, !0)), null, 16, C), [[y, T.value]])]),
+			}, e.$attrs, h(k.value, !0)), null, 16, C), [[y, T.value]])]),
 			_: 2
 		}, [
 			e.$slots.prepend ? {
@@ -99,6 +100,7 @@ var C = [
 				key: "2"
 			} : void 0
 		]), 1032, [
+			"id",
 			"class",
 			"for",
 			"label",

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

@@ -1 +1 @@
-{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAqDA;AAsIC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AAoEpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmE81d,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EAjDn/d;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+By2d,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OArBl/d,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":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAsDA;AAyIC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AAsEpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoE8nd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EAlDnxd;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Byod,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OArBlxd,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"}