@quidgest/ui 0.20.1 → 0.21.0

package/esm/composables/useColor/index.js

@@ -1,41 +1,69 @@
-import { rgbToHex as e, rgbToHsl as t, rgbToVariableString as n } from "../../utils/color/conversion.js";
-import { parseColor as r } from "../../utils/color/parse.js";
-import { getContrastingColor as i } from "../../utils/color/contrast.js";
-import { darken as a } from "../../utils/color/manipulate.js";
-import { useTheme as o } from "../theme.js";
-import { computed as s, unref as c } from "vue";
+import { rgbToHex as e, rgbToVariableString as t } from "../../utils/color/conversion.js";
+import { parseColor as n } from "../../utils/color/parse.js";
+import { getContrastingColor as r } from "../../utils/color/contrast.js";
+import { darken as i } from "../../utils/color/manipulate.js";
+import { isThemeColor as a, isUnsupportedColor as o } from "../../utils/color/theme-colors.js";
+import { useTheme as s } from "../theme.js";
+import { computed as c, unref as l } from "vue";
 //#region src/composables/useColor/index.ts
-function l(l) {
-	let f = s(() => c(l));
+function u(e) {
+	typeof process < "u" && process.env.NODE_ENV === "production" || console.warn(`[Quidgest UI] useColor: unable to resolve color "${e}"`);
+}
+function d(n) {
+	let a = i(n, 25);
+	return {
+		hoverColor: e(a),
+		hoverColorRgb: t(a),
+		onHoverColor: r(a)
+	};
+}
+function f(e, i, a, o) {
+	if (i) {
+		let i = e, o = a[`${i}Dark`];
+		if (typeof o == "string") try {
+			let e = n(o), s = a[`on${i.charAt(0).toUpperCase()}${i.slice(1)}Dark`];
+			return {
+				hoverColor: o,
+				hoverColorRgb: t(e),
+				onHoverColor: typeof s == "string" ? s : r(e)
+			};
+		} catch {
+			u(o);
+		}
+	}
+	return d(o);
+}
+function p(e) {
+	let i = c(() => l(e)), d = s(), p = c(() => i.value ? a(i.value) : !1);
 	return {
-		isUtilityColor: s(() => f.value ? !d(f.value) : !1),
-		style: s(() => {
-			let s = f.value;
-			if (!s) return;
-			let c = u(s, o().current.value.scheme), l;
+		isUtilityColor: p,
+		style: c(() => {
+			let e = i.value;
+			if (!e) return;
+			if (!p.value && o(e)) {
+				u(e);
+				return;
+			}
+			let a = m(e, d.current.value.scheme), s;
 			try {
-				if (l = r(c), !l) return;
-			} catch (e) {
-				console.error("Failed to parse color:", e);
+				s = n(a);
+			} catch {
+				u(e);
 				return;
 			}
-			let d = i(t(l).l), p = a(l, 25), m = e(p);
+			let c = r(s), l = f(e, p.value, d.current.value.scheme, s);
 			return {
-				mainColor: c,
-				mainColorRgb: n(l),
-				onMainColor: d,
-				hoverColor: m,
-				hoverColorRgb: n(p),
-				onHoverColor: d
+				mainColor: a,
+				mainColorRgb: t(s),
+				onMainColor: c,
+				...l
 			};
 		})
 	};
 }
-function u(e, t) {
-	return d(e) ? e : t[e] ?? e;
-}
-function d(e) {
-	return e.startsWith("#") || e.startsWith("rgb") || e.startsWith("hsl");
+function m(e, t) {
+	let n = e.trim();
+	return Object.prototype.hasOwnProperty.call(t, n) ? t[n] ?? e : e;
 }
 //#endregion
-export { d as isCssColor, u as resolveColor, l as useColor };
+export { m as resolveColor, f as resolveHoverStyle, p as useColor };

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

@@ -13,10 +13,12 @@ export interface ColorStyle {
     mainColorRgb: string;
     /**
      * The color to be used for content on top of the main color.
+     * Computed using WCAG relative luminance.
      */
     onMainColor: string;
     /**
      * Optional color to be used when the component is in hover state.
+     * Scheme `*Dark` for theme utilities when present; otherwise `darken(main, COLOR_SCHEME_DARKEN_AMOUNT)`.
      */
     hoverColor?: string;
     /**
@@ -25,6 +27,7 @@ export interface ColorStyle {
     hoverColorRgb?: string;
     /**
      * Optional color to be used for content when the component is in hover state.
+     * Scheme `on*Dark` for theme utilities when present; otherwise WCAG against the hover background.
      */
     onHoverColor?: string;
 }
@@ -33,7 +36,7 @@ export interface ColorStyle {
  */
 export interface UseColorReturn {
     /**
-     * A computed reference indicating whether the color is a utility color.
+     * A computed reference indicating whether the color is a theme utility key.
      */
     isUtilityColor: ComputedRef<boolean>;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;CAC1C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;CAC1C"}

package/esm/composables/useDialog/_internal.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_internal.d.ts.map

package/esm/composables/useDialog/_internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_internal.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/_internal.ts"],"names":[],"mappings":""}

package/esm/composables/useDialog/_internal.js

@@ -0,0 +1,65 @@
+import { inject as e, ref as t } from "vue";
+//#region src/composables/useDialog/_internal.ts
+var n = Symbol.for("q-dialog");
+function r(e, t) {
+	let n = e.dialogs.value[t];
+	if (!n) return;
+	let r = e.pendingByKey.get(n.entryKey);
+	r && !r.settled && (r.reject(/* @__PURE__ */ Error("Dialog removed before it was ready")), e.pendingByKey.delete(n.entryKey)), (n.handlers?.onLeave?.() ?? !0) && e.dialogs.value.splice(t, 1);
+}
+function i(e, t) {
+	return e.dialogs.value.some((e) => e.id === t || e.props.id === t);
+}
+function a(e, t) {
+	let n = e.dialogs.value.findIndex((e) => e.props.id === t && e.id === void 0);
+	if (n === -1) return;
+	let r = e.dialogs.value[n], i = e.pendingByKey.get(r.entryKey);
+	i && !i.settled && (i.reject(/* @__PURE__ */ Error("Dialog canceled")), e.pendingByKey.delete(r.entryKey)), e.dialogs.value.splice(n, 1);
+}
+function o() {
+	let e = t([]), n = /* @__PURE__ */ new Map(), r = 0, i = 0;
+	function a(t, r) {
+		let i = e.value.find((e) => e.entryKey === t);
+		if (!i) return;
+		i.id = r;
+		let a = n.get(t);
+		!a || a.settled || (a.settled = !0, a.resolve(r), n.delete(t), i.handlers?.onEnter?.());
+	}
+	function o(t, n) {
+		let r = e.value.find((e) => e.entryKey === t);
+		!r || r.id === n || (r.id = n);
+	}
+	function s() {
+		return `dialog-${++r}`;
+	}
+	function c() {
+		return i > 0;
+	}
+	function l() {
+		if (i > 0) throw Error("Only one QDialogProvider may be mounted per app.");
+		i++;
+	}
+	function u() {
+		if (i = Math.max(0, i - 1), !(i > 0)) {
+			for (let [, e] of n) e.settled || e.reject(/* @__PURE__ */ Error("Dialog provider unmounted before the dialog was ready"));
+			n.clear(), e.value = [];
+		}
+	}
+	return {
+		dialogs: e,
+		pendingByKey: n,
+		registerDialogEntry: a,
+		updateDialogEntryId: o,
+		nextEntryKey: s,
+		hasProvider: c,
+		registerProvider: l,
+		unregisterProvider: u
+	};
+}
+function s() {
+	let t = e(n);
+	if (!t) throw Error("useDialog() requires a provided dialog instance (e.g. via createFramework)");
+	return t;
+}
+//#endregion
+export { n as DialogSymbol, a as cancelDialogByPropsId, o as createDialogInstance, i as hasDialogWithId, s as injectDialogInstance, r as removeDialogEntry };

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

@@ -1,8 +1,16 @@
-import { UseDialogReturn } from './types.ts';
+import { UseDialogReturn } from './types';
+export type { DialogItem, UseDialogReturn } from './types';
 /**
- * Manager for dialog models
+ * Manages programmatic dialogs for the current app (`createFramework`).
  *
- * @returns Dialog state and functions
+ * Mount exactly one `QDialogProvider` in the app (typically next to the
+ * root layout). Every provider renders the same shared list.
+ *
+ * @returns An object containing:
+ * - dialogs: The array of currently active QDialog instances.
+ * - addDialog: A function that adds a QDialog instance according to the given props.
+ * - removeDialog: A function to remove a QDialog instance.
+ * - cancelDialog: A function to cancel a not-yet-registered dialog by `props.id`.
  */
 export declare function useDialog(): UseDialogReturn;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,YAAY,CAAA;AAQjE;;;;GAIG;AACH,wBAAgB,SAAS,IAAI,eAAe,CAyD3C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAW9C,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,IAAI,eAAe,CA6F3C"}

package/esm/composables/useDialog/index.js

@@ -1,29 +1,45 @@
-import { useId as e } from "../uid.js";
-import { ref as t } from "vue";
+import { cancelDialogByPropsId as e, hasDialogWithId as t, injectDialogInstance as n, removeDialogEntry as r } from "./_internal.js";
+import { computed as i } from "vue";
 //#region src/composables/useDialog/index.ts
-var n = t([]);
-function r() {
-	function t(t, r, i, a) {
-		let o = e(r).value;
-		return n.value.push({
-			id: o,
-			props: {
-				...t,
-				modelValue: !0
-			},
-			options: i,
-			handlers: a
-		}), a?.onEnter && a.onEnter(), o;
+function a() {
+	let a = n(), { dialogs: o, nextEntryKey: s, pendingByKey: c, hasProvider: l } = a, u = i(() => o.value.map(({ id: e, props: t, options: n, handlers: r }) => ({
+		id: e,
+		props: t,
+		options: n,
+		handlers: r
+	})));
+	function d(e, n, r) {
+		return l() ? e.id !== void 0 && t(a, e.id) ? Promise.reject(/* @__PURE__ */ Error(`addDialog(): a dialog with id "${e.id}" already exists.`)) : new Promise((t, i) => {
+			let a = s();
+			c.set(a, {
+				resolve: t,
+				reject: i,
+				settled: !1
+			}), o.value.push({
+				entryKey: a,
+				props: {
+					...e,
+					modelValue: !0
+				},
+				options: n,
+				handlers: r
+			});
+		}) : Promise.reject(/* @__PURE__ */ Error("addDialog() requires a mounted QDialogProvider before it can be called."));
 	}
-	function r(e) {
-		let t = n.value.findIndex((t) => t.id === e);
-		t !== -1 && (n.value[t]?.handlers?.onLeave?.() ?? !0) && n.value.splice(t, 1);
+	function f(e) {
+		let t = o.value.findIndex((t) => t.id === e);
+		if (t === -1) throw Error(`removeDialog(): no mounted dialog found with id "${e}".`);
+		r(a, t);
+	}
+	function p(t) {
+		e(a, t);
 	}
 	return {
-		dialogs: n,
-		addDialog: t,
-		removeDialog: r
+		dialogs: u,
+		addDialog: d,
+		removeDialog: f,
+		cancelDialog: p
 	};
 }
 //#endregion
-export { r as useDialog };
+export { a as useDialog };

package/esm/composables/useDialog/types.d.ts

@@ -1,13 +1,16 @@
-import { Ref } from 'vue';
-import { QDialogProps, QDialogOptions, QDialogHandlers } from '../../components/QDialog/types.ts';
+import { ComputedRef } from 'vue';
+import { QDialogProps, QDialogOptions, QDialogHandlers } from '../../components/QDialog/types';
 /**
- * Represents an instance of a dialog component.
+ * Public view of a dialog managed by {@link useDialog}.
+ *
+ * `id` is set when the dialog registers during setup. Prefer `await addDialog(...)` to
+ * obtain the id rather than reading it from this list before the promise resolves.
  */
-export type DialogInstance = {
+export type DialogItem = {
     /**
-     * A unique identifier for the dialog instance.
+     * Unique identifier for the dialog instance, set when the dialog registers during setup.
      */
-    id: string;
+    id?: string;
     /**
      * The properties applied to the dialog, conforming to `QDialogProps`.
      */
@@ -27,16 +30,27 @@ export type DialogInstance = {
  */
 export type UseDialogReturn = {
     /**
-     * A Vue Ref containing the list of currently active dialog instances.
+     * Currently active dialogs (public fields only: `id`, `props`, `options`, `handlers`).
+     * Read-only: mutating this array does not change the dialog store — use `removeDialog`.
+     * `id` is undefined until the dialog registers during setup; use the `addDialog` promise for the id.
      */
-    dialogs: Ref<DialogInstance[]>;
+    dialogs: ComputedRef<DialogItem[]>;
     /**
-     * Adds a new dialog to the state with the specified properties and an optional custom ID.
+     * Adds a new dialog to the state with the specified properties.
+     * Requires a mounted QDialogProvider (exactly one per app); rejects immediately when none is present.
+     * Rejects when `props.id` is already used by an active dialog.
+     * Resolves with the dialog id once the component registers it during setup.
      */
-    addDialog(props: QDialogProps, id?: string, options?: QDialogOptions, handlers?: QDialogHandlers): string;
+    addDialog(props: QDialogProps, options?: QDialogOptions, handlers?: QDialogHandlers): Promise<string>;
     /**
-     * Removes a dialog from the state by its unique identifier.
+     * Removes a mounted dialog by id.
+     * Throws when no mounted dialog with that id exists.
      */
     removeDialog(id: string): void;
+    /**
+     * Cancels a dialog that has not registered yet.
+     * Matches `props.id` from `addDialog`. No-op when no matching entry exists.
+     */
+    cancelDialog(id: string): void;
 };
 //# sourceMappingURL=types.d.ts.map

package/esm/composables/useDialog/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,MAAM,mCAAmC,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC1B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,OAAO,EAAE,GAAG,CAAC,cAAc,EAAE,CAAC,CAAA;IAE9B;;OAEG;IACH,SAAS,CACR,KAAK,EAAE,YAAY,EACnB,EAAE,CAAC,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,cAAc,EACxB,QAAQ,CAAC,EAAE,eAAe,GACxB,MAAM,CAAA;IAET;;OAEG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAO,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AA+EnG;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC1B,CAAA;AAeD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;;;OAIG;IACH,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,CAAA;IAElC;;;;;OAKG;IACH,SAAS,CACR,KAAK,EAAE,YAAY,EACnB,OAAO,CAAC,EAAE,cAAc,EACxB,QAAQ,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC,MAAM,CAAC,CAAA;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,CAAA"}

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

@@ -1,12 +1,27 @@
-import { Ref } from 'vue';
+import { MaybeRefOrGetter, Ref } from 'vue';
 export type DismissibleLayerStack = {
+    /** Registered layer ids, from bottom (first) to top (last). */
     layers: Ref<string[]>;
     register(id: string): void;
     unregister(id: string): void;
+    update(oldId: string, newId: string): void;
     isTop(id: string): boolean;
 };
+/**
+ * App-wide stack of dismissible layers (overlays, popovers, and similar).
+ *
+ * The last registered id is the top layer. Escape and outside-interact
+ * handling should only run for that layer.
+ *
+ * @returns The reactive layer list and helpers to register, unregister, and update ids.
+ */
 export declare function useDismissibleLayerStack(): DismissibleLayerStack;
-export declare function useDismissibleLayerStackItem(id: string): {
+/**
+ * Stack item helpers that keep the registered id in sync when the override changes.
+ *
+ * @param id - Layer id (plain string, ref, or getter).
+ */
+export declare function useDismissibleLayerStackItem(id: MaybeRefOrGetter<string>): {
     register: () => void;
     unregister: () => void;
     isTop: () => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDismissibleLayerStack/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,MAAM,MAAM,qBAAqB,GAAG;IACnC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,wBAAwB,IAAI,qBAAqB,CAmBhE;AAED,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,MAAM;;;;EActD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDismissibleLayerStack/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAmB,MAAM,KAAK,CAAA;AAKjE,MAAM,MAAM,qBAAqB,GAAG;IACnC,+DAA+D;IAC/D,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1C,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;CAC1B,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,IAAI,qBAAqB,CAsDhE;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC;;;;EA0CxE"}

package/esm/composables/useDismissibleLayerStack/index.js

@@ -1,7 +1,7 @@
 import { DismissibleLayerKey as e } from "../../symbols/dismissibleLayer.js";
-import { inject as t, ref as n } from "vue";
+import { inject as t, ref as n, toValue as r, watch as i } from "vue";
 //#region src/composables/useDismissibleLayerStack/index.ts
-function r() {
+function a() {
 	let e = n([]);
 	function t(t) {
 		e.value.push(t);
@@ -10,24 +10,41 @@ function r() {
 		let n = e.value.indexOf(t);
 		n !== -1 && e.value.splice(n, 1);
 	}
-	function i(t) {
+	function i(t, n) {
+		if (t === n) return;
+		let r = e.value.indexOf(t);
+		if (r === -1) return;
+		let i = [...e.value];
+		i[r] = n, e.value = i;
+	}
+	function a(t) {
 		return e.value[e.value.length - 1] === t;
 	}
 	return {
 		layers: e,
 		register: t,
 		unregister: r,
-		isTop: i
+		update: i,
+		isTop: a
 	};
 }
-function i(n) {
-	let r = t(e);
-	if (!r) throw Error("useDismissibleLayerStackItem must be used within a dismissible layer stack context.");
+function o(n) {
+	let a = t(e);
+	if (!a) throw Error("useDismissibleLayerStackItem must be used within a dismissible layer stack context.");
+	let o = a, s, c;
+	function l() {
+		s = r(n), o.register(s), c?.(), c = i(() => r(n), (e, t) => {
+			!t || e === t || (o.update(t, e), s = e);
+		});
+	}
+	function u() {
+		c?.(), c = void 0, s !== void 0 && (o.unregister(s), s = void 0);
+	}
 	return {
-		register: () => r.register(n),
-		unregister: () => r.unregister(n),
-		isTop: () => r.isTop(n)
+		register: l,
+		unregister: u,
+		isTop: () => o.isTop(r(n))
 	};
 }
 //#endregion
-export { r as useDismissibleLayerStack, i as useDismissibleLayerStackItem };
+export { a as useDismissibleLayerStack, o as useDismissibleLayerStackItem };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKnE,qDAAqD;AACrD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAyB,CAAA;AAE9E,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAA;AAEpC;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC;IACvB;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CA2C5D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,YAAY,GAAG,SAAS,CAyC/E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKnE,qDAAqD;AACrD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAyB,CAAA;AAE9E,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAA;AAEpC;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC;IACvB;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CA2C5D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,YAAY,GAAG,SAAS,CA+D/E"}

package/esm/composables/useGroup/index.js

@@ -20,7 +20,18 @@ function l(n) {
 		let e = a(n);
 		return Array.isArray(r.active.value) ? r.active.value?.includes(e) : r.active.value === e;
 	});
-	return {
+	return o(() => a(n), (e, t) => {
+		if (!(t === void 0 || e === t)) {
+			if (Array.isArray(r.active.value)) {
+				let n = r.active.value.indexOf(t);
+				if (n === -1) return;
+				let i = [...r.active.value];
+				i[n] = e, r.active.value = i;
+				return;
+			}
+			r.active.value === t && (r.active.value = e);
+		}
+	}), {
 		isActive: i,
 		toggle: () => {
 			let e = a(n);

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

@@ -0,0 +1,18 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+/**
+ * Generates a unique ID for the current component instance, with optional override.
+ *
+ * Must be called synchronously during `setup`. The returned ID tracks changes to the
+ * optional override (for example a reactive `props.id`).
+ *
+ * Vue's `useId()` prefixes with `app.config.idPrefix` (default `v`) plus `-`.
+ * The Vue prefix is rewritten to `q-` by default (`q-0`). When the host sets a custom
+ * `idPrefix` (for example `my-app`), it is kept after `q-` (`q-my-app-0`) so nested
+ * apps on the same page do not collide.
+ *
+ * @param [componentId] - Optional component-specific ID.
+ * @returns A computed ref containing the resolved ID.
+ * @throws When called outside component setup.
+ */
+export declare function useId(componentId?: MaybeRefOrGetter<string | undefined>): ComputedRef<string>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useId/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAKxD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,KAAK,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,CAgB7F"}

package/esm/composables/useId/index.js

@@ -0,0 +1,10 @@
+import { computed as e, getCurrentInstance as t, toValue as n, useId as r } from "vue";
+//#region src/composables/useId/index.ts
+function i(i) {
+	let a = r();
+	if (!a) throw Error("useId() must be called synchronously during component setup.");
+	let o = t()?.appContext.config.idPrefix || "v", s = `${o}-`, c = a.startsWith(s) ? a.slice(s.length) : a, l = o === "v" ? `q-${c}` : `q-${o}-${c}`;
+	return e(() => n(i) ?? l);
+}
+//#endregion
+export { i as useId };

package/esm/composables/useToast/_internal.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_internal.d.ts.map

package/esm/composables/useToast/_internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_internal.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/_internal.ts"],"names":[],"mappings":""}