@nxgt/material 3.64.0 → 3.65.0

package/dist/pdf-reader.js

@@ -1,3 +1,3 @@
-import { t as e } from "./public-D8JGp3PH.js";
+import { t as e } from "./public-B-greXGt.js";
 import { configurePdfReader as t } from "@nxgt/material-core/pdf-reader";
 export { e as PdfReader, t as configurePdfReader };

package/dist/print.js

@@ -1,4 +1,4 @@
-import { i as e, t } from "./translate-material-CvZK8_S6.js";
+import { i as e, t } from "./translate-material-BHL4g2UB.js";
 import { Children as n, createContext as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useMemo as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { resolvePdfFileName as f } from "@nxgt/material-core/pdf-file-name";

package/dist/{public-D8JGp3PH.js → public-B-greXGt.js}

@@ -3,22 +3,22 @@ import { n as t } from "./ui.utils-CAnKTCw5.js";
 import { t as n } from "./utils-BLfntITJ.js";
 import { o as r } from "./dist-DVRQkaTK.js";
 import { c as i, i as a, l as o, n as s, o as c, s as l } from "./dist-lmHmz_bu.js";
-import { n as u, s as d } from "./spinner-CAnpF3RK.js";
+import { n as u, s as d } from "./spinner-OQAweH2r.js";
 import { i as f } from "./dist-C4wtXCjf.js";
 import { r as p, t as m } from "./in-dialog-Vwkyp-M5.js";
-import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as ee, t as te, u as ne } from "./use-return-focus-1ZIchrBM.js";
-import { c as S, d as C, f as w, i as T, l as re, n as ie, o as E, t as ae, u as D } from "./dropdown-menu-_SyVmSuy.js";
-import { S as oe, a as O, d as k, g as se, h as ce, i as le, m as ue, n as A, r as de, t as j, u as fe, w as pe } from "./toolbar-items-_ezD5B0r.js";
-import { t as me } from "./button-DfS_amfQ.js";
-import { t as M } from "./use-material-translation-C_1cWRzW.js";
-import { n as he, t as ge } from "./icon-button-hKHsWTAt.js";
+import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as ee, t as te, u as ne } from "./use-return-focus-BQ413TNG.js";
+import { c as S, d as C, f as w, i as T, l as re, n as ie, o as E, t as ae, u as D } from "./dropdown-menu-ChvAIQIW.js";
+import { S as oe, a as O, d as k, g as se, h as ce, i as le, m as ue, n as A, r as de, t as j, u as fe, w as pe } from "./toolbar-items-CQ3S_XZw.js";
+import { t as me } from "./button-D5k3K-gM.js";
+import { t as M } from "./use-material-translation-mY3U83TV.js";
+import { n as he, t as ge } from "./icon-button-l3dQTRrC.js";
 import { t as _e } from "./useEvent-2fKq-6w8.js";
 import { n as ve, t as ye } from "./toggle-group-BkH23Jk4.js";
 import { i as be } from "./escape-owner-DpaP0lm1.js";
 import { n as xe } from "./use-slice-reducer-BGkeGtML.js";
-import { f as Se, r as Ce, t as we, u as Te } from "./dialog-Bd7Hid2L.js";
+import { f as Se, r as Ce, t as we, u as Te } from "./dialog-DWNaxpa-.js";
 import { r as Ee } from "./use-csp-nonce-ZKs9k-ov.js";
-import { n as De, t as Oe } from "./empty-state-D-2ZMXXJ.js";
+import { n as De, t as Oe } from "./empty-state-CFLcVzKL.js";
 import { t as ke } from "./client-only.utils-3nHNzCki.js";
 import { t as Ae } from "./use-scroll-away-PQRFZkT2.js";
 import * as N from "react";

package/dist/{rich-code-block-0R3bidsM.js → rich-code-block-Cv6s59vB.js}

@@ -1,7 +1,7 @@
-import { r as e } from "./spinner-CAnpF3RK.js";
-import { c as t, n, t as r } from "./dropdown-menu-_SyVmSuy.js";
-import { t as i } from "./use-material-translation-C_1cWRzW.js";
-import { a, i as o, n as s, o as c, t as l } from "./code-language-items-andgHKrM.js";
+import { r as e } from "./spinner-OQAweH2r.js";
+import { c as t, n, t as r } from "./dropdown-menu-ChvAIQIW.js";
+import { t as i } from "./use-material-translation-mY3U83TV.js";
+import { a, i as o, n as s, o as c, t as l } from "./code-language-items-CsaXyApg.js";
 import { i as u, n as d, r as f, s as p } from "./dist-C3GR7kJd.js";
 import { t as m } from "./code-block-spec-CGLKRhwD.js";
 import { Suspense as h, lazy as g, useEffect as _, useRef as v, useState as y } from "react";
@@ -143,7 +143,7 @@ function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWr
 }
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-open.tsx
-var N = g(() => import("./code-editor-B0tN8Ha_.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
+var N = g(() => import("./code-editor-aXG4CdY-.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
 function P() {
 	let { t: e } = i();
 	return /* @__PURE__ */ b("div", {

package/dist/{sortable-provider-B75v53sB.js → sortable-provider-DVmZcglU.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DVRQkaTK.js";
-import { t as n } from "./use-material-translation-C_1cWRzW.js";
-import { t as r } from "./icon-button-hKHsWTAt.js";
+import { t as n } from "./use-material-translation-mY3U83TV.js";
+import { t as r } from "./icon-button-l3dQTRrC.js";
 import { t as i } from "./compose-refs-DZ0iIVF-.js";
 import a, { cloneElement as o, createContext as s, forwardRef as c, memo as l, useCallback as u, useContext as d, useEffect as f, useId as p, useLayoutEffect as m, useMemo as h, useReducer as g, useRef as _, useState as v } from "react";
 import { jsx as y } from "react/jsx-runtime";

package/dist/{spinner-CAnpF3RK.js → spinner-OQAweH2r.js}

@@ -3,7 +3,7 @@ import { n as t, t as n } from "./utils-BLfntITJ.js";
 import { i as r, o as i } from "./dist-DVRQkaTK.js";
 import { a, c as o, i as s, l as c, n as l, o as u, r as d, s as f, t as p, u as m } from "./dist-lmHmz_bu.js";
 import { a as h, c as g, d as _, i as v, l as y, o as b, r as x, t as S, u as C } from "./floating-ui.dom-KkZSW8_E.js";
-import { t as w } from "./use-material-translation-C_1cWRzW.js";
+import { t as w } from "./use-material-translation-mY3U83TV.js";
 import * as T from "react";
 import { useLayoutEffect as E, useRef as D, useSyncExternalStore as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";

package/dist/theme-picker.js

@@ -1,10 +1,10 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t, i as n, n as r, o as i, r as a, t as o } from "./bubble-input-B7BVd9fX.js";
 import { a as s, r as c } from "./icon-sprites-CaYXzOL4.js";
-import { t as l } from "./use-material-translation-C_1cWRzW.js";
+import { t as l } from "./use-material-translation-mY3U83TV.js";
 import { t as u } from "./use-theme-BCLireTd.js";
 import { a as d, r as f } from "./theme-context-Cofk6vgs.js";
-import { t as p } from "./theme-toggle-pQ5F602V.js";
+import { t as p } from "./theme-toggle-DPx44p6a.js";
 import { n as m, t as h } from "./nxgt-theme-DA1IQe0O.js";
 import { useContext as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";

package/dist/{theme-toggle-pQ5F602V.js → theme-toggle-DPx44p6a.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./use-material-translation-C_1cWRzW.js";
+import { t as e } from "./use-material-translation-mY3U83TV.js";
 import { i as t } from "./theme-store-BdPp43cV.js";
 import { n, t as r } from "./use-theme-BCLireTd.js";
 import { r as i } from "./theme-context-Cofk6vgs.js";

package/dist/{toolbar-items-_ezD5B0r.js → toolbar-items-CQ3S_XZw.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { o as t, r as n, t as r } from "./dist-DVRQkaTK.js";
 import { a as i, c as a, i as o, l as s, r as c, s as l } from "./dist-lmHmz_bu.js";
-import { C as u, S as d, d as f, f as p, m, p as h, r as g, u as _ } from "./spinner-CAnpF3RK.js";
+import { C as u, S as d, d as f, f as p, m, p as h, r as g, u as _ } from "./spinner-OQAweH2r.js";
 import { i as v, n as y, r as b, t as x } from "./dist-C4wtXCjf.js";
 import { a as S, c as C, l as w, o as T, r as ee, s as te, t as ne } from "./in-dialog-Vwkyp-M5.js";
-import { A as re, M as ie, N as ae, b as oe, d as se, f as ce, i as le, j as ue, l as de, n as fe, o as pe, r as me, t as he, u as ge, y as _e } from "./dropdown-menu-_SyVmSuy.js";
+import { A as re, M as ie, N as ae, b as oe, d as se, f as ce, i as le, j as ue, l as de, n as fe, o as pe, r as me, t as he, u as ge, y as _e } from "./dropdown-menu-ChvAIQIW.js";
 import { a as ve, n as ye, r as be, t as xe } from "./dist-B7RjY7SL.js";
 import { t as Se } from "./warn-once-C_e47JM8.js";
-import { t as Ce } from "./use-material-translation-C_1cWRzW.js";
+import { t as Ce } from "./use-material-translation-mY3U83TV.js";
 import { i as we } from "./escape-owner-DpaP0lm1.js";
 import * as E from "react";
 import { createContext as D, useCallback as Te, useContext as O, useEffect as k, useId as Ee, useLayoutEffect as A, useMemo as j, useReducer as De, useRef as M, useState as N } from "react";

package/dist/{translate-material-CvZK8_S6.js → translate-material-BHL4g2UB.js}

@@ -1,4 +1,4 @@
-import { a as e, l as t, r as n, s as r, t as i, u as a } from "./translator-Caf-d96e.js";
+import { a as e, l as t, r as n, s as r, t as i, u as a } from "./translator-BJsjXcAp.js";
 import { createContext as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import { jsx as p } from "react/jsx-runtime";
 //#region lib/i18n/material-resources-registry.ts

package/dist/{translator-Caf-d96e.js → translator-BJsjXcAp.js}

@@ -1450,6 +1450,7 @@ var r = {
 			apply: "Apply Filters",
 			reset: "Reset",
 			"clear-all": "Clear all",
+			"inline-clear-hint": "Pressing a selected chip removes it from the filter",
 			min: "Min",
 			max: "Max",
 			presets: {
@@ -4353,6 +4354,7 @@ var r = {
 			apply: "Appliquer",
 			reset: "Réinitialiser",
 			"clear-all": "Tout effacer",
+			"inline-clear-hint": "Appuyer sur une puce sélectionnée la retire du filtre",
 			min: "Min",
 			max: "Max",
 			presets: {

package/dist/{typography-CEK19bj8.js → typography-CwhEwPay.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DVRQkaTK.js";
-import { n } from "./spinner-CAnpF3RK.js";
+import { n } from "./spinner-OQAweH2r.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/components/ui/primitives/typography/typography.variants.ts
 var i = [

package/dist/{use-chat-composer-Dpvi_-CR.js → use-chat-composer-R0vng5RU.js}

@@ -4,40 +4,40 @@ import { t as n } from "./utils-BLfntITJ.js";
 import { n as r } from "./use-shape-morph-BKA_R5P5.js";
 import { n as i, o as a, t as o } from "./dist-DVRQkaTK.js";
 import { a as s, c, i as l, l as u, n as d, o as f, r as p, s as m, t as h } from "./dist-lmHmz_bu.js";
-import { _ as g, a as _, b as v, c as y, g as b, h as x, i as S, n as C, o as w, r as T, s as E, t as D, v as O, x as k, y as A } from "./spinner-CAnpF3RK.js";
+import { _ as g, a as _, b as v, c as y, g as b, h as x, i as S, n as C, o as w, r as T, s as E, t as D, v as O, x as k, y as A } from "./spinner-OQAweH2r.js";
 import { a as ee, i as j, n as M, r as N, t as te } from "./dist-C4wtXCjf.js";
 import { i as ne, n as P } from "./in-dialog-Vwkyp-M5.js";
-import { c as re, l as ie, n as F, r as ae, t as oe } from "./alert-dialog-RHm6WtQj.js";
+import { c as re, l as ie, n as F, r as ae, t as oe } from "./alert-dialog-C0nGUSCP.js";
 import { A as se, C as I, D as ce, E as le, O as ue, S as de, T as fe, _ as pe, a as me, b as he, d as ge, f as _e, g as ve, h as ye, i as be, k as xe, l as Se, m as Ce, n as we, o as Te, p as Ee, r as De, s as Oe, t as ke, u as Ae, v as je, w as Me, x as Ne, y as Pe } from "./floating-ui.dom-KkZSW8_E.js";
-import { D as Fe, E as Ie, N as Le, O as Re, c as ze, d as Be, f as Ve, i as He, k as Ue, m as We, n as Ge, o as Ke, p as qe, t as Je, u as Ye } from "./dropdown-menu-_SyVmSuy.js";
-import { a as Xe, i as Ze, n as Qe } from "./field-blur-context-DPe5_Nv5.js";
-import { C as $e, S as et, a as tt, c as nt, d as rt, l as it, n as at, o as ot, s as st, u as ct } from "./toolbar-items-_ezD5B0r.js";
+import { D as Fe, E as Ie, N as Le, O as Re, c as ze, d as Be, f as Ve, i as He, k as Ue, m as We, n as Ge, o as Ke, p as qe, t as Je, u as Ye } from "./dropdown-menu-ChvAIQIW.js";
+import { a as Xe, i as Ze, n as Qe } from "./field-blur-context-C8BX8IBy.js";
+import { C as $e, S as et, a as tt, c as nt, d as rt, l as it, n as at, o as ot, s as st, u as ct } from "./toolbar-items-CQ3S_XZw.js";
 import { a as lt, i as ut, n as dt, o as ft, t as pt } from "./bubble-input-B7BVd9fX.js";
 import { i as mt } from "./dist-B7RjY7SL.js";
 import { o as ht, s as gt, t as _t } from "./use-click-lock-BZYtTmVt.js";
 import { a as vt, r as yt } from "./icon-sprites-CaYXzOL4.js";
 import { t as bt } from "./warn-once-C_e47JM8.js";
-import { r as xt, t as St } from "./button-DfS_amfQ.js";
-import { a as Ct } from "./translator-Caf-d96e.js";
+import { r as xt, t as St } from "./button-D5k3K-gM.js";
+import { a as Ct } from "./translator-BJsjXcAp.js";
 import { h as wt } from "./get-CTzJAwfc.js";
 import { t as Tt } from "./isEmpty-F_g3jLf8.js";
-import { t as L } from "./use-material-translation-C_1cWRzW.js";
-import { t as R } from "./icon-button-hKHsWTAt.js";
+import { t as L } from "./use-material-translation-mY3U83TV.js";
+import { t as R } from "./icon-button-l3dQTRrC.js";
 import { t as Et } from "./use-ssr-media-query-C6M5m8sf.js";
-import { n as Dt, t as Ot } from "./typography-CEK19bj8.js";
+import { n as Dt, t as Ot } from "./typography-CwhEwPay.js";
 import { n as kt, t as At } from "./util-4heV2LPI.js";
 import { t as jt } from "./useEvent-2fKq-6w8.js";
-import { f as Mt } from "./field-blur-DyOByjzw.js";
+import { f as Mt } from "./field-blur-CV9orzdJ.js";
 import { c as Nt, i as Pt, l as Ft, o as It, r as Lt, s as Rt, t as zt } from "./dist-C3GR7kJd.js";
 import { i as Bt } from "./toggle-group-BkH23Jk4.js";
 import { n as Vt } from "./use-slice-reducer-BGkeGtML.js";
 import { t as Ht } from "./browser-only-DQ94lWF8.js";
 import { t as Ut } from "./compose-refs-DZ0iIVF-.js";
-import { n as Wt, r as Gt, t as Kt } from "./chip-Cbndukko.js";
-import { _ as qt, f as Jt, g as Yt, l as Xt, m as Zt, n as Qt, o as $t, r as en, s as tn, t as nn, u as rn, v as an, y as on } from "./dialog-Bd7Hid2L.js";
-import { n as sn, t as cn } from "./icon-badge-CBCU3ySF.js";
+import { n as Wt, r as Gt, t as Kt } from "./chip-lWXIJkqo.js";
+import { _ as qt, f as Jt, g as Yt, l as Xt, m as Zt, n as Qt, o as $t, r as en, s as tn, t as nn, u as rn, v as an, y as on } from "./dialog-DWNaxpa-.js";
+import { n as sn, t as cn } from "./icon-badge-Bf4SoA2i.js";
 import { r as ln } from "./use-csp-nonce-ZKs9k-ov.js";
-import { t as un } from "./empty-state-D-2ZMXXJ.js";
+import { t as un } from "./empty-state-CFLcVzKL.js";
 import { t as dn } from "./skeleton-DSdtr2qc.js";
 import { H as fn, V as pn, X as mn, bt as hn, it as gn, lt as _n, n as vn, t as yn, xt as bn, yt as xn } from "./dist-moutbfbd.js";
 import { t as Sn } from "./markdown-Dw_uH7j7.js";
@@ -11250,7 +11250,7 @@ var xS = (e = {}) => Cn({
 		let [{ default: t }, { lowlight: n }, { richCodeBlock: r }] = await Promise.all([
 			import("./dist-CRMFGjng.js"),
 			import("./lowlight-OtcjU2Sa.js"),
-			import("./rich-code-block-0R3bidsM.js")
+			import("./rich-code-block-Cv6s59vB.js")
 		]);
 		return [r(t, {
 			lowlight: n,

package/dist/{use-heading-spy-mmcyEGmm.js → use-heading-spy-Brcn0l_J.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { a as t, c as n, d as r, i, n as a, r as o, t as s, u as c } from "./alert-dialog-RHm6WtQj.js";
-import { a as l } from "./button-DfS_amfQ.js";
-import { i as u } from "./translate-material-CvZK8_S6.js";
-import { t as d } from "./use-material-translation-C_1cWRzW.js";
+import { a as t, c as n, d as r, i, n as a, r as o, t as s, u as c } from "./alert-dialog-C0nGUSCP.js";
+import { a as l } from "./button-D5k3K-gM.js";
+import { i as u } from "./translate-material-BHL4g2UB.js";
+import { t as d } from "./use-material-translation-mY3U83TV.js";
 import { _ as f, g as p, h as m, n as h, v as g, y as _ } from "./number.utils-BG_eEt5g.js";
 import { useCallback as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";

package/dist/{use-material-translation-C_1cWRzW.js → use-material-translation-mY3U83TV.js}

@@ -1,4 +1,4 @@
-import { i as e, t } from "./translate-material-CvZK8_S6.js";
+import { i as e, t } from "./translate-material-BHL4g2UB.js";
 import { useCallback as n } from "react";
 //#region lib/i18n/use-material-translation.ts
 function r() {

package/dist/{use-return-focus-1ZIchrBM.js → use-return-focus-BQ413TNG.js}

@@ -1,6 +1,6 @@
 import { o as e, r as t } from "./dist-DVRQkaTK.js";
 import { a as n, c as r, i, l as a, o, r as s, s as c } from "./dist-lmHmz_bu.js";
-import { C as l, S as u, w as d } from "./spinner-CAnpF3RK.js";
+import { C as l, S as u, w as d } from "./spinner-OQAweH2r.js";
 import { c as f, i as p, l as m, o as h, r as g, s as ee } from "./in-dialog-Vwkyp-M5.js";
 import { r as _ } from "./escape-owner-DpaP0lm1.js";
 import * as v from "react";

package/docs/components/buttons-and-actions.md

@@ -975,7 +975,7 @@ buttons.
 
 ![LoadMoreFooter](../previews/buttons-actions-loadmorefooter.webp)
 
-The footer of a paged list: a "Showing N of M" line (a polite live region), the load button and, when the next page failed, an error alert whose "Try again" calls `onLoad`. The rows already shown stay on screen. It renders nothing when there is no next page. When the last page arrives it keeps the status line (so the final "Showing 85 of 85" is announced) and, if the button had the focus as it went away, takes the focus itself (the footer is `tabIndex={-1}`); a list that never had a next page renders nothing, and a list that restarts smaller (a new filter, `shown` or `total` dropping) drops the line. That is a heuristic: a restart at the same size or larger (a new query whose first page ends the list, `total` unknown) cannot be told from a real end, and `shown === 0` (a list being rebuilt) is ignored. Give a standalone footer a `key` that names the query (the search, filters and sort, not the page), `<LoadMoreFooter key={queryIdentity} … />`, so a new query starts it afresh; `ServerTable` does it for you.
+The footer of a paged list: a "Showing N of M" line (a polite live region), the load button and, when the next page failed, an error alert whose "Try again" calls `onLoad`. The rows already shown stay on screen. It renders nothing when there is no next page. When the last page arrives it keeps the status line (so the final "Showing 85 of 85" is announced) and, if the button had the focus as it went away, takes the focus itself (the footer is `tabIndex={-1}`); a list that never had a next page renders nothing, and a list that restarts smaller (a new filter, `shown` or `total` dropping) drops the line. That is a heuristic: a restart at the same size or larger (a new query whose first page ends the list, `total` unknown) cannot be told from a real end, and `shown === 0` (a list being rebuilt) is ignored. Give a standalone footer a `key` that names the query (the search, filters and sort, not the page), `<LoadMoreFooter key={queryIdentity} … />`, so a new query starts it afresh; `ServerTable` does it for you. `ServerTable` also takes no `totalCount` (an API with no total): its `footer="load-more"` then reads "20 shown" while a next page exists, never a made-up "N of N" ([ServerTable, load-more](./data-table-filter-and-lists.md#servertable)).
 
 ```tsx
 import { LoadMoreFooter } from '@nxgt/material/components';

package/docs/components/data-table-filter-and-lists.md

@@ -622,7 +622,12 @@ export default function Students() {
   announces "41–60 of 133" when the page changes. With neither `offset` nor
   `totalCount` the region is empty, and is kept in the DOM so a later change
   is still announced; on an empty page too, which never reads "0 rows" (see
-  [an empty server page](#an-empty-server-page)). The table already has a visually hidden status for
+  [an empty server page](#an-empty-server-page)). `ServerTable` with no
+  `totalCount` (a cursor feed) passes no `offset` and no `totalCount`: the
+  footer is Previous / Next from `pageInfo` and the cursor trail, and its live
+  region says the rows on the page ("20 shown"); a later page that comes back
+  empty is not announced as "0 results", since only the first page can say
+  there are none. The table already has a visually hidden status for
   "Loading data…" (a `<p role="status" aria-live="polite" aria-atomic="true">`,
   `data-slot="data-table-status"`; the page may have a toast region too), so a test finds the
   range with `getByRole('status', { name: 'Rows shown' })`, not a bare
@@ -706,6 +711,8 @@ For the TanStack API itself (column helpers, features, row models), see
 
 One server page of a list in a `manual` `DataTable`, its state in the URL's search params and no router imported: a top band (the title, the [filter bar](#filter-bar) and its active filters in one `search` landmark, the page's actions), the sort, forward cursor paging (`after` plus a `trail`), a selection that follows the user across pages but resets on a new query, the empty page, and the count announced once a new query is answered.
 
+`totalCount` is optional: an API that gives no total (an audit log, an event feed) leaves it out, and the paged footer is then Previous / Next from `pageInfo` and the cursor trail, with no "x of y" (the same footer as [PageFooter](#pagefooter) without a total); the live region says "N shown", and a later page that comes back empty is not announced as "0 results".
+
 The `filter` prop is the list's [`Filter`](#filter-bar) (over
 `@nxgt/material-core/filter`): `ServerTable` renders it in the band,
 reads its query from the params and writes it back on the first page. The
@@ -1017,7 +1024,7 @@ Its props are `ServerTableProps<T>`; `filter` is a `ServerTableFilter`,
 | --- | --- | --- | --- |
 | `params` | `URLSearchParams` | — | the URL's search params |
 | `onParamsChange` | `(next: URLSearchParams) => void` | — | the router's setter |
-| `rows`, `totalCount`, `pageInfo` | the connection's page | — | `pageInfo: { endCursor?, hasNextPage }`; `rows` stable per answer |
+| `rows`, `totalCount`, `pageInfo` | the connection's page | — | `pageInfo: { endCursor?, hasNextPage }`; `rows` stable per answer. `totalCount` is optional: leave it out when the API gives no total (an audit log, an event feed); the paging footer is then Previous / Next from `pageInfo` and the cursor trail, with no "x of y", and the live region says the rows on the page ("N shown") |
 | `pageSize` | `number` | — | the footer's range ("21–40 of 45") |
 | `getRowId` | `(row) => string` | — | the selection's key |
 | `filter` | `ServerTableFilter` | — | `{ model, locked?, fieldProps?, variant?, sheetTrigger?, quick?, density?, shortcuts?, previewCount?, counts?, liveDelayMs?, label?, searchLabel?, searchPlaceholder?, searchApply?, searchMinLength?, codec?, defaults?, errors? }` |
@@ -1899,6 +1906,10 @@ if the button had the focus as it went away, the footer takes it
 (`tabIndex={-1}`). `ServerTable` restarts the footer by itself whenever `params` change (the search, filters and sort, not a page), so a new query never keeps the old list's last line.
 `footer="load-more"` without `onLoadMore` warns in development.
 
+A list whose API returns no total leaves `totalCount` out: while a next page
+exists the footer says "N shown" (never a made-up "N of N"), and after the
+last page it keeps that line with the final count.
+
 #### An inline chip group
 
 A `chips-single` or `chips-multiple` field declared `inline: true` shows its
@@ -1913,7 +1924,9 @@ way to narrow a list (the topics of a catalogue).
 - **Pressing** a chip sets the condition in one query change (back on the
   first page); pressing the chosen chip of a single group clears it. A
   multiple group toggles each chip. The group is a `radiogroup` (or a `group`
-  of checkboxes) named by the field's label.
+  of checkboxes) named by the field's label, and described (`aria-describedby`,
+  visually hidden text, `material.filter.inline-clear-hint`) as "Pressing a
+  selected chip removes it from the filter", since there is no "All" chip.
 - **A plain filter.** It is counted, in the URL like any field, and cleared by
   "Clear all". It has no chip of its own (the group shows it) and is not in
   "Add filter" nor among the quick pills; the phone sheet still lists it.

package/docs/components/navigation-and-layout.md

@@ -373,6 +373,7 @@ the page. It takes a `div`'s props.
   the room the others leave, which keep their size. Give it the one filled
   `Button`; a second filled `Button` among the children warns once in
   development, make the others `outlined` or `tonal`.
+- **Surface.** Below `md` the bar paints `--background` (it is stuck over the content); from `md`, and with `sticky={false}`, it paints nothing and takes its parent's surface, such as a `Card`.
 - **Safe areas.** Under `viewport-fit=cover` the bar pads clear of
   `env(safe-area-inset-left | right | bottom)`, as classes.
 - **Keyboard.** From the visual viewport (`visualViewport`), the bar rises by
@@ -460,12 +461,15 @@ import { ListDetailsLayout, PaneLayout, ThreadLayout } from '@nxgt/material/comp
 </ThreadLayout>
 ```
 
-Below 648 px `ListDetailsLayout` shows one view at a time and
+At 648 px and narrower `ListDetailsLayout` shows one view at a time and
 `PaneLayout` moves its pane into a sheet; the `…Trigger` parts switch view or
-open the pane (`ListDetailsTrigger` takes the `view` to show), and their `children` / `className` can be functions of the
-layout state. A server, which has no screen width, renders the wide layout,
-as does a hydrating client; a phone switches right after hydrating. A page
-rendered only in the browser starts on the real layout. `ThreadLayout` is a centred column over the app
+open the pane (`ListDetailsTrigger` takes the `view` to show), and their
+`children` / `className` can be functions of the layout state. A server, which
+has no screen width, renders the wide layout, as does a hydrating client; a
+phone switches right after hydrating. `PaneLayout`'s inline pane is hidden by
+CSS at 648 px and narrower, so a phone never sees it flash before the sheet
+takes over. A page rendered only in the browser starts on the real layout.
+`ThreadLayout` is a centred column over the app
 [background](#background) on the page ground (`bg-ground`, so a `bg-card` card stands apart) for focused flows (sign-in, onboarding), with no
 app bar.
 

package/docs/components/rich-widgets.md

@@ -2207,6 +2207,7 @@ function Config() {
 | `height` | `string \| number` | `300` | editor height |
 | `readOnly` | `boolean` | `false` | a reader: the code can be selected, searched and copied, not changed; no caret and no current line, a quiet gutter, a Read-only badge and the line count in the status bar, Copy filled and labelled, no Format or language menu. Not dimmed (unlike `disabled`) |
 | `disabled` | `boolean` | — | dimmed, read-only, its tools off |
+| `aria-describedby` | `string` | — | the id(s) of what describes the code (a question's description, `QuestionCodeField.describedBy`); set on Monaco's input before the `helperText` id, each id once |
 | `lineNumbers` | `boolean` | `true` | the line numbers in the gutter |
 | `minimap` | `boolean` | `false` | Monaco's minimap |
 | `wordWrap` / `defaultWordWrap` / `onWordWrapChange` | `boolean` | `false` | wraps long lines; the pill's Word wrap toggles it (controlled when `wordWrap` is given) |

package/docs/guides/charts.md

@@ -241,7 +241,7 @@ const toneOf = (point: ChartPoint) =>
 | Prop | Effect |
 | --- | --- |
 | `bands` | `{ from, to, label, tone? }[]`: a wash across the plot behind the lines, with its `label` inside it at the left. `from` and `to` may come in either order, and are a number, a row field or a function of the row (a stepped band; typed `ChartRowValue`). |
-| `thresholds` | `{ value, label, tone?, dash? }[]` (`value`: a number, a row field or a function of the row): a horizontal line behind the series with its `label` above it at the right end; dashed unless `dash: false`. |
+| `thresholds` | `{ value, label, tone?, dash? }[]` (`value`: a number, a row field or a function of the row): a horizontal line behind the series with its `label` above it at the right end (under it when a point of a series sits where the label would be, so it never covers a point or its marker); dashed unless `dash: false`. |
 | `pointTone` | `(point: ChartPoint, series: ChartSeries) => Tone \| undefined`: the tone of one value. It is given the point `onPointClick` gets, so `point.index` is the row of the full `data` even when the chart is zoomed. |
 | `toneLabels` | `{ [tone]: word }`: the word of each tone, in your language and domain. Unset, the library's neutral word ("Error", translated by `material.charts.tone.*`); an app tone you declared falls back to its own name. |
 

package/docs/guides/code-editor.md

@@ -24,12 +24,26 @@ screen ("Open in editor"); `fullscreen` and `onFullscreenChange` let your
 own button do the same
 ([CodeEditor](../components/rich-widgets.md#codeeditor)).
 
+- [Describing the code](#describing-the-code)
 - [Client-only](#client-only)
 - [Themes](#themes)
 - [Your own theme](#your-own-theme)
 - [Self-hosting Monaco](#self-hosting-monaco)
 - [Moving off the barrel import](#moving-off-the-barrel-import)
 
+## Describing the code
+
+`aria-describedby` takes the id of the element that describes the code, such
+as the description line of a question. It goes on Monaco's input, before the
+id of the field's own `helperText`, so a screen reader reads both.
+
+```tsx
+<CodeEditor label="Answer" aria-describedby="question-description" />
+
+// In a QuestionCard:
+<QuestionCard renderCode={(field) => <CodeEditor aria-describedby={field.describedBy} />} />
+```
+
 ## Client-only
 
 The entry's built files carry no `'use client'` directive: import the

package/docs/guides/i18n.md

@@ -303,7 +303,9 @@ value to enter." (an operator such as "is empty")),
 `material.filter.op.<id>.*` for each operator (`is`, `is_not`, `in`,
 `between`, `before`, `after`, `contains`, `empty`, `gt`, `lt`, `gte`, `lte`):
 its `label` ("is any of") and its words on a chip, `chip` and, for several
-values, `chip-many`. "Clear all" is `material.filter.clear-all`. The phone sheet
+values, `chip-many`. "Clear all" is `material.filter.clear-all`. An inline chip group
+is described by `material.filter.inline-clear-hint` ("Pressing a selected chip
+removes it from the filter"). The phone sheet
 has `material.filter.sheet.*`: `title` "Filters" (its trigger and its
 title), `show` "Show results", `show-count` (an ICU plural over `count`:
 "No results", "Show # result", "Show # results") and `locked` "Locked

package/docs/troubleshooting.md

@@ -1508,15 +1508,17 @@ top (`align="start"`).
 **When:** an `ActivityContent` `aside` scrolls away with the page instead of
 staying under the app bar, or it is not beside the content at 1280px.
 **Why:** `position: sticky` sticks inside its nearest scrolling ancestor, and
-any ancestor with an `overflow` other than `visible` (`overflow-hidden`,
-`overflow-auto`, `overflow-clip`; a `PaneLayout`'s root has `overflow-hidden`)
-becomes that scroller, which does not scroll, so the panel never moves. A
-wrapper of yours around the screen, or an `ActivityLayout` with
-`scroll="container"` where you meant `"document"`, does the same. Below
+any ancestor with an `overflow` other than `visible` or `clip`
+(`overflow-hidden`, `overflow-auto`; a `PaneLayout`'s root and content use
+`overflow-clip`, which clips without becoming a scroller, so a sticky panel
+inside still sticks) becomes that scroller, which does not scroll, so the
+panel never moves. A wrapper of yours around the screen, or an
+`ActivityLayout` with `scroll="container"` where you meant `"document"`, does
+the same. Below
 `asideFrom` (1280px by default) the panel is stacked and not sticky on
 purpose, and the breakpoint is the window's width, not the column's.
-**Fix:** take the `overflow` off every ancestor between `ActivityLayout` and
-`ActivityContent`, or move it onto an element inside the screen; use
+**Fix:** take the `overflow` (other than `visible` or `clip`) off every
+ancestor between `ActivityLayout` and `ActivityContent`, or move it onto an element inside the screen; use
 `scroll="document"` (the default). Find the culprit in the console:
 
 ```js

package/lib/components/ui/display/chip/chip-soft.css

@@ -1,6 +1,10 @@
 /* Chip `tonal` and `filled`, "soft": no outline at all. A low tonal fill that reads as a
  * chip on any surface; selected = the library's primary tint, a hairline
- * ring in primary-text and a check (the ≥3:1 cue), the label unchanged. */
+ * ring in primary-text and a check (the ≥3:1 cue), the label unchanged. In
+ * dark the tint is mixed from --primary-text, the light end of the primary,
+ * 56 % at rest and 58 % on hover, and the label is white: in all 14 themes
+ * the fill is ≥3:1 over the surface and the label ≥4.5:1 (#2044); the deep
+ * --primary gave 1.3:1. */
 @layer components {
 	.nxgt-chip[data-look="soft"] {
 		--chip-bg: color-mix(in oklab, var(--foreground) 6.5%, var(--background));
@@ -9,8 +13,8 @@
 			var(--foreground) 10%,
 			var(--background)
 		);
-		--chip-on: color-mix(in oklab, var(--primary) 12%, var(--background));
-		--chip-on-hover: color-mix(in oklab, var(--primary) 17%, var(--background));
+		--chip-on: color-mix(in oklab, var(--primary) 20%, var(--background));
+		--chip-on-hover: color-mix(in oklab, var(--primary) 25%, var(--background));
 		--chip-on-ring: color-mix(
 			in oklab,
 			var(--primary-text) 75%,
@@ -25,8 +29,13 @@
 			var(--foreground) 14%,
 			var(--background)
 		);
-		--chip-on: color-mix(in oklab, var(--primary) 42%, var(--background));
-		--chip-on-hover: color-mix(in oklab, var(--primary) 52%, var(--background));
+		--chip-on: color-mix(in oklab, var(--primary-text) 56%, var(--background));
+		--chip-on-hover: color-mix(
+			in oklab,
+			var(--primary-text) 58%,
+			var(--background)
+		);
+		--chip-on-text: white;
 		--chip-on-ring: color-mix(
 			in oklab,
 			var(--primary-text) 80%,
@@ -43,6 +52,11 @@
 		background: var(--chip-on);
 		box-shadow: inset 0 0 0 1px var(--chip-on-ring);
 	}
+	/* Dark: the label on the lighter fill is white (the foreground fell under
+	 * 4.5:1 on some themes' hover). Light keeps the foreground. */
+	.nxgt-chip[data-look="soft"][data-selected] {
+		color: var(--chip-on-text, var(--foreground));
+	}
 	.nxgt-chip[data-look="soft"][data-selected]:is(
 		button:hover,
 		:has(> button[data-slot="chip-body"]:hover)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.64.0",
+	"version": "3.65.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -372,7 +372,7 @@
 		"docs:previews": "rm -rf node_modules/.cache/nxgt-preview-free/missing && NXGT_PREVIEW_FREE=1 vitest run --project previews && bun .storybook/preview-free-report.ts"
 	},
 	"dependencies": {
-		"@nxgt/material-core": "^0.45.0",
+		"@nxgt/material-core": "^0.45.1",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",