@nxgt/material 3.83.0 → 3.84.1

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @nxgt/material
 
+## 3.84.1
+
+### Patch Changes
+
+- [#2523](https://github.com/softistx/nxgt-material/pull/2523) [`ba31843`](https://github.com/softistx/nxgt-material/commit/ba31843912fe8e6e03f51ee0bccf51f5c421f2ec) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `Background` renders no `data-slot="background-content"` layer when it has no children. A backdrop-only `Background` (self-closing, absolute next to `relative` siblings) no longer covers them with an empty `z-index: 5` layer that swallowed their clicks.
+
+## 3.84.0
+
+### Minor Changes
+
+- [#2487](https://github.com/softistx/nxgt-material/pull/2487) [`f06e9e8`](https://github.com/softistx/nxgt-material/commit/f06e9e8fc87a28e27bca3db093f781e858be0f31) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `EventCalendar`: a click on an event now runs `onEventClick` and opens the preview even when `onSlotClick` is set. Pressing on an event in a time grid used to start a slot gesture, whose pointer capture sent the click to the column: only `onSlotClick` ran, with the slot under the event. The preview popover can now be routed to the app, in the dated and the `mode="template"` calendar alike (additive, nothing to migrate): `onEventEdit(event)` adds an Edit button, `onEventDelete(event)` replaces the built-in confirmation and removal (the app confirms and deletes; neither button shows for a disabled calendar or event), `previewFields` (`'title' | 'color' | 'description'`, `[]` for none) hides the built-in inline fields, and `eventPreview={false}` skips the popover so `onEventClick` alone handles the click. New message key `material.event-calendar.edit` (en, fr). Fixes [#2486](https://github.com/softistx/nxgt-material/issues/2486).
+
+- [#2499](https://github.com/softistx/nxgt-material/pull/2499) [`37b6fbe`](https://github.com/softistx/nxgt-material/commit/37b6fbecc51005a635f8ece3687d33fd816b5d6a) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Add `usePoll({ ms, enabled?, read, onError? })` to `@nxgt/material/hooks`: reads again every `ms` while `enabled` and `document.visibilityState` is `visible`, never two reads at once (a tick during a running read or a hidden page is skipped), and clears its timer on unmount or when `enabled` turns false. The latest `read` is used without restarting the interval. `startPoll({ ms, read, active?, visible?, onError? })`, the framework-free loop behind it, is exported too and returns its stop.
+
+### Patch Changes
+
+- [#2505](https://github.com/softistx/nxgt-material/pull/2505) [`58b74e0`](https://github.com/softistx/nxgt-material/commit/58b74e0c59c2f1ff87e66d591d852129bfbfaaea) Thanks [@SteveGT96](https://github.com/SteveGT96)! - The app shell's phone menu button is a ghost icon button (no frame).
+
+- [#2494](https://github.com/softistx/nxgt-material/pull/2494) [`2461b9b`](https://github.com/softistx/nxgt-material/commit/2461b9b9912ab554f63d5e2ad38abd0e323f533b) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Docs: the `Guides/Recipes/Gallery` screen puts its bulk Delete in the "n selected" bar through `Gallery`'s `selectionActions`, in the story and in the plugin's `screen-recipes` code.
+
+- [#2519](https://github.com/softistx/nxgt-material/pull/2519) [`def1980`](https://github.com/softistx/nxgt-material/commit/def1980378f6f2369d15ddbcbbdaa7349fe77902) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Move `intl-messageformat` to `^12.1.4` and `@tanstack/react-virtual` to `3.14.24`. The message formatting API the libraries use (`new IntlMessageFormat(message, locale).format(values)`) is unchanged.
+
+- [#2504](https://github.com/softistx/nxgt-material/pull/2504) [`44601b1`](https://github.com/softistx/nxgt-material/commit/44601b14a2667f82d78873d3fea6cb3e1e5a5cd9) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Docs: roadmap lists the header refresh.
+
+- [#2500](https://github.com/softistx/nxgt-material/pull/2500) [`d9aa282`](https://github.com/softistx/nxgt-material/commit/d9aa2829fe2233dc78854fadc5a00941f9594b6e) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ServerTable` on a phone no longer leaves an empty 40px row under the filter bar when a list in cards or tiles has no select column, no sort, no `actions` and no "Filters" trigger to put there: the row is not displayed while both of its slots are empty, and comes back as soon as any control is present. Fixes [#2497](https://github.com/softistx/nxgt-material/issues/2497).
+
+- [#2502](https://github.com/softistx/nxgt-material/pull/2502) [`896b90c`](https://github.com/softistx/nxgt-material/commit/896b90c56fc4c948bdc394fa4100f75c0e8ca283) Thanks [@SteveGT96](https://github.com/SteveGT96)! - A tonal Button label now reaches 4.5:1 on a selected table row (`data-state="selected"`, a 15 % primary tint) and on a table header or footer (10 %, with the row over it), not only on the page, the ground and a striped row, in every preset. The light `--primary-text` share is solved against those two surfaces too, and two contrast pairs, `primary-text / primary@selrow15` and `primary-text / primary@head15`, guard them. Nothing to adapt: regenerate a theme file to take the new shares. Fixes [#2495](https://github.com/softistx/nxgt-material/issues/2495).
+- Updated dependencies [[`def1980`](https://github.com/softistx/nxgt-material/commit/def1980378f6f2369d15ddbcbbdaa7349fe77902), [`896b90c`](https://github.com/softistx/nxgt-material/commit/896b90c56fc4c948bdc394fa4100f75c0e8ca283)]:
+  - @nxgt/material-core@0.50.1
+
 ## 3.83.0
 
 ### Minor Changes

package/README.md

@@ -222,7 +222,7 @@ reads `duotone.svg`, the file that exists (it used to ask for the missing
 | `@nxgt/material/draw/png` | `drawingToPng(sceneOrSvg, { scale?, background?, colorsFrom? })` and `downloadDrawingPng(source, fileName)` — a drawing (a scene, or a live `<svg>` such as `svgRef.current` of a `<Drawing ref={svgRef}>`) as a PNG `Blob` in the browser, with the page's theme colours resolved, `data:` images inlined and CORS errors named; its own entry, DOM only when called ([drawing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/drawing.md#png), [reference](https://cdn.jsdelivr.net/npm/@nxgt/material-core@0/docs/draw.md#png-nxgtmaterial-coredrawpng)) |
 | `@nxgt/material/vite` | build-time helpers for consumers: `nxgtMaterial()` (a strict CSP by hash or nonce, self-hosted fonts, a styles check, serves the pdf.js worker on the Vite 5–7 dev server, generates your app themes' stylesheets with `nxgtMaterial({ themes })` and the `nxgt-theme` bin: [Themes guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/themes.md), a reduced backdrop icon sprite from your Font Awesome install with `nxgtMaterial({ backdropSprite })` and the `nxgt-backdrop-sprite` bin, PDFs on a bundled server with `nxgtMaterial({ pdf: { bundle: true } })`: [Vite plugin guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/vite-plugin.md)), `pdfkitStandardFonts()` ([printing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/printing.md)), `cspAssetsInlineLimit`, a `build.assetsInlineLimit` that never inlines a font ([CSP guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/csp.md#katex-fonts)) |
 | `@nxgt/material/next` | `withNxgtPrint(nextConfig)`: the `next.config.ts` a Next.js route handler that imports `/print` needs, `output: 'standalone'` included. Node only, no dependency on `next` ([printing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/printing.md#nextjs-serverexternalpackages-and-output-standalone)) |
-| `@nxgt/material/hooks` | `useTheme`, `useIsClient`, `useIsMobile`, `useLocalizedDate`, `useCspNonce`, `useFocusOnMount`, `useCountdown`, `useSubmitOnce`, `useDrafts`, `useUnsavedGuard`, … ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialhooks)) |
+| `@nxgt/material/hooks` | `useTheme`, `useIsClient`, `useIsMobile`, `useLocalizedDate`, `useCspNonce`, `useFocusOnMount`, `useCountdown`, `useSubmitOnce`, `useDrafts`, `usePoll`, `useUnsavedGuard`, … ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialhooks)) |
 | `@nxgt/material/dnd` | `@dnd-kit` primitives ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialdnd)) |
 | `@nxgt/material/i18n` | `I18nProvider`, `mergeResources`, `createTranslator`, `translateMaterial`, `formatMessage` ([i18n guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/i18n.md)) |
 | `@nxgt/material/lib` | `cn`, `clientOnly`, date, number and storage utilities, `useSliceReducer`, `getCspNonce` / `setCspNonce`, the server-side CSP helpers (`createCspNonce`, `cspPolicy`, `cspHash`, `applyCspNonce`, `CSP_NONCE_PLACEHOLDER`, `ZOD_JITLESS_SCRIPT`, `zodJitlessTag`: [CSP, SSR](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/csp.md#ssr)) ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmateriallib)) |
@@ -872,7 +872,7 @@ Not components: what the stylesheet gives any element.
 | --- | --- | --- | --- |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-chat-overview.webp" width="120" alt="ChatInbox"> | [`ChatInbox`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#chat-kit), `ChatThread`, `ChatMessageList`, `ChatMessage`, `ChatComposer`, `ChatThreadHeader`, `ChatWidget`, `ChatConversationItem`, `ChatActionProposal`, `ChatToolActivity`… | Chat kit: inbox (list + thread, container queries from `@md`), bubbles grouped by sender or flat rows, read receipts, replies, reactions and a message toolbar, a pill composer with quick replies, attachments and stop, a floating chat widget, an approval card for an assistant's proposed action and a compact tool-step row; 320 px to desktop, light and dark. | `ChatInbox`, `ChatThread`, `ChatMessageList`, `ChatMessage`, `ChatComposer` (same parts; `ChatActionProposal` and `ChatToolActivity` not yet, [#2145](https://github.com/softistx/nxgt-material/issues/2145)) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-kanban.webp" width="120" alt="Kanban"> | [`Kanban`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#kanban) | Board with columns, swimlanes, WIP limits, search, and drag-and-drop cards and columns. | `Kanban` |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-eventcalendar.webp" width="120" alt="EventCalendar"> | [`EventCalendar`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#eventcalendar) | Month / week / day / agenda calendar with drag, resize and slot creation, a day view split by resource, a named time zone, a recurring template week (`mode="template"`), a now line, a mini-month side panel and a phone layout. | `EventCalendar` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-eventcalendar.webp" width="120" alt="EventCalendar"> | [`EventCalendar`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#eventcalendar) | Month / week / day / agenda calendar with drag, resize and slot creation, a day view split by resource, a named time zone, a recurring template week (`mode="template"`), an event preview you can route to your own edit and delete (`onEventEdit`, `onEventDelete`, `eventPreview`, `previewFields`), a now line, a mini-month side panel and a phone layout. | `EventCalendar` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-native-charts-linechart.webp" width="120" alt="LineChart"> | [`LineChart`, `AreaChart`, `BarChart`, `PieChart`, `DonutChart`, `Gauge`, `RadialBarChart`, `FunnelChart`, `HeatmapChart`, `RadarChart`, `ScatterChart`, `ComboChart`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#charts) from `@nxgt/material/charts` | Native SVG charts with keyboard point navigation, a screen-reader summary, a "View data" table, `patterns`, a hide/isolate legend, zoom and phone scroll (client-only entry; [guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/charts.md)). | [not yet](https://github.com/softistx/nxgt-material/issues/1255) (#1255) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-emojipicker.webp" width="120" alt="EmojiPicker"> | [`EmojiPicker`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#emojipicker), `EmojiList` | Shared picker. `ChatComposer` takes `emojis`; `Markdown` expands `:shortcode:`; the RTE toolbar uses the same picker. | `EmojiPicker`, `EmojiList` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-mentionlist.webp" width="120" alt="MentionList"> | [`MentionList`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#mentionlist) | `@` mention list from an `items` prop (local search). ChatComposer and the RTE suggestion list use it. | `MentionList` |

package/dist/{alert-dialog-DXLJ4AZP.js → alert-dialog-1t6ULy5i.js}

@@ -4,7 +4,7 @@ import { o as n } from "./dist-DVRQkaTK.js";
 import { r } from "./dist-DWZXlCZR.js";
 import { a as i } from "./dist-DHdUUM1w.js";
 import { t as a } from "./in-dialog-D61Yeaol.js";
-import { a as o, c as s, d as c, i as l, l as u, n as d, o as f, r as p, s as m, t as h, u as g } from "./use-return-focus-C_Qz_yTk.js";
+import { a as o, c as s, d as c, i as l, l as u, n as d, o as f, r as p, s as m, t as h, u as g } from "./use-return-focus-Hv8rn55-.js";
 import { i as _ } from "./escape-owner-DpaP0lm1.js";
 import * as v from "react";
 import { Fragment as y, isValidElement as b } from "react";

package/dist/{async-slice-BfVokA46.js → async-slice-xyA9Uzct.js}

@@ -1,4 +1,4 @@
-import { l as e, r as t, s as n, u as r } from "./translator-CcEgQ-H7.js";
+import { l as e, r as t, s as n, u as r } from "./translator-BstxG_hN.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/{background-Q4Ek3rNy.js → background-DHjdFbNo.js}

@@ -6,12 +6,12 @@ import { t as c } from "./compose-refs-G4J4kaUA.js";
 import { t as l } from "./use-background-activity-KxQgelFF.js";
 import { t as u } from "./scene-svg-DJKa5vsg.js";
 import { n as d, r as f, t as p } from "./scene-options-2zNF3ZkQ.js";
-import { Suspense as m, lazy as h, memo as g, useId as _, useMemo as v, useRef as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { IconRefError as C, resolveIconStyles as w, resolveIcons as T } from "@nxgt/material-core/icons";
-import { SCENE_LAYER as E, buildBackgroundScene as D, presetLayers as O, resolveBackgroundPreset as k, svgIdPrefix as A } from "@nxgt/material-core/backgrounds";
+import { Children as m, Suspense as h, lazy as g, memo as _, useId as v, useMemo as y, useRef as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { IconRefError as w, resolveIconStyles as T, resolveIcons as E } from "@nxgt/material-core/icons";
+import { SCENE_LAYER as D, buildBackgroundScene as O, presetLayers as k, resolveBackgroundPreset as A, svgIdPrefix as j } from "@nxgt/material-core/backgrounds";
 //#region lib/backgrounds/background/available.ts
-var j = [
+var M = [
 	"gradient",
 	"grain",
 	"mesh",
@@ -28,7 +28,7 @@ var j = [
 	"linen",
 	"concrete",
 	"marble"
-], M = [
+], N = [
 	"isometric",
 	"blueprint",
 	"dots",
@@ -42,7 +42,7 @@ var j = [
 	"checker",
 	"diagonal-checker",
 	"chevrons"
-], N = [
+], P = [
 	"shapes",
 	"confetti-grid",
 	"constellation",
@@ -60,61 +60,61 @@ var j = [
 	"sport",
 	"moon",
 	"icons"
-], P = [
+], F = [
 	"eclipse",
 	"meteor-shower",
 	"ringed-planet",
 	"northern-lights",
 	"day-sky",
 	"dawn-sky"
-], F = (e) => P.includes(e), I = [
-	...j,
+], I = (e) => F.includes(e), L = [
 	...M,
 	...N,
-	...P
-], L = h(() => import("./icons-scene-M4HBeN2c.js"));
-function R(e) {
-	return /* @__PURE__ */ x("div", {
+	...P,
+	...F
+], R = g(() => import("./icons-scene-M4HBeN2c.js"));
+function z(e) {
+	return /* @__PURE__ */ S("div", {
 		"data-scene": "",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ x(m, {
+		children: /* @__PURE__ */ S(h, {
 			fallback: null,
-			children: /* @__PURE__ */ x(L, { ...e })
+			children: /* @__PURE__ */ S(R, { ...e })
 		})
 	});
 }
 //#endregion
 //#region lib/backgrounds/background/partials/background-layers.tsx
-var z = h(() => import("./celestial-scene-8Muu6f7O.js")), B = g(function({ preset: e, scene: t, grain: n, sky: r, icons: i, ...a }) {
-	return /* @__PURE__ */ S(b, { children: [
-		O(e).map((n) => n === E ? i ? /* @__PURE__ */ x(R, { ...i }, n) : F(e) ? /* @__PURE__ */ x("div", {
+var B = g(() => import("./celestial-scene-8Muu6f7O.js")), V = _(function({ preset: e, scene: t, grain: n, sky: r, icons: i, ...a }) {
+	return /* @__PURE__ */ C(x, { children: [
+		k(e).map((n) => n === D ? i ? /* @__PURE__ */ S(z, { ...i }, n) : I(e) ? /* @__PURE__ */ S("div", {
 			"data-scene": "",
 			"data-celestial": "",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ S(h, {
 				fallback: null,
-				children: /* @__PURE__ */ x(z, {
+				children: /* @__PURE__ */ S(B, {
 					name: e,
 					as: "preset",
 					...a
 				})
 			})
-		}, n) : t && /* @__PURE__ */ x("div", {
+		}, n) : t && /* @__PURE__ */ S("div", {
 			"data-scene": "",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ x(u, { node: t })
-		}, n) : /* @__PURE__ */ x("div", {
+			children: /* @__PURE__ */ S(u, { node: t })
+		}, n) : /* @__PURE__ */ S("div", {
 			"data-layer": n,
 			"aria-hidden": "true"
 		}, n)),
-		r && /* @__PURE__ */ x("div", {
+		r && /* @__PURE__ */ S("div", {
 			"data-layer": "sky-scene",
 			"data-scene": "",
 			"data-celestial": "",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ S(h, {
 				fallback: null,
-				children: /* @__PURE__ */ x(z, {
+				children: /* @__PURE__ */ S(B, {
 					name: r,
 					as: "sky",
 					base: e,
@@ -122,28 +122,28 @@ var z = h(() => import("./celestial-scene-8Muu6f7O.js")), B = g(function({ prese
 				})
 			})
 		}),
-		n && /* @__PURE__ */ x("div", {
+		n && /* @__PURE__ */ S("div", {
 			"data-overlay": "grain",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ x(u, { node: n })
+			children: /* @__PURE__ */ S(u, { node: n })
 		})
 	] });
 });
 //#endregion
 //#region lib/backgrounds/background/partials/use-background-scenes.ts
-function V(e, t, n, r, i, a) {
-	return e === "grain" ? null : D(e, f(t, n, r, i, a));
+function H(e, t, n, r, i, a) {
+	return e === "grain" ? null : O(e, f(t, n, r, i, a));
 }
-function H(e, t) {
-	return D("grain", {
+function U(e, t) {
+	return O("grain", {
 		idPrefix: `${e}-grain`,
 		seed: t
 	});
 }
-function U({ preset: e, hasIcons: t, grain: n, idPrefix: r, seed: i, motif: a, moon: o }) {
+function W({ preset: e, hasIcons: t, grain: n, idPrefix: r, seed: i, motif: a, moon: o }) {
 	let s = n || e === "grain", c = a?.shapes ? [...new Set(a.shapes)].sort().join(",") : void 0, l = JSON.stringify(d(a)), u = JSON.stringify(p(o));
 	return {
-		scene: v(() => t ? null : V(e, r, i, c, l, u), [
+		scene: y(() => t ? null : H(e, r, i, c, l, u), [
 			t,
 			e,
 			r,
@@ -152,7 +152,7 @@ function U({ preset: e, hasIcons: t, grain: n, idPrefix: r, seed: i, motif: a, m
 			l,
 			u
 		]),
-		grainScene: v(() => s ? H(r, i) : null, [
+		grainScene: y(() => s ? U(r, i) : null, [
 			s,
 			r,
 			i
@@ -165,19 +165,19 @@ function U({ preset: e, hasIcons: t, grain: n, idPrefix: r, seed: i, motif: a, m
 }
 //#endregion
 //#region lib/backgrounds/background/partials/icons-check.ts
-function W(e, t) {
+function G(e, t) {
 	try {
-		e !== void 0 && T(e);
+		e !== void 0 && E(e);
 		let n = Array.isArray(t) ? t.map((e) => e && typeof e == "object" && "style" in e ? e.style : e) : t && typeof t == "object" && "style" in t ? t.style : t;
-		return Array.isArray(n) && n.some((e) => !e) ? "an empty icon style" : (w(n), null);
+		return Array.isArray(n) && n.some((e) => !e) ? "an empty icon style" : (T(n), null);
 	} catch (e) {
-		if (e instanceof C) return e.message;
+		if (e instanceof w) return e.message;
 		throw e;
 	}
 }
 //#endregion
 //#region lib/backgrounds/background/partials/icons-keys.ts
-var G = Object.keys({
+var K = Object.keys({
 	layout: 1,
 	colors: 1,
 	sizeRange: 1,
@@ -187,48 +187,48 @@ var G = Object.keys({
 	calm: 1,
 	quiet: 1
 });
-function K(e) {
-	return JSON.stringify(Object.fromEntries(G.flatMap((t) => e?.[t] === void 0 ? [] : [[t, e[t]]])));
+function q(e) {
+	return JSON.stringify(Object.fromEntries(K.flatMap((t) => e?.[t] === void 0 ? [] : [[t, e[t]]])));
 }
-var q = .2;
-function J(e, t, n) {
+var J = .2;
+function Y(e, t, n) {
 	let { icons: r, iconStyle: i, iconMotif: a, motif: o } = t, s = o?.icons, c = a?.layout, l = e === "shapes" ? !!s : e === "icons" && (c === void 0 || c === "even");
 	return {
 		wants: e === "icons" || e === "shapes" && !!s,
 		iconsKey: JSON.stringify(s?.pack ?? r ?? null),
 		styleKey: JSON.stringify(s?.style ?? i ?? null),
-		motifKey: K(a),
+		motifKey: q(a),
 		mixKey: JSON.stringify(l ? {
 			...o,
-			icons: { ratio: s?.ratio ?? q }
+			icons: { ratio: s?.ratio ?? J }
 		} : null),
 		servedKey: JSON.stringify(n ?? null)
 	};
 }
 //#endregion
 //#region lib/backgrounds/background/partials/use-icons-scene.ts
-function Y(e, { icons: o, iconStyle: s, iconMotif: c, motif: l, idPrefix: u, seed: d, animated: f }) {
-	let p = t(), m = i(), h = n(), g = r(), { wants: _, iconsKey: y, styleKey: b, motifKey: x, mixKey: S, servedKey: C } = J(e, {
+function X(e, { icons: o, iconStyle: s, iconMotif: c, motif: l, idPrefix: u, seed: d, animated: f }) {
+	let p = t(), m = i(), h = n(), g = r(), { wants: _, iconsKey: v, styleKey: b, motifKey: x, mixKey: S, servedKey: C } = Y(e, {
 		icons: o,
 		iconStyle: s,
 		iconMotif: c,
 		motif: l
-	}, h), w = v(() => {
+	}, h), w = y(() => {
 		if (!_) return null;
-		let t = W(JSON.parse(y) ?? void 0, JSON.parse(b) ?? void 0);
+		let t = G(JSON.parse(v) ?? void 0, JSON.parse(b) ?? void 0);
 		return t && !a() && console.warn(`Background: icons cannot be drawn (${t}); drawing "${e === "icons" ? "scatter-icons" : e}" instead.`), t;
 	}, [
 		_,
 		e,
-		y,
+		v,
 		b
 	]);
 	return {
 		preset: w && e === "icons" ? "scatter-icons" : e,
-		iconsScene: v(() => _ && !w ? {
+		iconsScene: y(() => _ && !w ? {
 			seed: d,
 			idPrefix: u,
-			iconsKey: y,
+			iconsKey: v,
 			styleKey: b,
 			motifKey: x,
 			mixKey: S,
@@ -242,7 +242,7 @@ function Y(e, { icons: o, iconStyle: s, iconMotif: c, motif: l, idPrefix: u, see
 			w,
 			d,
 			u,
-			y,
+			v,
 			b,
 			x,
 			S,
@@ -256,7 +256,7 @@ function Y(e, { icons: o, iconStyle: s, iconMotif: c, motif: l, idPrefix: u, see
 }
 //#endregion
 //#region lib/backgrounds/background/partials/use-themed-background.ts
-function X({ preset: e, tone: t, intensity: n, animated: r, grain: i, seed: a, motif: c, moon: l, sky: u, icons: d, iconStyle: f, iconMotif: p, ...m }) {
+function Z({ preset: e, tone: t, intensity: n, animated: r, grain: i, seed: a, motif: c, moon: l, sky: u, icons: d, iconStyle: f, iconMotif: p, ...m }) {
 	let h = o()?.background || s;
 	return {
 		requested: e ?? h.preset,
@@ -278,52 +278,52 @@ function X({ preset: e, tone: t, intensity: n, animated: r, grain: i, seed: a, m
 }
 //#endregion
 //#region lib/backgrounds/background/background.tsx
-var Z = /* @__PURE__ */ e({ Background: () => $ }), Q = (e) => console.warn(e);
+var Q = /* @__PURE__ */ e({ Background: () => $ }), ee = (e) => console.warn(e);
 function $({ children: e, ref: t, fill: n = "viewport", ...r }) {
-	let { requested: i, tone: o, intensity: s, animated: u, grain: d, seed: f, motif: p, moon: m, sky: h, iconProps: g, props: b } = X(r), C = y(null), w = v(() => c(C, t), [t]), T = l(C, u), E = A(_()), { preset: D, iconsScene: O } = Y(k(i, I, a() ? void 0 : Q), {
-		...g,
+	let { requested: i, tone: o, intensity: s, animated: u, grain: d, seed: f, motif: p, moon: h, sky: g, iconProps: _, props: x } = Z(r), w = b(null), T = y(() => c(w, t), [t]), E = l(w, u), D = j(v()), { preset: O, iconsScene: k } = X(A(i, L, a() ? void 0 : ee), {
+		..._,
 		motif: p,
-		idPrefix: E,
+		idPrefix: D,
 		seed: f,
 		animated: u
-	}), { scene: j, grainScene: M, withGrain: N, shapesKey: P, scalarsKey: F, moonKey: L } = U({
-		preset: D,
-		hasIcons: O !== void 0,
+	}), { scene: M, grainScene: N, withGrain: P, shapesKey: F, scalarsKey: I, moonKey: R } = W({
+		preset: O,
+		hasIcons: k !== void 0,
 		grain: d,
-		idPrefix: E,
+		idPrefix: D,
 		seed: f,
 		motif: p,
-		moon: m
+		moon: h
 	});
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		"data-slot": "background",
-		...b,
-		ref: w,
-		"data-background": D === "grain" ? "gradient" : D,
-		"data-preset": D,
+		...x,
+		ref: T,
+		"data-background": O === "grain" ? "gradient" : O,
+		"data-preset": O,
 		"data-tone": o,
 		"data-intensity": s,
 		"data-fill": n === "container" ? n : void 0,
 		"data-animated": u ? "" : void 0,
-		"data-grain": N ? "" : void 0,
-		"data-sky": h,
-		"data-paused": u && T ? "" : void 0,
-		children: [/* @__PURE__ */ x(B, {
-			preset: D,
-			scene: j,
-			grain: M,
-			sky: h,
-			idPrefix: E,
+		"data-grain": P ? "" : void 0,
+		"data-sky": g,
+		"data-paused": u && E ? "" : void 0,
+		children: [/* @__PURE__ */ S(V, {
+			preset: O,
+			scene: M,
+			grain: N,
+			sky: g,
+			idPrefix: D,
 			seed: f,
-			shapesKey: P,
-			scalarsKey: F,
-			moonKey: L,
-			icons: O
-		}), /* @__PURE__ */ x("div", {
+			shapesKey: F,
+			scalarsKey: I,
+			moonKey: R,
+			icons: k
+		}), m.toArray(e).length > 0 ? /* @__PURE__ */ S("div", {
 			"data-slot": "background-content",
 			children: e
-		})]
+		}) : null]
 	});
 }
 //#endregion
-export { Z as n, I as r, $ as t };
+export { Q as n, L as r, $ as t };

package/dist/backgrounds.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "./background-Q4Ek3rNy.js";
+import { r as e, t } from "./background-DHjdFbNo.js";
 import { BACKGROUND_INTENSITIES as n, BACKGROUND_PRESETS as r, BACKGROUND_TONES as i, MOTIF_SHAPES as a, MOTIF_SHAPES_ALL as o, SHIPPED_BACKGROUND_PRESETS as s } from "@nxgt/material-core/backgrounds";
 export { e as AVAILABLE_BACKGROUND_PRESETS, n as BACKGROUND_INTENSITIES, r as BACKGROUND_PRESETS, i as BACKGROUND_TONES, t as Background, a as MOTIF_SHAPES, o as MOTIF_SHAPES_ALL, s as SHIPPED_BACKGROUND_PRESETS };

package/dist/{button-CSKUtMI3.js → button-DhiNGrdT.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { n as t, t as n } from "./dist-DVRQkaTK.js";
-import { n as r, t as i } from "./spinner-DH1mm8hH.js";
+import { n as r, t as i } from "./spinner-C6LP2Rw8.js";
 import { t as a } from "./dist-DkQbkF9T.js";
 import { a as o, i as s, n as c, o as l, s as u, t as d } from "./use-click-lock-Bwg_caHO.js";
 import { t as f } from "./is-production-GLw59WU8.js";

package/dist/{calculator-Cv00UQgR.js → calculator-BcgxxScL.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { n as t, r as n, t as r, u as i } from "./tabs-Um0SFyf1.js";
-import { t as a } from "./button-CSKUtMI3.js";
-import { t as o } from "./use-material-translation-DYrfV_JJ.js";
-import { t as s } from "./icon-button-4PKlaI1g.js";
+import { n as t, r as n, t as r, u as i } from "./tabs-Bj1zOe7-.js";
+import { t as a } from "./button-DhiNGrdT.js";
+import { t as o } from "./use-material-translation-1kCHtB0p.js";
+import { t as s } from "./icon-button-CG4aO8Gh.js";
 import { t as c } from "./copy-to-clipboard-Be5Ffvs_.js";
 import { t as l } from "./useEvent-2fKq-6w8.js";
 import { t as u } from "./useLatest-C2PnQEeD.js";
@@ -11,7 +11,7 @@ import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { n as m, t as h } from "./calculator-context-BugcKuVG.js";
 import { a as g, c as _, i as v, l as y, n as b, o as ee, r as te, s as ne } from "./calculator-announce-DRd2c6Dq.js";
-import { i as re, t as ie } from "./pos-types-BFrapNmx.js";
+import { i as re, t as ie } from "./pos-types-Dv2UxKSN.js";
 import { a as ae, r as oe } from "./key-layout-cR79xfGE.js";
 import { n as x, r as se, t as ce } from "./programmer-word-CNCF7DJF.js";
 import { t as le } from "./standard-layout-BuSRr3TY.js";
@@ -279,11 +279,11 @@ function Le({ helpId: e }) {
 //#endregion
 //#region lib/components/ui/widgets/calculator/variants/variant-loader.ts
 var Re = {
-	scientific: () => import("./scientific-variant-CjErQxuZ.js"),
-	pos: () => import("./pos-variant-CctfqieO.js"),
-	programmer: () => import("./programmer-variant-Dd0YOixn.js"),
-	financial: () => import("./financial-variant-igpGRbGw.js"),
-	conversion: () => import("./conversion-variant-wZd-G6xR.js")
+	scientific: () => import("./scientific-variant-DijUrpP8.js"),
+	pos: () => import("./pos-variant-DJvtN9N8.js"),
+	programmer: () => import("./programmer-variant-Bmcq2KzC.js"),
+	financial: () => import("./financial-variant-BYjQ690K.js"),
+	conversion: () => import("./conversion-variant-DultZZQm.js")
 }, B = "failed", V = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Set(), W = () => {
 	for (let e of U) e();
 };

package/dist/calculator-field.js

@@ -1,11 +1,11 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./button-CSKUtMI3.js";
-import { t as n } from "./use-material-translation-DYrfV_JJ.js";
-import { t as r } from "./icon-button-4PKlaI1g.js";
-import { a as i, i as a, n as o, r as s, t as c } from "./picker-surface-CiTycWgV.js";
-import { r as l, t as u } from "./currency-field-DizBTAat.js";
+import { t } from "./button-DhiNGrdT.js";
+import { t as n } from "./use-material-translation-1kCHtB0p.js";
+import { t as r } from "./icon-button-CG4aO8Gh.js";
+import { a as i, i as a, n as o, r as s, t as c } from "./picker-surface-pyGv-Qh9.js";
+import { r as l, t as u } from "./currency-field-CPbaM7ay.js";
 import { r as d, t as f } from "./field-blur-DkiZOVNV.js";
-import { t as p } from "./calculator-Cv00UQgR.js";
+import { t as p } from "./calculator-BcgxxScL.js";
 import { useId as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Calculator as y } from "lucide-react";

package/dist/{calculator-segment-CwnC2cV_.js → calculator-segment-C4WQAHcN.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./use-material-translation-DYrfV_JJ.js";
+import { t as e } from "./use-material-translation-1kCHtB0p.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region lib/components/ui/widgets/calculator/partials/calculator-segment.tsx
 function n({ label: n, choices: r, value: i, nameKey: a, onChange: o }) {

package/dist/calculator.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./calculator-Cv00UQgR.js";
+import { n as e, t } from "./calculator-BcgxxScL.js";
 export { e as CALCULATOR_VARIANTS, t as Calculator };

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 "./button-CSKUtMI3.js";
-import { t as i } from "./use-material-translation-DYrfV_JJ.js";
+import { t as r } from "./button-DhiNGrdT.js";
+import { t as i } from "./use-material-translation-1kCHtB0p.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-BGn0V6Pt.js";
+import { t as d } from "./chip-m0_usuzd.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-BGn0V6Pt.js → chip-m0_usuzd.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { n as t } from "./spinner-DH1mm8hH.js";
+import { n as t } from "./spinner-C6LP2Rw8.js";
 import { s as n } from "./use-click-lock-Bwg_caHO.js";
-import { t as r } from "./use-material-translation-DYrfV_JJ.js";
+import { t as r } from "./use-material-translation-1kCHtB0p.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-B25-mWhb.js → code-editor-BgKFrcld.js}

@@ -1,12 +1,12 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./dist-DWZXlCZR.js";
-import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-C6rcYGB9.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-CDKev8dk.js";
 import { a as c, i as l, n as u } from "./field-blur-context-BLGgf_3z.js";
-import { a as d, o as f, r as p, s as m, t as h } from "./toolbar-items-BoEY5bkt.js";
+import { a as d, o as f, r as p, s as m, t as h } from "./toolbar-items-CEIuSxU_.js";
 import { t as g } from "./is-production-GLw59WU8.js";
-import { t as _ } from "./use-material-translation-DYrfV_JJ.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-oRjtO3qV.js";
+import { t as _ } from "./use-material-translation-1kCHtB0p.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-BWw17W9s.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { n as C, t as w } from "./escape-owner-DpaP0lm1.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";

package/dist/code-editor.js

@@ -1,13 +1,13 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DWZXlCZR.js";
-import { o as n, r, s as i, t as a } from "./toolbar-items-BoEY5bkt.js";
-import { t as o } from "./use-material-translation-DYrfV_JJ.js";
-import { i as s, n as c, o as l } from "./code-language-items-oRjtO3qV.js";
+import { o as n, r, s as i, t as a } from "./toolbar-items-CEIuSxU_.js";
+import { t as o } from "./use-material-translation-1kCHtB0p.js";
+import { i as s, n as c, o as l } from "./code-language-items-BWw17W9s.js";
 import { t as u } from "./skeleton-DSdtr2qc.js";
 import { t as d } from "./live-status-BGPaN8r8.js";
 import { t as f } from "./use-mobile-BDro060N.js";
 import { t as p } from "./react-node-text-Crkpfpco.js";
-import { a as m, c as h, d as g, f as _, i as v, l as y, m as b, o as x, p as S, r as C, s as w, t as T, u as E } from "./code-editor-B25-mWhb.js";
+import { a as m, c as h, d as g, f as _, i as v, l as y, m as b, o as x, p as S, r as C, s as w, t as T, u as E } from "./code-editor-BgKFrcld.js";
 import { r as D, t as O } from "./field-blur-DkiZOVNV.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";

package/dist/{code-language-items-oRjtO3qV.js → code-language-items-BWw17W9s.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-C6rcYGB9.js";
-import { t as n } from "./use-material-translation-DYrfV_JJ.js";
+import { d as e, f as t } from "./dropdown-menu-CDKev8dk.js";
+import { t as n } from "./use-material-translation-1kCHtB0p.js";
 import { t as r } from "./copy-to-clipboard-Be5Ffvs_.js";
 import { t as i } from "./live-status-BGPaN8r8.js";
 import { useEffect as a, useRef as o, useState as s } from "react";

package/dist/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;