@quidgest/ui 0.20.1 → 0.21.0

package/esm/composables/useToast/_internal.js

@@ -0,0 +1,142 @@
+import { inject as e, ref as t } from "vue";
+//#region src/composables/useToast/_internal.ts
+var n = Symbol.for("q-toast");
+function r(e, t, n) {
+	let r = e.get(t);
+	if (!r || r.settled) {
+		e.delete(t);
+		return;
+	}
+	r.reject(n), e.delete(t);
+}
+function i(e, t) {
+	for (let [, n] of e) n.settled || n.reject(t);
+	e.clear();
+}
+function a(e, t) {
+	let n = e.toasts.value[t];
+	n && (r(e.pendingByKey, n.entryKey, /* @__PURE__ */ Error("Toast removed before it was ready")), e.toasts.value.splice(t, 1), e.flushQueue());
+}
+function o(e, t) {
+	let n = e.toasts.value.findIndex((e) => e.id === t);
+	if (n !== -1) {
+		a(e, n);
+		return;
+	}
+	let i = e.queue.value.findIndex((e) => e.id === t);
+	if (i === -1) throw Error(`removeToast(): no toast found with id "${t}".`);
+	let o = e.queue.value[i];
+	r(e.pendingByKey, o.entryKey, /* @__PURE__ */ Error("Toast removed before it was ready")), e.queue.value.splice(i, 1);
+}
+function s(e, t) {
+	let n = e.toasts.value.findIndex((e) => e.entryKey === t);
+	if (n !== -1) {
+		a(e, n);
+		return;
+	}
+	let i = e.queue.value.findIndex((e) => e.entryKey === t);
+	i !== -1 && (r(e.pendingByKey, t, /* @__PURE__ */ Error("Toast removed before it was ready")), e.queue.value.splice(i, 1));
+}
+function c(e, t) {
+	let n = (e) => e.id === t || e.props.id === t;
+	return e.toasts.value.some(n) || e.queue.value.some(n);
+}
+function l(e, t) {
+	let n = e.queue.value.findIndex((e) => e.props.id === t);
+	if (n !== -1) {
+		let t = e.queue.value[n];
+		r(e.pendingByKey, t.entryKey, /* @__PURE__ */ Error("Toast canceled")), e.queue.value.splice(n, 1);
+		return;
+	}
+	let i = e.toasts.value.findIndex((e) => e.props.id === t && e.id === void 0);
+	if (i === -1) return;
+	let a = e.toasts.value[i];
+	r(e.pendingByKey, a.entryKey, /* @__PURE__ */ Error("Toast canceled")), e.toasts.value.splice(i, 1), e.flushQueue();
+}
+function u() {
+	let e = t([]), n = t([]), r = /* @__PURE__ */ new Map(), a, o = 0, s = 0;
+	function c() {
+		return a === void 0 || e.value.length < a;
+	}
+	function l() {
+		for (; n.value.length > 0 && c();) {
+			let t = n.value.shift();
+			t && e.value.push(t);
+		}
+	}
+	function u(t) {
+		if (a = t, typeof t == "number") for (; e.value.length > t;) {
+			let t = e.value.pop();
+			if (!t) break;
+			t.id && t.props.id !== t.id && (t.props = {
+				...t.props,
+				id: t.id
+			}), n.value.unshift(t);
+		}
+		l();
+	}
+	function d(t) {
+		if (c()) {
+			e.value.push(t);
+			return;
+		}
+		n.value.push(t);
+	}
+	function f(t, n) {
+		let i = e.value.find((e) => e.entryKey === t);
+		if (!i) return;
+		i.id = n;
+		let a = r.get(t);
+		!a || a.settled || (a.settled = !0, a.resolve(n), r.delete(t));
+	}
+	function p(t, n) {
+		let r = e.value.find((e) => e.entryKey === t);
+		!r || r.id === n || (r.id = n);
+	}
+	function m(t, r) {
+		let i = e.value.find((e) => e.entryKey === t) ?? n.value.find((e) => e.entryKey === t);
+		i && (i.remainingTimeout = r);
+	}
+	function h(t) {
+		let r = e.value.find((e) => e.entryKey === t) ?? n.value.find((e) => e.entryKey === t);
+		if (!r || r.remainingTimeout === void 0) return;
+		let i = r.remainingTimeout;
+		return delete r.remainingTimeout, i;
+	}
+	function g() {
+		return `toast-${++o}`;
+	}
+	function _() {
+		return s > 0;
+	}
+	function v() {
+		if (s > 0) throw Error("Only one QToaster may be mounted per app.");
+		s++;
+	}
+	function y() {
+		s = Math.max(0, s - 1), !(s > 0) && (i(r, /* @__PURE__ */ Error("QToaster unmounted before the toast was ready")), e.value = [], n.value = []);
+	}
+	return {
+		toasts: e,
+		queue: n,
+		pendingByKey: r,
+		setMaxToasts: u,
+		enqueue: d,
+		flushQueue: l,
+		registerToastEntry: f,
+		updateToastEntryId: p,
+		setRemainingTimeout: m,
+		consumeRemainingTimeout: h,
+		nextEntryKey: g,
+		hasToaster: _,
+		registerToaster: v,
+		unregisterToaster: y
+	};
+}
+function d() {
+	let t = e(n);
+	if (!t) throw Error("useToast() requires a provided toast instance (e.g. via createFramework)");
+	return t;
+}
+//#endregion
+export { n as ToastSymbol, l as cancelToastByPropsId, u as createToastInstance, c as hasToastWithId, d as injectToastInstance, s as removeToastByEntryKey, o as removeToastById, a as removeToastEntry };

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

@@ -1,33 +1,16 @@
-import { ToastInstance, UseToastReturn } from './types.ts';
+import { UseToastReturn } from './types';
+export type { ToastItem, UseToastReturn } from './types';
 /**
- * A composable function that manages existing QToast instances.
+ * Manages programmatic toasts for the current app (`createFramework`).
+ *
+ * Mount exactly one `QToaster` in the app (typically next to the root
+ * layout). Every toaster renders the same shared list.
  *
  * @returns An object containing:
- * - toasts: The array of currently active QToast instances.
+ * - toasts: The array of currently mounted QToast instances.
  * - addToast: A function that adds a QToast instance to the DOM, according to the given QToastProps.
  * - removeToast: A function to remove a QToast instance from the DOM.
+ * - cancelToast: A function to cancel a queued or not-yet-registered toast by `props.id`.
  */
 export declare function useToast(): UseToastReturn;
-/**
- * Creates a new toast instance for managing toast notifications.
- *
- * @returns An object containing a reactive array of toast items.
- */
-export declare function createToastInstance(): ToastInstance;
-/**
- * Provides a toast notification instance to the current Vue component context.
- *
- * @returns The provided toast instance for managing toast notifications.
- *
- * @see createToastInstance
- * @see ToastSymbol
- */
-export declare function provideToast(): ToastInstance;
-/**
- * Injects the ToastInstance provided by the ToastSymbol.
- *
- * @throws If the ToastInstance has not been provided via provideToast.
- * @returns The injected ToastInstance.
- */
-export declare function injectToastInstance(): ToastInstance;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,aAAa,EAAkB,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA;AAMjG;;;;;;;GAOG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAoCzC;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,CAInD;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,IAAI,aAAa,CAI5C;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,CAMnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAW7C,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExD;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAsFzC"}

package/esm/composables/useToast/index.js

@@ -1,33 +1,36 @@
-import { useId as e } from "../uid.js";
-import { ToastSymbol as t } from "./types.js";
-import { inject as n, ref as r } from "vue";
+import { cancelToastByPropsId as e, hasToastWithId as t, injectToastInstance as n, removeToastById as r } from "./_internal.js";
+import { computed as i } from "vue";
 //#region src/composables/useToast/index.ts
-function i() {
-	let { toasts: t } = o();
-	function n(n, r) {
-		let i = e(r).value;
-		return t.value.push({
-			id: i,
-			props: n
-		}), i;
+function a() {
+	let a = n(), { toasts: o, nextEntryKey: s, enqueue: c, pendingByKey: l, hasToaster: u } = a, d = i(() => o.value.map(({ id: e, props: t }) => ({
+		id: e,
+		props: t
+	})));
+	function f(e) {
+		return u() ? e.id !== void 0 && t(a, e.id) ? Promise.reject(/* @__PURE__ */ Error(`addToast(): a toast with id "${e.id}" already exists.`)) : new Promise((t, n) => {
+			let r = s();
+			l.set(r, {
+				resolve: t,
+				reject: n,
+				settled: !1
+			}), c({
+				entryKey: r,
+				props: e
+			});
+		}) : Promise.reject(/* @__PURE__ */ Error("addToast() requires a mounted QToaster before it can be called."));
+	}
+	function p(e) {
+		r(a, e);
 	}
-	function r(e) {
-		let n = t.value.findIndex((t) => t.id === e);
-		n !== -1 && t.value.splice(n, 1);
+	function m(t) {
+		e(a, t);
 	}
 	return {
-		toasts: t,
-		addToast: n,
-		removeToast: r
+		toasts: d,
+		addToast: f,
+		removeToast: p,
+		cancelToast: m
 	};
 }
-function a() {
-	return { toasts: r([]) };
-}
-function o() {
-	let e = n(t);
-	if (!e) throw Error("useInjectedToast must be used after provideToast");
-	return e;
-}
 //#endregion
-export { a as createToastInstance, o as injectToastInstance, i as useToast };
+export { a as useToast };

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

@@ -1,23 +1,15 @@
-import { InjectionKey, Ref } from 'vue';
+import { ComputedRef } from 'vue';
 import { QToastProps } from '../../components/QToast';
-export declare const ToastSymbol: InjectionKey<ToastInstance>;
 /**
- * Represents an instance of the toast notification system.
- */
-export type ToastInstance = {
-    /**
-     * A Vue Ref containing the list of active toast notifications.
-     */
-    toasts: Ref<ToastItem[]>;
-};
-/**
- * Represents a single toast item managed in the toasts state array.
+ * Public view of a mounted toast.
+ *
+ * `id` is set when the toast registers during setup. Prefer `await addToast(...)` to obtain the id.
  */
 export type ToastItem = {
     /**
-     * A unique identifier for the toast item.
+     * Unique identifier for the toast item, set when the toast registers during setup.
      */
-    id: string;
+    id?: string;
     /**
      * The properties applied to the toast item, conforming to `QToastProps`.
      */
@@ -27,14 +19,36 @@ export type ToastItem = {
  * Represents the return type of the `useToast` composable, providing methods and state
  * for managing toast notifications.
  */
-export type UseToastReturn = ToastInstance & {
+export type UseToastReturn = {
+    /**
+     * Currently mounted toasts (public fields only: `id`, `props`).
+     * Read-only: mutating this array does not change the toast store — use `removeToast`.
+     * `id` is undefined until the toast registers during setup; use the `addToast` promise for the id.
+     */
+    toasts: ComputedRef<ToastItem[]>;
     /**
      * A function to add a toast item to the DOM.
+     * Requires a mounted QToaster (exactly one per app); rejects immediately when none is present.
+     * Rejects when `props.id` is already used by a mounted or queued toast.
+     * Resolves with the toast id once the component registers it during setup.
+     * When `maxToasts` is set and the stack is full, the toast waits in a queue and the
+     * promise stays pending until a slot opens and the toast registers during setup.
      */
-    addToast(props: QToastProps, id?: string): string;
+    addToast(props: QToastProps): Promise<string>;
     /**
-     * A function to remove a toast item from the DOM.
+     * Removes a toast that has already registered its public id — mounted or demoted
+     * into the queue. Throws when no toast with that registered id exists.
+     * For never-mounted queue entries or not-yet-registered mounts, use `cancelToast`
+     * with `props.id`. Demoted toasts accept either API.
      */
     removeToast(id: string): void;
+    /**
+     * Cancels a never-mounted queue entry, a demoted queue entry, or a mount that has
+     * not registered yet. Matches `props.id` from `addToast` (demotion copies the
+     * registered id onto `props.id`). No-op when no matching entry exists.
+     * For registered mounted toasts, use `removeToast`. Rejects an unsettled
+     * `addToast` promise with "Toast canceled".
+     */
+    cancelToast(id: string): void;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE1D,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,CAAA;CACxB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,WAAW,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG;IAC5C;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEjD;;OAEG;IACH,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAO,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AA+H1D;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,EAAE,WAAW,CAAA;CAClB,CAAA;AAoBD;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B;;;;OAIG;IACH,MAAM,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC,CAAA;IAEhC;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAE7C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAE7B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B,CAAA"}

package/esm/framework.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AAMrE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEtC,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CAwBpE"}
+{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AAMrE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEtC,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CA2BpE"}

package/esm/framework.js

@@ -4,21 +4,21 @@ import { createThemeInstance as r, generateRootStyle as i } from "./utils/theme.
 import { ThemeSymbol as a } from "./composables/theme.js";
 import { DismissibleLayerKey as o } from "./symbols/dismissibleLayer.js";
 import { useDismissibleLayerStack as s } from "./composables/useDismissibleLayerStack/index.js";
-import { ToastSymbol as c } from "./composables/useToast/types.js";
-import { createToastInstance as l } from "./composables/useToast/index.js";
-import { ref as u, watch as d } from "vue";
+import { DialogSymbol as c, createDialogInstance as l } from "./composables/useDialog/_internal.js";
+import { ToastSymbol as u, createToastInstance as d } from "./composables/useToast/_internal.js";
+import { ref as f, watch as p } from "vue";
 //#region src/framework.ts
-function f(e = {}) {
+function m(e = {}) {
 	return { install: (t) => {
 		let r = e.components || {};
 		for (let e in r) t.component(e, r[e]);
 		let i = e.defaults || {};
-		t.provide(n, u(i)), p(t, e.themes);
+		t.provide(n, f(i)), h(t, e.themes);
 		let a = s();
-		t.provide(o, a), m(t);
+		t.provide(o, a), g(t), _(t);
 	} };
 }
-function p(n, o) {
+function h(n, o) {
 	let s = [], c;
 	if (o) for (let n of o.themes) {
 		let r = {
@@ -44,17 +44,21 @@ function p(n, o) {
 		s.push(...n), c = "light";
 	}
 	if (c) {
-		let e = r(u(c), u(s));
-		i(s), d(e.class, h, { immediate: !0 }), n.provide(a, e);
+		let e = r(f(c), f(s));
+		i(s), p(e.class, v, { immediate: !0 }), n.provide(a, e);
 	}
 }
-function m(e) {
+function g(e) {
+	let t = d();
+	e.provide(u, t);
+}
+function _(e) {
 	let t = l();
 	e.provide(c, t);
 }
-function h(e) {
+function v(e) {
 	let t = document.documentElement;
 	t.className = Array.from(t.classList).filter((e) => !e.startsWith("q-theme")).join(" "), t.classList.add(e);
 }
 //#endregion
-export { f as createFramework };
+export { m as createFramework };

package/esm/templates/theme.js

@@ -1,56 +1,56 @@
 //#region src/templates/theme.ts
 var e = {
 	primary: "#008ad2",
-	primaryLight: "#cde5ff",
-	primaryDark: "#006398",
+	primaryLight: "#b4e5ff",
+	primaryDark: "#00669d",
 	secondary: "#001d31",
 	secondaryLight: "#e6eef3",
 	secondaryDark: "#001425",
 	highlight: "#ff8241",
-	highlightLight: "#ffe4d6",
-	highlightDark: "#cc4700",
+	highlightLight: "#ffe0d0",
+	highlightDark: "#f15400",
 	info: "#17a2b8",
 	infoLight: "#bceff7",
-	infoDark: "#11798a",
+	infoDark: "#117b8c",
 	success: "#28a745",
 	successLight: "#c2f0cd",
-	successDark: "#1e7d34",
+	successDark: "#1f7e35",
 	warning: "#ffa900",
 	warningLight: "#ffeabf",
-	warningDark: "#bf7f00",
+	warningDark: "#bf8000",
 	danger: "#b71c1c",
-	dangerLight: "#f7cccc",
-	dangerDark: "#891515",
+	dangerLight: "#f5bebe",
+	dangerDark: "#881515",
 	background: "#fff",
 	container: "#fff",
-	neutral: "#7c858d",
-	neutralLight: "#c4c5ca",
-	neutralDark: "#40474f",
-	onPrimary: "#fff",
-	onPrimaryLight: "#202428",
+	neutral: "#6d767f",
+	neutralLight: "#dadddf",
+	neutralDark: "#51585f",
+	onPrimary: "#000",
+	onPrimaryLight: "#000",
 	onPrimaryDark: "#fff",
 	onSecondary: "#fff",
-	onSecondaryLight: "#202428",
+	onSecondaryLight: "#000",
 	onSecondaryDark: "#fff",
-	onHighlight: "#fff",
-	onHighlightLight: "#202428",
-	onHighlightDark: "#fff",
-	onInfo: "#fff",
-	onInfoLight: "#202428",
+	onHighlight: "#000",
+	onHighlightLight: "#000",
+	onHighlightDark: "#000",
+	onInfo: "#000",
+	onInfoLight: "#000",
 	onInfoDark: "#fff",
-	onSuccess: "#fff",
-	onSuccessLight: "#202428",
+	onSuccess: "#000",
+	onSuccessLight: "#000",
 	onSuccessDark: "#fff",
-	onWarning: "#fff",
-	onWarningLight: "#202428",
-	onWarningDark: "#fff",
+	onWarning: "#000",
+	onWarningLight: "#000",
+	onWarningDark: "#000",
 	onDanger: "#fff",
-	onDangerLight: "#202428",
+	onDangerLight: "#000",
 	onDangerDark: "#fff",
-	onBackground: "#202428",
-	onContainer: "#202428",
+	onBackground: "#000",
+	onContainer: "#000",
 	onNeutral: "#fff",
-	onNeutralLight: "#202428",
+	onNeutralLight: "#000",
 	onNeutralDark: "#fff"
 }, t = {
 	primary: "#4da6e0",
@@ -80,30 +80,30 @@ var e = {
 	neutralLight: "#2a2d31",
 	neutralDark: "#c8ced6",
 	onPrimary: "#000",
-	onPrimaryLight: "#e0e0e0",
+	onPrimaryLight: "#fff",
 	onPrimaryDark: "#000",
 	onSecondary: "#000",
-	onSecondaryLight: "#e0e0e0",
+	onSecondaryLight: "#fff",
 	onSecondaryDark: "#000",
 	onHighlight: "#000",
-	onHighlightLight: "#e0e0e0",
+	onHighlightLight: "#fff",
 	onHighlightDark: "#000",
 	onInfo: "#000",
-	onInfoLight: "#e0e0e0",
+	onInfoLight: "#fff",
 	onInfoDark: "#000",
 	onSuccess: "#000",
-	onSuccessLight: "#e0e0e0",
+	onSuccessLight: "#fff",
 	onSuccessDark: "#000",
 	onWarning: "#000",
-	onWarningLight: "#e0e0e0",
+	onWarningLight: "#fff",
 	onWarningDark: "#000",
 	onDanger: "#000",
-	onDangerLight: "#e0e0e0",
+	onDangerLight: "#fff",
 	onDangerDark: "#000",
-	onBackground: "#e0e0e0",
-	onContainer: "#e0e0e0",
+	onBackground: "#fff",
+	onContainer: "#fff",
 	onNeutral: "#000",
-	onNeutralLight: "#e0e0e0",
+	onNeutralLight: "#fff",
 	onNeutralDark: "#000"
 };
 //#endregion

package/esm/utils/color/contrast.d.ts

@@ -1,11 +1,18 @@
+import { RGB } from './types';
 /**
- * Determines a contrasting color (black or white) based on the given luminance.
- * Useful for ensuring text readability against a background color with the given luminance.
+ * Calculates the WCAG 2.x relative luminance for an sRGB color.
  *
- * @param luminance - The luminance value (between 0 and 100) of the background color.
+ * @param rgb - The color in RGB space.
+ * @returns Relative luminance between 0 and 1.
+ */
+export declare function getRelativeLuminance(rgb: RGB): number;
+/**
+ * Determines a contrasting color (black or white) based on WCAG relative luminance.
+ *
+ * @param rgb - The background color in RGB space.
  * @returns A hex string representing either black ('#000') or white ('#fff').
  */
-export declare function getContrastingColor(luminance: number): '#000' | '#fff';
+export declare function getContrastingColor(rgb: RGB): '#000' | '#fff';
 /**
  * Calculates the complementary color for a given color string.
  * The complementary color is the color directly opposite on the color wheel,

package/esm/utils/color/contrast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../src/utils/color/contrast.ts"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAMtE;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAW3D"}
+{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../src/utils/color/contrast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAiBlC;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAMrD;AAgBD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,CAM7D;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQ3D"}

package/esm/utils/color/contrast.js

@@ -2,11 +2,24 @@ import { rgbToHex as e } from "./conversion.js";
 import { parseColor as t } from "./parse.js";
 //#region src/utils/color/contrast.ts
 function n(e) {
-	return e > 50 ? "#000" : "#fff";
+	let t = e / 255;
+	return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 }
-function r(n) {
+function r(e) {
+	let t = n(e.r), r = n(e.g), i = n(e.b);
+	return .2126 * t + .7152 * r + .0722 * i;
+}
+function i(e, t) {
+	let n = Math.max(e, t), r = Math.min(e, t);
+	return (n + .05) / (r + .05);
+}
+function a(e) {
+	let t = r(e), n = i(t, 0);
+	return i(t, 1) >= n ? "#fff" : "#000";
+}
+function o(n) {
 	let r = t(n);
 	return r.r = 255 - r.r, r.g = 255 - r.g, r.b = 255 - r.b, e(r);
 }
 //#endregion
-export { r as getComplementaryColor, n as getContrastingColor };
+export { o as getComplementaryColor, a as getContrastingColor, r as getRelativeLuminance };

package/esm/utils/color/index.d.ts

@@ -3,5 +3,6 @@ export * from './conversion';
 export * from './manipulate';
 export * from './merge';
 export * from './parse';
+export * from './theme-colors';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/esm/utils/color/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA"}

package/esm/utils/color/merge.d.ts

@@ -1,4 +1,13 @@
 import { ColorScheme } from './types';
+/**
+ * Amount passed to {@link lighten} when auto-generating scheme `*Light` variants.
+ */
+export declare const COLOR_SCHEME_LIGHTEN_AMOUNT = 75;
+/**
+ * Amount passed to {@link darken} when auto-generating scheme `*Dark` variants
+ * (and `useColor` hover fallback when no scheme `*Dark` token applies).
+ */
+export declare const COLOR_SCHEME_DARKEN_AMOUNT = 25;
 /**
  * Merges two color schemes, generating color variants and contrasting text colors as needed.
  *

package/esm/utils/color/merge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../../src/utils/color/merge.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAA;AAQ3D;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAkGtF"}
+{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../../src/utils/color/merge.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAA;AAQ3D;;GAEG;AACH,eAAO,MAAM,2BAA2B,KAAK,CAAA;AAE7C;;;GAGG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAA;AAE5C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAiGtF"}