@nxgt/material 3.83.0 → 3.84.1

package/dist/{use-chat-composer-DG9YkB4L.js → use-chat-composer-BqLkk_iH.js}

@@ -4,28 +4,28 @@ 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 { i as s, n as c, r as l, t as u } from "./dist-DWZXlCZR.js";
-import { _ as d, a as f, b as p, g as m, h, i as g, m as _, n as v, o as y, r as b, s as x, t as S, v as C, y as w } from "./spinner-DH1mm8hH.js";
+import { _ as d, a as f, b as p, g as m, h, i as g, m as _, n as v, o as y, r as b, s as x, t as S, v as C, y as w } from "./spinner-C6LP2Rw8.js";
 import { a as T, i as E, n as D, r as O, t as k } from "./dist-DHdUUM1w.js";
 import { a as A, i as ee } from "./dist-DOK3zo5C.js";
 import { i as j, n as M } from "./in-dialog-D61Yeaol.js";
-import { c as N, l as P, n as te, r as F, t as ne } from "./alert-dialog-DXLJ4AZP.js";
+import { c as N, l as P, n as te, r as F, t as ne } from "./alert-dialog-1t6ULy5i.js";
 import { A as re, C as ie, D as ae, E as oe, O as se, S as I, T as ce, _ as le, a as ue, b as de, d as fe, f as pe, g as me, h as he, i as ge, k as _e, l as ve, m as ye, n as be, o as xe, p as Se, r as Ce, s as we, t as Te, u as Ee, v as De, w as Oe, x as ke, y as Ae } from "./floating-ui.dom-KkZSW8_E.js";
-import { D as je, E as Me, N as Ne, O as Pe, c as Fe, d as Ie, f as Le, i as Re, k as ze, m as Be, n as Ve, o as He, p as Ue, t as We, u as Ge } from "./dropdown-menu-C6rcYGB9.js";
+import { D as je, E as Me, N as Ne, O as Pe, c as Fe, d as Ie, f as Le, i as Re, k as ze, m as Be, n as Ve, o as He, p as Ue, t as We, u as Ge } from "./dropdown-menu-CDKev8dk.js";
 import { a as Ke, i as qe, n as Je } from "./field-blur-context-BLGgf_3z.js";
-import { i as Ye, n as Xe, r as Ze, t as Qe } from "./popover-YmbzbKQG.js";
+import { i as Ye, n as Xe, r as Ze, t as Qe } from "./popover-3EF4q2CT.js";
 import { a as $e, i as et, n as tt, o as nt, t as rt } from "./bubble-input-CQwVSoU3.js";
-import { n as it, r as at, t as ot, u as st } from "./tabs-Um0SFyf1.js";
-import { a as ct, n as lt, o as ut, s as dt, v as ft, y as pt } from "./toolbar-items-BoEY5bkt.js";
+import { n as it, r as at, t as ot, u as st } from "./tabs-Bj1zOe7-.js";
+import { a as ct, n as lt, o as ut, s as dt, v as ft, y as pt } from "./toolbar-items-CEIuSxU_.js";
 import { t as mt } from "./dist-DkQbkF9T.js";
 import { o as ht, s as gt, t as _t } from "./use-click-lock-Bwg_caHO.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-CSKUtMI3.js";
-import { a as Ct } from "./translator-CcEgQ-H7.js";
+import { r as xt, t as St } from "./button-DhiNGrdT.js";
+import { a as Ct } from "./translator-BstxG_hN.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-DYrfV_JJ.js";
-import { t as R } from "./icon-button-4PKlaI1g.js";
+import { t as L } from "./use-material-translation-1kCHtB0p.js";
+import { t as R } from "./icon-button-CG4aO8Gh.js";
 import { t as Et } from "./use-ssr-media-query-C6M5m8sf.js";
 import { n as Dt, t as Ot } from "./typography-CYEquVeb.js";
 import { n as kt, t as At } from "./util-4heV2LPI.js";
@@ -36,14 +36,14 @@ import { a as Bt } from "./toggle-group-CVMxEpWi.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-G4J4kaUA.js";
-import { n as Wt, r as Gt, t as Kt } from "./chip-BGn0V6Pt.js";
+import { n as Wt, r as Gt, t as Kt } from "./chip-m0_usuzd.js";
 import { a as qt, c as Jt, o as Yt, r as Xt, s as Zt, t as Qt } from "./input-CC2joTjB.js";
 import { t as $t } from "./text-field-BAdY-kpO.js";
 import { r as en } from "./use-csp-nonce-ZKs9k-ov.js";
-import { t as tn } from "./empty-state-CSkghnD9.js";
+import { t as tn } from "./empty-state-C56000TB.js";
 import { t as nn } from "./skeleton-DSdtr2qc.js";
-import { l as rn, n as an, o as on, r as sn, s as cn, t as ln, u as un } from "./dialog-B-3s-oXt.js";
-import { t as dn } from "./icon-badge-3ThP6EOl.js";
+import { l as rn, n as an, o as on, r as sn, s as cn, t as ln, u as un } from "./dialog-DmlG9opW.js";
+import { t as dn } from "./icon-badge-ec7MmUGA.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";
 import { r as Cn, t as wn } from "./create-store-Dqp-PLLn.js";
@@ -11229,7 +11229,7 @@ var aS = (e = {}) => Cn({
 		let [{ default: t }, { lowlight: n }, { richCodeBlock: r }] = await Promise.all([
 			import("./dist-CRMFGjng.js"),
 			import("./lowlight-OtcjU2Sa.js"),
-			import("./rich-code-block-BuJLDoBu.js")
+			import("./rich-code-block-DmX7d58S.js")
 		]);
 		return [r(t, {
 			lowlight: n,

package/dist/{use-heading-spy-gDNtK1sU.js → use-heading-spy-nFyb9_KE.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-DXLJ4AZP.js";
-import { a as l } from "./button-CSKUtMI3.js";
-import { i as u } from "./translate-material-D4rn5UaQ.js";
-import { t as d } from "./use-material-translation-DYrfV_JJ.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-1t6ULy5i.js";
+import { a as l } from "./button-DhiNGrdT.js";
+import { i as u } from "./translate-material-DI3nmQ6I.js";
+import { t as d } from "./use-material-translation-1kCHtB0p.js";
 import { _ as f, g as p, h as m, t as h, v as g, y as _ } from "./date.utils-JTEIo3mM.js";
 import { useCallback as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";

package/dist/{use-material-translation-DYrfV_JJ.js → use-material-translation-1kCHtB0p.js}

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

package/dist/{use-return-focus-C_Qz_yTk.js → use-return-focus-Hv8rn55-.js}

@@ -1,6 +1,6 @@
 import { o as e, r as t } from "./dist-DVRQkaTK.js";
 import { i as n, n as r, r as i, t as a } from "./dist-DWZXlCZR.js";
-import { C as o, S as s, x as c } from "./spinner-DH1mm8hH.js";
+import { C as o, S as s, x as c } from "./spinner-C6LP2Rw8.js";
 import { a as l, i as u, r as d } from "./dist-DHdUUM1w.js";
 import { c as f, i as p, l as m, o as h, r as g, s as ee } from "./in-dialog-D61Yeaol.js";
 import { r as te } from "./escape-owner-DpaP0lm1.js";

package/docs/components/rich-widgets.md

@@ -8,7 +8,7 @@ the app owns the data.
 | --- | --- | --- |
 | <img src="../previews/rich-widgets-chat-overview.webp" width="96" alt=""> | [Chat kit](#chat-kit) | Inbox, thread, grouped bubbles with receipts and replies, composer with quick replies, floating widget |
 | <img src="../previews/rich-widgets-kanban.webp" width="96" alt=""> | [Kanban](#kanban) | Board with columns, swimlanes, WIP limits and drag-and-drop |
-| <img src="../previews/rich-widgets-eventcalendar.webp" width="96" alt=""> | [EventCalendar](#eventcalendar) | Month / week / day / agenda calendar, a day view split by resource, a named time zone, phone to desktop |
+| <img src="../previews/rich-widgets-eventcalendar.webp" width="96" alt=""> | [EventCalendar](#eventcalendar) | Month / week / day / agenda calendar, a day view split by resource, a named time zone, an event preview you can route to your app, phone to desktop |
 | <img src="../previews/rich-widgets-native-charts-linechart.webp" width="96" alt=""> | [Charts](#charts) | Native SVG charts (line, area, bar, pie, donut, gauge, radial, funnel, heat map, radar, scatter, combo) with keyboard, summary and View data; the Nivo ones were removed in 3.0 |
 | <img src="../previews/rich-widgets-drawing.webp" width="96" alt=""> | [Drawing](#drawing) | Vector drawing from a scene of plain data or JSX primitives: theme colours, accessible, focusable nodes, strict-CSP safe |
 | <img src="../previews/rich-widgets-barcode.webp" width="96" alt=""> | [Barcode](#barcode) | Code 128 and Data Matrix as accessible SVG, themed and dark-aware, black on white in print, with `LabelSheet` for a printed sheet of labels |
@@ -289,11 +289,28 @@ function Schedule() {
 }
 ```
 
+To edit and delete in your own dialog instead of the built-in inline fields:
+
+```tsx
+<EventCalendar
+	events={events}
+	onEventsChange={setEvents}
+	previewFields={[]}
+	onEventEdit={(e) => openEditor(e.id)}
+	onEventDelete={(e) => confirmThenRemove(e.id)}
+/>
+```
+
 | Prop | Type | Default | Effect |
 | --- | --- | --- | --- |
 | `events` / `defaultEvents` | `CalendarEvent[]` | — | controlled / uncontrolled events (ISO `start` / `end`) |
 | `onChange` | `(change: EventCalendarChange) => void` | — | after a drag or resize, with the previous event |
 | `onSlotClick` | `(slot: EventCalendarSlot) => void` | — | click on an empty slot or day — create an event there |
+| `onEventClick` | `(event: CalendarEvent) => void` | — | an event was clicked; it runs even with `onSlotClick` set (an event click never reports a slot) |
+| `eventPreview` | `boolean` | `true` | `false` skips the preview popover, so `onEventClick` alone handles the click |
+| `previewFields` | `EventCalendarPreviewField[]` | all three | the fields the preview edits in place (`'title' \| 'color' \| 'description'`); `[]` keeps the time range and the actions |
+| `onEventEdit` | `(event: CalendarEvent) => void` | — | adds an Edit button to the preview; the app opens its own editor; hidden when the calendar or the event is `disabled` |
+| `onEventDelete` | `(event: CalendarEvent) => void` | — | the preview's delete button calls this instead of the built-in confirmation and removal; the app confirms and deletes; hidden when the calendar or the event is `disabled`, so it never runs for those |
 | `view` / `defaultView` | `'month' \| 'week' \| 'workweek' \| 'day' \| 'agenda'` | `'month'` | the visible view |
 | `date` / `defaultDate` | `string` | today | the date the view is centred on |
 | `startHour` / `endHour` | `number` | `0` / `24` | hours shown in the time grids |
@@ -425,6 +442,10 @@ function Timetable() {
 | `onEventsChange` | `(events: EventCalendarTemplateEvent[]) => void` | — | the whole list after a move, a resize, an edit or a delete |
 | `onChange` | `(change: EventCalendarTemplateChange) => void` | — | `{ events, event, previous }` after a move, a resize or an edit |
 | `onEventClick` | `(event: EventCalendarTemplateEvent) => void` | — | an event was clicked |
+| `onEventEdit` | `(event: EventCalendarTemplateEvent) => void` | — | adds an Edit button to the preview and receives the `EventCalendarTemplateEvent`; both buttons are hidden when the calendar or the event is `disabled` |
+| `onEventDelete` | `(event: EventCalendarTemplateEvent) => void` | — | the Delete button calls this with the `EventCalendarTemplateEvent`, skipping the built-in confirmation and removal; both buttons are hidden when the calendar or the event is `disabled` |
+| `eventPreview` | `boolean` | `true` | `false` skips the preview popover; see the dated table |
+| `previewFields` | `EventCalendarPreviewField[]` | all three | the fields the preview edits (`'title' \| 'color' \| 'description'`); see the dated table |
 | `onSlotClick` | `(slot: EventCalendarTemplateSlot) => void` | — | `{ weekday, start, end, lane? }` of the free slot clicked or dragged over; `lane` is the one picked in the switch |
 | `view` / `defaultView` / `onViewChange` | `'week' \| 'workweek'` | `'week'` | the visible view |
 | `renderEvent` | `(event: EventCalendarTemplateEvent) => ReactNode` | — | replaces how an event is drawn |

package/docs/guides/helpers.md

@@ -142,6 +142,7 @@ Vue: the Redux helpers are Pinia store factories: `defineLocalStore`
 | `useSubmitOnce(busy?)` | One submit in flight: wraps a submit handler so a double click or a second Enter is dropped until the request ends (the handler's promise, or `busy` back to false). See [below](#usesubmitonce). |
 | `useDrafts<T>(storageKey, { serialize?, parse?, storage? })`, `clearDrafts(storageKey, storage?)` | Unsent values kept by key in `sessionStorage`: `{ get, set, drop, clear, keys, loaded }`. Read after the first render (no hydration mismatch), storage errors swallowed, `drop(key)` once saved; `clearDrafts` empties a store key without a hook (sign-out). See [below](#usedrafts). |
 | `useUnsavedGuard(dirty, { block, … })`, `useDiscardGuard(dirty)`, `useReactRouterBlock` | Stop losing a dirty form: a "Leave without saving?" dialog on in-app navigation and on closing a dialog form, plus the browser's own `beforeunload` prompt. See [below](#useunsavedguard). |
+| `usePoll({ ms, enabled?, read, onError? })`, `startPoll({ ms, read, active?, visible?, onError? })` | Reads again every `ms` while `enabled` and the page is visible, one read at a time; the timer is cleared on unmount and when `enabled` turns false. `startPoll` is the framework-free loop, and returns its stop. See [below](#usepoll). |
 | `createSubmitGuard()`, `busySettler(guard)` | The framework-free guard behind `useSubmitOnce` (`@nxgt/material-core/submit-guard`): `{ once(run, { settleSync? }), settle(run?), pendingRun() }`, and the function that settles it from a busy flag. |
 
 ```tsx
@@ -436,6 +437,45 @@ drafts keep what was typed, the guard asks before it is dropped; they combine.
 Storybook: `Guides/Hooks/useUnsavedGuard` (leave, stay, release after save,
 query change, flush, dialog form). No Vue twin yet (`vue` issue #2019).
 
+### `usePoll`
+
+Several screens re-read a resource every few seconds while something is under
+way (a sync, a pending state). The hook owns the interval, the visibility check
+and the single-flight guard.
+
+```tsx
+import { usePoll } from '@nxgt/material/hooks';
+
+export function JobStatus({ job, reload }: { job: Job; reload: () => Promise<void> }) {
+  usePoll({
+    ms: 3000,
+    enabled: job.status === 'running',
+    read: reload,
+    onError: (error) => console.warn('poll failed', error),
+  });
+  return <p>{job.status}</p>;
+}
+```
+
+- **Visible pages only.** A tick that falls while
+  `document.visibilityState` is not `visible` is skipped, not queued, so
+  returning to the tab waits for the next tick.
+- **Never two reads at once.** A tick that falls while `read` (its promise) is
+  still running is skipped, also after a restart (a new `ms`, `enabled` back on).
+- **Stops cleanly.** The timer is cleared on unmount and when `enabled` turns
+  false; turning it back on starts a new interval.
+- **First read after `ms`.** Call `read` yourself for an immediate one.
+- **Latest `read`.** `read` and `onError` may be new on every render; the
+  interval does not restart. Only `ms` and `enabled` restart it.
+- **Errors.** A read that throws or rejects is passed to `onError` and the poll
+  goes on; without `onError` it is ignored.
+- **Server.** Nothing runs during render or on the server.
+- **Outside React**, `startPoll({ ms, read, active?, visible? })` is the same
+  loop; `active()` and `visible()` are checked at each tick, and the call
+  returns the function that stops it.
+
+No Vue twin yet (`vue` issue #2498).
+
 ## `@nxgt/material/i18n`
 
 | Export | What it does |

package/docs/guides/theming.md

@@ -68,7 +68,7 @@ at the top are needed is in [getting started](../getting-started.md#styles).
 | `--accent`, `--accent-foreground` | `bg-accent`, … | hover surfaces |
 | `--nxgt-accent` | `[--nxgt-accent:…]` | the mark colour of the selection controls: the fill, handle, state layer and stop dots of `Slider`, the on state of `Switch`, the box and dot of `Checkbox` and `Radio`. It defaults to `--primary` (`--primary-text` in dark) and is set per control, so override it on the control itself, not on `:root` |
 | `--error`, `--success`, `--info`, `--warning` (+ `-foreground`) | `bg-error`, `text-success`, … | the status colours of `Button`, `Alert`, `Badge`, toasts |
-| `--primary-text` | `text-primary-text` | primary drawn as text or an icon on a page, card or popover surface: `Typography tone="primary"`, links, the `Alert` primary icon, selected labels. In light, `--primary` mixed toward black: 96 % at most, solved lower on a tinted page so a tonal Button label on a striped row, or straight on the page ground, reaches 4.6:1 (92 % on teal, 88 % on corail, 92 % on pink, 95 % on menthe); in dark, `--primary` mixed 60 % with white (`color-mix(in oklab, var(--primary) 40%, white)`), well over 4.5:1 on `--background` and `--card` |
+| `--primary-text` | `text-primary-text` | primary drawn as text or an icon on a page, card or popover surface: `Typography tone="primary"`, links, the `Alert` primary icon, selected labels. In light, `--primary` mixed toward black: 96 % at most, solved lower on a tinted page so a tonal Button label on a striped, selected or header row, or straight on the page ground, reaches 4.6:1 (79 % on teal, 76 % on corail; read the shipped theme file for each preset); in dark, `--primary` mixed 60 % with white (`color-mix(in oklab, var(--primary) 40%, white)`), well over 4.5:1 on `--background` and `--card` |
 | `--primary-indicator` | `bg-primary-indicator`, `border-primary-indicator`, `ring-primary-indicator`, `stroke-primary-indicator` | primary drawn as a non-text mark that carries a state (WCAG 1.4.11, 3:1): an active bar or dot, a selected or focused border, a ring, a spinner arc. Equal to `--primary` in light; in dark, `--primary` mixed 25 % with white (`color-mix(in oklab, var(--primary) 75%, white)`), 4.8:1 on `--background`, 4.5:1 on `--card`, 4.2:1 on `--muted` (`--primary` itself gives 2.7, 2.5 and 2.3:1) |
 | `--error-text` | `text-error-text` | error drawn as text: field messages, `HelperText` in its error state, form and dialog errors, `variant="error"` menu items |
 | `--destructive` | `bg-destructive`, `text-destructive` | deprecated alias of `--error`: the light theme sets it to `var(--error)`, the dark theme keeps its own value; use `--error` |
@@ -1012,7 +1012,7 @@ override on the root, or use a [theme zone](#themes), which re-declares them.
 for the same reason: the brand colour is a dark fill (it keeps near-white text
 readable on a button) and reads at only about 2:1 as text on the dark surfaces.
 The light value is `color-mix(in oklab, var(--primary) 96%, black)` at most (primary
-4 % toward black, 7.9:1 on the white page; the share is solved per theme and drops when a tinted page would leave a tonal Button label under 4.6:1 on a striped row or on the page ground, to 92 % on teal); the dark one is
+4 % toward black, 7.9:1 on the white page; the share is solved per theme and drops when a tinted page would leave a tonal Button label under 4.6:1 on a striped, selected or header row or on the page ground, to 79 % on teal); the dark one is
 `color-mix(in oklab, var(--primary) 40%, white)` (primary mixed 60 % with
 white, the recipe of the tonal `Button` labels). `Typography tone="primary"`,
 the `Alert` primary icon, links, selected labels and the other primary text of

package/docs/roadmap.md

@@ -6,6 +6,12 @@ version they shipped in, and planned entries may name the major they target.
 
 ## Now
 
+- **App shell header refresh** — `AppHeader` and the look `TopAppBar`
+  shares sit flat on the page ground and tint when content scrolls under
+  them; the actions are grouped in a pill, the search is a pill field (an
+  icon on a phone), and the menu button is a ghost icon button. The new look
+  is the default in a minor, with no API change; an A/B preview comes first
+  ([#2503](https://github.com/softistx/nxgt-material/issues/2503)).
 - **Calculator** — `@nxgt/material/calculator` is an exact-decimal calculator
   (Standard, Scientific, point of sale, Financial, Conversion, Programmer;
   every variant but Standard loads on demand)

package/docs/troubleshooting.md

@@ -1182,7 +1182,7 @@ given, `leading` replaces `icon` (and warns in development).
 **When:** axe (or Lighthouse) reports `color-contrast` on a `tonal` or
 `outlined` `Button` or `IconButton` (`primary` in the dark theme, `error`,
 `warning` and `success`), at rest or hovered, focused or pressed; on the
-subtitle of a selected `ListTile`; or on a `Badge` link while it is hovered.
+subtitle of a selected `ListTile`; or on a `Badge` link while it is hovered; or on a tonal primary `Button` in a selected `Table` row or a table header cell (light, 4.1 to 4.4:1 before the share of `--primary-text` was solved against those surfaces, #2495).
 **Why:** those variants drew their text in the token itself, and some tokens
 do not reach 4.5:1 as text on the page and on their own tint: the dark
 `--primary` is a dark indigo (2.2:1 on `--card`), the light `--error` gave
@@ -1245,7 +1245,7 @@ on the page; the catalogue's own primary text passes.
 **Why:** it is drawn with `text-primary`, the fill colour. The brand colour is
 dark so that near-white text reads on it, which makes it too dark to read as
 text on the dark surfaces. Primary text has its own token, `--primary-text`:
-`--primary` mixed toward black in light (96 % at most, solved per theme), `--primary` mixed 60 % with white in dark.
+`--primary` mixed toward black in light (96 % at most, solved per theme, lower when a tonal label sits on a tinted row, selected row or header), `--primary` mixed 60 % with white in dark.
 **Fix:** draw primary text with `text-primary-text`; keep `text-primary` for
 fills, borders and rings:
 

package/lib/components/theme-tokens.css

@@ -21,9 +21,9 @@
 	--primary: oklch(46% 0.1135 276.35);
 	--primary-foreground: oklch(0.984 0.003 247.858);
 	/* Primary drawn as text or an icon on a normal surface (`text-primary-text`):
-	   the colour mixed 4 % toward black in light, which keeps it 7.9:1 on
-	   the white page and on a Card (the colour itself gives 7.3:1); the dark theme lifts it. */
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	   the colour mixed 10 % toward black in light, which keeps it above 4.5:1 on
+	   the page, a Card and the tinted row, header and ground surfaces a tonal Button label sits on; the dark theme lifts it. */
+	--primary-text: color-mix(in oklab, var(--primary) 90%, black);
 	/* Primary drawn as a non-text mark (WCAG 1.4.11, 3:1): an indicator bar or dot,
 	   a selected or focused border, a ring, a spinner arc, a progress fill
 	   (`bg-primary-indicator`, `border-primary-indicator`...). Light is --primary;

package/lib/components/ui/collections/server-table/server-table-phone-row.css

@@ -184,6 +184,18 @@
 		min-height: 2.75rem;
 	}
 }
+/* Nothing to show (#2497): no select-all, no sort, no "Filters" trigger, no
+ * actions and no bulk bar leave both slots empty, and the row would be an
+ * empty 40px gap under the filter bar. Any control fills a slot, and the row
+ * is back. */
+[data-slot="server-table-phone-row"]:has(
+	> [data-slot="server-table-phone-row-start"]:empty
+):has(
+	> [data-slot="server-table-phone-row-end"]
+		> [data-slot="server-table-phone-sort"]:only-child:empty
+) {
+	display: none;
+}
 @media (pointer: coarse) {
 	/* The 32px bulk buttons reach 44px with an invisible 6px margin: a gap of
 	 * 12px keeps neighbours from taking each other's edge. */

package/lib/themes/ambre.css

@@ -1,6 +1,6 @@
 /* Theme "ambre", generated.
  * Seeds: primary oklch(0.52 0.13 48), secondary oklch(0.5 0.09 95), tertiary oklch(0.5 0.14 350), neutral hue 65, tint 0.85.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  * hue-near-status: The primary's hue 48 is 14° from warning (62): they may read alike. Keep an icon and a word with every status.
  */
 [data-nxgt-theme="ambre"] {
@@ -15,7 +15,7 @@
 	--popover-foreground: oklch(0.227 0.0145 65);
 	--primary: oklch(0.52 0.13 48);
 	--primary-foreground: oklch(0.984 0.003 65);
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 82%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.5 0.09 95);
 	--secondary-foreground: oklch(0.984 0.003 65);

package/lib/themes/ardoise.css

@@ -1,6 +1,6 @@
 /* Theme "ardoise", generated.
  * Seeds: primary oklch(0.45 0.065 252), secondary oklch(0.48 0.05 215), tertiary oklch(0.48 0.1 290), neutral hue 250, tint 0.7.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  */
 [data-nxgt-theme="ardoise"] {
 	--radius: 0.375rem;
@@ -14,7 +14,7 @@
 	--popover-foreground: oklch(0.227 0.0119 250);
 	--primary: oklch(0.45 0.065 252);
 	--primary-foreground: oklch(0.984 0.003 250);
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 91%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.48 0.05 215);
 	--secondary-foreground: oklch(0.984 0.003 250);

package/lib/themes/bleumono.css

@@ -1,6 +1,6 @@
 /* Theme "bleumono", generated.
  * Seeds: primary oklch(0.46 0.13 255), secondary oklch(0.55 0.06 255), tertiary oklch(0.38 0.17 255), neutral hue 255, tint 1.1.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  * lightness-moved: secondary: lightness 0.550 to 0.520 for AA.
  * chroma-lowered: tertiary: chroma 0.170 to 0.125 (lowered to fit sRGB or AA).
  * hue-near-status: The primary's hue 255 is 0° from info (254.624): they may read alike. Keep an icon and a word with every status.
@@ -17,7 +17,7 @@
 	--popover-foreground: oklch(0.227 0.0187 255);
 	--primary: oklch(0.46 0.13 255);
 	--primary-foreground: oklch(0.984 0.003 255);
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 89%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.52 0.06 255);
 	--secondary-foreground: oklch(0.984 0.003 255);

package/lib/themes/bluemoon.css

@@ -1,6 +1,6 @@
 /* Theme "bluemoon", generated.
  * Seeds: primary oklch(0.45 0.12 265), secondary oklch(0.55 0.02 250), tertiary oklch(0.62 0.08 290), neutral hue 265, tint 1.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  * lightness-moved: secondary: lightness 0.550 to 0.520 for AA.
  * lightness-moved: tertiary: lightness 0.620 to 0.563 for AA.
  * hue-near-status: The primary's hue 265 is 10° from info (254.624): they may read alike. Keep an icon and a word with every status.
@@ -17,7 +17,7 @@
 	--popover-foreground: oklch(0.227 0.017 265);
 	--primary: oklch(0.45 0.12 265);
 	--primary-foreground: oklch(0.984 0.003 265);
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 91%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.52 0.02 250);
 	--secondary-foreground: oklch(0.984 0.003 265);

package/lib/themes/corail.css

@@ -1,6 +1,6 @@
 /* Theme "corail", generated.
  * Seeds: primary oklch(0.58 0.17 35), secondary oklch(0.52 0.1 70), tertiary oklch(0.5 0.1 200), neutral hue 30, tint 0.8.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  * lightness-moved: primary: lightness 0.580 to 0.575 for AA.
  * chroma-lowered: tertiary: chroma 0.100 to 0.085 (lowered to fit sRGB or AA).
  * hue-near-status: The primary's hue 35 is 8° from error (27.325): they may read alike. Keep an icon and a word with every status.
@@ -17,7 +17,7 @@
 	--popover-foreground: oklch(0.227 0.0136 30);
 	--primary: oklch(0.575 0.17 35);
 	--primary-foreground: oklch(0.984 0.003 30);
-	--primary-text: color-mix(in oklab, var(--primary) 88%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 76%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.52 0.1 70);
 	--secondary-foreground: oklch(0.984 0.003 30);

package/lib/themes/foret.css

@@ -1,6 +1,6 @@
 /* Theme "foret", generated.
  * Seeds: primary oklch(0.48 0.1 152), secondary oklch(0.5 0.08 118), tertiary oklch(0.5 0.1 55), neutral hue 140, tint 0.8.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  */
 [data-nxgt-theme="foret"] {
 	--radius: 0.5rem;
@@ -14,7 +14,7 @@
 	--popover-foreground: oklch(0.227 0.0136 140);
 	--primary: oklch(0.48 0.1 152);
 	--primary-foreground: oklch(0.984 0.003 140);
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 85%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.5 0.08 118);
 	--secondary-foreground: oklch(0.984 0.003 140);

package/lib/themes/lavande.css

@@ -1,6 +1,6 @@
 /* Theme "lavande", generated.
  * Seeds: primary oklch(46% 0.1135 276.35), secondary oklch(48% 0.1135 245.65), tertiary oklch(45.91% 0.1864 310.75), neutral hue 292, tint 1.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  */
 [data-nxgt-theme="lavande"] {
 	--radius: 0.625rem;
@@ -14,7 +14,7 @@
 	--popover-foreground: oklch(0.227 0.017 290);
 	--primary: oklch(0.46 0.1135 276.35);
 	--primary-foreground: oklch(0.984 0.003 247.858);
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 90%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.48 0.1135 245.65);
 	--secondary-foreground: oklch(0.984 0.003 247.858);

package/lib/themes/menthe.css

@@ -1,6 +1,6 @@
 /* Theme "menthe", generated.
  * Seeds: primary oklch(0.5 0.105 168), secondary oklch(0.5 0.09 205), tertiary oklch(0.52 0.11 120), neutral hue 170, tint 0.8.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  * chroma-lowered: primary: chroma 0.105 to 0.101 (lowered to fit sRGB or AA).
  * chroma-lowered: secondary: chroma 0.090 to 0.085 (lowered to fit sRGB or AA).
  * hue-near-status: The primary's hue 168 is 17° from success (184.704): they may read alike. Keep an icon and a word with every status.
@@ -17,7 +17,7 @@
 	--popover-foreground: oklch(0.227 0.0136 170);
 	--primary: oklch(0.5 0.1013 168);
 	--primary-foreground: oklch(0.984 0.003 170);
-	--primary-text: color-mix(in oklab, var(--primary) 95%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 81%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.5 0.0854 205);
 	--secondary-foreground: oklch(0.984 0.003 170);

package/lib/themes/ocean.css

@@ -1,6 +1,6 @@
 /* Theme "ocean", generated.
  * Seeds: primary oklch(0.5 0.12 228), secondary oklch(0.52 0.09 192), tertiary oklch(0.5 0.13 268), neutral hue 230, tint 0.9.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  * chroma-lowered: primary: chroma 0.120 to 0.098 (lowered to fit sRGB or AA).
  * lightness-moved: secondary: lightness 0.520 to 0.505 for AA.
  * chroma-lowered: secondary: chroma 0.090 to 0.087 (lowered to fit sRGB or AA).
@@ -17,7 +17,7 @@
 	--popover-foreground: oklch(0.227 0.0153 230);
 	--primary: oklch(0.5 0.0976 228);
 	--primary-foreground: oklch(0.984 0.003 230);
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 82%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.505 0.0867 192);
 	--secondary-foreground: oklch(0.984 0.003 230);

package/lib/themes/pink.css

@@ -1,6 +1,6 @@
 /* Theme "pink", generated.
  * Seeds: primary oklch(0.55 0.2 345), secondary oklch(0.5 0.14 320), tertiary oklch(0.5 0.1 200), neutral hue 345, tint 0.7.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  * chroma-lowered: tertiary: chroma 0.100 to 0.085 (lowered to fit sRGB or AA).
  */
 [data-nxgt-theme="pink"] {
@@ -15,7 +15,7 @@
 	--popover-foreground: oklch(0.227 0.0119 345);
 	--primary: oklch(0.55 0.2 345);
 	--primary-foreground: oklch(0.984 0.003 345);
-	--primary-text: color-mix(in oklab, var(--primary) 92%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 79%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.5 0.14 320);
 	--secondary-foreground: oklch(0.984 0.003 345);

package/lib/themes/prune.css

@@ -1,6 +1,6 @@
 /* Theme "prune", generated.
  * Seeds: primary oklch(0.42 0.15 330), secondary oklch(0.5 0.1 355), tertiary oklch(0.55 0.1 85), neutral hue 330, tint 1.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  */
 [data-nxgt-theme="prune"] {
 	--radius: 0.5rem;

package/lib/themes/sable.css

@@ -1,6 +1,6 @@
 /* Theme "sable", generated.
  * Seeds: primary oklch(0.5 0.06 70), secondary oklch(0.5 0.05 45), tertiary oklch(0.5 0.07 150), neutral hue 75, tint 0.5.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  */
 [data-nxgt-theme="sable"] {
 	--radius: 0.5rem;
@@ -14,7 +14,7 @@
 	--popover-foreground: oklch(0.227 0.0085 75);
 	--primary: oklch(0.5 0.06 70);
 	--primary-foreground: oklch(0.984 0.003 75);
-	--primary-text: color-mix(in oklab, var(--primary) 96%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 85%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.5 0.05 45);
 	--secondary-foreground: oklch(0.984 0.003 75);

package/lib/themes/slate.css

@@ -1,6 +1,6 @@
 /* Theme "slate", generated.
  * Seeds: primary oklch(0.4 0.025 258), secondary oklch(0.48 0.02 230), tertiary oklch(0.46 0.045 275), neutral hue 258, tint 0.35.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  */
 [data-nxgt-theme="slate"] {
 	--radius: 0.25rem;

package/lib/themes/teal.css

@@ -1,6 +1,6 @@
 /* Theme "teal", generated.
  * Seeds: primary oklch(0.5 0.105 185), secondary oklch(0.52 0.09 215), tertiary oklch(0.52 0.12 60), neutral hue 190, tint 0.8.
- * Contrast: 67 pairs, 0 failing.
+ * Contrast: 69 pairs, 0 failing.
  * chroma-lowered: primary: chroma 0.105 to 0.088 (lowered to fit sRGB or AA).
  * lightness-moved: secondary: lightness 0.520 to 0.490 for AA.
  * chroma-lowered: secondary: chroma 0.090 to 0.087 (lowered to fit sRGB or AA).
@@ -19,7 +19,7 @@
 	--popover-foreground: oklch(0.227 0.0136 190);
 	--primary: oklch(0.5 0.0881 185);
 	--primary-foreground: oklch(0.984 0.003 190);
-	--primary-text: color-mix(in oklab, var(--primary) 92%, black);
+	--primary-text: color-mix(in oklab, var(--primary) 79%, black);
 	--primary-indicator: var(--primary);
 	--secondary: oklch(0.49 0.0866 215);
 	--secondary-foreground: oklch(0.984 0.003 190);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.83.0",
+	"version": "3.84.1",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -390,7 +390,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.50.0",
+		"@nxgt/material-core": "^0.50.1",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",
@@ -398,7 +398,7 @@
 		"@fortawesome/fontawesome-common-types": "7.3.1",
 		"@hookform/resolvers": "^5.4.0",
 		"@monaco-editor/react": "^4.7.0",
-		"@tanstack/react-virtual": "3.14.12",
+		"@tanstack/react-virtual": "3.14.24",
 		"@tiptap/core": "^3.31.3",
 		"@tiptap/extension-character-count": "^3.31.3",
 		"@tiptap/extension-code-block": "^3.31.3",
@@ -443,7 +443,7 @@
 		"highlight.js": "^11.11.1",
 		"immer": "^11.1.15",
 		"input-otp": "^1.4.2",
-		"intl-messageformat": "^11.2.14",
+		"intl-messageformat": "^12.1.4",
 		"katex": "^0.18.7",
 		"libphonenumber-js": "^1.13.12",
 		"lodash-es": "^4.18.1",