@nxgt/material 2.9.0 → 2.10.1

package/dist/{mermaid.core-Dfr4zfuP.js → mermaid.core-C74WUE6C.js}

@@ -8,9 +8,9 @@ import { a as he } from "./chunk-MBY4JIJT-BFIqOe-8.js";
 import "./chunk-7PRAP22T-0C6_H8Li.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { n as ge } from "./chunk-GNY47TPC-CzPNLW5k.js";
+import { n as ge } from "./chunk-GNY47TPC-CFItyjGy.js";
 import { n as _e, t as ve } from "./chunk-LNGE3PJU-DJjGTS7O.js";
 //#region ../../node_modules/es-toolkit/dist/compat/_internal/isPrototype.mjs
 function ye(e) {
@@ -302,7 +302,7 @@ var qe = "c4", Je = {
 	id: Ye,
 	detector: /* @__PURE__ */ p((e) => /^\s*(graph|flowchart)/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./flowDiagram-KWPJA3E3-BUSlDNQP.js");
+		let { diagram: e } = await import("./flowDiagram-KWPJA3E3-BF73zGqG.js");
 		return {
 			id: Ye,
 			diagram: e
@@ -312,7 +312,7 @@ var qe = "c4", Je = {
 	id: Ze,
 	detector: /* @__PURE__ */ p((e) => /^\s*agentflow-beta\b/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./diagram-22UHCM2B-CsxOExpW.js");
+		let { diagram: e } = await import("./diagram-22UHCM2B-BtBii6xG.js");
 		return {
 			id: Ze,
 			diagram: e
@@ -322,7 +322,7 @@ var qe = "c4", Je = {
 	id: $e,
 	detector: /* @__PURE__ */ p((e) => /^\s*swimlane-beta\b/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./swimlanesDiagram-TC7HE7FX-BOd0Czfs.js");
+		let { diagram: e } = await import("./swimlanesDiagram-TC7HE7FX-zAPI0RjB.js");
 		return {
 			id: $e,
 			diagram: e
@@ -332,7 +332,7 @@ var qe = "c4", Je = {
 	id: tt,
 	detector: /* @__PURE__ */ p((e) => /^\s*erDiagram/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./erDiagram-OPXOYQCR-DC1GgS4l.js");
+		let { diagram: e } = await import("./erDiagram-OPXOYQCR-CItUoDJi.js");
 		return {
 			id: tt,
 			diagram: e
@@ -352,7 +352,7 @@ var qe = "c4", Je = {
 	id: at,
 	detector: /* @__PURE__ */ p((e) => /^\s*gantt/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./ganttDiagram-FUAMR5RP-DOp1p_x0.js");
+		let { diagram: e } = await import("./ganttDiagram-FUAMR5RP-DWnIg8g9.js");
 		return {
 			id: at,
 			diagram: e
@@ -372,7 +372,7 @@ var qe = "c4", Je = {
 	id: lt,
 	detector: /* @__PURE__ */ p((e) => /^\s*pie/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./pieDiagram-5QR66LMP-B6at48Bd.js");
+		let { diagram: e } = await import("./pieDiagram-5QR66LMP-B26Y_url.js");
 		return {
 			id: lt,
 			diagram: e
@@ -382,7 +382,7 @@ var qe = "c4", Je = {
 	id: dt,
 	detector: /* @__PURE__ */ p((e) => /^\s*quadrantChart/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./quadrantDiagram-O4NWA36T-Cr9bA0xJ.js");
+		let { diagram: e } = await import("./quadrantDiagram-O4NWA36T-vIoMpSWW.js");
 		return {
 			id: dt,
 			diagram: e
@@ -392,7 +392,7 @@ var qe = "c4", Je = {
 	id: pt,
 	detector: /* @__PURE__ */ p((e) => /^\s*xychart(-beta)?/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./xychartDiagram-PMCCYNJV-b-Quuxoi.js");
+		let { diagram: e } = await import("./xychartDiagram-PMCCYNJV-HJtnH7o5.js");
 		return {
 			id: pt,
 			diagram: e
@@ -402,7 +402,7 @@ var qe = "c4", Je = {
 	id: ht,
 	detector: /* @__PURE__ */ p((e) => /^\s*requirement(Diagram)?/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./requirementDiagram-PLB6GJNP-BBs-lByV.js");
+		let { diagram: e } = await import("./requirementDiagram-PLB6GJNP-CL3H5GL7.js");
 		return {
 			id: ht,
 			diagram: e
@@ -422,7 +422,7 @@ var qe = "c4", Je = {
 	id: yt,
 	detector: /* @__PURE__ */ p((e) => /^\s*classDiagram/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./classDiagram-v2-NBCMYWYE-D00ZobEC.js");
+		let { diagram: e } = await import("./classDiagram-v2-NBCMYWYE-BAvo2puZ.js");
 		return {
 			id: yt,
 			diagram: e
@@ -432,7 +432,7 @@ var qe = "c4", Je = {
 	id: xt,
 	detector: /* @__PURE__ */ p((e) => /^\s*stateDiagram/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./stateDiagram-v2-GCMORJYK-Chc9Z6Mr.js");
+		let { diagram: e } = await import("./stateDiagram-v2-GCMORJYK-oLPhH1yQ.js");
 		return {
 			id: xt,
 			diagram: e
@@ -442,7 +442,7 @@ var qe = "c4", Je = {
 	id: Ct,
 	detector: /* @__PURE__ */ p((e) => /^\s*journey/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./journeyDiagram-ZHPQQLJL-DuQ9Th0y.js");
+		let { diagram: e } = await import("./journeyDiagram-ZHPQQLJL-C1G4q1sS.js");
 		return {
 			id: Ct,
 			diagram: e
@@ -460,7 +460,7 @@ var qe = "c4", Je = {
 	id: Ot,
 	detector: /* @__PURE__ */ p((e, t = {}) => /^\s*flowchart-elk/.test(e) ? (t.layout = "elk", !0) : !1, "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./flowDiagram-KWPJA3E3-BUSlDNQP.js");
+		let { diagram: e } = await import("./flowDiagram-KWPJA3E3-BF73zGqG.js");
 		return {
 			id: Ot,
 			diagram: e
@@ -470,7 +470,7 @@ var qe = "c4", Je = {
 	id: At,
 	detector: /* @__PURE__ */ p((e) => /^\s*timeline/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./timeline-definition-EJHVYXUP-nDNR-Dt-.js");
+		let { diagram: e } = await import("./timeline-definition-EJHVYXUP-Dpsxn1Fj.js");
 		return {
 			id: At,
 			diagram: e
@@ -480,7 +480,7 @@ var qe = "c4", Je = {
 	id: Mt,
 	detector: /* @__PURE__ */ p((e) => /^\s*mindmap/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./mindmap-definition-NLK3R4M7-_qKWGSrk.js");
+		let { diagram: e } = await import("./mindmap-definition-NLK3R4M7-CFOfIsM7.js");
 		return {
 			id: Mt,
 			diagram: e
@@ -500,7 +500,7 @@ var qe = "c4", Je = {
 	id: It,
 	detector: /* @__PURE__ */ p((e) => /^\s*sankey(-beta)?/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./sankeyDiagram-IPEJSGJF-BzX37jGY.js");
+		let { diagram: e } = await import("./sankeyDiagram-IPEJSGJF-Wksiclao.js");
 		return {
 			id: It,
 			diagram: e
@@ -530,7 +530,7 @@ var qe = "c4", Je = {
 	id: Ht,
 	detector: /* @__PURE__ */ p((e) => /^\s*block(-beta)?/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./blockDiagram-BEXU5L5S-BOsyK4E_.js");
+		let { diagram: e } = await import("./blockDiagram-BEXU5L5S-CJLOORWK.js");
 		return {
 			id: Ht,
 			diagram: e
@@ -590,7 +590,7 @@ var qe = "c4", Je = {
 	id: en,
 	detector: /* @__PURE__ */ p((e) => /^\s*treemap/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./diagram-3UASUU5V-Dl7AETV1.js");
+		let { diagram: e } = await import("./diagram-3UASUU5V-DMDUtIe2.js");
 		return {
 			id: en,
 			diagram: e
@@ -600,7 +600,7 @@ var qe = "c4", Je = {
 	id: nn,
 	detector: /* @__PURE__ */ p((e) => /^\s*usecase-beta(?:\s|$)/.test(e), "detector"),
 	loader: /* @__PURE__ */ p(async () => {
-		let { diagram: e } = await import("./usecaseDiagram-POWQR4AR-Bwen99ay.js");
+		let { diagram: e } = await import("./usecaseDiagram-POWQR4AR-DLZ1ULxe.js");
 		return {
 			id: nn,
 			diagram: e

package/dist/{mindmap-definition-NLK3R4M7-_qKWGSrk.js → mindmap-definition-NLK3R4M7-CFOfIsM7.js}

@@ -7,11 +7,11 @@ import "./chunk-MBY4JIJT-BFIqOe-8.js";
 import "./chunk-7PRAP22T-0C6_H8Li.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import { t as u } from "./chunk-XXDRQBXY-dKXxu_aj.js";
 import { t as d } from "./chunk-WEXAMYUT-CbFOhEve.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { r as f, t as p } from "./chunk-GNY47TPC-CzPNLW5k.js";
+import { r as f, t as p } from "./chunk-GNY47TPC-CFItyjGy.js";
 //#region ../../node_modules/uuid/dist/stringify.js
 var m = [];
 for (let e = 0; e < 256; ++e) m.push((e + 256).toString(16).slice(1));

package/dist/{pieDiagram-5QR66LMP-B6at48Bd.js → pieDiagram-5QR66LMP-B26Y_url.js}

@@ -1,4 +1,4 @@
-import { ct as e, ot as t } from "./components-km60bAdr.js";
+import { ct as e, ot as t } from "./components-N_PpCQjB.js";
 import { n } from "./src-CsLQInsN.js";
 import { i as r, p as i } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 import { t as a } from "./ordinal-DwxdXP1t.js";

package/dist/{quadrantDiagram-O4NWA36T-Cr9bA0xJ.js → quadrantDiagram-O4NWA36T-vIoMpSWW.js}

@@ -1,4 +1,4 @@
-import { rt as e } from "./components-km60bAdr.js";
+import { rt as e } from "./components-N_PpCQjB.js";
 import { n as t, t as n } from "./src-CsLQInsN.js";
 import { n as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";
 import { D as i, H as a, U as o, a as s, c, f as l, q as u, v as d, w as f, x as p, y as m, z as h } from "./chunk-O7XYJQB3-BChweQ_V.js";

package/dist/{requirementDiagram-PLB6GJNP-BBs-lByV.js → requirementDiagram-PLB6GJNP-CL3H5GL7.js}

@@ -8,11 +8,11 @@ import "./chunk-7PRAP22T-0C6_H8Li.js";
 import { a as p, i as m, o as h, r as g } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import { t as _ } from "./chunk-XXDRQBXY-dKXxu_aj.js";
 import { t as v } from "./chunk-WEXAMYUT-CbFOhEve.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { r as y, t as b } from "./chunk-GNY47TPC-CzPNLW5k.js";
+import { r as y, t as b } from "./chunk-GNY47TPC-CFItyjGy.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/requirementDiagram-PLB6GJNP.mjs
 var x = (function() {
 	var e = /* @__PURE__ */ n(function(e, t, n, r) {

package/dist/{sankeyDiagram-IPEJSGJF-BzX37jGY.js → sankeyDiagram-IPEJSGJF-Wksiclao.js}

@@ -1,4 +1,4 @@
-import { V as e } from "./components-km60bAdr.js";
+import { V as e } from "./components-N_PpCQjB.js";
 import { t } from "./src-CsLQInsN.js";
 import { t as n } from "./ordinal-DwxdXP1t.js";
 import { n as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";

package/dist/{sortable-provider-WZT5I34N.js → sortable-provider-D4S-mqLP.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./utils-DC8bw9A_.js";
-import { pt as t, t as n } from "./icon-button-G9zdQ3Ix.js";
+import { pt as t, t as n } from "./icon-button-B1nN3J6B.js";
 import { t as r } from "./use-material-translation-B2GUtxUY.js";
 import { GripVertical as i } from "lucide-react";
 import { jsx as a } from "react/jsx-runtime";

package/dist/{stateDiagram-v2-GCMORJYK-Chc9Z6Mr.js → stateDiagram-v2-GCMORJYK-oLPhH1yQ.js}

@@ -8,12 +8,12 @@ import "./chunk-7PRAP22T-0C6_H8Li.js";
 import { a as h, i as g, o as _, r as v } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import { t as y } from "./chunk-GWA4HPMP-B8jXI0Tl.js";
 import { t as b } from "./chunk-XXDRQBXY-dKXxu_aj.js";
 import { t as x } from "./chunk-WEXAMYUT-CbFOhEve.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { r as S, t as C } from "./chunk-GNY47TPC-CzPNLW5k.js";
+import { r as S, t as C } from "./chunk-GNY47TPC-CFItyjGy.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-GCMORJYK.mjs
 var w = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {

package/dist/{swimlanes-2SLR337P-D0yLvfot.js → swimlanes-2SLR337P-C6I2boWI.js}

@@ -7,10 +7,10 @@ import "./chunk-MBY4JIJT-BFIqOe-8.js";
 import "./chunk-7PRAP22T-0C6_H8Li.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { r as n } from "./chunk-3FUC2YCW-BCsKm3ZT.js";
-import { t as r } from "./chunk-NETBCI7D-tNinefdn.js";
+import { r as n } from "./chunk-3FUC2YCW-ClO5Q7A1.js";
+import { t as r } from "./chunk-NETBCI7D-Bll4gy0a.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/swimlanes-2SLR337P.mjs
 function i(e, { measure: t }) {
 	let n = e.config?.swimlane?.lineHops;

package/dist/{swimlanesDiagram-TC7HE7FX-BOd0Czfs.js → swimlanesDiagram-TC7HE7FX-zAPI0RjB.js}

@@ -7,14 +7,14 @@ import "./chunk-MBY4JIJT-BFIqOe-8.js";
 import "./chunk-7PRAP22T-0C6_H8Li.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import "./chunk-GWA4HPMP-B8jXI0Tl.js";
 import "./chunk-XXDRQBXY-dKXxu_aj.js";
 import "./chunk-WEXAMYUT-CbFOhEve.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import "./chunk-GNY47TPC-CzPNLW5k.js";
+import "./chunk-GNY47TPC-CFItyjGy.js";
 import "./chunk-LNGE3PJU-DJjGTS7O.js";
-import { r as t, t as n } from "./chunk-7M6MHVWA-C3qpW8zM.js";
+import { r as t, t as n } from "./chunk-7M6MHVWA-DsMPzivr.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/swimlanesDiagram-TC7HE7FX.mjs
 var r = n({ styles: /* @__PURE__ */ e((e) => `${t(e)}
   .swimlane.cluster:not([data-color-id]) rect {

package/dist/{timeline-definition-EJHVYXUP-nDNR-Dt-.js → timeline-definition-EJHVYXUP-Dpsxn1Fj.js}

@@ -1,4 +1,4 @@
-import { ct as e } from "./components-km60bAdr.js";
+import { ct as e } from "./components-N_PpCQjB.js";
 import { n as t, t as n } from "./src-CsLQInsN.js";
 import { p as r } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 import { n as i, t as a } from "./chunk-Y2CYZVJY-BAad7w_K.js";

package/dist/{usecaseDiagram-POWQR4AR-Bwen99ay.js → usecaseDiagram-POWQR4AR-DLZ1ULxe.js}

@@ -8,11 +8,11 @@ import "./chunk-7PRAP22T-0C6_H8Li.js";
 import { a as g, i as _, o as v, r as y } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import { t as ee } from "./chunk-XXDRQBXY-dKXxu_aj.js";
 import { t as te } from "./chunk-WEXAMYUT-CbFOhEve.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { r as ne, t as re } from "./chunk-GNY47TPC-CzPNLW5k.js";
+import { r as ne, t as re } from "./chunk-GNY47TPC-CFItyjGy.js";
 //#region ../../node_modules/chevrotain/node_modules/lodash-es/_freeGlobal.js
 var ie = typeof global == "object" && global && global.Object === Object && global, ae = typeof self == "object" && self && self.Object === Object && self, b = ie || ae || Function("return this")(), oe = b.Symbol, se = Object.prototype, ce = se.hasOwnProperty, le = se.toString, ue = oe ? oe.toStringTag : void 0;
 function de(e) {

package/dist/{xychartDiagram-PMCCYNJV-b-Quuxoi.js → xychartDiagram-PMCCYNJV-HJtnH7o5.js}

@@ -1,4 +1,4 @@
-import { at as e, rt as t, st as n } from "./components-km60bAdr.js";
+import { at as e, rt as t, st as n } from "./components-N_PpCQjB.js";
 import { n as r } from "./src-CsLQInsN.js";
 import { i } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 import { n as a } from "./chunk-Y2CYZVJY-BAad7w_K.js";

package/docs/components/feedback-and-status.md

@@ -426,7 +426,7 @@ toasts.dismiss(id);
 | --- | --- | --- | --- |
 | `title` / `description` | `ReactNode` | preset title for `success`, `error`, `loading` | toast text |
 | `icon` | `ReactNode` (`toast`) · icon name (`toasts.custom`) | preset icon | leading icon |
-| `action` | `ToastAction`: `{ label, onClick? }` or `(dismiss) => ReactNode` | a translated “Close” for `success`, `info`, `error`; a preset keeps the caller's own | trailing button: `onClick`, then the toast closes; or what the function renders, given `dismiss`. Brings the X button and a persistent toast, see below |
+| `action` | `ToastAction`: `{ label, onClick? }` or `(dismiss) => ReactNode` | a translated “Close” for `success`, `info`, `error`; every preset keeps the caller's own, in either call | trailing button: `onClick` (given the click event, optional when you call it yourself), then the toast closes; or what the function renders, given `dismiss`. Brings the X button and a persistent toast, see below |
 | `dismissLabel` | `string` | the translated “Close” when an `action` is given | accessible name of the X icon button beside the action; `''` hides it |
 | `role` | `'status' \| 'alert'` | none (`toasts.error`: `'alert'`) | live-region role. Toasts are already announced politely by the `Toaster`'s region; `alert` interrupts, and may be read twice by some screen readers |
 | `options` | Sonner `ExternalToast` | `duration: 5000` for presets, `Infinity` for `loading` and for any toast with your own `action` (a preset's fallback "Close" still times out at 5000) unless a `duration` is passed | passed to Sonner (`id`, `duration`, `position`…) |
@@ -438,7 +438,7 @@ forwarded; mount the one from `@nxgt/material/components`, not Sonner's own,
 or neither phone change below applies. `Toast` is the component each toast
 renders, for use with `sonnerToast.custom`.
 
-**Types:** `ToastAction`, `ToastProps`, `ToastMethodProps`, `ToasterProps`.
+**Types:** `ToastAction`, `ToastProps`, `ToastMethodProps`, `ToastData`, `ToastArgs`, `ToasterProps`, and `PresetProps` (the props of `success`, `warning`, `info` and `error`: use it, not `Parameters<typeof toasts.success>[0]`, which is now a union with the `(message, data)` form).
 
 **On a phone** (under 600px wide, where Sonner lays toasts out across the
 screen), a `Toaster` with no `position` shows its toasts at the top
@@ -454,6 +454,27 @@ stay visible: `<Toaster mobileOffset={{ top: 72 }} />`.
 <Toaster position="bottom-center" /> // bottom-center everywhere
 ```
 
+**sonner's call works too.** Every preset (`custom`, `success`, `info`,
+`warning`, `error`, `loading`) also takes sonner's own `(message, data)`: the
+message is the title, `data.description` and `data.action` are shown, and the
+rest of `data` (`id`, `duration`, `onDismiss`…) is passed to sonner as the
+options. `data` is typed `ToastData`, sonner's `ExternalToast` without `icon`
+(a preset draws its own) and `cancel` (the X button stands for it): passing
+either is a type error rather than a silent no-op.
+
+```ts
+toasts.success('Staff member restored', {
+  description: 'They can sign in again.',
+  action: { label: 'Send an invitation', onClick: openInvite },
+});
+// the same as
+toasts.success({
+  title: 'Staff member restored',
+  description: 'They can sign in again.',
+  action: { label: 'Send an invitation', onClick: openInvite },
+});
+```
+
 **An action keeps the toast open.** `toast()` itself does it, so a preset and a
 direct call behave alike: any toast with an `action` is persistent by default
 (`options.duration: Infinity`, WCAG 2.2.1: a timed toast can vanish before a
@@ -471,10 +492,18 @@ elsewhere) is ignored, so a tapped toast still goes after its duration. On a
 touch screen a tap no longer fans out a stack of two or more toasts either: pass
 `expand` to keep the stack open. Sonner does not close a toast on Escape (it
 only collapses the stack); this `Toast` does when focus is inside it, with or
-without an action. The close button is reached with Tab. **Focus after a
-dismiss:** the dismissed toast leaves the page with the focused control in it,
-so focus falls back to `document.body`; move it yourself (`onClick`, or after
-`toasts.dismiss()`) when the flow needs it elsewhere.
+without an action. The close button is reached with Tab.
+
+**Focus after an action.** A click on a toast's action first gives the focus
+back to the control that had it before the focus entered the toast, then runs
+your `onClick`, then closes the toast; a function action's `dismiss` does the
+same before it closes. So an action that opens a `Dialog` (or moves the focus
+anywhere else) keeps it there: the dialog holds the control it focused once
+the toast has gone, and gives the focus back to that earlier control when it
+closes (WCAG 2.4.3). An action that moves the focus nowhere leaves it on that
+earlier control. A toast closed by its X or by Escape takes its focused
+control with it, so the focus falls back to `document.body`; move it yourself
+(after `toasts.dismiss()`) when the flow needs it elsewhere.
 
 **Announced to screen readers:** `Toaster` renders a polite live region
 (`<section aria-live="polite">`) that is in the page before the first toast,

package/docs/roadmap.md

@@ -88,6 +88,11 @@ Nothing in progress right now; see Next.
 
 ## Shipped
 
+- **Toast actions that work everywhere** — `toasts.success(message, { action })`
+  and every other preset take sonner's own call shape and keep their action,
+  and a dialog a toast's action opens keeps the focus, then gives it back to
+  where it was before the toast. 2.10.0.
+
 - **Tabs in two looks** — `underline`, the new default, whose bar slides to
   the active tab, and a neutral `segmented` pill; a list that scrolls
   sideways on a phone instead of widening the page, right-to-left, a visible

package/docs/troubleshooting.md

@@ -32,6 +32,8 @@ words in your error.
 - [A toast covers the form's button on a phone](#a-toast-covers-the-forms-button-on-a-phone)
 - [A toast never goes away after a tap](#a-toast-never-goes-away-after-a-tap)
 - [A toast's action cannot be clicked while a dialog is open](#a-toasts-action-cannot-be-clicked-while-a-dialog-is-open)
+- [`toasts.success(message, { action })` shows no action button](#toastssuccessmessage--action--shows-no-action-button)
+- [The focus leaves a dialog that a toast's action opened](#the-focus-leaves-a-dialog-that-a-toasts-action-opened)
 - [A `ConfirmationDialog` reopened with new content blocks clicks](#a-confirmationdialog-reopened-with-new-content-blocks-clicks)
 - [The first Escape after closing a nested dialog does nothing](#the-first-escape-after-closing-a-nested-dialog-does-nothing)
 
@@ -433,8 +435,8 @@ In the dark theme, a filled `secondary` `Button` gave its near-white text
 `success`, `info` or `warning` one 3.5:1, 2.5:1 and 3.4:1. The dark
 `--secondary` is brighter (`oklch(0.66 ...)`, 6.5:1 as text on
 `--background`), and the filled `secondary`, `success`, `info` and `warning`
-`Button`s and `IconButton`s are tinted in the dark theme
-(`dark:bg-secondary/70`, `dark:bg-success/60`, …) so their text keeps 4.5:1.
+`Button`s and `IconButton`s are filled in the dark theme with an opaque mix
+toward `--background` (about 70 %), so their text keeps 4.5:1 over any backdrop.
 A filled button given a background of your own through `className` loses the
 tint in dark mode: add a matching `dark:` one.
 
@@ -642,6 +644,51 @@ counted a pointer down on a toast as outside the dialog.
 inside the `Toaster` as inside, so the action runs and the dialog stays open.
 Sonner's own `Toaster` keeps the old behaviour.
 
+### `toasts.success(message, { action })` shows no action button
+
+**When:** a preset is called the way sonner's own `toast.success` is, with a
+message and a `data` object: `toasts.success('Staff member restored', {
+action: { label: 'Send an invitation', onClick } })`. The toast shows the
+preset's default title ("Success") and its "Close" button, not your message,
+description or action.
+**Why:** the presets took one props object only (`{ title, description,
+action, options }`): a string first argument was read as that object, and
+the second argument was ignored.
+**Fix:** update `@nxgt/material`: every preset (`custom`, `success`, `info`,
+`warning`, `error`, `loading`) now takes `(message, data)` too, the message as
+the title and `data.description` and `data.action` shown, the rest of `data`
+as sonner's options. The props object works as before:
+
+```ts
+toasts.success('Staff member restored', { action: { label: 'Send an invitation', onClick } });
+toasts.success({ title: 'Staff member restored', action: { label: 'Send an invitation', onClick } });
+```
+
+`data` takes no `icon` (a preset draws its own) and no `cancel` (the X button
+beside the action stands for it).
+
+### The focus leaves a dialog that a toast's action opened
+
+**When:** a toast's action opens a `Dialog` (or an `AlertDialog`, a `Sheet`,
+a `Drawer`, or moves the focus anywhere else). Once the toast has gone, the
+focus is no longer on the dialog's control (it is on the dialog itself, on
+the page behind it, or on `document.body`), and closing the dialog leaves the
+focus on `document.body` instead of where it was before the toast.
+**Why:** sonner remembers the control focused before the focus entered the
+`Toaster`, and focuses it again as soon as the focus leaves the `Toaster`.
+The dialog taking the focus counted as leaving, so sonner pulled it back out
+of the dialog (WCAG 2.4.3). The dialog, opened while the toast's button had
+the focus, also gave the focus back to that button once closed: it had gone
+with its toast, so the focus fell to `document.body`.
+**Fix:** update `@nxgt/material` and give the toast an `action` (a `{ label,
+onClick }`, or a function that calls the `dismiss` it is given): the action
+gives the focus back to where it was before the toast first, then runs. The
+dialog keeps its control, and gives the focus back to that earlier control
+when it closes. A workaround that blurs the button and opens the dialog on
+the next frame can go. A button you render in a function action and that
+opens a dialog without calling `dismiss` is not covered: call `dismiss()`
+before opening the dialog.
+
 ### A `ConfirmationDialog` reopened with new content blocks clicks
 
 **When:** a `ConfirmationDialog` or a `ConfirmDialog` (or a `Dialog`,

package/lib/components/theme-tokens.css

@@ -70,8 +70,8 @@
 	--primary: oklch(46% 0.1135 276.35);
 	--primary-foreground: oklch(0.984 0.003 247.858);
 	/* Brighter than the light one: it is read as text on the dark surfaces (6.5:1
-	   on --background, 5.8:1 on --card); a filled secondary surface tints it
-	   (dark:bg-secondary/70) to keep 5.2:1 under its near-white text. */
+	   on --background, 5.8:1 on --card); a filled secondary surface mixes it toward --background
+	   (the opaque 70 % mix) to keep 5.2:1 under its near-white text. */
 	--secondary: oklch(0.66 0.1135 245.65);
 	--secondary-foreground: oklch(0.984 0.003 247.858);
 	--muted: oklch(0.279 0.041 260.031);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "2.9.0",
+	"version": "2.10.1",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -114,7 +114,7 @@
 		"docs:previews": "vitest run --project previews"
 	},
 	"dependencies": {
-		"@nxgt/material-core": "^0.6.0",
+		"@nxgt/material-core": "^0.7.0",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",