@quidgest/ui 0.20.1 → 0.21.1

package/esm/components/QTabs/QTab.vue.js

@@ -2,15 +2,15 @@ import { useGroupItem as e } from "../../composables/useGroup/index.js";
 import { DEFAULT_TEXTS as t } from "../__internal__/QRequiredIndicator/constants.js";
 import { QButton as n } from "../QButton/index.js";
 import { QRequiredIndicator as r } from "../__internal__/QRequiredIndicator/index.js";
-import { useId as i } from "../../composables/uid.js";
+import { useId as i } from "../../composables/useId/index.js";
 import { TabsSymbol as a } from "./context.js";
-import { Fragment as o, Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, inject as h, normalizeClass as g, onBeforeMount as _, onBeforeUnmount as v, openBlock as y, renderSlot as b, toDisplayString as x, toRef as S, unref as C, useTemplateRef as w, vShow as T, withCtx as E, withDirectives as D } from "vue";
+import { Fragment as o, Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, inject as h, normalizeClass as g, onBeforeMount as _, onBeforeUnmount as v, openBlock as y, renderSlot as b, toDisplayString as x, toRef as S, unref as C, useTemplateRef as w, vShow as T, watch as E, withCtx as D, withDirectives as O } from "vue";
 //#region src/components/QTabs/QTab.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "q-tab__title" }, k = { class: "q-tab__title-text" }, A = [
+var k = { class: "q-tab__title" }, A = { class: "q-tab__title-text" }, j = [
 	"id",
 	"aria-labelledby",
 	"tabindex"
-], j = /*@__PURE__*/ m({
+], M = /*@__PURE__*/ m({
 	__name: "QTab",
 	props: {
 		id: {},
@@ -22,77 +22,79 @@ var O = { class: "q-tab__title" }, k = { class: "q-tab__title-text" }, A = [
 		texts: { default: () => t }
 	},
 	setup(t) {
-		let m = t, j = h(a, void 0);
-		if (!j) throw Error("QTab: Failed to retrieve tabs context. Ensure the component is used within a QTabs context.");
-		let M = i(S(m, "value")), N = i(), P = i(), F = e(M);
-		if (!F) throw Error("QTab: Failed to retrieve group item. Ensure the component is used within a QTabs context.");
-		let I = w("tabBtn"), L = c(() => j.tabListEl.value), R = c(() => !!m.disabled), z = c(() => {
-			if (!R.value) return F.isActive.value ? 0 : -1;
-		}), B = c(() => [
+		let m = t, M = h(a, void 0);
+		if (!M) throw Error("QTab: Failed to retrieve tabs context. Ensure the component is used within a QTabs context.");
+		let N = i(S(m, "value")), P = i(), F = i(), I = e(N);
+		if (!I) throw Error("QTab: Failed to retrieve group item. Ensure the component is used within a QTabs context.");
+		let L = w("tabBtn"), R = c(() => M.tabListEl.value), z = c(() => !!m.disabled), B = c(() => {
+			if (!z.value) return I.isActive.value ? 0 : -1;
+		}), V = c(() => [
 			"q-tab",
 			{
-				"q-tab--active": F.isActive.value,
-				"q-tab--disabled": R.value
+				"q-tab--active": I.isActive.value,
+				"q-tab--disabled": z.value
 			},
 			m.class
 		]);
-		function V() {
-			(I.value?.$el)?.focus?.();
-		}
 		function H() {
-			R.value || F?.isActive.value || F?.toggle();
+			(L.value?.$el)?.focus?.();
 		}
 		function U() {
-			H();
+			z.value || I?.isActive.value || I?.toggle();
+		}
+		function W() {
+			U();
 		}
-		function W(e) {
-			let t = j?.direction.value === "horizontal";
+		function G(e) {
+			let t = M?.direction.value === "horizontal";
 			if (t && e.key === "ArrowRight" || !t && e.key === "ArrowDown") {
-				e.preventDefault(), j?.focusAdjacent(M.value, 1);
+				e.preventDefault(), M?.focusAdjacent(N.value, 1);
 				return;
 			}
 			if (t && e.key === "ArrowLeft" || !t && e.key === "ArrowUp") {
-				e.preventDefault(), j?.focusAdjacent(M.value, -1);
+				e.preventDefault(), M?.focusAdjacent(N.value, -1);
 				return;
 			}
 			if (e.key === "Home") {
-				e.preventDefault(), j?.focusFirst();
+				e.preventDefault(), M?.focusFirst();
 				return;
 			}
-			e.key === "End" && (e.preventDefault(), j?.focusLast());
+			e.key === "End" && (e.preventDefault(), M?.focusLast());
 		}
 		return _(() => {
-			j.register({
-				value: M.value,
-				disabled: R,
-				tabRef: I,
-				focus: V,
-				select: H
+			M.register({
+				value: N.value,
+				disabled: z,
+				tabRef: L,
+				focus: H,
+				select: U
 			});
+		}), E(N, (e, t) => {
+			e !== t && M.updateValue(t, e);
 		}), v(() => {
-			j.unregister(M.value);
-		}), (e, t) => (y(), d(o, null, [L.value ? (y(), l(s, {
+			M.unregister(N.value);
+		}), (e, t) => (y(), d(o, null, [R.value ? (y(), l(s, {
 			key: 0,
-			to: L.value
+			to: R.value
 		}, [p(C(n), {
-			id: C(N),
+			id: C(P),
 			ref: "tabBtn",
 			borderless: "",
 			role: "tab",
 			variant: "text",
-			class: g(B.value),
-			disabled: R.value,
-			"data-value": C(M),
-			"aria-selected": C(F).isActive.value,
-			"aria-controls": C(P),
+			class: g(V.value),
+			disabled: z.value,
+			"data-value": C(N),
+			"aria-selected": C(I).isActive.value,
+			"aria-controls": C(F),
 			"aria-required": m.required || void 0,
-			tabindex: z.value,
-			onClick: U,
-			onKeydown: W
+			tabindex: B.value,
+			onClick: W,
+			onKeydown: G
 		}, {
-			default: E(() => [f("span", O, [
+			default: D(() => [f("span", k, [
 				b(e.$slots, "title.prepend"),
-				b(e.$slots, "title", {}, () => [f("span", k, x(m.title), 1)]),
+				b(e.$slots, "title", {}, () => [f("span", A, x(m.title), 1)]),
 				m.required ? (y(), l(C(r), {
 					key: 0,
 					announce: "",
@@ -110,14 +112,14 @@ var O = { class: "q-tab__title" }, k = { class: "q-tab__title-text" }, A = [
 			"aria-controls",
 			"aria-required",
 			"tabindex"
-		])], 8, ["to"])) : u("v-if", !0), D(f("div", {
-			id: C(P),
+		])], 8, ["to"])) : u("v-if", !0), O(f("div", {
+			id: C(F),
 			class: "q-tabs__panel",
 			role: "tabpanel",
-			"aria-labelledby": C(N),
-			tabindex: C(F).isActive.value ? 0 : void 0
-		}, [b(e.$slots, "default")], 8, A), [[T, C(F).isActive.value]])], 64));
+			"aria-labelledby": C(P),
+			tabindex: C(I).isActive.value ? 0 : void 0
+		}, [b(e.$slots, "default")], 8, j), [[T, C(I).isActive.value]])], 64));
 	}
 });
 //#endregion
-export { j as default };
+export { M as 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;AAyVC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAiBzC,KAAK,WAAW,GAAG,UAAU,CAAC;AA0S/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":"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"}

package/esm/components/QTabs/QTabs.vue.js

@@ -105,27 +105,51 @@ var C = ["id"], w = {
 			let e = B();
 			e.length && (e.some((e) => e.value === D.value) || (D.value = e[0].value));
 		}
-		function H(e) {
-			A.value = [...A.value, e], V();
+		let H;
+		function U() {
+			H ||= l(() => {
+				H = void 0, V();
+			});
+		}
+		function W(e) {
+			if (A.value = [...A.value, e], !D.value) {
+				V();
+				return;
+			}
+			U();
 		}
-		function U(e) {
+		function G(e) {
 			A.value = A.value.filter((t) => t.value !== e);
 		}
-		function W(e, t) {
+		function K(e, t) {
+			if (e === t) return;
+			let n = A.value.findIndex((t) => t.value === e);
+			if (n !== -1) {
+				if (A.value = A.value.map((e, r) => r === n ? {
+					...e,
+					value: t
+				} : e), D.value === e || D.value === t) {
+					D.value = t;
+					return;
+				}
+				V();
+			}
+		}
+		function q(e, t) {
 			let n = B();
 			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 G() {
+		function J() {
 			let e = B()[0];
 			e && (e.select(), e.focus());
 		}
-		function K() {
+		function Y() {
 			let e = B(), t = e[e.length - 1];
 			t && (t.select(), t.focus());
 		}
-		return S(() => A.value.map((e) => [e.value, y(e.disabled)]), () => V()), S(() => [
+		return S(() => A.value.map((e) => [e.value, y(e.disabled)]), () => U()), S(() => [
 			D.value,
 			A.value.length,
 			c.direction,
@@ -136,11 +160,12 @@ var C = ["id"], w = {
 		}), m(n, {
 			tabListEl: k,
 			direction: r(() => c.direction),
-			register: H,
-			unregister: U,
-			focusAdjacent: W,
-			focusFirst: G,
-			focusLast: K
+			register: W,
+			unregister: G,
+			updateValue: K,
+			focusAdjacent: q,
+			focusFirst: J,
+			focusLast: Y
 		}), (e, t) => (p(), a("div", {
 			id: c.id,
 			class: u(F.value)

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

@@ -62,6 +62,13 @@ export type TabsContext = {
      * @param value - The tab `value` to remove.
      */
     unregister: (value: string) => void;
+    /**
+     * Updates a registered tab's value in place so keyboard order is preserved.
+     *
+     * @param oldValue - The previously registered tab value.
+     * @param newValue - The updated tab value.
+     */
+    updateValue: (oldValue: string, newValue: string) => void;
     /**
      * Activates and focuses the next or previous enabled tab relative to `currentValue`.
      *

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;;;;OAIG;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,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,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;;;;OAIG;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"}

package/esm/components/QTextArea/QTextArea.vue.js

@@ -1,4 +1,4 @@
-import { useId as e } from "../../composables/uid.js";
+import { useId as e } from "../../composables/useId/index.js";
 import { QField as t } from "../QField/index.js";
 import { useTextareaAutosize as n } from "../../composables/useTextareaAutosize/index.js";
 import { computed as r, createBlock as i, createElementVNode as a, createSlots as o, defineComponent as s, mergeModels as c, mergeProps as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderSlot as m, toHandlers as h, toRef as g, unref as _, useModel as v, vModelText as y, watch as b, withCtx as x, withDirectives as S } from "vue";

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEk2d,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EAjDv/d;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B62d,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OArBt/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":"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"}

package/esm/components/QTextField/QTextField.vue.js

@@ -1,4 +1,4 @@
-import { useId as e } from "../../composables/uid.js";
+import { useId as e } from "../../composables/useId/index.js";
 import { QField as t } from "../QField/index.js";
 import { QClearButton as n } from "../__internal__/QClearButton/index.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, renderSlot as p, toRef as m, unref as h, useModel as g, useTemplateRef as _, vModelDynamic as v, watch as y, withCtx as b, withDirectives as x } from "vue";

package/esm/components/QThemeProvider/QThemeProvider.vue.js

@@ -1,5 +1,5 @@
 import { provideTheme as e } from "../../composables/theme.js";
-import { useId as t } from "../../composables/uid.js";
+import { useId as t } from "../../composables/useId/index.js";
 import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, openBlock as o, renderSlot as s, toRef as c, unref as l, watchEffect as u } from "vue";
 //#region src/components/QThemeProvider/QThemeProvider.vue?vue&type=script&setup=true&lang.ts
 var d = ["id"], f = /*@__PURE__*/ r({

package/esm/components/QToast/QToast.d.ts

@@ -1,5 +1,6 @@
 import { DEFAULT_ICONS } from './constants';
 import { QToastProps } from '.';
+type __VLS_Props = QToastProps & {};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -13,15 +14,16 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     dismiss: () => any;
-}, string, import('vue').PublicProps, Readonly<QToastProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
     variant: import('./types').QToastVariant;
     color: string;
     elevation: import('..').QCardElevation;
     icons: typeof DEFAULT_ICONS;
+    entryKey: string;
     timeout: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1 +1 @@
-{"version":3,"file":"QToast.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToast.vue"],"names":[],"mappings":"AAwEA;AAyMC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAa3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAyHrC,iBAAS,cAAc;WAqOT,OAAO,IAA6B;;iCAdZ,GAAG;gCACJ,GAAG;yBACV,GAAG;yBAEH,GAAG;yBADH,GAAG;;;;EAgBhC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;6EASnB,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":"QToast.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToast.vue"],"names":[],"mappings":"AAwEA;AA0PC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAc3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAMpC,KAAK,WAAW,GAAG,WAAW,GAAG,EAG9B,CAAC;AAiKL,iBAAS,cAAc;WAqOT,OAAO,IAA6B;;iCAdZ,GAAG;gCACJ,GAAG;yBACV,GAAG;yBAEH,GAAG;yBADH,GAAG;;;;EAgBhC;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;cAnaN,MAAM;;6EA4anB,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/QToast/QToast.vue.js

@@ -1,16 +1,17 @@
 import { rgbToHex as e } from "../../utils/color/conversion.js";
 import { parseColor as t } from "../../utils/color/parse.js";
 import { lighten as n } from "../../utils/color/manipulate.js";
-import { useTheme as r } from "../../composables/theme.js";
-import { useColor as i } from "../../composables/useColor/index.js";
-import { QButton as a } from "../QButton/index.js";
-import { QCard as o } from "../QCard/index.js";
-import { QIcon as s } from "../QIcon/index.js";
+import { useColor as r } from "../../composables/useColor/index.js";
+import { QButton as i } from "../QButton/index.js";
+import { QCard as a } from "../QCard/index.js";
+import { QIcon as o } from "../QIcon/index.js";
+import { useId as s } from "../../composables/useId/index.js";
 import { QCol as c, QContainer as l, QRow as u } from "../QGrid/index.js";
-import { DEFAULT_ICONS as d } from "./constants.js";
-import { computed as f, createBlock as p, createCommentVNode as m, createElementVNode as h, createSlots as g, createVNode as _, defineComponent as v, guardReactiveProps as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onMounted as C, onUnmounted as w, openBlock as T, renderSlot as E, toDisplayString as D, toRef as O, unref as k, withCtx as A } from "vue";
+import { ToastSymbol as d } from "../../composables/useToast/_internal.js";
+import { DEFAULT_ICONS as f } from "./constants.js";
+import { computed as p, createBlock as m, createCommentVNode as h, createElementVNode as g, createSlots as _, createVNode as v, defineComponent as y, guardReactiveProps as b, inject as x, normalizeClass as S, normalizeProps as C, normalizeStyle as w, onMounted as T, onUnmounted as E, openBlock as D, renderSlot as O, toDisplayString as k, toRef as A, unref as j, watch as M, withCtx as N } from "vue";
 //#region src/components/QToast/QToast.vue?vue&type=script&setup=true&lang.ts
-var j = { class: "q-toast__title" }, M = /*@__PURE__*/ v({
+var P = { class: "q-toast__title" }, F = /*@__PURE__*/ y({
 	__name: "QToast",
 	props: {
 		id: {},
@@ -22,72 +23,84 @@ var j = { class: "q-toast__title" }, M = /*@__PURE__*/ v({
 		elevation: { default: "medium" },
 		variant: { default: "tonal" },
 		timeout: { default: 5e3 },
-		icons: { default: () => d }
+		icons: { default: () => f },
+		entryKey: { default: void 0 }
 	},
 	emits: ["dismiss"],
-	setup(d, { emit: v }) {
-		let M = d, N = v, P = r(), { isUtilityColor: F, style: I } = i(O(M, "color")), L = f(() => {
-			let e = F.value ? `q-toast--${M.color}` : void 0, t = M.block ? "q-toast--block" : void 0, n = M.title ? "q-toast--vertical" : void 0;
+	setup(f, { emit: y }) {
+		let F = f, I = y, L = s(A(F, "id")), R = F.entryKey ? x(d, null) : null;
+		F.entryKey && (R?.registerToastEntry(F.entryKey, L.value), M(L, (e, t) => {
+			e === t || !F.entryKey || R?.updateToastEntryId(F.entryKey, e);
+		}));
+		let { style: z } = r(A(F, "color")), B = p(() => {
+			let e = F.block ? "q-toast--block" : void 0, t = F.title ? "q-toast--vertical" : void 0;
 			return [
 				"q-toast",
-				`q-toast--${M.variant}`,
+				`q-toast--${F.variant}`,
 				e,
 				t,
-				n,
-				M.class
+				F.class
 			];
-		}), R = f(() => {
-			let r = F.value ? W(M.color) : I.value?.mainColor;
+		}), V = p(() => {
+			let r = z.value?.mainColor;
 			if (r) return e(n(t(r), 88));
-		}), z = f(() => F.value ? { "--q-toast-tonal-color": R.value } : {
-			"--q-toast-main-color": I.value?.mainColor,
-			"--q-toast-on-main-color": I.value?.onMainColor,
-			"--q-toast-hover-color": I.value?.hoverColor,
-			"--q-toast-tonal-color": R.value
-		}), B = f(() => M.variant === "bold" ? "bold" : "ghost"), V;
-		function H() {
-			V !== void 0 && window.clearTimeout(V), N("dismiss");
+		}), H = p(() => z.value ? {
+			"--q-toast-main-color": z.value.mainColor,
+			"--q-toast-on-main-color": z.value.onMainColor,
+			"--q-toast-hover-color": z.value.hoverColor,
+			"--q-toast-tonal-color": V.value
+		} : { "--q-toast-tonal-color": V.value }), U = p(() => F.variant === "bold" ? "bold" : "ghost"), W = p(() => F.variant === "tonal" && z.value?.hoverColor ? z.value.hoverColor : F.color), G, K, q;
+		function J() {
+			G !== void 0 && (window.clearTimeout(G), G = void 0), K = void 0, q = void 0, I("dismiss");
 		}
-		function U() {
-			V = window.setTimeout(H, M.timeout);
+		function Y(e) {
+			q = e, K = Date.now(), G = window.setTimeout(J, e);
 		}
-		function W(e) {
-			let t = P.current.value.scheme;
-			if (e in t) return t[e];
-		}
-		return C(() => {
-			M.timeout > 0 && U();
-		}), w(() => {
-			V !== void 0 && window.clearTimeout(V);
-		}), (e, t) => (T(), p(k(o), {
-			id: M.id,
-			elevation: M.elevation,
-			width: M.block ? "block" : void 0,
-			class: b(L.value),
-			style: S(z.value)
-		}, g({
-			default: A(() => [_(k(l), {
+		return T(() => {
+			if (!F.entryKey) {
+				F.timeout > 0 && Y(F.timeout);
+				return;
+			}
+			let e = R?.consumeRemainingTimeout(F.entryKey);
+			if (e !== void 0) {
+				e > 0 ? Y(e) : J();
+				return;
+			}
+			F.timeout > 0 && Y(F.timeout);
+		}), E(() => {
+			if (G !== void 0 && (window.clearTimeout(G), F.entryKey && R && K !== void 0 && q !== void 0)) {
+				let e = Date.now() - K, t = Math.max(0, q - e);
+				R.setRemainingTimeout(F.entryKey, t);
+			}
+		}), (e, t) => (D(), m(j(a), {
+			id: j(L),
+			elevation: F.elevation,
+			width: F.block ? "block" : void 0,
+			class: S(B.value),
+			style: w(H.value)
+		}, _({
+			default: N(() => [v(j(l), {
 				fluid: "",
 				class: "q-toast__body"
 			}, {
-				default: A(() => [_(k(u), {
+				default: N(() => [v(j(u), {
 					align: "center",
 					justify: "between"
 				}, {
-					default: A(() => [_(k(c), null, {
-						default: A(() => [E(e.$slots, "default", {}, () => [h("span", null, D(M.text), 1)])]),
+					default: N(() => [v(j(c), null, {
+						default: N(() => [O(e.$slots, "default", {}, () => [g("span", null, k(F.text), 1)])]),
 						_: 3
-					}), M.title ? m("v-if", !0) : (T(), p(k(c), {
+					}), F.title ? h("v-if", !0) : (D(), m(j(c), {
 						key: 0,
 						cols: "auto"
 					}, {
-						default: A(() => [E(e.$slots, "dismiss", {}, () => [_(k(a), {
+						default: N(() => [O(e.$slots, "dismiss", {}, () => [v(j(i), {
 							class: "q-toast__dismiss",
-							variant: B.value,
-							color: M.color,
-							onClick: H
+							variant: U.value,
+							color: W.value,
+							onClick: J
 						}, {
-							default: A(() => [_(k(s), x(y(M.icons.close)), null, 16)]),
+							default: N(() => [v(j(o), C(b(F.icons.close)), null, 16)]),
 							_: 1
 						}, 8, ["variant", "color"])])]),
 						_: 3
@@ -97,28 +110,28 @@ var j = { class: "q-toast__title" }, M = /*@__PURE__*/ v({
 				_: 3
 			})]),
 			_: 2
-		}, [M.title ? {
+		}, [F.title ? {
 			name: "header",
-			fn: A(() => [_(k(l), { fluid: "" }, {
-				default: A(() => [_(k(u), {
+			fn: N(() => [v(j(l), { fluid: "" }, {
+				default: N(() => [v(j(u), {
 					align: "center",
 					justify: "between"
 				}, {
-					default: A(() => [_(k(c), null, {
-						default: A(() => [h("div", j, [
-							e.$slots["title.prepend"] ? E(e.$slots, "title.prepend", { key: 0 }) : m("v-if", !0),
-							h("h4", null, D(M.title), 1),
-							e.$slots["title.append"] ? E(e.$slots, "title.append", { key: 1 }) : m("v-if", !0)
+					default: N(() => [v(j(c), null, {
+						default: N(() => [g("div", P, [
+							e.$slots["title.prepend"] ? O(e.$slots, "title.prepend", { key: 0 }) : h("v-if", !0),
+							g("h4", null, k(F.title), 1),
+							e.$slots["title.append"] ? O(e.$slots, "title.append", { key: 1 }) : h("v-if", !0)
 						])]),
 						_: 3
-					}), _(k(c), { cols: "auto" }, {
-						default: A(() => [E(e.$slots, "dismiss", {}, () => [_(k(a), {
+					}), v(j(c), { cols: "auto" }, {
+						default: N(() => [O(e.$slots, "dismiss", {}, () => [v(j(i), {
 							class: "q-toast__dismiss",
-							variant: B.value,
-							color: M.color,
-							onClick: H
+							variant: U.value,
+							color: W.value,
+							onClick: J
 						}, {
-							default: A(() => [_(k(s), x(y(M.icons.close)), null, 16)]),
+							default: N(() => [v(j(o), C(b(F.icons.close)), null, 16)]),
 							_: 1
 						}, 8, ["variant", "color"])])]),
 						_: 3
@@ -138,4 +151,4 @@ var j = { class: "q-toast__title" }, M = /*@__PURE__*/ v({
 	}
 });
 //#endregion
-export { M as default };
+export { F as default };

package/esm/components/QToast/QToaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QToaster.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToaster.vue"],"names":[],"mappings":"AAkBA;AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;AAyGvC,wBAQG"}
+{"version":3,"file":"QToaster.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToaster.vue"],"names":[],"mappings":"AAmBA;AAgFC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;AA4HvC,wBAQG"}

package/esm/components/QToast/QToaster.vue.js

@@ -1,8 +1,8 @@
-import { useToast as e } from "../../composables/useToast/index.js";
-import { QToast as t } from "./index.js";
-import { Fragment as n, TransitionGroup as r, computed as i, createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, unref as p, withCtx as m } from "vue";
+import { injectToastInstance as e, removeToastByEntryKey as t } from "../../composables/useToast/_internal.js";
+import { QToast as n } from "./index.js";
+import { Fragment as r, TransitionGroup as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, onUnmounted as f, openBlock as p, renderList as m, unref as h, watch as g, withCtx as _ } from "vue";
 //#region src/components/QToast/QToaster.vue?vue&type=script&setup=true&lang.ts
-var h = /*@__PURE__*/ c({
+var v = /*@__PURE__*/ l({
 	__name: "QToaster",
 	props: {
 		id: {},
@@ -11,22 +11,27 @@ var h = /*@__PURE__*/ c({
 		maxToasts: {},
 		reverseOrder: { type: Boolean }
 	},
-	setup(c) {
-		let h = c, { toasts: g, removeToast: _ } = e(), v = i(() => {
-			let e = [...g.value];
-			return h.reverseOrder && (e = e.reverse()), e.slice(0, h.maxToasts);
+	setup(l) {
+		let v = l, y = e(), { toasts: b } = y;
+		y.registerToaster(), f(() => y.unregisterToaster()), g(() => v.maxToasts, (e) => y.setMaxToasts(e), { immediate: !0 });
+		let x = a(() => {
+			let e = [...b.value];
+			return v.reverseOrder ? e.reverse() : e;
 		});
-		return (e, i) => (d(), a(r, {
-			id: h.id,
+		function S(e) {
+			t(y, e.entryKey);
+		}
+		return (e, t) => (p(), o(i, {
+			id: v.id,
 			name: "toast-stack",
 			tag: "div",
-			class: u(["q-toaster", h.class]),
-			"data-placement": h.placement
+			class: d(["q-toaster", v.class]),
+			"data-placement": v.placement
 		}, {
-			default: m(() => [(d(!0), o(n, null, f(v.value, (e) => (d(), o("div", {
-				key: e.id,
+			default: _(() => [(p(!0), s(r, null, m(x.value, (e) => (p(), s("div", {
+				key: e.entryKey,
 				class: "q-toast__container"
-			}, [s(p(t), l({ ref_for: !0 }, e.props, { onDismiss: () => p(_)(e.id) }), null, 16, ["onDismiss"])]))), 128))]),
+			}, [c(h(n), u({ "entry-key": e.entryKey }, { ref_for: !0 }, e.props, { onDismiss: () => S(e) }), null, 16, ["entry-key", "onDismiss"])]))), 128))]),
 			_: 1
 		}, 8, [
 			"id",
@@ -36,4 +41,4 @@ var h = /*@__PURE__*/ c({
 	}
 });
 //#endregion
-export { h as default };
+export { v as default };