@nxgt/material 3.55.0 → 3.57.0

package/dist/pdf-reader.js

@@ -1,3 +1,3 @@
-import { t as e } from "./public-tWgM204K.js";
+import { t as e } from "./public-DVZJVdxD.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-TQAEPlJ5.js";
-import { t } from "./translate-material-hUA-UAP6.js";
+import { r as e } from "./i18n-provider-DBr59j1p.js";
+import { t } from "./translate-material-BkqnImND.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-tWgM204K.js → public-DVZJVdxD.js}

@@ -3,21 +3,21 @@ 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-GKZcQmrR.js";
+import { n as u, s as d } from "./spinner-D4XGdse6.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-BzfHcRo6.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-DUZF4xAJ.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-BrJI-BCs.js";
-import { t as N } from "./use-material-translation-B1p5y3s9.js";
-import { t as _e } from "./button-CD7f4KFL.js";
-import { n as ve, t as ye } from "./icon-button-B8tdlP6R.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-DS8O4Kkb.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-CvVQJpsn.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-SZ5pyAFz.js";
+import { t as N } from "./use-material-translation-BQOr4Oks.js";
+import { t as _e } from "./button-hnUZpzYu.js";
+import { n as ve, t as ye } from "./icon-button-QF7smCoV.js";
 import { t as be } from "./useEvent-2fKq-6w8.js";
 import { n as xe, t as Se } from "./toggle-group-BkH23Jk4.js";
-import { o as Ce } from "./escape-owner-BYs2_7T5.js";
+import { o as Ce } from "./escape-owner-BJvicDmr.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-D9o2id1p.js";
+import { n as Ee, t as De } from "./empty-state-4gmbCkcw.js";
 import { t as Oe } from "./client-only.utils-3nHNzCki.js";
 import { t as ke } from "./use-scroll-away-PQRFZkT2.js";
 import * as P from "react";

package/dist/{rich-code-block-0OcsqURY.js → rich-code-block-DL5-9JIi.js}

@@ -1,7 +1,7 @@
-import { r as e } from "./spinner-GKZcQmrR.js";
-import { c as t, n, t as r } from "./dropdown-menu-DUZF4xAJ.js";
-import { t as i } from "./use-material-translation-B1p5y3s9.js";
-import { a, i as o, n as s, o as c, t as l } from "./code-language-items-BxlY6onk.js";
+import { r as e } from "./spinner-D4XGdse6.js";
+import { c as t, n, t as r } from "./dropdown-menu-CvVQJpsn.js";
+import { t as i } from "./use-material-translation-BQOr4Oks.js";
+import { a, i as o, n as s, o as c, t as l } from "./code-language-items-CsDC4Ky4.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-tOhXy6Qo.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
+var N = g(() => import("./code-editor-Ba61Cd-g.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
 function P() {
 	let { t: e } = i();
 	return /* @__PURE__ */ b("div", {

package/dist/{sortable-provider-DzFAlPU_.js → sortable-provider-DrpBwx75.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-B1p5y3s9.js";
-import { t as r } from "./icon-button-B8tdlP6R.js";
+import { t as n } from "./use-material-translation-BQOr4Oks.js";
+import { t as r } from "./icon-button-QF7smCoV.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-GKZcQmrR.js → spinner-D4XGdse6.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-B1p5y3s9.js";
+import { t as w } from "./use-material-translation-BQOr4Oks.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/{stored-language-B39mABN7.js → stored-language-C89mti-z.js}

@@ -321,6 +321,10 @@ var t = {
 			correct: "Correct!",
 			incorrect: "Not quite",
 			unanswered: "Not answered",
+			pending: "Awaiting grading",
+			"points-of": "{awarded} / {possible} points",
+			audio: "Audio for this question",
+			document: "Document for this question",
 			"correct-answer": "Correct answer: {answer}",
 			"your-answer": "Your answer: {answer}",
 			streak: "{count} in a row",
@@ -340,6 +344,14 @@ var t = {
 			"retry-wrong": "{count, plural, one {Retry # question} other {Retry # questions}}",
 			retrying: "Retry round: {count, plural, one {# question} other {# questions}}"
 		},
+		"question-navigator": {
+			label: "Questions",
+			item: "Question {number}",
+			answered: "answered",
+			unanswered: "not answered",
+			flagged: "flagged",
+			current: "current"
+		},
 		"step-dots": {
 			label: "Progress",
 			step: "Step {current} of {total}",
@@ -352,7 +364,8 @@ var t = {
 		"countdown-timer": {
 			label: "Time remaining",
 			left: "{time} left",
-			expired: "Time is up"
+			expired: "Time is up",
+			warning: "Little time left"
 		},
 		"option-tile": {
 			correct: "correct answer",
@@ -1334,7 +1347,26 @@ var t = {
 			busy: "Busy",
 			active: "Active"
 		},
+		"vote-tally": {
+			votes: "{count, plural, one {# vote} other {# votes}}",
+			share: "{percent}%",
+			leader: "Leader",
+			tie: "Tie",
+			selected: "Your vote",
+			empty: "No votes yet",
+			more: "+{count} more",
+			"voters-of": "Voters for {label}",
+			abstained: "{count, plural, one {# abstention} other {# abstentions}}",
+			cast: "{count, plural, one {# vote cast} other {# votes cast}}",
+			leads: "{names} leads with {votes}",
+			"tied-between": "Tie between {names}, {votes} each"
+		},
 		"seat-ring": { empty: "Empty seat" },
+		"secret-card": {
+			reveal: "Show secret",
+			revealed: "Secret revealed",
+			hidden: "Secret hidden"
+		},
 		"country-field": { placeholder: "Country" },
 		"duration-field": {
 			hours: "h",
@@ -3162,6 +3194,10 @@ var t = {
 			correct: "Bonne réponse !",
 			incorrect: "Pas tout à fait",
 			unanswered: "Sans réponse",
+			pending: "En attente de correction",
+			"points-of": "{awarded} / {possible} points",
+			audio: "Audio de cette question",
+			document: "Document de cette question",
 			"correct-answer": "Bonne réponse : {answer}",
 			"your-answer": "Votre réponse : {answer}",
 			streak: "{count} d’affilée",
@@ -3181,6 +3217,14 @@ var t = {
 			"retry-wrong": "{count, plural, one {Refaire # question} other {Refaire # questions}}",
 			retrying: "Nouvel essai : {count, plural, one {# question} other {# questions}}"
 		},
+		"question-navigator": {
+			label: "Questions",
+			item: "Question {number}",
+			answered: "répondue",
+			unanswered: "sans réponse",
+			flagged: "marquée",
+			current: "en cours"
+		},
 		"step-dots": {
 			label: "Progression",
 			step: "Étape {current} sur {total}",
@@ -3193,7 +3237,8 @@ var t = {
 		"countdown-timer": {
 			label: "Temps restant",
 			left: "Plus que {time}",
-			expired: "Temps écoulé"
+			expired: "Temps écoulé",
+			warning: "Il reste peu de temps"
 		},
 		"option-tile": {
 			correct: "bonne réponse",
@@ -4175,7 +4220,26 @@ var t = {
 			busy: "Occupé",
 			active: "Actif"
 		},
+		"vote-tally": {
+			votes: "{count, plural, one {# vote} other {# votes}}",
+			share: "{percent} %",
+			leader: "En tête",
+			tie: "Égalité",
+			selected: "Votre vote",
+			empty: "Aucun vote pour l'instant",
+			more: "+{count} de plus",
+			"voters-of": "Votants pour {label}",
+			abstained: "{count, plural, one {# abstention} other {# abstentions}}",
+			cast: "{count, plural, one {# vote exprimé} other {# votes exprimés}}",
+			leads: "{names} est en tête avec {votes}",
+			"tied-between": "Égalité entre {names}, {votes} chacun"
+		},
 		"seat-ring": { empty: "Place libre" },
+		"secret-card": {
+			reveal: "Afficher le secret",
+			revealed: "Secret révélé",
+			hidden: "Secret masqué"
+		},
 		"country-field": { placeholder: "Pays" },
 		"duration-field": {
 			hours: "h",

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-B1p5y3s9.js";
+import { t as l } from "./use-material-translation-BQOr4Oks.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-C8idk_jQ.js";
+import { t as p } from "./theme-toggle-BFhqLmgx.js";
 import { n as m, t as h } from "./nxgt-theme-ivgNca3z.js";
 import { useContext as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";

package/dist/{theme-toggle-C8idk_jQ.js → theme-toggle-BFhqLmgx.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./use-material-translation-B1p5y3s9.js";
+import { t as e } from "./use-material-translation-BQOr4Oks.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-BrJI-BCs.js → toolbar-items-SZ5pyAFz.js}

@@ -2,13 +2,13 @@ import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./warn-once-C_e47JM8.js";
 import { o as n, r, t as i } from "./dist-DVRQkaTK.js";
 import { a, c as o, i as s, l as c, r as l, s as u } from "./dist-lmHmz_bu.js";
-import { C as d, S as f, d as p, f as m, m as h, p as g, r as _, u as v } from "./spinner-GKZcQmrR.js";
+import { C as d, S as f, d as p, f as m, m as h, p as g, r as _, u as v } from "./spinner-D4XGdse6.js";
 import { i as y, n as b, r as x, t as S } from "./dist-C4wtXCjf.js";
 import { a as C, c as w, l as T, o as E, 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-DUZF4xAJ.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-CvVQJpsn.js";
 import { a as ve, n as ye, r as be, t as xe } from "./dist-B7RjY7SL.js";
-import { t as Se } from "./use-material-translation-B1p5y3s9.js";
-import { o as Ce } from "./escape-owner-BYs2_7T5.js";
+import { t as Se } from "./use-material-translation-BQOr4Oks.js";
+import { o as Ce } from "./escape-owner-BJvicDmr.js";
 import * as D from "react";
 import { createContext as O, useCallback as we, useContext as k, useEffect as A, useId as Te, useLayoutEffect as j, useMemo as M, useReducer as Ee, useRef as N, useState as P } from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";

package/dist/{translate-material-hUA-UAP6.js → translate-material-BkqnImND.js}

@@ -1,5 +1,5 @@
-import "./stored-language-B39mABN7.js";
-import { a as e, r as t, t as n } from "./translator-1ql2sxrx.js";
+import "./stored-language-C89mti-z.js";
+import { a as e, r as t, t as n } from "./translator-B5fId5Rw.js";
 //#region lib/i18n/translate-material.ts
 var r = /* @__PURE__ */ new WeakMap();
 function i(e) {

package/dist/{translator-1ql2sxrx.js → translator-B5fId5Rw.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-B39mABN7.js";
+import { a as t, i as n, r, t as i } from "./stored-language-C89mti-z.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-DQpb8ZXV.js → use-chat-composer-BG5B4DGB.js}

@@ -5,39 +5,39 @@ import { t as r } from "./warn-once-C_e47JM8.js";
 import { n as i } from "./use-shape-morph-DXdy2X5g.js";
 import { n as a, o, t as s } from "./dist-DVRQkaTK.js";
 import { a as c, c as l, i as u, l as d, n as f, o as p, r as m, s as h, t as g } from "./dist-lmHmz_bu.js";
-import { _, a as v, b as y, c as b, g as x, h as S, i as C, n as w, o as T, r as E, s as D, t as O, v as k, x as A, y as ee } from "./spinner-GKZcQmrR.js";
+import { _, a as v, b as y, c as b, g as x, h as S, i as C, n as w, o as T, r as E, s as D, t as O, v as k, x as A, y as ee } from "./spinner-D4XGdse6.js";
 import { a as j, i as M, n as N, r as te, t as ne } from "./dist-C4wtXCjf.js";
 import { i as P, n as re, t as ie } from "./in-dialog-Vwkyp-M5.js";
-import { A as F, C as ae, D as oe, E as se, O as I, S as ce, T as le, _ as ue, b as de, f as fe, g as pe, k as me, l as he, m as ge, n as _e, o as ve, r as ye, s as be, t as xe, u as Se, v as Ce, w as we, x as Te, y as Ee } from "./dialog-BzfHcRo6.js";
+import { A as F, C as ae, D as oe, E as se, O as I, S as ce, T as le, _ as ue, b as de, f as fe, g as pe, k as me, l as he, m as ge, n as _e, o as ve, r as ye, s as be, t as xe, u as Se, v as Ce, w as we, x as Te, y as Ee } from "./dialog-DS8O4Kkb.js";
 import { A as De, C as Oe, D as ke, E as Ae, O as je, S as Me, T as Ne, _ as Pe, a as Fe, b as Ie, d as Le, f as Re, g as ze, h as Be, i as Ve, k as He, l as Ue, m as We, n as Ge, o as Ke, p as qe, r as Je, s as Ye, t as Xe, u as Ze, v as Qe, w as $e, x as et, y as tt } from "./floating-ui.dom-KkZSW8_E.js";
-import { D as nt, E as rt, N as it, O as at, c as L, d as ot, f as st, i as ct, k as lt, m as ut, n as dt, o as ft, p as pt, t as mt, u as ht } from "./dropdown-menu-DUZF4xAJ.js";
-import { a as gt, i as _t, n as vt } from "./field-blur-context-ZsK8OTNg.js";
-import { C as yt, S as bt, a as xt, c as St, d as Ct, l as wt, n as Tt, o as Et, s as Dt, u as Ot } from "./toolbar-items-BrJI-BCs.js";
+import { D as nt, E as rt, N as it, O as at, c as L, d as ot, f as st, i as ct, k as lt, m as ut, n as dt, o as ft, p as pt, t as mt, u as ht } from "./dropdown-menu-CvVQJpsn.js";
+import { a as gt, i as _t, n as vt } from "./field-blur-context-CYlx9KnB.js";
+import { C as yt, S as bt, a as xt, c as St, d as Ct, l as wt, n as Tt, o as Et, s as Dt, u as Ot } from "./toolbar-items-SZ5pyAFz.js";
 import { a as kt, i as At, n as jt, o as Mt, t as Nt } from "./bubble-input-B7BVd9fX.js";
 import { i as Pt } from "./dist-B7RjY7SL.js";
 import { o as Ft, s as It, t as Lt } from "./use-click-lock-BZYtTmVt.js";
 import { a as Rt, r as zt } from "./icon-sprites-CaYXzOL4.js";
-import "./stored-language-B39mABN7.js";
-import { a as Bt } from "./translator-1ql2sxrx.js";
+import "./stored-language-C89mti-z.js";
+import { a as Bt } from "./translator-B5fId5Rw.js";
 import { h as Vt } from "./get-CTzJAwfc.js";
 import { t as Ht } from "./isEmpty-F_g3jLf8.js";
-import { t as R } from "./use-material-translation-B1p5y3s9.js";
-import { i as Ut, r as Wt, t as Gt } from "./button-CD7f4KFL.js";
-import { t as z } from "./icon-button-B8tdlP6R.js";
+import { t as R } from "./use-material-translation-BQOr4Oks.js";
+import { i as Ut, r as Wt, t as Gt } from "./button-hnUZpzYu.js";
+import { t as z } from "./icon-button-QF7smCoV.js";
 import { t as Kt } from "./use-ssr-media-query-C6M5m8sf.js";
 import { n as qt, t as Jt } from "./util-4heV2LPI.js";
 import { t as Yt } from "./useEvent-2fKq-6w8.js";
-import { f as Xt } from "./field-blur-r1tHwqdF.js";
+import { f as Xt } from "./field-blur-Cnjk0o9A.js";
 import { c as Zt, i as Qt, l as $t, o as en, r as tn, s as nn, t as rn } from "./dist-C3GR7kJd.js";
 import { i as an } from "./toggle-group-BkH23Jk4.js";
-import { a as on, i as sn, o as cn } from "./escape-owner-BYs2_7T5.js";
+import { a as on, i as sn, o as cn } from "./escape-owner-BJvicDmr.js";
 import { n as ln } from "./use-slice-reducer-BGkeGtML.js";
 import { t as un } from "./browser-only-DQ94lWF8.js";
 import { t as dn } from "./compose-refs-DZ0iIVF-.js";
-import { n as fn, r as pn, t as mn } from "./chip-Cl7Wm8Pn.js";
-import { n as hn, t as gn } from "./icon-badge-BlaY_a-P.js";
+import { n as fn, r as pn, t as mn } from "./chip-kplPa8ZV.js";
+import { n as hn, t as gn } from "./icon-badge-4FMy66AC.js";
 import { r as _n } from "./use-csp-nonce-ZKs9k-ov.js";
-import { t as vn } from "./empty-state-D9o2id1p.js";
+import { t as vn } from "./empty-state-4gmbCkcw.js";
 import { t as yn } from "./skeleton-DSdtr2qc.js";
 import { H as bn, V as xn, X as Sn, bt as Cn, it as wn, lt as Tn, n as En, t as Dn, xt as On, yt as kn } from "./dist-moutbfbd.js";
 import { t as An } from "./markdown-Dw_uH7j7.js";
@@ -11353,7 +11353,7 @@ var tC = (e = {}) => jn({
 		let [{ default: t }, { lowlight: n }, { richCodeBlock: r }] = await Promise.all([
 			import("./dist-CRMFGjng.js"),
 			import("./lowlight-OtcjU2Sa.js"),
-			import("./rich-code-block-0OcsqURY.js")
+			import("./rich-code-block-DL5-9JIi.js")
 		]);
 		return [r(t, {
 			lowlight: n,

package/dist/{use-heading-spy-vlPOI1Aj.js → use-heading-spy-51GQw8tH.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./i18n-provider-TQAEPlJ5.js";
+import { r as e } from "./i18n-provider-DBr59j1p.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, useState as d } from "react";
 import { busySettler as f, busySettler as p, createSubmitGuard as m, createSubmitGuard as h } from "@nxgt/material-core/submit-guard";
@@ -437,10 +437,37 @@ function j(e) {
 	}), [t, r]);
 }
 //#endregion
+//#region lib/hooks/use-countdown.ts
+function M(e, { paused: t = !1, onExpire: n, key: r } = {}) {
+	let [i, a] = d(e), [o, s] = d({
+		duration: e,
+		key: r
+	}), l = u(e), f = u(n);
+	f.current = n;
+	let p = o.duration !== e || o.key !== r;
+	return p && (s({
+		duration: e,
+		key: r
+	}), a(e)), c(() => {
+		l.current = e;
+	}, [e, r]), c(() => {
+		if (t || l.current <= 0) return;
+		let e = Date.now() + l.current * 1e3, n = window.setInterval(() => {
+			let t = Math.max(0, (e - Date.now()) / 1e3);
+			l.current = t, a(t), t <= 0 && (window.clearInterval(n), f.current?.());
+		}, 250);
+		return () => window.clearInterval(n);
+	}, [
+		t,
+		e,
+		r
+	]), p ? e : i;
+}
+//#endregion
 //#region lib/hooks/use-heading-spy.ts
-var M = "0px 0px -65% 0px", N = [0, 1];
-function P(e, t, n) {
-	let r = n?.rootMargin ?? M, i = n?.threshold ?? N;
+var N = "0px 0px -65% 0px", P = [0, 1];
+function F(e, t, n) {
+	let r = n?.rootMargin ?? N, i = n?.threshold ?? P;
 	c(() => {
 		if (e.length === 0) return;
 		let n = e.map((e) => document.getElementById(e)).filter((e) => e != null);
@@ -462,4 +489,4 @@ function P(e, t, n) {
 	]);
 }
 //#endregion
-export { A as a, j as i, p as n, k as o, h as r, P as t };
+export { j as a, h as i, M as n, A as o, p as r, k as s, F as t };

package/dist/{use-material-translation-B1p5y3s9.js → use-material-translation-BQOr4Oks.js}

@@ -1,5 +1,5 @@
-import { r as e } from "./i18n-provider-TQAEPlJ5.js";
-import { t } from "./translate-material-hUA-UAP6.js";
+import { r as e } from "./i18n-provider-DBr59j1p.js";
+import { t } from "./translate-material-BkqnImND.js";
 import { useCallback as n } from "react";
 //#region lib/i18n/use-material-translation.ts
 function r() {

package/docs/components/README.md

@@ -64,7 +64,7 @@ Picking among options: select, combobox, autocomplete, checkbox, radio, card and
 
 ## [Data display](data-display.md)
 
-Read-only presentation: avatar, shape, badge, chip, stat and metric cards, card presets, list tile, timeline, code, markdown, terminal, API docs blocks, QR and barcode, two-step verification (enrolment secret, recovery codes), day separator. 28 entries.
+Read-only presentation: avatar, shape, badge, chip, stat and metric cards, card presets, list tile, timeline, code, markdown, terminal, API docs blocks, QR and barcode, two-step verification (enrolment secret, recovery codes), seat ring, secret card, vote tally, day separator. 37 entries.
 
 [<img src="../previews/data-display-avatar.webp" height="72" alt="Avatar">](data-display.md#avatar)
 [<img src="../previews/data-display-shape.webp" height="72" alt="Shape">](data-display.md#shape)

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

@@ -869,6 +869,7 @@ stop, announced as a link.
 | `reloadDocument`, `preventScrollReset` | as `Link` | — | passed to the router link |
 | `viewTransition` | as `Link` | — | **Deprecated**, still passed to the router link: use `ActivityLayout`'s [route transition](../guides/app-shell.md#route-transitions) (React's `<ViewTransition>`); removed after React Router v9 |
 | `download` | `boolean \| string` | — | the anchor's `download` attribute: saves the target (under that name, for a string) instead of opening it |
+| `linkComponent` | `LinkComponent` | React Router's `Link`, or the [`LinkComponentProvider`](./primitives.md#linkcomponentprovider)'s | renders the link with your own component, given `to` as `href` with `target` and `download`; `replace`, `state`, `reloadDocument`, `preventScrollReset` and `viewTransition` are router-only and not passed |
 
 For a file served by a route, skip the client navigation and save it:
 

package/docs/components/data-display.md

@@ -9,6 +9,7 @@ from `@nxgt/material/components`.
 | <img src="../previews/data-display-avatar.webp" width="96" alt=""> | [Avatar](#avatar) | Image with a fallback and an optional online / offline dot |
 | <img src="../previews/data-display-avatargroup.webp" width="96" alt=""> | [AvatarGroup](#avatargroup) | Overlapping avatars with a `+N` overflow |
 | <img src="../previews/data-display-seatring.webp" width="96" alt=""> | [SeatRing](#seatring) | Participants as seats around a circle or in a grid, optionally pickable |
+| <img src="../previews/data-display-secretcard.webp" width="96" alt=""> | [SecretCard](#secretcard) | A card whose secret is not rendered until it is revealed |
 | <img src="../previews/data-display-shape.webp" width="96" alt=""> | [Shape](#shape) | Material 3 Expressive's shapes as a backdrop, an icon container or a mask for a photo |
 | <img src="../previews/data-display-badge.webp" width="96" alt=""> | [Badge](#badge) | Status pill, 20 px, in seven tones, soft or outlined, with an optional decorative `icon` before the words |
 | <img src="../previews/data-display-countbadge.webp" width="96" alt=""> | [CountBadge](#countbadge) | Count in the corner of its children |
@@ -28,6 +29,7 @@ from `@nxgt/material/components`.
 | <img src="../previews/data-display-timeline.webp" width="96" alt=""> | [Timeline](#timeline) | Vertical event timeline: shaped markers, cards, alternating sides, day groups (`DaySeparator` headings, words from `material.day-separator.*`), relative times; `layout="auto"` needs a parent with a definite width (`rail` in a `w-fit` parent) |
 | <img src="../previews/data-display-changehistory.webp" width="96" alt=""> | [ChangeHistory](#changehistory) | History of the changes made to anything, as a rail or as cards |
 | <img src="../previews/data-display-zonedtime.webp" width="96" alt=""> | [ZonedTime](#zonedtime) | A moment written in a given time zone, identical on the server and the client |
+| <img src="../previews/data-display-votetally.webp" width="96" alt=""> | [VoteTally](#votetally) | A live ranked tally of a vote, with counts, shares and voters |
 | <img src="../previews/data-display-eventchip.webp" width="96" alt=""> | [EventChip](#eventchip) | Calendar event pill, soft, solid or outlined |
 | <img src="../previews/data-display-codeblock.webp" width="96" alt=""> | [CodeBlock](#codeblock) | Code, JSON tree and tabbed samples |
 | <img src="../previews/data-display-markdown.webp" width="96" alt=""> | [Markdown](#markdown) | GFM with math and mermaid |
@@ -192,6 +194,80 @@ no `style` attribute and a strict CSP is fine.
 
 ---
 
+## SecretCard
+
+![SecretCard](../previews/data-display-secretcard.webp)
+
+A card that holds a secret and shows it only after a deliberate tap or click: a
+private role in a party game, a one-time code, a recovery key, a card to turn
+over. It is hidden by default, can be hidden again, and can hide itself after a
+delay. The secret (`back`) is **not rendered** while hidden, so it is not in the
+markup, not read by a screen reader and not copied; it is not merely covered by CSS.
+
+```tsx
+import { Button, SecretCard } from '@nxgt/material/components';
+
+<SecretCard
+  title="Your role"
+  description="Look alone, then hide it."
+  back={<p>Night watch</p>}
+  autoHideMs={8000}
+  actions={<Button variant="outlined">Next player</Button>}
+/>
+```
+
+| Prop | Type | Default | Notes |
+| --- | --- | --- | --- |
+| `title` | `ReactNode` | required | the name, always shown (a heading, `h3`) |
+| `back` | `ReactNode` | required | the secret, rendered only while revealed |
+| `description` | `ReactNode` | - | a hint, shown only while hidden |
+| `front` | `ReactNode` | neutral pattern | the hidden face; put no secret in it |
+| `icon` | `ReactNode` | - | decorative, before the title |
+| `tone` | `Tone` | - | `data-tone`: a named tone or an app's |
+| `actions` | `ReactNode` | - | buttons beside the reveal button |
+| `revealed` + `onRevealedChange` | `boolean` + `(revealed) => void` | - | controlled |
+| `defaultRevealed`, `onRevealedChange` | `boolean`, `(revealed) => void` | `false` | uncontrolled; never together with `revealed` |
+| `autoHideMs` | `number` | - | hides again after this long shown; also calls `onRevealedChange(false)` |
+| `disabled` | `boolean` | `false` | the card cannot be revealed; a revealed card can always be hidden |
+| `labels` | `Partial<{ reveal, revealed, hidden }>` | `material.secret-card.*` | the button's name ("Show secret") and the announcements |
+
+Controlled, with your own words:
+
+```tsx
+const [open, setOpen] = useState(false);
+
+<SecretCard
+  title="Recovery key"
+  back={<code>K7QF-92LM</code>}
+  revealed={open}
+  onRevealedChange={setOpen}
+  labels={{ reveal: 'Show the key', revealed: 'Key shown', hidden: 'Key hidden' }}
+/>
+```
+
+**Accessibility**
+
+- The reveal is a real `button`, a disclosure: one name ("Show secret"; the
+  icon changes) and `aria-expanded` for the state, with `aria-controls` on the
+  face. Only a click, a tap, Enter or Space reveals: no hover, so a scroll
+  never reveals it.
+- A click is carried by `aria-expanded`, so nothing is announced for it. A
+  change a click does not explain (`autoHideMs`, the parent) is said through a
+  polite live region ("Secret revealed", "Secret hidden"). The message never
+  holds the secret, and nothing is said on the first render.
+- When the face that held focus is swapped (a focusable `back` on auto-hide, a
+  focusable `front` on reveal), focus moves to the reveal button.
+- `disabled` stops a reveal only: a revealed card can always be hidden.
+- The flip runs only after a change (not on first render or hydration) and
+  without `prefers-reduced-motion`; with it the face changes at once.
+- The card is full width up to 28rem, the button is at least 44px high, and
+  the layout follows `dir` (RTL) and dark mode.
+- Keep `front` and `description` free of the secret: they are always in the page.
+
+**Storybook:** `Data display/SecretCard` · **Vue:** not yet (#1938)
+
+---
+
 ## Shape
 
 ![Shape](../previews/data-display-shape.webp)
@@ -417,7 +493,7 @@ import { Link } from 'react-router';
 | `items` | `PeriodCardItem[]` | — | `id`, `title`, `start`, `end` (`Date`, ISO string or timestamp, read as local days; `'2026-09-01'` is that day, not UTC), and optionally `state`, `description`, `badges`, `footer`, `href` |
 | `today` | `DayInput \| false` | now | the day that tells the current period, by calendar day, both ends included; `false` turns the detection off |
 | `state` (per item) | `'past' \| 'current' \| 'upcoming'` | from `today` | an explicit state wins over the dates |
-| `linkComponent` | `LinkComponent` | `<a>` | the title's link, as the app shell's |
+| `linkComponent` | `LinkComponent` | `<a>` | the title's link, as the app shell's. Defaults to the [`LinkComponentProvider`](./primitives.md#linkcomponentprovider)'s link when one is set. |
 | `emptyState` | `ReactNode` | — | shown instead of the list when `items` is empty |
 | `headingLevel` | `2 \| 3 \| 4` | `3` | the level of each card's heading |
 | `dateFormat` | `Intl.DateTimeFormatOptions` | day, short month, year | how the range reads, through `formatRange` |
@@ -882,7 +958,7 @@ A tile with an `href` ends with a discreet chevron after `trailing`: decorative
 | --- | --- | --- | --- |
 | `href` | `string` | — | renders an `<a>`, with a chevron by default |
 | `chevron` | `boolean` | `true` with an `href`, else `false` | the decorative chevron after `trailing` |
-| `linkComponent` | `AppShellLinkComponent` | plain `<a>` | the link element, as in the app shell: takes `href`, spreads every other prop, forwards `ref` |
+| `linkComponent` | `AppShellLinkComponent` | plain `<a>` | the link element, as in the app shell: takes `href`, spreads every other prop, forwards `ref`. Defaults to the [`LinkComponentProvider`](./primitives.md#linkcomponentprovider)'s link when one is set. |
 | `onClick` | `MouseEventHandler` | — | renders a `<button>` |
 | `selected` | `boolean` | `false` | the current row: drawn selected; a link gets `aria-current="page"` (your own `aria-current` replaces it), a button `aria-pressed` |
 | `toggle` | `Switch` props | — | makes the tile a switch row (see below): the whole row toggles a Switch at its end; `href`, `onClick`, `actions`, `chips`, `chevron` and `linkComponent` are refused beside it by type |
@@ -1231,6 +1307,75 @@ the same way; pass the app's zone from the server so every screen agrees.
 
 ---
 
+## VoteTally
+
+![VoteTally](../previews/data-display-votetally.webp)
+
+A live ranked tally of a vote: a poll, a decision in a meeting, an election, a
+party-game ballot. One row per option with its count and share written as text
+("Ada Example, 3 votes, 60%"), a bar beneath, and who voted for it. The leader,
+a tie and the viewer's own vote are marked in words. Counts can change while
+the page is open.
+
+```tsx
+import { VoteTally } from '@nxgt/material/components';
+
+<VoteTally
+  aria-label="Best day"
+  options={[
+    { id: 'mon', label: 'Monday', count: 5, voters: [{ id: 'ada', label: 'Ada Example' }] },
+    { id: 'tue', label: 'Tuesday', count: 2 },
+  ]}
+  selectedId="tue"
+  abstainCount={1}
+/>
+```
+
+| Prop | Type | Default | Notes |
+| --- | --- | --- | --- |
+| `options` | `VoteOption[]` | required | `{ id, label, count, voters?: { id, label, avatar? }[], avatar? }` |
+| `total` | `number` | sum of counts | base of the shares; abstentions are never in it. `0` or less falls back to the sum. A `total` below the sum caps each share at 100 |
+| `sort` | `'count' \| 'none'` | `'count'` | highest first; equal counts keep their order and share a rank |
+| `selectedId` | `string` | — | the viewer's vote: "Your vote" badge and the primary fill |
+| `showLeader` | `boolean` | `true` | "Leader" on a single top option, "Tie" on each of several; no arbitrary leader. Off: no mark, no emphasis, and the status says the votes cast instead of who leads |
+| `showVoters` | `'none' \| 'avatars' \| 'names'` | `'avatars'` | avatars, or a line of names |
+| `maxVoters` | `number` | `5` | voters shown before "+N"; names mode ends with "+N more" |
+| `abstainCount` | `number` | — | shown under the bars ("2 abstentions") and added to the announcement |
+| `animated` | `boolean` | `true` | the bar's width eases when a count changes (only the width), never under `prefers-reduced-motion` |
+| `emptyLabel` | `ReactNode` | "No votes yet" | shown while no option has a vote, rows (if any) stay beneath it |
+| `announceDelay` | `number` | `1000` | ms a change waits before it is announced |
+| `renderOption`, `renderVoters` | `(row) => ReactNode` | — | replace a row's label cell or voters; `row` has `option`, `rank`, `percent`, `leader`, `tied`, `selected` |
+| `header`, `footer` | `ReactNode` | — | above and below the rows |
+| `aria-label` / `aria-labelledby` | `string` | — | names the list: always give one |
+| `className`, other `div` props | — | — | go to the root `div` |
+
+**Shares.** Percentages are whole numbers. When `total` is the sum of the
+counts they add up to 100 (largest remainder: 1, 1 and 1 vote read 34%, 33%,
+33%). With a larger `total` (voters still to come) each share is rounded on its
+own, so they add up to less.
+
+**Accessibility**
+
+- A `list` of `listitem`s. Each row's text is real: the label, then
+  "3 votes" and "60%". The bars are `aria-hidden`.
+- Leader, tie and "Your vote" are words in badges, never colour alone.
+- A visually hidden polite status says where the vote stands ("Monday leads
+  with 5 votes", "Tie between Ada and Bo, 3 votes each"), and any
+  abstentions, once changes stop for
+  `announceDelay`. It never says the page as loaded, and a burst of updates is
+  one announcement.
+- Voters are a named group (`Voters for Monday`) of avatars each named by the
+  voter, or a line of names.
+- One column at any width: on a phone the count wraps under the label, long
+  labels wrap, and a bar keeps its own line so changing counts do not move rows.
+  It mirrors in right-to-left, and the bars follow the theme in dark mode.
+- Bar widths are SVG attributes, so server markup has no `style` attribute and
+  a strict CSP is fine.
+
+**Storybook:** `Data display/VoteTally` · **Vue:** not yet (#1940)
+
+---
+
 ## EventChip
 
 ![EventChip](../previews/data-display-eventchip.webp)