@nxgt/material 3.32.1 → 3.34.0

package/dist/pdf-reader.js

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

package/dist/print.js

@@ -1,5 +1,5 @@
-import { r as e } from "./i18n-provider-BBhhsa4I.js";
-import { t } from "./translate-material-BEQGLLY7.js";
+import { r as e } from "./i18n-provider-CLq-1Qgc.js";
+import { t } from "./translate-material-CdpLjkcD.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-Cvwb2tds.js → public-CX7FN97X.js}

@@ -6,18 +6,18 @@ import { c as i, i as a, l as o, n as s, o as c, s as l } from "./dist-lmHmz_bu.
 import { a as u, o as d } from "./tooltip-CkttDIab.js";
 import { i as f } from "./dist-C4wtXCjf.js";
 import { r as p, t as m } from "./in-dialog-Vwkyp-M5.js";
-import { C as h, D as g, E as _, O as v, S as y, T as b, _ as x, f as S, g as ee, k as te, r as ne, t as C, u as re, w } from "./dialog-Cp7bS5LI.js";
-import { c as T, d as ie, f as E, i as ae, l as oe, n as se, o as D, t as ce, u as O } from "./dropdown-menu-DJNMcPZa.js";
-import { S as le, a as k, d as A, g as ue, h as de, i as fe, m as pe, n as j, r as me, t as M, u as he, w as ge } from "./toolbar-items-GIaifZbx.js";
-import { t as N } from "./use-material-translation-B0RHv3l7.js";
-import { t as _e } from "./button-B47lM8a5.js";
+import { C as h, D as g, E as _, O as v, S as y, T as b, _ as x, f as S, g as ee, k as te, r as ne, t as C, u as re, w } from "./dialog-C_U4twIJ.js";
+import { c as T, d as ie, f as E, i as ae, l as oe, n as se, o as D, t as ce, u as O } from "./dropdown-menu-DSgkmogX.js";
+import { S as le, a as k, d as A, g as ue, h as de, i as fe, m as pe, n as j, r as me, t as M, u as he, w as ge } from "./toolbar-items-D7R9YtYx.js";
+import { t as N } from "./use-material-translation-Da9Ponn5.js";
+import { t as _e } from "./button-CoAu_GuF.js";
 import { n as ve, t as ye } from "./icon-button-ifTpXt0A.js";
 import { t as be } from "./useEvent-2fKq-6w8.js";
 import { n as xe, t as Se } from "./toggle-group-BMJNcFAC.js";
 import { o as Ce } from "./escape-owner-C4W_sOAU.js";
 import { n as we } from "./use-slice-reducer-BGkeGtML.js";
 import { r as Te } from "./use-csp-nonce-ZKs9k-ov.js";
-import { n as Ee, t as De } from "./empty-state-Dv9AtrMw.js";
+import { n as Ee, t as De } from "./empty-state-CJZ0sVE8.js";
 import { t as Oe } from "./client-only.utils-3nHNzCki.js";
 import { t as ke } from "./use-scroll-away-PQRFZkT2.js";
 import { ArrowLeft as Ae, BookOpenText as je, ChevronDown as Me, ChevronLeft as Ne, ChevronRight as Pe, ChevronUp as Fe, Download as Ie, Eraser as Le, FileText as Re, FileWarning as ze, FileX2 as Be, Highlighter as Ve, KeyRound as He, LayoutGrid as Ue, List as We, Loader2 as Ge, Maximize as Ke, MessageSquareText as qe, Minimize as Je, MoreVertical as Ye, MousePointer2 as Xe, MoveHorizontal as Ze, PanelLeft as Qe, Pen as $e, PencilLine as et, Printer as tt, RotateCw as nt, Search as rt, StickyNote as it, Type as at, Underline as ot, Undo2 as st, Volume2 as ct, X as lt, XIcon as ut, ZoomIn as dt, ZoomOut as ft } from "lucide-react";

package/dist/{rich-code-block-MItKFVB-.js → rich-code-block-cc1NZtbD.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tooltip-CkttDIab.js";
-import { c as t, n, t as r } from "./dropdown-menu-DJNMcPZa.js";
-import { t as i } from "./use-material-translation-B0RHv3l7.js";
-import { a, i as o, n as s, o as c, t as l } from "./code-language-items-COd99vab.js";
+import { c as t, n, t as r } from "./dropdown-menu-DSgkmogX.js";
+import { t as i } from "./use-material-translation-Da9Ponn5.js";
+import { a, i as o, n as s, o as c, t as l } from "./code-language-items-BNMM7YlZ.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 { Check as h, ChevronDown as g, Copy as _, Maximize2 as v, WrapText as y } from "lucide-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 = x(() => import("./code-editor-BLLpzmCc.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
+var N = x(() => import("./code-editor-CEdEmolU.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
 function P() {
 	let { t: e } = i();
 	return /* @__PURE__ */ T("div", {

package/dist/{sortable-provider-CIlK0Vuk.js → sortable-provider-D43VdFMP.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DVRQkaTK.js";
-import { t as n } from "./use-material-translation-B0RHv3l7.js";
+import { t as n } from "./use-material-translation-Da9Ponn5.js";
 import { t as r } from "./icon-button-ifTpXt0A.js";
 import { t as i } from "./compose-refs-DZ0iIVF-.js";
 import { GripVertical as a } from "lucide-react";

package/dist/{spinner-DRGPXRNW.js → spinner-wKfFAVU9.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { o as t } from "./tooltip-CkttDIab.js";
-import { t as n } from "./use-material-translation-B0RHv3l7.js";
+import { t as n } from "./use-material-translation-Da9Ponn5.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/components/ui/feedback/spinner/spinner.tsx
 var i = t("transition-all duration-500", {

package/dist/{stored-language-CkPRWAaM.js → stored-language-D73ujVW4.js}

@@ -1932,7 +1932,9 @@ var t = {
 			"first-page": "Back to the first page",
 			"past-end-status": "{count, plural, =0 {No results} one {# result} other {# results}} in all, none on this page",
 			error: "Could not load the list",
-			"error-hint": "Check your connection, then try again."
+			"error-hint": "Check your connection, then try again.",
+			"bulk-action": "{label} ({count})",
+			"bulk-action-name": "{label} {count, plural, one {# row} other {# rows}}"
 		},
 		"list-empty": { clear: "Clear search and filters" },
 		"data-grid": {
@@ -4599,7 +4601,9 @@ var t = {
 			"first-page": "Retour à la première page",
 			"past-end-status": "{count, plural, =0 {Aucun résultat} one {# résultat} other {# résultats}} au total, aucun sur cette page",
 			error: "Impossible de charger la liste",
-			"error-hint": "Vérifiez votre connexion, puis réessayez."
+			"error-hint": "Vérifiez votre connexion, puis réessayez.",
+			"bulk-action": "{label} ({count})",
+			"bulk-action-name": "{label} : {count, plural, one {# ligne} other {# lignes}}"
 		},
 		"list-empty": { clear: "Effacer la recherche et les filtres" },
 		"data-grid": {

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 { t as s } from "./use-material-translation-B0RHv3l7.js";
+import { t as s } from "./use-material-translation-Da9Ponn5.js";
 import { a as c, r as l } from "./icon-sprites-CaYXzOL4.js";
 import { t as u } from "./use-theme-DMcyJ52N.js";
 import { a as d, r as f } from "./theme-context-Cofk6vgs.js";
-import { t as p } from "./theme-toggle-CPzxOW_X.js";
+import { t as p } from "./theme-toggle-Drab-hke.js";
 import { n as m, t as h } from "./nxgt-theme-ZS945iMP.js";
 import { Check as g } from "lucide-react";
 import { useContext as _ } from "react";

package/dist/{theme-toggle-CPzxOW_X.js → theme-toggle-Drab-hke.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./use-material-translation-B0RHv3l7.js";
+import { t as e } from "./use-material-translation-Da9Ponn5.js";
 import { i as t } from "./theme-store-CSl51uNH.js";
 import { n, t as r } from "./use-theme-DMcyJ52N.js";
 import { r as i } from "./theme-context-Cofk6vgs.js";

package/dist/{toolbar-items-GIaifZbx.js → toolbar-items-D7R9YtYx.js}

@@ -4,9 +4,9 @@ import { a as i, c as a, i as o, l as s, r as c, s as l } from "./dist-lmHmz_bu.
 import { b as u, c as d, d as f, f as p, l as m, t as h, u as g, x as _ } from "./tooltip-CkttDIab.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 E } from "./in-dialog-Vwkyp-M5.js";
-import { A as ne, M as re, N as ie, b as ae, d as oe, f as se, i as ce, j as le, l as ue, n as de, o as fe, r as pe, t as me, u as he, y as ge } from "./dropdown-menu-DJNMcPZa.js";
+import { A as ne, M as re, N as ie, b as ae, d as oe, f as se, i as ce, j as le, l as ue, n as de, o as fe, r as pe, t as me, u as he, y as ge } from "./dropdown-menu-DSgkmogX.js";
 import { a as _e, n as ve, r as ye, t as be } from "./dist-B7RjY7SL.js";
-import { t as xe } from "./use-material-translation-B0RHv3l7.js";
+import { t as xe } from "./use-material-translation-Da9Ponn5.js";
 import { t as Se } from "./warn-once-C_e47JM8.js";
 import { o as Ce } from "./escape-owner-C4W_sOAU.js";
 import { ChevronLeft as we, ChevronRightIcon as Te, MoreVertical as Ee } from "lucide-react";

package/dist/{translate-material-BEQGLLY7.js → translate-material-CdpLjkcD.js}

@@ -1,5 +1,5 @@
-import "./stored-language-CkPRWAaM.js";
-import { a as e, r as t } from "./translator-Ec9Uj32C.js";
+import "./stored-language-D73ujVW4.js";
+import { a as e, r as t } from "./translator-BE-yEb0p.js";
 //#region lib/i18n/translate-material.ts
 function n(n, r, i, a) {
 	if (n) for (let e of /* @__PURE__ */ new Set([n, n.split("-")[0]])) {

package/dist/{translator-Ec9Uj32C.js → translator-BE-yEb0p.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./is-production-GLw59WU8.js";
-import { a as t, i as n, r, t as i } from "./stored-language-CkPRWAaM.js";
+import { a as t, i as n, r, t as i } from "./stored-language-D73ujVW4.js";
 import { t as a } from "./get-CTzJAwfc.js";
 //#region ../../node_modules/@formatjs/fast-memoize/index.js
 function o(e, t) {

package/dist/{use-chat-composer-BEs82Xar.js → use-chat-composer-CpKh8564.js}

@@ -7,21 +7,21 @@ import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } fro
 import { _ as h, a as g, g as _, h as v, m as y, o as b, p as x, t as S, v as C, y as w } from "./tooltip-CkttDIab.js";
 import { a as T, i as E, n as D, r as O, t as k } from "./dist-C4wtXCjf.js";
 import { i as A, n as ee, t as j } from "./in-dialog-Vwkyp-M5.js";
-import { A as M, C as N, D as te, E as ne, O as P, S as re, T as ie, _ as F, b as ae, f as oe, g as se, k as I, l as ce, m as le, n as ue, o as de, r as fe, s as pe, t as me, u as he, v as ge, w as _e, x as ve, y as ye } from "./dialog-Cp7bS5LI.js";
+import { A as M, C as N, D as te, E as ne, O as P, S as re, T as ie, _ as F, b as ae, f as oe, g as se, k as I, l as ce, m as le, n as ue, o as de, r as fe, s as pe, t as me, u as he, v as ge, w as _e, x as ve, y as ye } from "./dialog-C_U4twIJ.js";
 import { A as be, C as xe, D as Se, E as Ce, O as we, S as Te, T as Ee, _ as De, a as Oe, b as ke, d as Ae, f as je, g as Me, h as Ne, i as Pe, k as Fe, l as Ie, m as Le, n as Re, o as ze, p as Be, r as Ve, s as He, t as Ue, u as We, v as Ge, w as Ke, x as qe, y as Je } from "./floating-ui.dom-KkZSW8_E.js";
-import { D as Ye, E as Xe, N as Ze, O as Qe, c as $e, d as et, f as tt, i as nt, k as rt, m as it, n as at, o as ot, p as st, t as ct, u as lt } from "./dropdown-menu-DJNMcPZa.js";
+import { D as Ye, E as Xe, N as Ze, O as Qe, c as $e, d as et, f as tt, i as nt, k as rt, m as it, n as at, o as ot, p as st, t as ct, u as lt } from "./dropdown-menu-DSgkmogX.js";
 import { a as ut, i as dt, n as ft } from "./field-blur-context-Cft9s7Hg.js";
-import { C as pt, S as mt, a as ht, c as gt, d as _t, l as vt, n as yt, o as bt, s as xt, u as St } from "./toolbar-items-GIaifZbx.js";
+import { C as pt, S as mt, a as ht, c as gt, d as _t, l as vt, n as yt, o as bt, s as xt, u as St } from "./toolbar-items-D7R9YtYx.js";
 import { a as Ct, i as wt, n as Tt, o as Et, t as Dt } from "./bubble-input-B7BVd9fX.js";
 import { i as Ot } from "./dist-B7RjY7SL.js";
-import "./stored-language-CkPRWAaM.js";
-import { a as kt } from "./translator-Ec9Uj32C.js";
+import "./stored-language-D73ujVW4.js";
+import { a as kt } from "./translator-BE-yEb0p.js";
 import { h as At } from "./get-CTzJAwfc.js";
 import { t as jt } from "./isEmpty-F_g3jLf8.js";
-import { t as L } from "./use-material-translation-B0RHv3l7.js";
-import { t as Mt } from "./spinner-DRGPXRNW.js";
+import { t as L } from "./use-material-translation-Da9Ponn5.js";
+import { t as Mt } from "./spinner-wKfFAVU9.js";
 import { a as Nt } from "./button-tones-BwuVvAmd.js";
-import { a as Pt, i as Ft, n as It, r as Lt, t as Rt } from "./button-B47lM8a5.js";
+import { a as Pt, i as Ft, n as It, r as Lt, t as Rt } from "./button-CoAu_GuF.js";
 import { t as R } from "./icon-button-ifTpXt0A.js";
 import { a as zt, r as Bt } from "./icon-sprites-CaYXzOL4.js";
 import { t as Vt } from "./use-ssr-media-query-C6M5m8sf.js";
@@ -35,10 +35,10 @@ import { a as tn, i as nn, o as rn } from "./escape-owner-C4W_sOAU.js";
 import { n as an } from "./use-slice-reducer-BGkeGtML.js";
 import { t as on } from "./browser-only-DQ94lWF8.js";
 import { t as sn } from "./compose-refs-DZ0iIVF-.js";
-import { n as cn, r as ln, t as un } from "./chip-Bf80b1XT.js";
-import { n as dn, t as fn } from "./icon-badge-DEk244kn.js";
+import { n as cn, r as ln, t as un } from "./chip-Ch21Qbnj.js";
+import { n as dn, t as fn } from "./icon-badge-Dssl4rfn.js";
 import { r as pn } from "./use-csp-nonce-ZKs9k-ov.js";
-import { t as mn } from "./empty-state-Dv9AtrMw.js";
+import { t as mn } from "./empty-state-CJZ0sVE8.js";
 import { t as hn } from "./skeleton-DSdtr2qc.js";
 import { H as gn, V as _n, X as vn, bt as yn, it as bn, lt as xn, n as Sn, t as Cn, xt as wn, yt as Tn } from "./dist-moutbfbd.js";
 import { t as En } from "./markdown-Dw_uH7j7.js";
@@ -10782,7 +10782,7 @@ var CS = (e = {}) => Dn({
 		let [{ default: t }, { lowlight: n }, { richCodeBlock: r }] = await Promise.all([
 			import("./dist-CRMFGjng.js"),
 			import("./lowlight-OtcjU2Sa.js"),
-			import("./rich-code-block-MItKFVB-.js")
+			import("./rich-code-block-cc1NZtbD.js")
 		]);
 		return [r(t, {
 			lowlight: n,

package/dist/{use-heading-spy-BRAPVvfh.js → use-heading-spy-DgWhvYfh.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./i18n-provider-BBhhsa4I.js";
+import { r as e } from "./i18n-provider-CLq-1Qgc.js";
 import { _ as t, g as n, h as r, n as i, v as a, y as o } from "./number.utils-BG_eEt5g.js";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as u } from "react";
 //#region ../../node_modules/date-fns/locale/fr/_lib/formatDistance.js

package/dist/{use-material-translation-B0RHv3l7.js → use-material-translation-Da9Ponn5.js}

@@ -1,5 +1,5 @@
-import { r as e } from "./i18n-provider-BBhhsa4I.js";
-import { t } from "./translate-material-BEQGLLY7.js";
+import { r as e } from "./i18n-provider-CLq-1Qgc.js";
+import { t } from "./translate-material-CdpLjkcD.js";
 import { useCallback as n } from "react";
 //#region lib/i18n/use-material-translation.ts
 function r() {

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

@@ -17,6 +17,7 @@ either can be used alone.
 | <img src="../previews/data-table-filter-lists-servertable.webp" width="96" alt=""> | [ServerTable](#servertable) | A server-mode `DataTable` driven by the URL, with the Filter in its top band (a title and a description, or neither): sort, cursor paging, the empty page with a scene, an action and removable chips, one count announced |
 | <img src="../previews/data-table-filter-lists-rowmenu.webp" width="96" alt=""> | [RowMenu](#rowmenu) | A row's "..." button named after its row ("Actions for Ada"), its menu aligned to the end with the destructive item last, and `rowMenuColumn` to drop both in a table |
 | <img src="../previews/data-table-filter-lists-listempty.webp" width="96" alt=""> | [ListEmpty](#listempty) | A list's empty page: nothing yet, with a scene and an action, or nothing matches and the way out |
+| <img src="../previews/data-table-filter-lists-pagefooter.webp" width="96" alt=""> | [PageFooter](#pagefooter) | The page footer of a feed that is not a table (cards, a news feed) under a FilterBar: the range and Previous / Next as links from the URL's cursor trail, `pageControls="icon"` |
 | <img src="../previews/data-table-filter-lists-datagrid.webp" width="96" alt=""> | [DataGrid](#datagrid) | An editable grid: spreadsheet keys, paste, a fill handle with series, undo, totals, saving with versions and conflicts (lazy ones fetch theirs on "Keep mine"), `onRefuse` for a refused paste or fill, row selection (`enableRowSelection`), and resizable, hideable and reorderable columns (`columnControls`, `columnLayout`, `DataGridColumnsMenu`) |
 | <img src="../previews/data-table-filter-lists-daygroupedlist.webp" width="96" alt=""> | [DayGroupedList](#daygroupedlist) | A list split by day under sticky Today / Yesterday / Earlier headings |
 | <img src="../previews/data-table-filter-lists-filter.webp" width="96" alt=""> | [Filter](#filter) | Schema-driven filters with chips, presets and persistence |
@@ -856,6 +857,34 @@ export default function Students() {
     rowSelectionDisabledReason={() => 'Already applied'}
   />
   ```
+- **Bulk actions that count and run only their rows.** `bulkActions` also
+  takes a list of `ServerTableBulkAction<T>` (`{ id, label, icon?, appliesTo?,
+  onClick, variant?, color?, loading? }`). Each button reads "Label (n)", n
+  being the selected rows the action applies to, and is named "Label n rows"
+  (`material.server-table.bulk-action` and `bulk-action-name`, English and
+  French); `variant` (default `'tonal'`) and `color` (`'destructive'` for a
+  destructive one) style the button, `loading` makes it busy; the type is
+  exported as `ServerTableBulkAction`. It is not rendered when n is 0, so 5 rows selected with none
+  archived show no "Restore". `onClick(ids, selection, rows)` receives only
+  those ids and rows. An action without `appliesTo` applies to the whole
+  selection: it shows the selection's size and gets every id. **Across
+  pages:** `appliesTo` sees the loaded page's rows only, so a row selected on
+  another page is neither counted nor passed by an action that has one; an
+  action without it still gets every selected id.
+  ```tsx
+  <ServerTable<Item>
+    {...props}
+    bulkActions={[
+      {
+        id: 'restore',
+        label: 'Restore',
+        appliesTo: (item) => item.archived,
+        onClick: (ids, selection) => restore(ids).then(selection.clear),
+      },
+      { id: 'export', label: 'Export', onClick: (ids) => exportRows(ids) },
+    ]}
+  />
+  ```
 - **Your own controls instead.** Without `filter`, pass
   `filters={tableFilters(model)}`: whether the page is "nothing matches",
   and its "Clear search and filters" button
@@ -894,7 +923,7 @@ Its props are `ServerTableProps<T>`; `filter` is a `ServerTableFilter`,
 | `error` | `ServerTableError \| null` | — | the fetch failed: the failure and a Retry replace the rows |
 | `onRetry` | `() => unknown` | — | the error's Retry; a returned promise keeps it loading |
 | `onClearFilters` | `() => void` | focus the table | without `filter`, after "clear" |
-| `bulkActions` | `(ids, selection: ServerTableSelection) => ReactNode` | — | the selection's toolbar |
+| `bulkActions` | `(ids, selection: ServerTableSelection) => ReactNode \| ServerTableBulkAction<T>[]` | — | the selection's toolbar: your own buttons, or a list of actions with `appliesTo` that each count and run only the rows they apply to |
 | `enableRowSelection`, `rowSelectionDisabledReason` | `boolean \| (row) => boolean`, `(row) => string \| undefined` | all rows, no reason | with `bulkActions`: which rows can be selected, and why one cannot ([DataTable](#datatable)) |
 | `pageHref` | `(params) => string` | `` `?${params}` `` | Previous / Next hrefs |
 | `pagingNames` | `{ after?, trail? }` | `after`, `trail` | the cursor's params |
@@ -1057,6 +1086,47 @@ import { ListEmpty } from '@nxgt/material/components';
 
 ---
 
+## PageFooter
+
+![PageFooter](../previews/data-table-filter-lists-pagefooter.webp)
+
+The page footer of a feed that is not a table (a list of cards, a news feed) under a `FilterBar`: the range ("21–40 of 134") and Previous / Next as real links, so paging works with no JavaScript and on the server. It is the footer `ServerTable` draws, taking the same `pageInfo` and `totalCount`, with its hrefs built from the URL's cursor trail by `serverPagination` (`@nxgt/material-core/table-url`). It renders nothing for an empty result. Its props are `PageFooterProps`.
+
+```tsx
+import { FilterBar, PageFooter } from '@nxgt/material/components';
+
+<FilterBar model={model} />
+<ul>{items.map((item) => <li key={item.id}>{item.title}</li>)}</ul>
+<PageFooter
+  params={params}            // the page's URLSearchParams
+  pageInfo={data.pageInfo}   // { hasNextPage, endCursor }
+  totalCount={data.totalCount}
+  pageSize={20}
+  count={items.length}       // on a short last page
+  pageControls="icon"
+/>;
+```
+
+Previous exists when the URL has a trail; Next when `pageInfo` has a next page and an `endCursor`. An end with no page is a disabled button with `aria-disabled`, not a link. Previous and Next are named "Previous" / "Next", or "Previous page" / "Next page" with `pageControls="icon"` (`material.table.pagination.*` keys, as the table's).
+
+| Prop | Type | Default | Effect |
+| --- | --- | --- | --- |
+| `params` | `URLSearchParams` | — | the page's search params: the trail is read from them and every other param is kept in the hrefs |
+| `pageInfo` | `{ hasNextPage, endCursor? }` | — | the connection's page info |
+| `totalCount` | `number` | — | items matching the query across every page |
+| `pageSize` | `number` | — | items per page; it places the range from the trail |
+| `count` | `number` | `pageSize` | items on this page, for a short last page |
+| `pageHref` | `(params) => string` | ``?${params}`` | a page's href |
+| `pagingNames` | `{ after?, trail? }` | `after`, `trail` | the cursor's search param names |
+| `pageControls` | `'labelled' \| 'icon'` | `'labelled'` | icon-only controls with a tooltip; 44x44 boxes on a coarse pointer |
+| `live` | `boolean` | `true` | `false` renders the range as plain text instead of a polite live region |
+| `disabled` | `boolean` | `false` | makes Previous and Next inert while the feed loads |
+| `linkComponent` | `DataTableLinkComponent` | `<a>` | your router's link; it must forward `className` and `ref` |
+
+**Storybook:** `Data table, filter & lists/PageFooter`
+
+---
+
 ## DataGrid
 
 ![DataGrid](../previews/data-table-filter-lists-datagrid.webp)

package/docs/guides/backgrounds.md

@@ -553,6 +553,9 @@ good.
   it meets a text, a control or the inside of a surface. Use it on a dense page (stat cards, a list and a grid of cards
   24 to 32 px apart), where `true` leaves almost nothing. A glyph wider than the gap is dropped as before. See
   [Keep the backdrop clear of the content](./app-shell.md#keep-the-backdrop-clear-of-the-content).
+- **Control-like glyphs** (a plus, a bar or a triangle shape, an arrow, and icons named plus, minus, cross, arrow, chevron, angle or
+  caret) look like a button next to a surface, so in every mode but `false` they are dropped within 48 px of any card,
+  list, table, header band, app header or breadcrumb, and never stay in a gap. They still show in open areas, far from the content.
 - See [The theme's background](./app-shell.md#the-themes-background) for the shell and `AuthCard` in
   [navigation and layout](../components/navigation-and-layout.md#authcard) for the sign-in page.
 

package/docs/guides/i18n.md

@@ -403,6 +403,7 @@ fichier.") when it cannot show it, `material.file-preview.download`
 "Seuls les premiers {size} de ce fichier sont affichés.") under a text cut
 by the size cap; the text or Markdown it shows scrolls in a region named by
 `material.file-preview.content` ("Contents of {name}", "Contenu de {name}").
+A `ServerTable` bulk action with a list entry reads `material.server-table.bulk-action` ("{label} ({count})", the same in French) and is named by `material.server-table.bulk-action-name` ("{label} {count, plural, one {# row} other {# rows}}"; "{label} : {count, plural, one {# ligne} other {# lignes}}").
 `ServerTable`'s own live region (without `filter`) says
 `material.server-table.results` once a new query is answered ("{count,
 plural, =0 {No results} one {# result} other {# results}}"; "{count, plural,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.32.1",
+	"version": "3.34.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -362,7 +362,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.38.0",
+		"@nxgt/material-core": "^0.39.0",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",