@nxgt/material 3.60.0 → 3.63.0

package/dist/{empty-state-DA517HAb.js → empty-state-D-2ZMXXJ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./use-material-translation-B5j3jZs7.js";
-import { a as n } from "./escape-owner-r57kuPjn.js";
+import { t } from "./use-material-translation-C_1cWRzW.js";
+import { t as n } from "./typography-CEK19bj8.js";
 import { a as r, c as i, i as a, n as o, o as s, r as c, t as l, u } from "./state-scenes-BX03WmSu.js";
 import { Suspense as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/escape-owner-DpaP0lm1.js

@@ -0,0 +1,19 @@
+import { t as e } from "./button-group-context-CaP0X5p_.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/components/ui/actions/button-group/button-group-reset.tsx
+function n({ children: n }) {
+	return /* @__PURE__ */ t(e, {
+		value: void 0,
+		children: n
+	});
+}
+//#endregion
+//#region lib/components/ui/overlays/dialog/escape-owner.ts
+var r = /* @__PURE__ */ new WeakSet(), i = "data-escape-owner";
+function a(e, t) {
+	let n = e.target?.closest?.(`[${i}]`);
+	!n || n === t || !t?.contains(n) || (r.add(e), e.preventDefault());
+}
+var o = (e) => r.has(e);
+//#endregion
+export { n as i, o as n, a as r, i as t };

package/dist/{field-blur-DdvY0NQQ.js → field-blur-DyOByjzw.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./field-blur-context-DbJQZkEB.js";
+import { t as e } from "./field-blur-context-DPe5_Nv5.js";
 import { t } from "./useEvent-2fKq-6w8.js";
 import n, { useCallback as r, useEffect as i, useRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/{field-blur-context-DbJQZkEB.js → field-blur-context-DPe5_Nv5.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { l as t } from "./dist-lmHmz_bu.js";
-import { a as n } from "./escape-owner-r57kuPjn.js";
+import { t as n } from "./typography-CEK19bj8.js";
 import * as r from "react";
 import { createContext as i, use as a, useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/hooks-a7_exKWS.js

@@ -0,0 +1,329 @@
+import { i as e } from "./translate-material-CvZK8_S6.js";
+import { t } from "./number.utils-BG_eEt5g.js";
+import { n } from "./use-heading-spy-mmcyEGmm.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";
+//#region lib/hooks/unsaved-guard-rules.ts
+function p(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 }) {
+	if (t || !e) return !1;
+	let { currentLocation: a, nextLocation: o } = n;
+	return r ? r(a, o) : p(a, o, { ignoreSearch: i });
+}
+//#endregion
+//#region lib/hooks/use-allowed-transitions.ts
+function h(e, t, n) {
+	return (t[e] || []).map((e) => {
+		let t = n[e];
+		return t ? {
+			targetStatus: e,
+			...t
+		} : null;
+	}).filter((e) => e !== null);
+}
+//#endregion
+//#region lib/hooks/drafts-store.ts
+function g(e, t, n) {
+	let r = {};
+	try {
+		let i = e?.getItem(t);
+		if (!i) return r;
+		let a = JSON.parse(i);
+		if (!a || typeof a != "object" || Array.isArray(a)) return r;
+		for (let [e, t] of Object.entries(a)) if (typeof t == "string") try {
+			let i = n(t);
+			i !== void 0 && (r[e] = i);
+		} catch {}
+	} catch {}
+	return r;
+}
+function _(e, t, n, r) {
+	try {
+		let i = Object.keys(n);
+		if (i.length === 0) {
+			e?.removeItem(t);
+			return;
+		}
+		let a = {};
+		for (let e of i) a[e] = r(n[e]);
+		e?.setItem(t, JSON.stringify(a));
+	} catch {}
+}
+//#endregion
+//#region lib/hooks/use-drafts.ts
+function v() {
+	try {
+		return window.sessionStorage;
+	} catch {
+		return;
+	}
+}
+var y = (e) => JSON.parse(e);
+function b(e) {
+	try {
+		return e === void 0 ? v() : typeof e == "function" ? e() : e;
+	} catch {
+		return;
+	}
+}
+function x(e, t) {
+	try {
+		b(t)?.removeItem(e);
+	} catch {}
+}
+function S(e, t = {}) {
+	let { serialize: n = JSON.stringify, parse: c = y, storage: l } = t, [u, d] = s({
+		key: e,
+		drafts: {},
+		loaded: !1
+	}), f = o(u), p = u.key === e, m = p ? u.drafts : C, h = p && u.loaded;
+	i(() => {
+		let t = g(b(l), e, c), n = f.current, r = {
+			key: e,
+			drafts: n.key === e ? {
+				...t,
+				...n.drafts
+			} : t,
+			loaded: !0
+		};
+		f.current = r, d(r);
+	}, [e]);
+	let v = r((t) => {
+		let r = b(l), i = f.current, a = i.key === e && i.loaded, o = {
+			key: e,
+			drafts: t(a ? i.drafts : g(r, e, c)),
+			loaded: a
+		};
+		_(r, e, o.drafts, n), f.current = o, d(o);
+	}, [e]), x = r((e, t) => v((n) => ({
+		...n,
+		[e]: t
+	})), [v]), S = r((e) => v((t) => {
+		let { [e]: n, ...r } = t;
+		return r;
+	}), [v]), w = r(() => v(() => ({})), [v]);
+	return {
+		get: r((e) => m[e], [m]),
+		set: x,
+		drop: S,
+		clear: w,
+		keys: a(() => Object.keys(m), [m]),
+		loaded: h
+	};
+}
+var C = {};
+//#endregion
+//#region lib/hooks/use-formatters.ts
+function w(t = {}) {
+	let n = e(), r = t.locale ?? n?.language ?? "en", { timeZone: i } = t;
+	return a(() => f({
+		locale: r,
+		timeZone: i
+	}), [r, i]);
+}
+//#endregion
+//#region lib/hooks/use-navigation.ts
+function T(e, t) {
+	let n = u();
+	return r(() => {
+		n(e, t);
+	}, [
+		n,
+		e,
+		t
+	]);
+}
+function E(e) {
+	let t = u();
+	return a(() => e.map(({ to: e, options: n }) => () => {
+		t(e, n);
+	}), [t, e]);
+}
+//#endregion
+//#region lib/hooks/use-number-formatter.ts
+function D() {
+	let n = e(), i = r((e, r) => t(e, {
+		...r,
+		language: n?.language
+	}), [n?.language]);
+	return {
+		formatCurrency: r((e, t) => i(e, {
+			...t,
+			currency: t?.currency,
+			style: t?.currency ? "currency" : void 0
+		}), [i]),
+		formatNumber: i
+	};
+}
+//#endregion
+//#region lib/hooks/use-options.ts
+function O(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() ?? "", {
+			value: t,
+			label: a,
+			...i ? e : {}
+		};
+	});
+}
+function k(e, t) {
+	let { filter: n, value: r, label: i, expanded: o } = t;
+	return a(() => O(e, {
+		filter: n,
+		value: r,
+		label: i,
+		expanded: o
+	}), [
+		e,
+		n,
+		r,
+		i,
+		o
+	]);
+}
+function A(e) {
+	return e?.edges?.map((e) => e.node) ?? [];
+}
+//#endregion
+//#region lib/hooks/use-react-router-block.ts
+var j = (e) => {
+	let t = l(e);
+	return {
+		state: t.state,
+		proceed: () => t.state === "blocked" && t.proceed(),
+		reset: () => t.state === "blocked" && t.reset()
+	};
+};
+//#endregion
+//#region lib/hooks/use-search-param.ts
+function M(e) {
+	let [t, n] = d();
+	return a(() => 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) {
+	let t = !1, n, r = () => {
+		n !== void 0 && clearTimeout(n), n = void 0;
+	}, i = () => {
+		t = !1, r();
+	};
+	return {
+		release() {
+			t = !0, r(), n = setTimeout(i, 0);
+		},
+		rearm: i,
+		dispose: r,
+		shouldBlock(n, r) {
+			if (!m({
+				dirty: !0,
+				released: !1,
+				context: n,
+				...r
+			})) return !1;
+			let a = t;
+			return i(), !a && N(e());
+		},
+		shouldWarnUnload() {
+			return !t && N(e());
+		}
+	};
+}
+function F(e, t) {
+	let n = (e) => {
+		t.shouldWarnUnload() && (e.preventDefault(), e.returnValue = "");
+	};
+	return e.addEventListener("beforeunload", n), () => e.removeEventListener("beforeunload", n);
+}
+async function I(e) {
+	if (!e) return !1;
+	try {
+		return await e() === !0;
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region lib/hooks/use-unsaved-guard/use-discard-guard.tsx
+function L(e, t = {}) {
+	let i = o(e);
+	i.current = e;
+	let [a, l] = s(null);
+	return {
+		close: r((e) => {
+			N(i.current) ? l(() => e) : e();
+		}, []),
+		dialog: /* @__PURE__ */ c(n, {
+			...t,
+			open: a !== null,
+			onOpenChange: (e) => {
+				e || l(null);
+			},
+			onLeave: () => {
+				a?.();
+			}
+		})
+	};
+}
+//#endregion
+//#region lib/hooks/use-unsaved-guard/use-unsaved-guard.tsx
+function R(e) {
+	i(() => F(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);
+	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);
+		}));
+	}, [e.state]), {
+		asking: n && e.state === "blocked",
+		setAsking: r,
+		blockerRef: c
+	};
+}
+function B(e, t) {
+	let { block: a, leaves: l, ignoreSearch: u, onBlock: d, ...f } = t, p = o(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,
+		ignoreSearch: u
+	})), d);
+	R(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(n, {
+			...f,
+			open: g,
+			onOpenChange: (e) => {
+				if (!e) {
+					if (_(!1), h.current) {
+						h.current = !1;
+						return;
+					}
+					v.current.reset();
+				}
+			},
+			onLeave: () => {
+				h.current = !0, v.current.proceed();
+			}
+		})
+	};
+}
+//#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 };

package/dist/hooks.js

@@ -1,102 +1,8 @@
-import { r as e } from "./i18n-provider-BehR6cU7.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 { t as c } from "./number.utils-BG_eEt5g.js";
-import { a as l, i as u, n as d, o as f, r as p, s as m, t as h } from "./use-heading-spy-BOtygPFu.js";
-import { r as g } from "./use-csp-nonce-ZKs9k-ov.js";
-import { t as _ } from "./use-mobile-BDro060N.js";
-import { t as v } from "./use-scroll-away-PQRFZkT2.js";
-import { useCallback as y, useMemo as b } from "react";
-import { useNavigate as x, useSearchParams as S } from "react-router";
-import { createFormatters as C } from "@nxgt/material-core/print-format";
-//#region lib/hooks/use-allowed-transitions.ts
-function w(e, t, n) {
-	return (t[e] || []).map((e) => {
-		let t = n[e];
-		return t ? {
-			targetStatus: e,
-			...t
-		} : null;
-	}).filter((e) => e !== null);
-}
-//#endregion
-//#region lib/hooks/use-formatters.ts
-function T(t = {}) {
-	let n = e(), r = t.locale ?? n?.language ?? "en", { timeZone: i } = t;
-	return b(() => C({
-		locale: r,
-		timeZone: i
-	}), [r, i]);
-}
-//#endregion
-//#region lib/hooks/use-navigation.ts
-function E(e, t) {
-	let n = x();
-	return y(() => {
-		n(e, t);
-	}, [
-		n,
-		e,
-		t
-	]);
-}
-function D(e) {
-	let t = x();
-	return b(() => e.map(({ to: e, options: n }) => () => {
-		t(e, n);
-	}), [t, e]);
-}
-//#endregion
-//#region lib/hooks/use-number-formatter.ts
-function O() {
-	let t = e(), n = y((e, n) => c(e, {
-		...n,
-		language: t?.language
-	}), [t?.language]);
-	return {
-		formatCurrency: y((e, t) => n(e, {
-			...t,
-			currency: t?.currency,
-			style: t?.currency ? "currency" : void 0
-		}), [n]),
-		formatNumber: n
-	};
-}
-//#endregion
-//#region lib/hooks/use-options.ts
-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() ?? "", {
-			value: t,
-			label: a,
-			...i ? e : {}
-		};
-	});
-}
-function A(e, t) {
-	let { filter: n, value: r, label: i, expanded: a } = t;
-	return b(() => k(e, {
-		filter: n,
-		value: r,
-		label: i,
-		expanded: a
-	}), [
-		e,
-		n,
-		r,
-		i,
-		a
-	]);
-}
-function j(e) {
-	return e?.edges?.map((e) => e.node) ?? [];
-}
-//#endregion
-//#region lib/hooks/use-search-param.ts
-function M(e) {
-	let [t, n] = S();
-	return b(() => t.get(e), [t, e]);
-}
-//#endregion
-export { i as DEFAULT_THEME, n as applyResolvedTheme, t as applyThemeName, k as buildOptions, p as busySettler, u as createSubmitGuard, j as extractNode, r as resolveTheme, a as resolveThemeName, w as useAllowedTransitions, d as useCountdown, g as useCspNonce, f as useFocusOnMount, T as useFormatters, h as useHeadingSpy, o as useIsClient, _ as useIsMobile, m as useLocalizedDate, E as useNavigationHandler, D as useNavigationHandlers, O as useNumberFormatter, A as useOptions, v as useScrollAway, M as useSearchParam, l as useSubmitOnce, s as useTheme };
+import { a as e, i as t, o as n, r, s as i } from "./theme-store-BdPp43cV.js";
+import { n as a, t as o } from "./use-theme-BCLireTd.js";
+import { a as s, c, d as l, o as u, r as d, s as f, t as p } from "./use-heading-spy-mmcyEGmm.js";
+import { r as m } from "./use-csp-nonce-ZKs9k-ov.js";
+import { t as h } from "./use-mobile-BDro060N.js";
+import { t as g } from "./use-scroll-away-PQRFZkT2.js";
+import { a as _, c as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./hooks-a7_exKWS.js";
+export { r as DEFAULT_THEME, t as applyResolvedTheme, e as applyThemeName, _ as buildOptions, s as busySettler, b as clearDrafts, u as createSubmitGuard, D as extractNode, S as isLeaving, n as resolveTheme, i as resolveThemeName, x as shouldBlockNavigation, T as useAllowedTransitions, d as useCountdown, m as useCspNonce, E as useDiscardGuard, O as useDrafts, c as useFocusOnMount, y as useFormatters, p as useHeadingSpy, a as useIsClient, h as useIsMobile, l as useLocalizedDate, w as useNavigationHandler, M as useNavigationHandlers, v as useNumberFormatter, A as useOptions, C as useReactRouterBlock, g as useScrollAway, k as useSearchParam, f as useSubmitOnce, o as useTheme, j as useUnsavedGuard };

package/dist/{hover-card-DPs9huSs.js → hover-card-D_0smKBQ.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { o as t } from "./dist-DVRQkaTK.js";
 import { a as n, c as r, i, l as a, s as o } from "./dist-lmHmz_bu.js";
-import { C as s, S as c, f as l, m as u, p as d, u as f } from "./spinner-C5lObWXT.js";
+import { C as s, S as c, f as l, m as u, p as d, u as f } from "./spinner-CAnpF3RK.js";
 import { t as p } from "./in-dialog-Vwkyp-M5.js";
-import { i as m } from "./escape-owner-r57kuPjn.js";
+import { i as m } from "./escape-owner-DpaP0lm1.js";
 import * as h from "react";
 import { Activity as g } from "react";
 import { jsx as _ } from "react/jsx-runtime";

package/dist/i18n.js

@@ -1,10 +1,8 @@
 import { t as e } from "./is-production-GLw59WU8.js";
-import { a as t, i as n, n as r, r as i } from "./stored-language-B-tiWZU2.js";
-import { n as a, r as o, t as s } from "./i18n-provider-BehR6cU7.js";
-import { i as c, n as l, o as u, r as d, t as f } from "./translator-B9XjUDRu.js";
-import { o as p, t as m } from "./merge-BCZE6HGq.js";
-import { t as h } from "./translate-material-tUaLZUmT.js";
-import { t as g } from "./use-material-translation-B5j3jZs7.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-Caf-d96e.js";
+import { i as u, n as d, r as f, t as p } from "./translate-material-CvZK8_S6.js";
+import { o as m, t as h } from "./merge-BCZE6HGq.js";
+import { t as g } from "./use-material-translation-C_1cWRzW.js";
 import { useCallback as _ } from "react";
 //#region lib/i18n/merge-resources.ts
 function v(e, t, n = "") {
@@ -12,7 +10,7 @@ function v(e, t, n = "") {
 	for (let i of Object.keys(t)) {
 		if (!(i in e)) continue;
 		let a = n ? `${n}.${i}` : i, o = e[i], s = t[i];
-		p(o) && p(s) ? r.push(...v(o, s, a)) : r.push(a);
+		m(o) && m(s) ? r.push(...v(o, s, a)) : r.push(a);
 	}
 	return r;
 }
@@ -25,7 +23,7 @@ function b(e, t) {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]), r = {};
 	for (let i of n) {
 		let n = e[i] ?? {}, a = t[i] ?? {};
-		y(i, n, a), r[i] = m({}, n, a);
+		y(i, n, a), r[i] = h({}, n, a);
 	}
 	return r;
 }
@@ -33,7 +31,7 @@ function b(e, t) {
 //#region lib/i18n/use-typed-translation.ts
 function x(e) {
 	return function() {
-		let { language: t, changeLanguage: n } = a();
+		let { language: t, changeLanguage: n } = f();
 		return {
 			t: _((n, r) => e(n, r, () => t), [t]),
 			i18n: {
@@ -44,4 +42,4 @@ function x(e) {
 	};
 }
 //#endregion
-export { r as FALLBACK_LANGUAGE, c as FormatMessageError, s as I18nProvider, i as LANGUAGE_KEY, n as SUPPORTED_LANGUAGES, f as createTranslator, x as createTypedTranslation, u as formatMessage, l as getLanguage, b as mergeResources, t as resources, d as translate, h as translateMaterial, a as useI18nContext, g as useMaterialTranslation, o as useOptionalI18nContext };
+export { t as FALLBACK_LANGUAGE, r as FormatMessageError, d as I18nProvider, i as LANGUAGE_KEY, l as SUPPORTED_LANGUAGES, c as createTranslator, x as createTypedTranslation, o as formatMessage, a as getLanguage, b as mergeResources, n as resources, s as translate, p as translateMaterial, f as useI18nContext, g as useMaterialTranslation, u as useOptionalI18nContext };

package/dist/{icon-badge-C646JTOI.js → icon-badge-CBCU3ySF.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { f as t } from "./dialog-yfPkLqUQ.js";
-import { a as n, i as r, n as i } from "./field-blur-context-DbJQZkEB.js";
-import { t as a } from "./icon-button-DvP0Gy3j.js";
+import { a as t, i as n, n as r } from "./field-blur-context-DPe5_Nv5.js";
+import { t as i } from "./icon-button-hKHsWTAt.js";
+import { f as a } from "./dialog-Bd7Hid2L.js";
 import { isValidElement as o, useId as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { describedBy as u } from "@nxgt/material-core/described-by";
 //#region lib/components/ui/fields/text-field/text-field.tsx
-function d({ error: a, helperText: d, label: p, className: m, leading: h, trailing: g, ..._ }) {
-	let v = i(), y = s(), b = s(), x = u(_["aria-describedby"], !!d && b), S = !!h && !o(h), C = !!g && !o(g), w = /* @__PURE__ */ l("div", {
+function d({ error: i, helperText: d, label: p, className: m, leading: h, trailing: g, ..._ }) {
+	let v = r(), y = s(), b = s(), x = u(_["aria-describedby"], !!d && b), S = !!h && !o(h), C = !!g && !o(g), w = /* @__PURE__ */ l("div", {
 		className: e("relative", {
 			"*:first:size-8 *:first:absolute *:first:top-[calc(50%-16px)] *:first:left-1.5 [&_input]:pl-10 *:first:bg-muted/80 *:first:text-muted-foreground": !!h && !S,
 			"*:last:size-8 *:last:absolute *:last:top-[calc(50%-16px)] *:last:right-1.5 *:last:pointer-coarse:size-11 *:last:pointer-coarse:top-[calc(50%-22px)] *:last:pointer-coarse:right-0 [&_input]:pr-.5 *:last:bg-muted/80  *:last:text-muted-foreground": !!g && !C,
@@ -19,8 +19,8 @@ function d({ error: a, helperText: d, label: p, className: m, leading: h, traili
 				slot: "leading",
 				children: h
 			}) : h && h,
-			/* @__PURE__ */ c(t, {
-				"aria-invalid": a,
+			/* @__PURE__ */ c(a, {
+				"aria-invalid": i,
 				..._,
 				id: _.id ?? y,
 				"aria-describedby": x
@@ -35,15 +35,15 @@ function d({ error: a, helperText: d, label: p, className: m, leading: h, traili
 		ref: v,
 		"data-slot": "text-field",
 		className: e("grid w-full content-start gap-1.5", m),
-		children: [/* @__PURE__ */ c(r, {
+		children: [/* @__PURE__ */ c(n, {
 			withAsterisk: _.required,
 			htmlFor: _.id ?? y,
 			children: p
 		}), /* @__PURE__ */ l("div", {
 			className: "flex flex-col gap-0.5",
-			children: [w, d ? /* @__PURE__ */ c(n, {
+			children: [w, d ? /* @__PURE__ */ c(t, {
 				id: b,
-				error: a,
+				error: i,
 				children: d
 			}) : null]
 		})]
@@ -59,10 +59,10 @@ function f({ slot: t, children: n }) {
 //#endregion
 //#region lib/components/ui/actions/icon-button/icon-badge.tsx
 function p({ children: t, className: n, ...r }) {
-	let i = !!(r["aria-label"] || r["aria-labelledby"]);
-	return /* @__PURE__ */ c(a, {
-		"aria-hidden": i ? void 0 : "true",
-		role: i ? "img" : void 0,
+	let a = !!(r["aria-label"] || r["aria-labelledby"]);
+	return /* @__PURE__ */ c(i, {
+		"aria-hidden": a ? void 0 : "true",
+		role: a ? "img" : void 0,
 		...r,
 		asChild: !0,
 		className: e("cursor-default", n),

package/dist/{icon-button-DvP0Gy3j.js → icon-button-hKHsWTAt.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, r as a, t as o } from "./spinner-C5lObWXT.js";
+import { n as i, r as a, t as o } from "./spinner-CAnpF3RK.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-BZYtTmVt.js";
 import { t as m } from "./is-production-GLw59WU8.js";
 import { t as h } from "./button-group-context-CaP0X5p_.js";

package/dist/illustrations-game.js

@@ -0,0 +1,2 @@
+import { GAME_SCENES as e, GAME_SCENE_IDS as t, GAME_SUGGESTED_ICONS as n } from "@nxgt/material-core/illustrations/game";
+export { e as GAME_SCENES, t as GAME_SCENE_IDS, n as GAME_SUGGESTED_ICONS };

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

@@ -25,6 +25,12 @@ export type ListTileCommonProps = {
      * hover tint and the record-row layout of `chips`: dense lists of records.
      */
     variant?: 'tonal' | 'divided';
+    /**
+     * `variant="divided"` only: a 16px inline inset (M3's list-item padding) in
+     * place of the default 4px, for a list inside a `Card`. The hairlines on the
+     * `<li>` still run edge to edge. Ignored by the `tonal` variant.
+     */
+    inset?: boolean;
     /**
      * Render the tile inside a `<li>`, for a tile in a `<ul>` (or `<ol>`) you
      * own: the list announces its length, and `variant="divided"` draws its

package/dist/lib/components/ui/display/list-tile/partials/list-tile-classes.d.ts

@@ -10,9 +10,11 @@ type ListTileClassesOptions = {
     divided?: boolean;
     /** The record row: this box is a container for the `@md` and `@xl` layout. */
     dense?: boolean;
+    /** `divided` only: a 16px inline inset (`px-4`) in place of 4px (`px-1`). */
+    inset?: boolean;
 };
 /** The classes shared by the tile's three elements (link, button, div). */
-export declare function listTileClasses({ compact, selected, interactive, disabled, className, split, divided, dense, }: ListTileClassesOptions): string;
+export declare function listTileClasses({ compact, selected, interactive, disabled, className, split, divided, dense, inset, }: ListTileClassesOptions): string;
 /**
  * The row of a tile with `actions` (its link, button or div): it fills the
  * tile's box except for the actions, and a link or button stretches over the

package/dist/lib/components/ui/display/list-tile/partials/list-tile-line.d.ts

@@ -1,3 +1,3 @@
 import { ListTileCommonProps, ListTileLinkOrButtonProps } from '../list-tile.js';
 /** A link, a button or a plain tile, with or without `actions` beside it. */
-export declare function ListTileLine({ title, subtitle, leading, trailing, chips, variant, actions, className, selected, size, href, chevron, linkComponent: ownLink, disabled, onClick, ...props }: ListTileCommonProps & Omit<ListTileLinkOrButtonProps, 'toggle'>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export declare function ListTileLine({ title, subtitle, leading, trailing, chips, variant, inset, actions, className, selected, size, href, chevron, linkComponent: ownLink, disabled, onClick, ...props }: ListTileCommonProps & Omit<ListTileLinkOrButtonProps, 'toggle'>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/lib/components/ui/display/list-tile/partials/list-tile-toggle.d.ts

@@ -16,5 +16,5 @@ type ListTileToggleRowProps = ListTileCommonProps & {
  * screen reader reads "Notifications, switch, on, Email and push" rather
  * than the row's whole text as the name.
  */
-export declare function ListTileToggleRow({ toggle, title, subtitle, leading, trailing, variant, selected, size, disabled, className, ...rootProps }: ListTileToggleRowProps): import("react").JSX.Element;
+export declare function ListTileToggleRow({ toggle, title, subtitle, leading, trailing, variant, inset, selected, size, disabled, className, ...rootProps }: ListTileToggleRowProps): import("react").JSX.Element;
 export {};

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

@@ -22,3 +22,4 @@ export * from './step-dots/index.js';
 export * from './step-up-dialog/index.js';
 export * from './toast/index.js';
 export * from './typing-indicator/index.js';
+export * from './unsaved-dialog/index.js';