@quidgest/ui 0.20.1 → 0.21.0

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 };

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

@@ -1,5 +1,16 @@
 declare const QToast: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QToastProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../types/component').QBaseComponentProps & {
+        title?: string;
+        text?: string;
+        block?: boolean;
+        color?: string;
+        elevation?: import('..').QCardElevation;
+        variant?: import('./types').QToastVariant;
+        timeout?: number;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+    } & {
+        entryKey?: string;
+    }> & Readonly<{
         onDismiss?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         dismiss: () => any;
@@ -8,6 +19,7 @@ declare const QToast: {
         color: string;
         elevation: import('..').QCardElevation;
         icons: typeof import('./constants').DEFAULT_ICONS;
+        entryKey: string;
         timeout: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -16,19 +28,42 @@ declare const QToast: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').QToastProps> & Readonly<{
+    }, Readonly<import('../../types/component').QBaseComponentProps & {
+        title?: string;
+        text?: string;
+        block?: boolean;
+        color?: string;
+        elevation?: import('..').QCardElevation;
+        variant?: import('./types').QToastVariant;
+        timeout?: number;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
+    } & {
+        entryKey?: string;
+    }> & Readonly<{
         onDismiss?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         variant: import('./types').QToastVariant;
         color: string;
         elevation: import('..').QCardElevation;
         icons: typeof import('./constants').DEFAULT_ICONS;
+        entryKey: string;
         timeout: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').QToastProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../types/component').QBaseComponentProps & {
+    title?: string;
+    text?: string;
+    block?: boolean;
+    color?: string;
+    elevation?: import('..').QCardElevation;
+    variant?: import('./types').QToastVariant;
+    timeout?: number;
+    icons?: typeof import('./constants').DEFAULT_ICONS;
+} & {
+    entryKey?: string;
+}> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     dismiss: () => any;
@@ -37,6 +72,7 @@ declare const QToast: {
     color: string;
     elevation: import('..').QCardElevation;
     icons: typeof import('./constants').DEFAULT_ICONS;
+    entryKey: string;
     timeout: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AACvC,QAAA,MAAM,QAAQ;;6EAA6B,CAAA;AAG3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;AAG3B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AACvC,QAAA,MAAM,QAAQ;;6EAA6B,CAAA;AAG3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;AAG3B,cAAc,SAAS,CAAA"}

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

@@ -3,7 +3,11 @@ import { QCardElevation } from '../QCard/types';
 import { DEFAULT_ICONS } from './constants';
 export type QToastVariant = 'bold' | 'tonal' | 'outlined';
 /**
- * Props for the QToaster component.
+ * Hosts programmatic toasts created with `useToast`.
+ *
+ * Mount exactly one `QToaster` per app (typically in the root layout).
+ * The toast store is app-scoped via `createFramework`; mounting a second
+ * toaster for the same app throws.
  */
 export type QToasterProps = QBaseComponentProps & {
     /**
@@ -14,7 +18,7 @@ export type QToasterProps = QBaseComponentProps & {
     placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
     /**
      * Maximum number of toasts displayed at once.
-     * Additional toasts will be queued.
+     * Additional toasts wait in a queue (unmounted); `addToast` stays pending until a slot opens and the toast registers during setup.
      *
      * @category Behavior
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAEzD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,YAAY,GACZ,eAAe,CAAA;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,YAAY,GACZ,eAAe,CAAA;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

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

@@ -1,5 +1,5 @@
 import { useGroupItem as e } from "../../composables/useGroup/index.js";
-import { useId as t } from "../../composables/uid.js";
+import { useId as t } from "../../composables/useId/index.js";
 import { QToggle as n } from "../QToggle/index.js";
 import { createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, toRef as c, unref as l, withCtx as u } from "vue";
 //#region src/components/QToggleGroup/QToggleGroupItem.vue?vue&type=script&setup=true&lang.ts

package/esm/components/QTooltip/QTooltip.vue.js

@@ -1,5 +1,5 @@
 import { QIcon as e } from "../QIcon/index.js";
-import { useId as t } from "../../composables/uid.js";
+import { useId as t } from "../../composables/useId/index.js";
 import { getElement as n } from "../../utils/getElement.js";
 import { QOverlay as r } from "../QOverlay/index.js";
 import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeProps as h, onUnmounted as g, openBlock as _, renderSlot as v, toDisplayString as y, toRef as b, unref as x, useModel as S, watch as C, withCtx as w } from "vue";

package/esm/composables/index.d.ts

@@ -15,6 +15,6 @@
  * consumed by applications or other packages.
  */
 export { provideTheme, useTheme, type ThemeDefinition } from './theme';
-export { useDialog } from './useDialog';
-export { useToast } from './useToast';
+export { useDialog, type DialogItem, type UseDialogReturn } from './useDialog';
+export { useToast, type ToastItem, type UseToastReturn } from './useToast';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAA;AAGtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAA;AAGtE,OAAO,EAAE,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAA;AAG9E,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA"}

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

@@ -1,18 +1,47 @@
 import { MaybeRef } from 'vue';
-import { UseColorReturn } from './types';
-import { ColorScheme } from '../../utils/color';
+import { ColorStyle, UseColorReturn } from './types';
+import { ColorScheme, RGB } from '../../utils/color';
+type HoverStyle = Pick<ColorStyle, 'hoverColor' | 'hoverColorRgb' | 'onHoverColor'>;
+/**
+ * Resolves hover colors for `useColor`.
+ *
+ * Theme utility keys with a matching `*Dark` scheme token use that token (and `on*Dark`
+ * when present). Custom CSS colors, utilities without `*Dark` (e.g. `background`), and
+ * unparsable `*Dark` overrides fall back to `darken(main, COLOR_SCHEME_DARKEN_AMOUNT)` with WCAG `onHover`.
+ *
+ * @param rawColor - The original color input (utility key or CSS color).
+ * @param isUtilityColor - Whether `rawColor` is a BEM theme utility key.
+ * @param scheme - The active color scheme.
+ * @param mainRgb - Parsed RGB of the resolved main color.
+ */
+export declare function resolveHoverStyle(rawColor: string, isUtilityColor: boolean, scheme: Readonly<ColorScheme>, mainRgb: RGB): HoverStyle;
 /**
  * A composable function that processes and returns color-related information and styles.
  *
- * @param color - A string representing a color value or a utility color name. Can be provided as a ref or plain string.
+ * Theme utility colors (e.g. `primary`, `success`) resolve against the active theme.
+ * Custom colors are parsed from supported CSS formats: hex, `rgb`/`rgba`, and `hsl`/`hsla`.
+ * Values such as `var(...)`, `transparent`, `currentColor`, and `inherit`
+ * are rejected with a dev warning.
+ *
+ * `style.onMainColor` is always derived with WCAG relative luminance.
+ * For theme utility keys that have a scheme `*Dark` token, `hoverColor` / `onHoverColor`
+ * come from `*Dark` / `on*Dark`. Custom CSS colors, utilities without `*Dark` (such as
+ * `background`), and unparsable `*Dark` overrides use `darken(main, COLOR_SCHEME_DARKEN_AMOUNT)` with WCAG
+ * `onHover`. Components bind those values as
+ * CSS variables for both utility and custom colors. `isUtilityColor` still marks
+ * theme keys for hover resolution (`*Dark` / `on*Dark`). Exception: `QButton` with
+ * `color="background"` omits inline vars so its SCSS `--background` modifier
+ * (primary-dark hover) wins.
+ *
+ * @param color - A theme utility key or CSS color value. Can be provided as a ref or plain string.
  *
  * @returns {UseColorReturn} An object containing:
- * - isUtilityColor: A computed boolean indicating if the color is a utility color
+ * - isUtilityColor: A computed boolean indicating if the color is a theme utility key
  * - style: A computed object containing:
  *   - mainColor: The resolved color value
- *   - onMainColor: A contrasting color suitable for text/content on the main color
- *   - hoverColor: A darker version of the main color for hover states
- *   - onHoverColor: A contrasting color suitable for text/content on the hover color
+ *   - onMainColor: A WCAG contrasting color for content on the main color
+ *   - hoverColor: Scheme `*Dark` for utilities, otherwise a darkened main color
+ *   - onHoverColor: Scheme `on*Dark` for utilities when present, otherwise WCAG on hover
  *
  * @example
  * ```ts
@@ -20,22 +49,22 @@ import { ColorScheme } from '../../utils/color';
  * // or
  * const { isUtilityColor, style } = useColor(ref('#FF0000'))
  * ```
- *
- * @throws Will log an error to console if color parsing fails
  */
 export declare function useColor(color: MaybeRef<string | undefined>): UseColorReturn;
 /**
- * Resolves a utility color against a color scheme while preserving CSS and custom colors.
+ * Resolves a color scheme key against a color scheme while preserving CSS and custom colors.
+ *
+ * Looks up any key present on the scheme (base, Light/Dark variants, and `on*` tokens).
+ * {@link isThemeColor} remains narrower and is only used for theme-key classification
+ * (`isUtilityColor` / hover `*Dark` resolution).
  *
  * This pure variant is useful when a component needs to resolve a dynamic collection of
  * colors and therefore cannot create one `useColor` instance per collection entry.
- */
-export declare function resolveColor(color: string, scheme: Readonly<ColorScheme>): string;
-/**
- * Checks if a given string represents a valid CSS color format.
  *
- * @param color - The string to check for CSS color format
- * @returns True if the string starts with '#', 'rgb', or 'hsl', false otherwise
+ * @param color - A scheme key or CSS color string.
+ * @param scheme - The active color scheme.
+ * @returns The scheme value when `color` is a scheme key; otherwise the original string.
  */
-export declare function isCssColor(color: string): boolean;
+export declare function resolveColor(color: string, scheme: Readonly<ColorScheme>): string;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAcpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,cAAc,CAwC5E;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,MAAM,CAGjF;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAuBzD,KAAK,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,CAAA;AAYnF;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAChC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,EAC7B,OAAO,EAAE,GAAG,GACV,UAAU,CA4BZ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,cAAc,CA4C5E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,MAAM,CAQjF"}