@nxgt/material 3.63.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.
+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';
@@ -994,7 +994,7 @@ import { LoadMoreFooter } from '@nxgt/material/components';
 | --- | --- | --- | --- |
 | `shown` | `number` | — | items shown now |
 | `total` | `number` | — | items in all; leave it out when unknown, the line then reads "20 shown" |
-| `hasMore` | `boolean` | — | `false` renders nothing, not even the count |
+| `hasMore` | `boolean` | — | `false` renders nothing, not even the count, unless a next page existed before: the status line then stays after the last page (`showCount={false}` drops it) |
 | `loading` | `boolean` | `false` | the button (or the retry) spins and ignores clicks |
 | `failed` | `boolean` | `false` | an error alert with a tonal "Try again" replaces the button |
 | `showCount` | `boolean` | `true` | `false` hides the "Showing N of M" line (keep it for a list whose header already announces the count in its own `role="status"`); the button and the failed alert stay |

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? }` |
@@ -1027,6 +1034,11 @@ Its props are `ServerTableProps<T>`; `filter` is a `ServerTableFilter`,
 | `actions` | `ReactNode` | — | the page's actions, at the band's end |
 | `bandDensity` | `'comfortable' \| 'compact'` | `'comfortable'` | (the same prop as [`Filter`](#a-compact-band-for-a-list-inside-a-page-section)'s bar) `'compact'` halves the room above the band (16px to 8px) and under it (12px to 6px), for a list under a sticky app bar and a breadcrumb; the controls keep their size (the Filter's own `density` is the controls') |
 | `pageControls` | `'labelled' \| 'icon'` | `'labelled'` | the footer's Previous / Next: `'icon'` is icon-only, with a tooltip and the names "Previous page" / "Next page" (`DataTable`'s default is unchanged); on a coarse pointer the icon controls are 44x44 boxes (still painted 32px) |
+| `footer` | `'paging' \| 'load-more'` | `'paging'` | `'load-more'` replaces Previous / Next with [`LoadMoreFooter`](./feedback-and-status.md): "Showing N of M" (`rows.length` of `totalCount`), the load button while `pageInfo.hasNextPage`, a failed alert with a retry. The page keeps the rows loaded so far in `rows` and fetches the next itself: the cursor params are not used. The selection count stays; `hideOnSinglePage` still hides the footer |
+| `onLoadMore` | `() => void` | — | with `footer="load-more"` (required): fetches the next page and appends it to `rows`; the retry of a failed page calls it too |
+| `isLoadingMore` | `boolean` | `false` | with `footer="load-more"`: the next page is being fetched, the button spins and ignores clicks |
+| `loadMoreFailed` | `boolean` | `false` | with `footer="load-more"`: the next page failed, an alert with "Try again" replaces the button, the rows stay |
+| `loadMoreLabel` | `string` | "Load more" | with `footer="load-more"`: the button's label |
 | `hideOnSinglePage` | `boolean` | `false` | hides the footer's range and Previous / Next when the result is one page (no previous, no next), in the table, cards and tiles layouts; the count is still announced by the live region but no longer shown, so put it in `description` or keep the footer. With `bulkActions` the footer stays for "N rows selected", without its pager |
 | `bandActions` | `'stacked' \| 'inline'` | `'stacked'` | with `filter`, where `actions` sit below 768px: `'stacked'` gives them a row above the search; `'inline'` keeps them on the search's row (the search takes the room left), for a lone icon action such as a "+". An action wider than 3.5rem wraps under the search. From 768px both are the same. With a cards or tiles list on a phone, neither applies: [the two-row header](#the-phone-header-of-a-list-in-cards-or-tiles) puts the actions on its second row |
 | `filterRef` | `Ref<ServerTableFilterHandle>` | — | with `filter`: `filterRef.current.focus()` focuses the Filter's first control, the search, else the first quick filter, "Add filter" or "Filters (N)" the width shows |
@@ -1830,6 +1842,103 @@ its lock only. The words are `material.filter.default.*`.
 <ServerTable filter={{ model: EVENT_FILTERS, defaults: { mine: ['1'] } }} {...table} />
 ```
 
+#### Load more instead of paging
+
+A catalogue or a history that grows keeps its rows and asks for the next page
+(`footer="load-more"`). The page owns the accumulated rows: any change of
+`params` (a search, a filter chip, a sort) is a new query, which **drops the
+rows, the failure and any request still in flight, and starts again with the
+first page**; `onLoadMore` **appends only the next page**.
+
+```tsx
+function Quizzes() {
+  const [params, setParams] = useSearchParams();
+  const query = params.toString();
+  const [rows, setRows] = useState<Quiz[]>([]);
+  const [page, setPage] = useState({ cursor: null as string | null, hasNext: false, total: 0 });
+  const [isLoadingMore, setLoadingMore] = useState(false);
+  const [failed, setFailed] = useState(false);
+  // Bumped by every new query: an answer of an older one is dropped.
+  const generation = useRef(0);
+
+  useEffect(() => {
+    const mine = ++generation.current;
+    setRows([]); setFailed(false); setLoadingMore(false);
+    fetchQuizzes(new URLSearchParams(query), null).then((first) => {
+      if (mine !== generation.current) return;
+      setRows(first.nodes);
+      setPage({ cursor: first.endCursor, hasNext: first.hasNextPage, total: first.totalCount });
+    });
+  }, [query]);
+
+  const loadMore = async () => {
+    const mine = generation.current;
+    setFailed(false); setLoadingMore(true);
+    try {
+      const next = await fetchQuizzes(new URLSearchParams(query), page.cursor);
+      if (mine !== generation.current) return; // the query changed meanwhile
+      setRows((all) => [...all, ...next.nodes]); // only the next page
+      setPage({ cursor: next.endCursor, hasNext: next.hasNextPage, total: next.totalCount });
+    } catch {
+      if (mine === generation.current) setFailed(true); // the rows stay, "Try again"
+    } finally {
+      if (mine === generation.current) setLoadingMore(false);
+    }
+  };
+
+  return (
+    <ServerTable
+      params={params} onParamsChange={setParams}
+      rows={rows} totalCount={page.total} pageInfo={{ hasNextPage: page.hasNext }}
+      pageSize={20} getRowId={(q) => q.id} columns={columns}
+      filter={{ model: QUIZ_FILTERS }} // a chips-single field with inline: true
+      empty={{ none: 'No quiz yet', noMatch: 'No quiz matches' }}
+      footer="load-more" onLoadMore={loadMore}
+      isLoadingMore={isLoadingMore} loadMoreFailed={failed}
+    />
+  );
+}
+```
+
+The footer is [`LoadMoreFooter`](./buttons-and-actions.md#loadmorefooter): once
+the last page is in, its status line stays ("Showing 42 of 42", announced) and,
+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
+options as a chip group in the bar itself, at every width, instead of a quick
+pill that opens an editor. It suits a short list of choices that is the main
+way to narrow a list (the topics of a catalogue).
+
+```ts
+{ id: 'topic', type: 'chips-single', label: 'Topic', options: TOPICS, inline: true }
+```
+
+- **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, 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.
+- **Rules.** `defineFilterModel` throws without `options`, with another type,
+  with a `default`, with `scope` or with `addable: false`. A condition the
+  group cannot draw (another operator, or a value that is not an
+  option; the URL codec already drops both, so this guards a query written by
+  code) keeps its normal chip with its ✕, so an active filter
+  is never hidden; `inlineShows(field, condition)` is the rule.
+- **Core.** `isInline(field)`, `inlineShows(field, condition)`; `bandQuickFields` and the bar's `quickFields`
+  list inline fields after the scope ones.
+
 #### A scope field
 
 A list scoped by a value the user changes but never clears (the period or the

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) |
@@ -2453,7 +2454,9 @@ French bundle — see [i18n](../guides/i18n.md).
 | `QuestionCard` `value` / `onValueChange` | `QuestionAnswer` | — | controlled answer |
 | `Question` `kind: 'open'` | `maxLength?` | — | a multi-line answer in a textarea named by the prompt; a counter shows while editable when `maxLength` is set. No `correct`: pass the grader's `verdict` |
 | `Question` `kind: 'code'` | `language?`, `maxLength?` | — | source code: drawn by `renderCode`, else a monospace textarea |
-| `QuestionCard` `renderCode` | `(field: QuestionCodeField) => ReactNode` | — | the code field of a `code` question; `field` is `{ value, onChange, label, labelledBy, language, maxLength, readOnly, disabled }`. Keeps Monaco out of the card's bundle |
+| `QuestionCard` `renderCode` | `(field: QuestionCodeField) => ReactNode` | — | the code field of a `code` question; `field` is `{ value, onChange, label, labelledBy, describedBy, language, maxLength, readOnly, disabled }`. Keeps Monaco out of the card's bundle |
+| `Question` `description` | `string` | — | `open`, `code`: a persistent helper line under the answer field ("A person will mark this answer"), linked to it by `aria-describedby` and passed to `renderCode` as `field.describedBy`; always shown, unlike `hint` (a reveal button). Its id is `${promptId}-description` |
+| `QuestionCard` `promptId` | `string` | generated | the id of the prompt text: point a wrapping section's `aria-labelledby` at it (and `aria-describedby` at `${promptId}-description`) |
 | `QuestionCard` `readOnly` / `busy` | `boolean` | `false` | `readOnly`: an answer already submitted, shown without the revealed marks; `busy`: read-only and `aria-busy` while it is saved; every kind honours both |
 | new strings | `material.education.kind-open`, `kind-code`, `code-placeholder` | — | English fallbacks and a French bundle |
 | `QuestionCard` `variant` / `density` / `showShortcuts` / `number` / `showFeedback` | — | `'card'`, `'comfortable'`, `false`, —, `true` | framed or plain, spacing, key badges, "Question 2", the verdict banner |

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/roadmap.md

@@ -241,6 +241,10 @@ version they shipped in, and planned entries may name the major they target.
   slot; the bar's `views` slot is planned with it. They are meant to replace
   the legacy `FilterPresets`. Tracked in [#1876](https://github.com/softistx/nxgt-material/issues/1876).
 
+- **Link navigation** — `TabsNav` and `SegmentedNav` render route tabs and segmented navigation as a `nav` of links with `aria-current="page"`, looking like Tabs and the segmented ToggleGroup, plus `useTabParam` to keep the current tab in the URL.
+- **RecordActionsMenu** — one menu for a record's lifecycle: archive with an Undo toast (or confirm first with `archivePolicy="confirm"`), restore, and delete that always confirms and shows the backend's refusal, with `ConfirmDialog` gaining `details` and `refusal` slots.
+- **Cursor trail cap** — `ServerTable` and `PageFooter` keep cursor URLs short: the trail is encoded once and capped by `maxTrail` (20 by default) with an exact page count, and `totalCount` becomes optional for APIs that do not count.
+
 ## Later
 
 - **A strict theme `motif` (4.0)** — a theme background's `motif` with an

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