@nxgt/material 3.56.0 → 3.57.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nxgt/material
 
+## 3.57.0
+
+### Minor Changes
+
+- [#1954](https://github.com/softistx/nxgt-material/pull/1954) [`a56bc58`](https://github.com/softistx/nxgt-material/commit/a56bc58262e9d8347397281a756cbed8e7d43553) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `CountdownTimer` now says its warning state in words and an icon, not by tone alone: past `warningAt` it shows a clock icon and "Little time left" (`material.countdown-timer.warning`; fr "Il reste peu de temps"), and the threshold announcement includes the phrase. Pass `warningText="…"` to change the words or `warningText={false}` to hide the icon and phrase and keep the previous look. Additive; the clock, ring and the other tones are unchanged.
+
 ## 3.56.0
 
 ### Minor Changes

package/README.md

@@ -711,7 +711,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-progress.webp" width="120" alt="Progress"> | [`Progress`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#progress), `CircularProgress`, `ProgressField` | Material 3 Expressive linear bar and circular ring (flat or wavy, eight tones, buffer and stop dot), and a labelled progress field. | `Progress`, `CircularProgress`, `ProgressField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-scrollprogress.webp" width="120" alt="ScrollProgress"> | [`ScrollProgress`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#scrollprogress) | Hairline that tracks window or a scrollable `target` (`react-use` `useWindowScroll` / `useScroll`). `DocProgress` composes it. | `ScrollProgress` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-stepdots.webp" width="120" alt="StepDots"> | [`StepDots`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#stepdots) | Segmented step progress, each step coloured by its state (done, correct, incorrect, flagged), optionally clickable. | — |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-countdowntimer.webp" width="120" alt="CountdownTimer"> | [`CountdownTimer`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#countdowntimer) | Countdown clock with an emptying ring, amber then red as time runs out; announced only at its thresholds. | — |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-countdowntimer.webp" width="120" alt="CountdownTimer"> | [`CountdownTimer`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#countdowntimer) | Countdown clock with an emptying ring, amber then red as time runs out, with an icon and words in the warning; announced only at its thresholds. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-spinner.webp" width="120" alt="Spinner"> | [`Spinner`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#spinner) | Loading spinner in several styles and colours. | `Spinner` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-loadingindicator.webp" width="120" alt="LoadingIndicator"> | [`LoadingIndicator`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#loadingindicator) | Material 3 Expressive's loading indicator: a shape morphing while it turns, with no script. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-typingindicator.webp" width="120" alt="TypingIndicator"> | [`TypingIndicator`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#typingindicator) | Three dots in a wave, plain or as a chat bubble; still under reduced motion. | — |

package/dist/{async-slice-CORlM_wu.js → async-slice-B3RMgJUn.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./stored-language-_OGPBCn0.js";
-import { r } from "./translator-BIVSiq4X.js";
+import { i as e, r as t, t as n } from "./stored-language-C89mti-z.js";
+import { r } from "./translator-B5fId5Rw.js";
 import { t as i } from "./_baseIsEqual-C6ksIHya.js";
 import { useMemo as a } from "react";
 import { asyncThunkCreator as o, buildCreateSlice as s } from "@reduxjs/toolkit";

package/dist/{button-CdpVEza0.js → button-hnUZpzYu.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./is-production-GLw59WU8.js";
 import { n, t as r } from "./dist-DVRQkaTK.js";
-import { n as i, r as a, t as o } from "./spinner-BmUXTzvJ.js";
+import { n as i, r as a, t as o } from "./spinner-D4XGdse6.js";
 import { a as s, i as c, n as l, o as u, s as d, t as f } from "./use-click-lock-BZYtTmVt.js";
 import { t as p } from "./button-group-context-CaP0X5p_.js";
 import { t as m } from "./has-text-content-Ds2dkHX_.js";

package/dist/charts.js

@@ -1,12 +1,12 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./warn-once-C_e47JM8.js";
-import { t as r } from "./use-material-translation-C_bAxfvp.js";
-import { t as i } from "./button-CdpVEza0.js";
+import { t as r } from "./use-material-translation-BQOr4Oks.js";
+import { t as i } from "./button-hnUZpzYu.js";
 import { t as a } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as o, n as s, r as c, t as l } from "./util-4heV2LPI.js";
 import { t as u } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { t as d } from "./chip-C0yNYz9m.js";
+import { t as d } from "./chip-kplPa8ZV.js";
 import { c as f, d as p, f as m, i as h, o as g, p as _, s as v, t as y } from "./line-path-C5pZGC49.js";
 import { t as b } from "./live-status-BGPaN8r8.js";
 import { t as x } from "./linear-G97mfnKF.js";

package/dist/{chip-C0yNYz9m.js → chip-kplPa8ZV.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { r as t } from "./spinner-BmUXTzvJ.js";
+import { r as t } from "./spinner-D4XGdse6.js";
 import { s as n } from "./use-click-lock-BZYtTmVt.js";
-import { t as r } from "./use-material-translation-C_bAxfvp.js";
+import { t as r } from "./use-material-translation-BQOr4Oks.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { cloneElement as a, isValidElement as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/{code-editor-Bwzp2038.js → code-editor-Ba61Cd-g.js}

@@ -2,13 +2,13 @@ import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./is-production-GLw59WU8.js";
 import { a as r } from "./dist-lmHmz_bu.js";
-import { c as i, d as a, f as o, n as s, t as c } from "./dropdown-menu-C8PBmMIa.js";
-import { a as l, i as u, n as d } from "./field-blur-context-DxdIuHAY.js";
-import { a as f, d as p, r as m, t as h, u as g } from "./toolbar-items-DKfY_6AG.js";
-import { t as _ } from "./use-material-translation-C_bAxfvp.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-nP-pF7yH.js";
+import { c as i, d as a, f as o, n as s, t as c } from "./dropdown-menu-CvVQJpsn.js";
+import { a as l, i as u, n as d } from "./field-blur-context-CYlx9KnB.js";
+import { a as f, d as p, r as m, t as h, u as g } from "./toolbar-items-SZ5pyAFz.js";
+import { t as _ } from "./use-material-translation-BQOr4Oks.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-CsDC4Ky4.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { n as C, t as w } from "./escape-owner-CYnfySUl.js";
+import { n as C, t as w } from "./escape-owner-BJvicDmr.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";
 import { t as E } from "./react-node-text-Crkpfpco.js";
 import D, { memo as O, useCallback as ee, useEffect as k, useId as A, useImperativeHandle as j, useMemo as M, useRef as N, useState as P } from "react";

package/dist/code-editor.js

@@ -1,14 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t } from "./dist-lmHmz_bu.js";
-import { d as n, r, t as i, u as a } from "./toolbar-items-DKfY_6AG.js";
-import { t as o } from "./use-material-translation-C_bAxfvp.js";
-import { i as s, n as c, o as l } from "./code-language-items-nP-pF7yH.js";
-import { r as u, t as d } from "./field-blur-Nid7-bt_.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-SZ5pyAFz.js";
+import { t as o } from "./use-material-translation-BQOr4Oks.js";
+import { i as s, n as c, o as l } from "./code-language-items-CsDC4Ky4.js";
+import { r as u, t as d } from "./field-blur-Cnjk0o9A.js";
 import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { t as m } from "./use-mobile-BDro060N.js";
 import { t as h } from "./react-node-text-Crkpfpco.js";
-import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-Bwzp2038.js";
+import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-Ba61Cd-g.js";
 import { useEffect as k, useRef as A, useState as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { ChevronDown as F, ChevronUp as I, Columns2 as L } from "lucide-react";

package/dist/{code-language-items-nP-pF7yH.js → code-language-items-CsDC4Ky4.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-C8PBmMIa.js";
-import { t as n } from "./use-material-translation-C_bAxfvp.js";
+import { d as e, f as t } from "./dropdown-menu-CvVQJpsn.js";
+import { t as n } from "./use-material-translation-BQOr4Oks.js";
 import { t as r } from "./live-status-BGPaN8r8.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";