@nxgt/material 2.10.0 → 2.11.1

package/dist/{mermaid.core-Be3u4qna.js → mermaid.core-0q3uq37S.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-BICnZMWs.js";
+import "./chunk-Z7XXMR3K-B7iHRZcb.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { n as ge } from "./chunk-GNY47TPC-CscSFMWi.js";
+import { n as ge } from "./chunk-GNY47TPC-DHf7k1Oo.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-CcUm8XN5.js");
+		let { diagram: e } = await import("./flowDiagram-KWPJA3E3-DewDNLd0.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-ChYYeBFB.js");
+		let { diagram: e } = await import("./diagram-22UHCM2B-CcBy66NF.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-CUARDUGc.js");
+		let { diagram: e } = await import("./swimlanesDiagram-TC7HE7FX-yV5ARDns.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-DiqLuL4t.js");
+		let { diagram: e } = await import("./erDiagram-OPXOYQCR-DO6SpxA4.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-fN1MVB5K.js");
+		let { diagram: e } = await import("./ganttDiagram-FUAMR5RP-B845QbUZ.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-Cv_V3nnp.js");
+		let { diagram: e } = await import("./pieDiagram-5QR66LMP-DGVDzpXW.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-Bavlu0dy.js");
+		let { diagram: e } = await import("./quadrantDiagram-O4NWA36T-CAgci1ex.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-gwrRH4uJ.js");
+		let { diagram: e } = await import("./xychartDiagram-PMCCYNJV-BVKAUhvv.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-6fInAtPO.js");
+		let { diagram: e } = await import("./requirementDiagram-PLB6GJNP-CDOjIVlE.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-Cg2qBPTZ.js");
+		let { diagram: e } = await import("./classDiagram-v2-NBCMYWYE-CSaKhTA1.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-BRIjnDU3.js");
+		let { diagram: e } = await import("./stateDiagram-v2-GCMORJYK-C3WWpb0o.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-Cj7Vcat2.js");
+		let { diagram: e } = await import("./journeyDiagram-ZHPQQLJL-DVX8uCK8.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-CcUm8XN5.js");
+		let { diagram: e } = await import("./flowDiagram-KWPJA3E3-DewDNLd0.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-By2gWxfd.js");
+		let { diagram: e } = await import("./timeline-definition-EJHVYXUP-BKuUPBMr.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-Dw8Z4Lyy.js");
+		let { diagram: e } = await import("./mindmap-definition-NLK3R4M7-BU79I9UY.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-wzaUoPP7.js");
+		let { diagram: e } = await import("./sankeyDiagram-IPEJSGJF-DCbUg-Vu.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-B8_AJyBb.js");
+		let { diagram: e } = await import("./blockDiagram-BEXU5L5S-CDfO7C_5.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-BoEmx9Kd.js");
+		let { diagram: e } = await import("./diagram-3UASUU5V-DauW2GeC.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-CleiKWa8.js");
+		let { diagram: e } = await import("./usecaseDiagram-POWQR4AR-ClgRhO0q.js");
 		return {
 			id: nn,
 			diagram: e

package/dist/{mindmap-definition-NLK3R4M7-Dw8Z4Lyy.js → mindmap-definition-NLK3R4M7-BU79I9UY.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-BICnZMWs.js";
+import "./chunk-Z7XXMR3K-B7iHRZcb.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-CscSFMWi.js";
+import { r as f, t as p } from "./chunk-GNY47TPC-DHf7k1Oo.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-Cv_V3nnp.js → pieDiagram-5QR66LMP-DGVDzpXW.js}

@@ -1,4 +1,4 @@
-import { ct as e, ot as t } from "./components-BfXTx1uS.js";
+import { ct as e, ot as t } from "./components-Z9FC6CY-.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-Bavlu0dy.js → quadrantDiagram-O4NWA36T-CAgci1ex.js}

@@ -1,4 +1,4 @@
-import { rt as e } from "./components-BfXTx1uS.js";
+import { rt as e } from "./components-Z9FC6CY-.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-6fInAtPO.js → requirementDiagram-PLB6GJNP-CDOjIVlE.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-BICnZMWs.js";
+import "./chunk-Z7XXMR3K-B7iHRZcb.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-CscSFMWi.js";
+import { r as y, t as b } from "./chunk-GNY47TPC-DHf7k1Oo.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-wzaUoPP7.js → sankeyDiagram-IPEJSGJF-DCbUg-Vu.js}

@@ -1,4 +1,4 @@
-import { V as e } from "./components-BfXTx1uS.js";
+import { V as e } from "./components-Z9FC6CY-.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-BRIjnDU3.js → stateDiagram-v2-GCMORJYK-C3WWpb0o.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-BICnZMWs.js";
+import "./chunk-Z7XXMR3K-B7iHRZcb.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-CscSFMWi.js";
+import { r as S, t as C } from "./chunk-GNY47TPC-DHf7k1Oo.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-BNephno6.js → swimlanes-2SLR337P-CtayEq5L.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-BICnZMWs.js";
+import "./chunk-Z7XXMR3K-B7iHRZcb.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { r as n } from "./chunk-3FUC2YCW-AfTluaJD.js";
-import { t as r } from "./chunk-NETBCI7D-iu8QN4Le.js";
+import { r as n } from "./chunk-3FUC2YCW-DX6GTgi6.js";
+import { t as r } from "./chunk-NETBCI7D-CxCnFTsw.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-CUARDUGc.js → swimlanesDiagram-TC7HE7FX-yV5ARDns.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-BICnZMWs.js";
+import "./chunk-Z7XXMR3K-B7iHRZcb.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-CscSFMWi.js";
+import "./chunk-GNY47TPC-DHf7k1Oo.js";
 import "./chunk-LNGE3PJU-DJjGTS7O.js";
-import { r as t, t as n } from "./chunk-7M6MHVWA-B2FTOUoo.js";
+import { r as t, t as n } from "./chunk-7M6MHVWA-DTELAJpl.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-By2gWxfd.js → timeline-definition-EJHVYXUP-BKuUPBMr.js}

@@ -1,4 +1,4 @@
-import { ct as e } from "./components-BfXTx1uS.js";
+import { ct as e } from "./components-Z9FC6CY-.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-CleiKWa8.js → usecaseDiagram-POWQR4AR-ClgRhO0q.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-BICnZMWs.js";
+import "./chunk-Z7XXMR3K-B7iHRZcb.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-CscSFMWi.js";
+import { r as ne, t as re } from "./chunk-GNY47TPC-DHf7k1Oo.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-gwrRH4uJ.js → xychartDiagram-PMCCYNJV-BVKAUhvv.js}

@@ -1,4 +1,4 @@
-import { at as e, rt as t, st as n } from "./components-BfXTx1uS.js";
+import { at as e, rt as t, st as n } from "./components-Z9FC6CY-.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/data-table-filter-and-lists.md

@@ -168,24 +168,32 @@ keys, and an edge fades on each side where columns are hidden
 `[data-slot="table-scroll"]`). It is not a region while it fits, nor on the
 server; once focused, it stays a tab stop until focus leaves, even if it
 stops overflowing. The empty state is centred in the part of the table you
-can see (the box's measured width, `--table-visible-width`), not across its
-whole scroll width. The table needs no width from its parent: inside a
+can see (the box's measured width, `--table-visible-width`, less the table
+container's 4px padding on each side), not across its whole scroll width: a
+wide custom `empty` stays inside the box on a 375px phone. The table needs no width from its parent: inside a
 content-sized one (`w-fit`, `inline-flex`, an `auto` grid track, a popover)
 it is as wide as its columns.
 
 The `select` column's checkboxes keep their 16px box, with a 24px target
-around it (WCAG 2.5.8). The toolbar renders only when it has content:
-`actions` that render nothing (`null`, `false`, whitespace, an empty
-fragment) leave no empty `<fieldset>` behind.
+around it (WCAG 2.5.8), and a 12px margin after it: axe's `target-size`
+measures the box itself, so a 24px circle around it stays clear of the next
+column's control — "Select all" beside a `DataTableColumnHeader` sort button
+included.
+
+The toolbar renders only when it has content: `actions` that render
+nothing (`null`, `false`, `''`, whitespace, an empty fragment or array)
+leave no empty `<fieldset>` behind. A component of yours that renders
+`null` still counts as content: render it conditionally instead.
 
 Selection actions do not move the rows. With `actions` and the `select`
-column (`predefinedColumns().select`, id `select`), the toolbar's height is
-reserved — an empty, hidden placeholder
+column (`predefinedColumns().select`, id `select`), the toolbar's height
+(68px) is reserved — an empty, hidden placeholder
 (`[data-slot="header-placeholder"]`) while `actions` render nothing, the
 same minimum height once they do — so the "Delete selected" that appears on
 the first selection does not push the tapped row down. The reserved height
 is one row of default-size buttons (`h-9`); taller or wrapping actions still
-grow the toolbar.
+grow the toolbar. Without the `select` column, or without `actions`, no band
+is kept above the table.
 
 ```tsx
 <DataTable

package/docs/components/date-and-time.md

@@ -69,7 +69,14 @@ await page.getByRole('gridcell', { name: 'Thursday, October 1, 2026', exact: tru
 first day (Monday in French). Each header is labelled by its full weekday
 ("lundi"); react-day-picker hides the row from assistive tech
 (`<thead aria-hidden>`), since every day's name already carries its weekday.
-It reads at 4.5:1 or more on the popover in the light and the dark theme.
+It reads at 4.5:1 or more on its tinted header (`th`, `bg-primary/15`), on the
+page and in a popover, in the light and the dark theme.
+
+**Contrast.** The days of the neighbouring months are muted but not faded:
+they can be picked, so they read at 4.5:1 or more, on a tinted week too. So do
+the chosen day (`Date & time/Calendar` → Contrast measures it with the
+rest), a range's ends and its middle days (`Date & time/DateRangeField` →
+CalendarContrast).
 
 **Storybook:** `Date & time/Calendar` · **Vue:** `Calendar` (Reka parts)
 

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

@@ -76,7 +76,17 @@ import { Banner, Button } from '@nxgt/material/components';
 | `action` | `ReactNode` | — | rendered at the end of the banner |
 | `onDismiss` | `() => void` | — | shows a close button; the banner does not hide itself |
 
-The banner has `role="status"`. It stays mounted until you stop rendering it.
+It stays mounted until you stop rendering it. The rest of the props (`id`,
+`data-*`, `aria-*`, `role`, handlers) go to its root `<div>` and win over
+the defaults below; `title` is the heading, not the HTML attribute.
+
+**Announced:** every tone, `error` included, is a polite live region:
+`role="status"` `aria-live="polite"` `aria-atomic="true"`. A change of its
+text is read out, and a modal layer keeps it reachable when it makes the page
+`inert`; a `Banner` mounted later inside a part of the page made inert stays
+inert until the layer closes. Behind the layer, a screen reader's browse mode
+still reaches its action and dismiss button. For an urgent banner, pass
+`role="alert"` (and `aria-live="assertive"`).
 
 **Storybook:** `Feedback & status/Banner` · **Vue:** `Banner`
 
@@ -494,6 +504,12 @@ touch screen a tap no longer fans out a stack of two or more toasts either: pass
 only collapses the stack); this `Toast` does when focus is inside it, with or
 without an action. The close button is reached with Tab.
 
+**The action's colours.** The toast is the inverse of the page (dark in the
+light theme, light in the dark one), so its `{ label }` action takes the other
+theme's primary tone, on an opaque mix of primary toward the toast, and reads
+at 4.5:1 or more in both themes (WCAG 1.4.3). A function action's own buttons
+keep the page's tones: give them colours measured on the toast.
+
 **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

package/docs/components/primitives.md

@@ -226,19 +226,20 @@ import { Input, Label } from '@nxgt/material/components';
 
 | Prop | Type | Default | Effect |
 | --- | --- | --- | --- |
-| `withAsterisk` | `boolean` | — | draws a red `*` with CSS after the label, so it is in neither the label's text nor its accessible name (`getByLabel('Email', { exact: true })` and `getByLabelText` match "Email"): mark the field itself `required` (or `aria-required`), which every field of this library does for you |
+| `withAsterisk` | `boolean` | — | draws a red `*` after the label, an `aria-hidden` SVG, so it is in neither the label's text nor its accessible name (`getByLabel('Email', { exact: true })` and `getByLabelText` match "Email"): mark the field itself `required` (or `aria-required`), which every field of this library does for you |
 | `htmlFor` | `string` | — | the control it labels; clicking the label focuses it |
 
 Fields on the [Form fields](form-fields.md) page render it for you through
 their `label` prop.
 
-To restyle the mark, target `[data-slot="label-text"][data-required]::after`:
-`background-color` sets its colour (default `var(--color-error)`), `width` and
-`height` its size. It stays visible in forced-colors mode and in print.
+To restyle the mark, target `[data-slot="label-required-mark"]`: `color` sets
+its colour (default `var(--color-error)`), `width` and `height` its size. It
+stays visible in forced-colors mode and in print, and it loads no image, so a
+Content-Security-Policy whose `img-src` refuses `data:` draws it too.
 
 ```css
-[data-slot="label-text"][data-required]::after {
-	background-color: #b45309;
+[data-slot="label-required-mark"] {
+	color: #b45309;
 	width: 0.75em;
 	height: 0.75em;
 }

package/docs/guides/app-shell.md

@@ -210,7 +210,8 @@ button ("Open menu") that opens the same entries in a sheet. Breadcrumbs are
 hidden there. The sheet is a dialog named "Navigation"
 (`material.app-shell.navigation`) with a visible "Close" button. Following an
 entry closes it — so does any change of location, Back included — and focus
-goes to the page's `<main>`; closed with Escape, the close button or the
+goes to the page's `<main>`, unless the new screen already focused an element
+inside it (an error page's `h1`), which keeps it; closed with Escape, the close button or the
 overlay, focus returns to the menu button. Its entries show their labels, so
 they have no tooltip: none opens over the first entry as focus moves in.