@nxgt/material 3.82.0 → 3.84.0

package/dist/{hooks-k8_f3B0k.js → hooks-BTwLAy_A.js}

@@ -1,22 +1,22 @@
-import { i as e } from "./translate-material-D4rn5UaQ.js";
-import { n as t } from "./use-heading-spy-gDNtK1sU.js";
+import { i as e } from "./translate-material-DI3nmQ6I.js";
+import { n as t } from "./use-heading-spy-nFyb9_KE.js";
 import { t as n } from "./number.utils-CSueQZcv.js";
-import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import { useBlocker as l, useNavigate as u, useSearchParams as d } from "react-router";
-import { createFormatters as f } from "@nxgt/material-core/print-format";
+import { useCallback as r, useEffect as i, useLayoutEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useBlocker as u, useNavigate as d, useSearchParams as f } from "react-router";
+import { createFormatters as p } from "@nxgt/material-core/print-format";
 //#region lib/hooks/unsaved-guard-rules.ts
-function p(e, t, n = {}) {
+function m(e, t, n = {}) {
 	return e.pathname !== t.pathname || !n.ignoreSearch && e.search !== t.search;
 }
-function m({ dirty: e, released: t, context: n, leaves: r, ignoreSearch: i }) {
+function h({ dirty: e, released: t, context: n, leaves: r, ignoreSearch: i }) {
 	if (t || !e) return !1;
 	let { currentLocation: a, nextLocation: o } = n;
-	return r ? r(a, o) : p(a, o, { ignoreSearch: i });
+	return r ? r(a, o) : m(a, o, { ignoreSearch: i });
 }
 //#endregion
 //#region lib/hooks/use-allowed-transitions.ts
-function h(e, t, n) {
+function g(e, t, n) {
 	return (t[e] || []).map((e) => {
 		let t = n[e];
 		return t ? {
@@ -27,7 +27,7 @@ function h(e, t, n) {
 }
 //#endregion
 //#region lib/hooks/drafts-store.ts
-function g(e, t, n) {
+function _(e, t, n) {
 	let r = {};
 	try {
 		let i = e?.getItem(t);
@@ -41,7 +41,7 @@ function g(e, t, n) {
 	} catch {}
 	return r;
 }
-function _(e, t, n, r) {
+function v(e, t, n, r) {
 	try {
 		let i = Object.keys(n);
 		if (i.length === 0) {
@@ -55,34 +55,34 @@ function _(e, t, n, r) {
 }
 //#endregion
 //#region lib/hooks/use-drafts.ts
-function v() {
+function y() {
 	try {
 		return window.sessionStorage;
 	} catch {
 		return;
 	}
 }
-var y = (e) => JSON.parse(e);
-function b(e) {
+var b = (e) => JSON.parse(e);
+function x(e) {
 	try {
-		return e === void 0 ? v() : typeof e == "function" ? e() : e;
+		return e === void 0 ? y() : typeof e == "function" ? e() : e;
 	} catch {
 		return;
 	}
 }
-function x(e, t) {
+function S(e, t) {
 	try {
-		b(t)?.removeItem(e);
+		x(t)?.removeItem(e);
 	} catch {}
 }
-function S(e, t = {}) {
-	let { serialize: n = JSON.stringify, parse: c = y, storage: l } = t, [u, d] = s({
+function C(e, t = {}) {
+	let { serialize: n = JSON.stringify, parse: a = b, storage: l } = t, [u, d] = c({
 		key: e,
 		drafts: {},
 		loaded: !1
-	}), f = o(u), p = u.key === e, m = p ? u.drafts : C, h = p && u.loaded;
+	}), f = s(u), p = u.key === e, m = p ? u.drafts : w, h = p && u.loaded;
 	i(() => {
-		let t = g(b(l), e, c), n = f.current, r = {
+		let t = _(x(l), e, a), n = f.current, r = {
 			key: e,
 			drafts: n.key === e ? {
 				...t,
@@ -92,43 +92,43 @@ function S(e, t = {}) {
 		};
 		f.current = r, d(r);
 	}, [e]);
-	let v = r((t) => {
-		let r = b(l), i = f.current, a = i.key === e && i.loaded, o = {
+	let g = r((t) => {
+		let r = x(l), i = f.current, o = i.key === e && i.loaded, s = {
 			key: e,
-			drafts: t(a ? i.drafts : g(r, e, c)),
-			loaded: a
+			drafts: t(o ? i.drafts : _(r, e, a)),
+			loaded: o
 		};
-		_(r, e, o.drafts, n), f.current = o, d(o);
-	}, [e]), x = r((e, t) => v((n) => ({
+		v(r, e, s.drafts, n), f.current = s, d(s);
+	}, [e]), y = r((e, t) => g((n) => ({
 		...n,
 		[e]: t
-	})), [v]), S = r((e) => v((t) => {
+	})), [g]), S = r((e) => g((t) => {
 		let { [e]: n, ...r } = t;
 		return r;
-	}), [v]), w = r(() => v(() => ({})), [v]);
+	}), [g]), C = r(() => g(() => ({})), [g]);
 	return {
 		get: r((e) => m[e], [m]),
-		set: x,
+		set: y,
 		drop: S,
-		clear: w,
-		keys: a(() => Object.keys(m), [m]),
+		clear: C,
+		keys: o(() => Object.keys(m), [m]),
 		loaded: h
 	};
 }
-var C = {};
+var w = {};
 //#endregion
 //#region lib/hooks/use-formatters.ts
-function w(t = {}) {
+function T(t = {}) {
 	let n = e(), r = t.locale ?? n?.language ?? "en", { timeZone: i } = t;
-	return a(() => f({
+	return o(() => p({
 		locale: r,
 		timeZone: i
 	}), [r, i]);
 }
 //#endregion
 //#region lib/hooks/use-navigation.ts
-function T(e, t) {
-	let n = u();
+function E(e, t) {
+	let n = d();
 	return r(() => {
 		n(e, t);
 	}, [
@@ -137,15 +137,15 @@ function T(e, t) {
 		t
 	]);
 }
-function E(e) {
-	let t = u();
-	return a(() => e.map(({ to: e, options: n }) => () => {
+function D(e) {
+	let t = d();
+	return o(() => e.map(({ to: e, options: n }) => () => {
 		t(e, n);
 	}), [t, e]);
 }
 //#endregion
 //#region lib/hooks/use-number-formatter.ts
-function D() {
+function O() {
 	let t = e(), i = r((e, r) => n(e, {
 		...r,
 		language: t?.language
@@ -161,7 +161,7 @@ function D() {
 }
 //#endregion
 //#region lib/hooks/use-options.ts
-function O(e, { filter: t, value: n, label: r, expanded: i }) {
+function k(e, { filter: t, value: n, label: r, expanded: i }) {
 	return e.filter((e) => e && (t?.(e) ?? !0)).map((e) => {
 		let t = typeof n == "function" ? n(e) : e[n]?.toString() ?? "", a = "";
 		return a = typeof r == "function" ? r(e) : Array.isArray(r) ? r.map((t) => e[t]).filter(Boolean).join(" ") : e[r]?.toString() ?? "", {
@@ -171,28 +171,64 @@ function O(e, { filter: t, value: n, label: r, expanded: i }) {
 		};
 	});
 }
-function k(e, t) {
-	let { filter: n, value: r, label: i, expanded: o } = t;
-	return a(() => O(e, {
+function A(e, t) {
+	let { filter: n, value: r, label: i, expanded: a } = t;
+	return o(() => k(e, {
 		filter: n,
 		value: r,
 		label: i,
-		expanded: o
+		expanded: a
 	}), [
 		e,
 		n,
 		r,
 		i,
-		o
+		a
 	]);
 }
-function A(e) {
+function j(e) {
 	return e?.edges?.map((e) => e.node) ?? [];
 }
 //#endregion
+//#region lib/hooks/poll.ts
+var M = () => typeof document > "u" || document.visibilityState === "visible";
+function N({ ms: e, read: t, active: n = () => !0, visible: r = M, onError: i, flight: a = { current: !1 } }) {
+	let o = !1, s = setInterval(() => {
+		a.current || !n() || !r() || (a.current = !0, new Promise((e) => e(t())).catch((e) => {
+			o || i?.(e);
+		}).finally(() => {
+			a.current = !1;
+		}));
+	}, e);
+	return () => {
+		o = !0, clearInterval(s);
+	};
+}
+//#endregion
+//#region lib/hooks/use-poll.ts
+function P({ ms: e, enabled: t = !0, read: n, onError: r }) {
+	let o = s({
+		read: n,
+		onError: r
+	}), c = s(!1);
+	a(() => {
+		o.current = {
+			read: n,
+			onError: r
+		};
+	}), i(() => {
+		if (t) return N({
+			ms: e,
+			read: () => o.current.read(),
+			onError: (e) => o.current.onError?.(e),
+			flight: c
+		});
+	}, [e, t]);
+}
+//#endregion
 //#region lib/hooks/use-react-router-block.ts
-var j = (e) => {
-	let t = l(e);
+var F = (e) => {
+	let t = u(e);
 	return {
 		state: t.state,
 		proceed: () => t.state === "blocked" && t.proceed(),
@@ -201,14 +237,14 @@ var j = (e) => {
 };
 //#endregion
 //#region lib/hooks/use-search-param.ts
-function M(e) {
-	let [t, n] = d();
-	return a(() => t.get(e), [t, e]);
+function I(e) {
+	let [t, n] = f();
+	return o(() => t.get(e), [t, e]);
 }
 //#endregion
 //#region lib/hooks/use-unsaved-guard/guard-core.ts
-var N = (e) => typeof e == "function" ? e() : e;
-function P(e) {
+var L = (e) => typeof e == "function" ? e() : e;
+function R(e) {
 	let t = !1, n, r = () => {
 		n !== void 0 && clearTimeout(n), n = void 0;
 	}, i = () => {
@@ -221,27 +257,27 @@ function P(e) {
 		rearm: i,
 		dispose: r,
 		shouldBlock(n, r) {
-			if (!m({
+			if (!h({
 				dirty: !0,
 				released: !1,
 				context: n,
 				...r
 			})) return !1;
 			let a = t;
-			return i(), !a && N(e());
+			return i(), !a && L(e());
 		},
 		shouldWarnUnload() {
-			return !t && N(e());
+			return !t && L(e());
 		}
 	};
 }
-function F(e, t) {
+function z(e, t) {
 	let n = (e) => {
 		t.shouldWarnUnload() && (e.preventDefault(), e.returnValue = "");
 	};
 	return e.addEventListener("beforeunload", n), () => e.removeEventListener("beforeunload", n);
 }
-async function I(e) {
+async function B(e) {
 	if (!e) return !1;
 	try {
 		return await e() === !0;
@@ -251,19 +287,19 @@ async function I(e) {
 }
 //#endregion
 //#region lib/hooks/use-unsaved-guard/use-discard-guard.tsx
-function L(e, n = {}) {
-	let i = o(e);
+function V(e, n = {}) {
+	let i = s(e);
 	i.current = e;
-	let [a, l] = s(null);
+	let [a, o] = c(null);
 	return {
 		close: r((e) => {
-			N(i.current) ? l(() => e) : e();
+			L(i.current) ? o(() => e) : e();
 		}, []),
-		dialog: /* @__PURE__ */ c(t, {
+		dialog: /* @__PURE__ */ l(t, {
 			...n,
 			open: a !== null,
 			onOpenChange: (e) => {
-				e || l(null);
+				e || o(null);
 			},
 			onLeave: () => {
 				a?.();
@@ -273,41 +309,41 @@ function L(e, n = {}) {
 }
 //#endregion
 //#region lib/hooks/use-unsaved-guard/use-unsaved-guard.tsx
-function R(e) {
-	i(() => F(window, e), [e]);
+function H(e) {
+	i(() => z(window, e), [e]);
 }
-function z(e, t) {
-	let [n, r] = s(!1), a = o(!1), c = o(e);
-	c.current = e;
-	let l = o(t);
+function U(e, t) {
+	let [n, r] = c(!1), a = s(!1), o = s(e);
+	o.current = e;
+	let l = s(t);
 	return l.current = t, i(() => {
 		if (e.state !== "blocked") {
 			a.current = !1, r(!1);
 			return;
 		}
-		a.current || (a.current = !0, I(l.current).then((e) => {
-			e ? c.current.proceed() : r(!0);
+		a.current || (a.current = !0, B(l.current).then((e) => {
+			e ? o.current.proceed() : r(!0);
 		}));
 	}, [e.state]), {
 		asking: n && e.state === "blocked",
 		setAsking: r,
-		blockerRef: c
+		blockerRef: o
 	};
 }
-function B(e, n) {
-	let { block: a, leaves: l, ignoreSearch: u, onBlock: d, ...f } = n, p = o(e);
+function W(e, n) {
+	let { block: a, leaves: o, ignoreSearch: u, onBlock: d, ...f } = n, p = s(e);
 	p.current = e;
-	let [m] = s(() => P(() => p.current)), h = o(!1), { asking: g, setAsking: _, blockerRef: v } = z(a((e) => m.shouldBlock(e, {
-		leaves: l,
+	let [m] = c(() => R(() => p.current)), h = s(!1), { asking: g, setAsking: _, blockerRef: v } = U(a((e) => m.shouldBlock(e, {
+		leaves: o,
 		ignoreSearch: u
 	})), d);
-	R(m), i(() => m.dispose, [m]);
+	H(m), i(() => m.dispose, [m]);
 	let y = typeof e == "boolean" ? e : void 0;
 	return i(() => {
 		y && m.rearm();
 	}, [y, m]), {
 		release: r(() => m.release(), [m]),
-		dialog: /* @__PURE__ */ c(t, {
+		dialog: /* @__PURE__ */ l(t, {
 			...f,
 			open: g,
 			onOpenChange: (e) => {
@@ -326,4 +362,4 @@ function B(e, n) {
 	};
 }
 //#endregion
-export { O as a, D as c, w as d, x as f, m as g, p as h, j as i, T as l, h as m, L as n, A as o, S as p, M as r, k as s, B as t, E as u };
+export { m as _, P as a, j as c, E as d, D as f, g, C as h, F as i, A as l, S as m, V as n, N as o, T as p, I as r, k as s, W as t, O as u, h as v };

package/dist/hooks.js

@@ -1,9 +1,9 @@
 import { t as e } from "./use-ssr-media-query-C6M5m8sf.js";
 import { a as t, i as n, o as r, r as i, s as a } from "./theme-store-BdPp43cV.js";
 import { n as o, t as s } from "./use-theme-BCLireTd.js";
-import { a as c, i as l, m as u, o as d, r as f, s as p, t as m } from "./use-heading-spy-gDNtK1sU.js";
+import { a as c, i as l, m as u, o as d, r as f, s as p, t as m } from "./use-heading-spy-nFyb9_KE.js";
 import { r as h } from "./use-csp-nonce-ZKs9k-ov.js";
 import { t as g } from "./use-mobile-BDro060N.js";
 import { t as _ } from "./use-scroll-away-PQRFZkT2.js";
-import { a as v, c as y, d as b, f as x, g as S, h as C, i as w, l as T, m as E, n as D, o as O, p as k, r as A, s as j, t as M, u as N } from "./hooks-k8_f3B0k.js";
-export { i as DEFAULT_THEME, n as applyResolvedTheme, t as applyThemeName, v as buildOptions, l as busySettler, x as clearDrafts, c as createSubmitGuard, O as extractNode, C as isLeaving, r as resolveTheme, a as resolveThemeName, S as shouldBlockNavigation, E as useAllowedTransitions, f as useCountdown, h as useCspNonce, D as useDiscardGuard, k as useDrafts, p as useFocusOnMount, b as useFormatters, m as useHeadingSpy, o as useIsClient, g as useIsMobile, u as useLocalizedDate, T as useNavigationHandler, N as useNavigationHandlers, y as useNumberFormatter, j as useOptions, w as useReactRouterBlock, _ as useScrollAway, A as useSearchParam, e as useSsrMediaQuery, d as useSubmitOnce, s as useTheme, M as useUnsavedGuard };
+import { _ as v, a as y, c as b, d as x, f as S, g as C, h as w, i as T, l as E, m as D, n as O, o as k, p as A, r as j, s as M, t as N, u as P, v as F } from "./hooks-BTwLAy_A.js";
+export { i as DEFAULT_THEME, n as applyResolvedTheme, t as applyThemeName, M as buildOptions, l as busySettler, D as clearDrafts, c as createSubmitGuard, b as extractNode, v as isLeaving, r as resolveTheme, a as resolveThemeName, F as shouldBlockNavigation, k as startPoll, C as useAllowedTransitions, f as useCountdown, h as useCspNonce, O as useDiscardGuard, w as useDrafts, p as useFocusOnMount, A as useFormatters, m as useHeadingSpy, o as useIsClient, g as useIsMobile, u as useLocalizedDate, x as useNavigationHandler, S as useNavigationHandlers, P as useNumberFormatter, E as useOptions, y as usePoll, T as useReactRouterBlock, _ as useScrollAway, j as useSearchParam, e as useSsrMediaQuery, d as useSubmitOnce, s as useTheme, N as useUnsavedGuard };

package/dist/{hover-card-DuaVVKMb.js → hover-card-CDtW6utN.js}

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

package/dist/i18n.js

@@ -1,8 +1,8 @@
 import { t as e } from "./is-production-GLw59WU8.js";
-import { c as t, d as n, i as r, l as i, n as a, o, r as s, t as c, u as l } from "./translator-CcEgQ-H7.js";
-import { i as u, n as d, r as f, t as p } from "./translate-material-D4rn5UaQ.js";
+import { c as t, d as n, i as r, l as i, n as a, o, r as s, t as c, u as l } from "./translator-BstxG_hN.js";
+import { i as u, n as d, r as f, t as p } from "./translate-material-DI3nmQ6I.js";
 import { o as m, t as h } from "./merge-BCZE6HGq.js";
-import { t as g } from "./use-material-translation-DYrfV_JJ.js";
+import { t as g } from "./use-material-translation-1kCHtB0p.js";
 import { useCallback as _ } from "react";
 //#region lib/i18n/merge-resources.ts
 function v(e, t, n = "") {

package/dist/{icon-badge-3ThP6EOl.js → icon-badge-ec7MmUGA.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./icon-button-4PKlaI1g.js";
+import { t } from "./icon-button-CG4aO8Gh.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region lib/components/ui/actions/icon-button/icon-badge.tsx
 function r({ children: r, className: i, ...a }) {

package/dist/{icon-button-4PKlaI1g.js → icon-button-CG4aO8Gh.js}

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

package/dist/lib/components/ui/display/index.d.ts

@@ -35,6 +35,7 @@ export * from './status-indicator/index.js';
 export * from './summary-data/index.js';
 export * from './terminal/index.js';
 export * from './timeline/index.js';
+export * from './totals-list/index.js';
 export * from './tube-cap/index.js';
 export * from './vote-tally/index.js';
 export * from './zoned-time/index.js';

package/dist/lib/components/ui/display/totals-list/index.d.ts

@@ -0,0 +1,2 @@
+export type { TotalsListProps, TotalsRow } from './totals-list.js';
+export { TotalsList } from './totals-list.js';

package/dist/lib/components/ui/display/totals-list/totals-list.d.ts

@@ -0,0 +1,43 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Tone } from '../../tones.js';
+/** One labelled figure of a `TotalsList`; the same shape as `PrintTotalRow`, plus `tone` and `strong`. */
+export type TotalsRow = {
+    /** What the figure is: "Subtotal", "Tax". */
+    label: ReactNode;
+    /** The figure, already formatted for the locale: "1,190.00". */
+    value: ReactNode;
+    /**
+     * The grand total, as `PrintTotalRow`'s `last`: larger and bold, with a rule
+     * above it.
+     */
+    last?: boolean;
+    /** Larger and bold, with no rule: a subtotal that stands out. */
+    strong?: boolean;
+    /**
+     * Colours the amount (`data-tone` and the tone's text colour): `error` for a
+     * negative or due amount, `success` for a credit. A tone an app declared in
+     * `AppTones` works as a named one. The label keeps its colour.
+     */
+    tone?: Tone;
+};
+export type TotalsListProps = Omit<ComponentProps<'div'>, 'children'> & {
+    /** The rows, top to bottom. Share the array with the `PrintTotals` of the document. */
+    rows: readonly TotalsRow[];
+    /**
+     * The accessible name of the block ("Order totals"), set as `aria-label` on a
+     * `group` around the `dl`.
+     */
+    label?: string;
+    /**
+     * `card` (default) draws the block as a bordered card; `plain` leaves it bare
+     * to sit inside a card or a side rail you already have.
+     */
+    variant?: 'card' | 'plain';
+};
+/**
+ * TotalsList - the on-screen counterpart of `PrintTotals`: a `dl` of labelled
+ * figures, labels at the start and amounts right-aligned at the end with
+ * tabular numerals. One column at any width, so it fits a narrow side rail and
+ * a phone. A long label wraps and the amount stays on its first line.
+ */
+export declare function TotalsList({ rows, label, variant, className, ...props }: TotalsListProps): import("react").JSX.Element;