@nxgt/material 3.7.5 → 3.8.0

package/dist/empty-state-s2CSjKXJ.js

@@ -0,0 +1,126 @@
+import { t as e } from "./utils-Bcd2Z3ea.js";
+import { t } from "./use-material-translation-DkxcLbLM.js";
+import { i as n } from "./escape-owner-CripBce_.js";
+import { AlertCircle as r, Construction as i, FileQuestion as a, PackageOpen as o, Search as s, ShieldAlert as c, WifiOff as l } from "lucide-react";
+import { createElement as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { STATE_ACCENT as p, STATE_ICON as m, STATE_ILLUSTRATIONS as h, stateCopy as g } from "@nxgt/material-core/states";
+//#region lib/components/ui/feedback/state-frame/state-icon.tsx
+var _ = {
+	"package-open": o,
+	search: s,
+	"file-question": a,
+	"shield-alert": c,
+	"alert-circle": r,
+	"wifi-off": l,
+	construction: i
+};
+function v({ kind: e }) {
+	let t = _[m[e]];
+	return /* @__PURE__ */ d(t, { "aria-hidden": "true" });
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-tones.ts
+var y = "[stroke-linecap:round] [stroke-linejoin:round]", b = {
+	primary: "fill-primary",
+	error: "fill-error",
+	warning: "fill-warning",
+	info: "fill-info",
+	neutral: "fill-muted-foreground"
+}, x = {
+	primary: "fill-primary/15",
+	error: "fill-error/15",
+	warning: "fill-warning/15",
+	info: "fill-info/15",
+	neutral: "fill-muted-foreground/15"
+}, S = {
+	primary: "bg-primary/10 text-primary-text",
+	error: "bg-error/10 text-error",
+	warning: "bg-warning/10 text-warning",
+	info: "bg-info/10 text-info",
+	neutral: "border border-border bg-background text-foreground"
+};
+function C(e, t) {
+	switch (e) {
+		case "surface": return "fill-muted stroke-none";
+		case "outline": return `fill-none stroke-muted-foreground/60 stroke-2 ${y}`;
+		case "accent": return `${b[t]} stroke-none`;
+		case "accent-soft": return `${x[t]} stroke-none`;
+		case "muted": return "fill-muted-foreground/15 stroke-none";
+	}
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-illustration.tsx
+function w({ kind: t, className: n, ...r }) {
+	let { viewBox: i, shapes: a } = h[t], o = p[t];
+	return /* @__PURE__ */ d("svg", {
+		"data-slot": "state-illustration",
+		viewBox: i,
+		"aria-hidden": "true",
+		focusable: "false",
+		className: e("h-auto w-40 shrink-0", n),
+		...r,
+		children: a.map((e, t) => u(e.el, {
+			key: t,
+			className: C(e.tone, o),
+			...e.attrs
+		}))
+	});
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-frame.tsx
+function T({ kind: t, size: r = "default", illustration: i, icon: a, title: o, headingLevel: s, description: c, actions: l, className: u, children: m, ...h }) {
+	let g = r === "inline", _ = r === "compact" || g, y = e("flex shrink-0 items-center justify-center rounded", S[p[t]], g ? "size-8 rounded-full [&_svg]:size-4" : _ ? "size-10 [&_svg]:size-5" : "size-16 [&_svg]:size-7"), b = null;
+	return b = i === !1 ? null : i ?? (a == null ? _ ? /* @__PURE__ */ d("div", {
+		className: y,
+		children: /* @__PURE__ */ d(v, { kind: t })
+	}) : /* @__PURE__ */ d(w, { kind: t }) : /* @__PURE__ */ d("div", {
+		className: y,
+		children: a
+	})), /* @__PURE__ */ f("div", {
+		"data-kind": t,
+		"data-size": r,
+		className: e("flex text-foreground", g ? "flex-row items-center gap-3 px-3 py-2.5 text-start" : "flex-col items-center justify-center text-center", !g && (_ ? "gap-3 px-4 py-6" : "min-h-[22rem] gap-5 p-8"), u),
+		...h,
+		children: [
+			b,
+			(o != null || c != null) && /* @__PURE__ */ f("div", {
+				className: e("flex flex-col", g ? "min-w-0 flex-1 gap-0.5" : "max-w-sm gap-2"),
+				children: [o != null && /* @__PURE__ */ d(n, {
+					as: s ? `h${s}` : void 0,
+					variant: g ? "normal" : _ ? "title-medium" : "headline-small",
+					className: e("tracking-tight text-balance", g && "font-medium"),
+					children: o
+				}), c != null && /* @__PURE__ */ d(n, {
+					variant: g ? "body-small" : "body-medium",
+					className: "text-pretty",
+					children: c
+				})]
+			}),
+			m,
+			l != null && /* @__PURE__ */ d("div", {
+				className: e("flex flex-wrap items-center gap-2", g ? "shrink-0" : "mt-1 justify-center"),
+				children: l
+			})
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/feedback/empty-state/empty-state.tsx
+function E({ kind: e = "empty", size: n = "default", illustration: r, icon: i, title: a, description: o, action: s, ...c }) {
+	let l = g(e, "empty-state"), { t: u } = t(), f = o ?? (a == null ? u(l.descriptionKey, l.description) : void 0);
+	return /* @__PURE__ */ d(T, {
+		"data-slot": "empty-state",
+		"data-variant": e,
+		kind: e,
+		size: n,
+		illustration: r,
+		icon: i,
+		title: a ?? u(l.titleKey, l.title),
+		description: f,
+		actions: s,
+		...c
+	});
+}
+//#endregion
+export { T as n, E as t };

package/dist/{escape-owner-B8k7DvFa.js → escape-owner-CripBce_.js}

@@ -1,5 +1,6 @@
 import { t as e } from "./utils-Bcd2Z3ea.js";
-import { P as t, o as n } from "./tooltip-tmFoTU_d.js";
+import { t } from "./dist-DVRQkaTK.js";
+import { o as n } from "./tooltip-rhbqNmr3.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/components/ui/primitives/typography/typography.tsx
 var i = n("", {

package/dist/{field-blur-DFUazxsL.js → field-blur-DPLsMufs.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./field-blur-context-Dw9ZAgBr.js";
+import { t as e } from "./field-blur-context-1ZwJgsHE.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-Dw9ZAgBr.js → field-blur-context-1ZwJgsHE.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-Bcd2Z3ea.js";
-import { M as t } from "./tooltip-tmFoTU_d.js";
-import { i as n } from "./escape-owner-B8k7DvFa.js";
+import { l as t } from "./dist-lmHmz_bu.js";
+import { i as n } from "./escape-owner-CripBce_.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/has-text-content-Ds2dkHX_.js

@@ -0,0 +1,10 @@
+import { isValidElement as e } from "react";
+//#region lib/components/ui/actions/button/has-text-content.ts
+function t(r) {
+	return r == null || typeof r == "boolean" ? !1 : typeof r == "string" || typeof r == "number" || typeof r == "bigint" ? String(r).trim() !== "" : Array.isArray(r) ? r.some(t) : e(r) ? !n(r.props["aria-hidden"]) && t(r.props.children) : !1;
+}
+function n(e) {
+	return !!e && e !== "false";
+}
+//#endregion
+export { t };

package/dist/hooks.js

@@ -1,15 +1,17 @@
-import { r as e } from "./i18n-provider-C6SBK_nO.js";
-import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./use-heading-spy-ByOQNnFZ.js";
+import { r as e } from "./i18n-provider-C6HhBw34.js";
+import { a as t, i as n, o as r, r as i, s as a } from "./theme-store-CSl51uNH.js";
+import { n as o, t as s } from "./use-theme-Cd-aiDJo.js";
 import { t as c } from "./number.utils-BG_eEt5g.js";
-import { r as l } from "./use-csp-nonce-ZKs9k-ov.js";
-import { t as u } from "./use-mobile-BDro060N.js";
-import { t as d } from "./use-scroll-away-PQRFZkT2.js";
-import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
-import { useNavigate as g, useSearchParams as _ } from "react-router";
-import { createFormatters as v } from "@nxgt/material-core/print-format";
-import { busySettler as y, busySettler as b, createSubmitGuard as x, createSubmitGuard as S } from "@nxgt/material-core/submit-guard";
+import { n as l, r as u, t as d } from "./use-heading-spy-DXo6IOX9.js";
+import { r as f } from "./use-csp-nonce-ZKs9k-ov.js";
+import { t as p } from "./use-mobile-BDro060N.js";
+import { t as m } from "./use-scroll-away-PQRFZkT2.js";
+import { useCallback as h, useEffect as g, useMemo as _, useState as v } from "react";
+import { useNavigate as y, useSearchParams as b } from "react-router";
+import { createFormatters as x } from "@nxgt/material-core/print-format";
+import { busySettler as S, busySettler as C, createSubmitGuard as w, createSubmitGuard as T } from "@nxgt/material-core/submit-guard";
 //#region lib/hooks/use-allowed-transitions.ts
-function C(e, t, n) {
+function E(e, t, n) {
 	return (t[e] || []).map((e) => {
 		let t = n[e];
 		return t ? {
@@ -20,18 +22,18 @@ function C(e, t, n) {
 }
 //#endregion
 //#region lib/hooks/use-formatters.ts
-function w(t = {}) {
+function D(t = {}) {
 	let n = e(), r = t.locale ?? n?.language ?? "en", { timeZone: i } = t;
-	return m(() => v({
+	return _(() => x({
 		locale: r,
 		timeZone: i
 	}), [r, i]);
 }
 //#endregion
 //#region lib/hooks/use-navigation.ts
-function T(e, t) {
-	let n = g();
-	return f(() => {
+function O(e, t) {
+	let n = y();
+	return h(() => {
 		n(e, t);
 	}, [
 		n,
@@ -39,21 +41,21 @@ function T(e, t) {
 		t
 	]);
 }
-function E(e) {
-	let t = g();
-	return m(() => e.map(({ to: e, options: n }) => () => {
+function k(e) {
+	let t = y();
+	return _(() => e.map(({ to: e, options: n }) => () => {
 		t(e, n);
 	}), [t, e]);
 }
 //#endregion
 //#region lib/hooks/use-number-formatter.ts
-function D() {
-	let t = e(), n = f((e, n) => c(e, {
+function A() {
+	let t = e(), n = h((e, n) => c(e, {
 		...n,
 		language: t?.language
 	}), [t?.language]);
 	return {
-		formatCurrency: f((e, t) => n(e, {
+		formatCurrency: h((e, t) => n(e, {
 			...t,
 			currency: t?.currency,
 			style: t?.currency ? "currency" : void 0
@@ -63,7 +65,7 @@ function D() {
 }
 //#endregion
 //#region lib/hooks/use-options.ts
-function O(e, { filter: t, value: n, label: r, expanded: i }) {
+function j(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() ?? "", {
@@ -73,9 +75,9 @@ function O(e, { filter: t, value: n, label: r, expanded: i }) {
 		};
 	});
 }
-function k(e, t) {
+function M(e, t) {
 	let { filter: n, value: r, label: i, expanded: a } = t;
-	return m(() => O(e, {
+	return _(() => j(e, {
 		filter: n,
 		value: r,
 		label: i,
@@ -88,25 +90,25 @@ function k(e, t) {
 		a
 	]);
 }
-function A(e) {
+function N(e) {
 	return e?.edges?.map((e) => e.node) ?? [];
 }
 //#endregion
 //#region lib/hooks/use-search-param.ts
-function j(e) {
-	let [t, n] = _();
-	return m(() => t.get(e), [t, e]);
+function P(e) {
+	let [t, n] = b();
+	return _(() => t.get(e), [t, e]);
 }
 //#endregion
 //#region lib/hooks/use-submit-once.ts
-function M(e) {
-	let [t] = h(S), [n] = h(() => b(t)), r = e !== void 0;
-	return p(() => {
+function F(e) {
+	let [t] = v(T), [n] = v(() => C(t)), r = e !== void 0;
+	return g(() => {
 		e !== void 0 && n(e);
-	}, [e, n]), f((e, n) => t.once(e, {
+	}, [e, n]), h((e, n) => t.once(e, {
 		settleSync: !r,
 		...n
 	}), [t, r]);
 }
 //#endregion
-export { i as applyResolvedTheme, O as buildOptions, y as busySettler, x as createSubmitGuard, A as extractNode, o as resolveTheme, C as useAllowedTransitions, l as useCspNonce, r as useFocusOnMount, w as useFormatters, s as useHeadingSpy, t as useIsClient, u as useIsMobile, a as useLocalizedDate, T as useNavigationHandler, E as useNavigationHandlers, D as useNumberFormatter, k as useOptions, d as useScrollAway, j as useSearchParam, M as useSubmitOnce, n as useTheme };
+export { i as DEFAULT_THEME, n as applyResolvedTheme, t as applyThemeName, j as buildOptions, S as busySettler, w as createSubmitGuard, N as extractNode, r as resolveTheme, a as resolveThemeName, E as useAllowedTransitions, f as useCspNonce, l as useFocusOnMount, D as useFormatters, d as useHeadingSpy, o as useIsClient, p as useIsMobile, u as useLocalizedDate, O as useNavigationHandler, k as useNavigationHandlers, A as useNumberFormatter, M as useOptions, m as useScrollAway, P as useSearchParam, F as useSubmitOnce, s as useTheme };

package/dist/{hover-card-D5iHS9q1.js → hover-card-Cox-tPDz.js}

@@ -1,6 +1,8 @@
 import { t as e } from "./utils-Bcd2Z3ea.js";
-import { A as t, D as n, E as r, M as i, R as a, S as o, c as s, d as c, f as l, k as u, u as d, x as f } from "./tooltip-tmFoTU_d.js";
-import { t as p } from "./in-dialog-AiwTD3DK.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 { b as s, c, d as l, f as u, u as d, x as f } from "./tooltip-rhbqNmr3.js";
+import { t as p } from "./in-dialog-Vwkyp-M5.js";
 import * as m from "react";
 import { Activity as h } from "react";
 import { jsx as g } from "react/jsx-runtime";
@@ -8,8 +10,8 @@ import { jsx as g } from "react/jsx-runtime";
 var _ = Object.defineProperty, v = (e, t) => _(e, "name", {
 	value: t,
 	configurable: !0
-}), y, b = "HoverCard", [x, S] = t(b, [l]), C = l(), [w, T] = x(b), E = /* @__PURE__ */ v((e) => {
-	let { __scopeHoverCard: t, children: r, open: i, defaultOpen: a, onOpenChange: o, openDelay: s = 700, closeDelay: l = 300 } = e, u = C(t), d = m.useRef(0), f = m.useRef(0), p = m.useRef(!1), h = m.useRef(!1), [_, v] = n({
+}), y, b = "HoverCard", [x, S] = r(b, [u]), C = u(), [w, T] = x(b), E = /* @__PURE__ */ v((e) => {
+	let { __scopeHoverCard: t, children: r, open: i, defaultOpen: a, onOpenChange: o, openDelay: s = 700, closeDelay: c = 300 } = e, u = C(t), d = m.useRef(0), f = m.useRef(0), p = m.useRef(!1), h = m.useRef(!1), [_, v] = n({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: o,
@@ -17,8 +19,8 @@ var _ = Object.defineProperty, v = (e, t) => _(e, "name", {
 	}), y = m.useCallback(() => {
 		clearTimeout(f.current), d.current = window.setTimeout(() => v(!0), s);
 	}, [s, v]), x = m.useCallback(() => {
-		clearTimeout(d.current), !p.current && !h.current && (f.current = window.setTimeout(() => v(!1), l));
-	}, [l, v]), S = m.useCallback(() => v(!1), [v]);
+		clearTimeout(d.current), !p.current && !h.current && (f.current = window.setTimeout(() => v(!1), c));
+	}, [c, v]), S = m.useCallback(() => v(!1), [v]);
 	return m.useEffect(() => () => {
 		clearTimeout(d.current), clearTimeout(f.current);
 	}, []), /* @__PURE__ */ g(w, {
@@ -30,55 +32,55 @@ var _ = Object.defineProperty, v = (e, t) => _(e, "name", {
 		onDismiss: S,
 		hasSelectionRef: p,
 		isPointerDownOnContentRef: h,
-		children: /* @__PURE__ */ g(c, {
+		children: /* @__PURE__ */ g(l, {
 			...u,
 			children: r
 		})
 	});
 }, "HoverCard"), D = "HoverCardTrigger", O = /* @__PURE__ */ m.forwardRef(/* @__PURE__ */ v(function(e, t) {
-	let { __scopeHoverCard: n, ...r } = e, a = T(D, n);
-	return /* @__PURE__ */ g(s, {
+	let { __scopeHoverCard: n, ...r } = e, i = T(D, n);
+	return /* @__PURE__ */ g(c, {
 		asChild: !0,
 		...C(n),
-		children: /* @__PURE__ */ g(i.a, {
-			"data-state": a.open ? "open" : "closed",
+		children: /* @__PURE__ */ g(a.a, {
+			"data-state": i.open ? "open" : "closed",
 			...r,
 			ref: t,
-			onPointerEnter: u(e.onPointerEnter, I(a.onOpen)),
-			onPointerLeave: u(e.onPointerLeave, I(a.onClose)),
-			onFocus: u(e.onFocus, a.onOpen),
-			onBlur: u(e.onBlur, a.onClose),
-			onTouchStart: u(e.onTouchStart, (e) => e.preventDefault())
+			onPointerEnter: o(e.onPointerEnter, I(i.onOpen)),
+			onPointerLeave: o(e.onPointerLeave, I(i.onClose)),
+			onFocus: o(e.onFocus, i.onOpen),
+			onBlur: o(e.onBlur, i.onClose),
+			onTouchStart: o(e.onTouchStart, (e) => e.preventDefault())
 		})
 	});
 }, "HoverCardTrigger")), k = "HoverCardPortal", [A, j] = x(k, { forceMount: void 0 }), M = /* @__PURE__ */ v((e) => {
-	let { __scopeHoverCard: t, forceMount: n, children: i, container: a } = e, o = T(k, t);
+	let { __scopeHoverCard: t, forceMount: n, children: r, container: a } = e, o = T(k, t);
 	return /* @__PURE__ */ g(A, {
 		scope: t,
 		forceMount: n,
-		children: /* @__PURE__ */ g(r, {
+		children: /* @__PURE__ */ g(i, {
 			present: n || o.open,
-			children: /* @__PURE__ */ g(f, {
+			children: /* @__PURE__ */ g(s, {
 				asChild: !0,
 				container: a,
-				children: i
+				children: r
 			})
 		})
 	});
 }, "HoverCardPortal"), N = "HoverCardContent", P = /* @__PURE__ */ m.forwardRef(/* @__PURE__ */ v(function(e, t) {
-	let n = j(N, e.__scopeHoverCard), { forceMount: i = n.forceMount, ...a } = e, o = T(N, e.__scopeHoverCard);
-	return /* @__PURE__ */ g(r, {
-		present: i || o.open,
+	let n = j(N, e.__scopeHoverCard), { forceMount: r = n.forceMount, ...a } = e, s = T(N, e.__scopeHoverCard);
+	return /* @__PURE__ */ g(i, {
+		present: r || s.open,
 		children: /* @__PURE__ */ g(F, {
-			"data-state": o.open ? "open" : "closed",
+			"data-state": s.open ? "open" : "closed",
 			...a,
-			onPointerEnter: u(e.onPointerEnter, I(o.onOpen)),
-			onPointerLeave: u(e.onPointerLeave, I(o.onClose)),
+			onPointerEnter: o(e.onPointerEnter, I(s.onOpen)),
+			onPointerLeave: o(e.onPointerLeave, I(s.onClose)),
 			ref: t
 		})
 	});
-}, "HoverCardContent")), F = /* @__PURE__ */ m.forwardRef(/* @__PURE__ */ v(function(e, t) {
-	let { __scopeHoverCard: n, onEscapeKeyDown: r, onPointerDownOutside: i, onFocusOutside: s, onInteractOutside: c, ...l } = e, f = T(N, n), p = C(n), h = m.useRef(null), _ = a(t, h), [b, x] = m.useState(!1);
+}, "HoverCardContent")), F = /* @__PURE__ */ m.forwardRef(/* @__PURE__ */ v(function(e, n) {
+	let { __scopeHoverCard: r, onEscapeKeyDown: i, onPointerDownOutside: a, onFocusOutside: s, onInteractOutside: c, ...l } = e, u = T(N, r), p = C(r), h = m.useRef(null), _ = t(n, h), [b, x] = m.useState(!1);
 	return m.useEffect(() => {
 		if (b) {
 			let e = document.body;
@@ -89,31 +91,31 @@ var _ = Object.defineProperty, v = (e, t) => _(e, "name", {
 	}, [b]), m.useEffect(() => {
 		if (h.current) {
 			let e = /* @__PURE__ */ v(() => {
-				x(!1), f.isPointerDownOnContentRef.current = !1, setTimeout(() => {
-					document.getSelection()?.toString() !== "" && (f.hasSelectionRef.current = !0);
+				x(!1), u.isPointerDownOnContentRef.current = !1, setTimeout(() => {
+					document.getSelection()?.toString() !== "" && (u.hasSelectionRef.current = !0);
 				});
 			}, "handlePointerUp");
 			return document.addEventListener("pointerup", e), () => {
-				document.removeEventListener("pointerup", e), f.hasSelectionRef.current = !1, f.isPointerDownOnContentRef.current = !1;
+				document.removeEventListener("pointerup", e), u.hasSelectionRef.current = !1, u.isPointerDownOnContentRef.current = !1;
 			};
 		}
-	}, [f.isPointerDownOnContentRef, f.hasSelectionRef]), m.useEffect(() => {
+	}, [u.isPointerDownOnContentRef, u.hasSelectionRef]), m.useEffect(() => {
 		h.current && L(h.current).forEach((e) => e.setAttribute("tabindex", "-1"));
-	}), /* @__PURE__ */ g(o, {
+	}), /* @__PURE__ */ g(f, {
 		asChild: !0,
 		disableOutsidePointerEvents: !1,
 		onInteractOutside: c,
-		onEscapeKeyDown: r,
-		onPointerDownOutside: i,
-		onFocusOutside: u(s, (e) => {
+		onEscapeKeyDown: i,
+		onPointerDownOutside: a,
+		onFocusOutside: o(s, (e) => {
 			e.preventDefault();
 		}),
-		onDismiss: f.onDismiss,
+		onDismiss: u.onDismiss,
 		children: /* @__PURE__ */ g(d, {
 			...p,
 			...l,
-			onPointerDown: u(l.onPointerDown, (e) => {
-				e.currentTarget.contains(e.target) && x(!0), f.hasSelectionRef.current = !1, f.isPointerDownOnContentRef.current = !0;
+			onPointerDown: o(l.onPointerDown, (e) => {
+				e.currentTarget.contains(e.target) && x(!0), u.hasSelectionRef.current = !1, u.isPointerDownOnContentRef.current = !0;
 			}),
 			ref: _,
 			style: {

package/dist/{i18n-provider-C6SBK_nO.js → i18n-provider-C6HhBw34.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, t as n } from "./stored-language-Bb7yX5uE.js";
+import { i as e, r as t, t as n } from "./stored-language-BeIKw3-K.js";
 import { createContext as r, useCallback as i, useContext as a, useMemo as o, useState as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 //#region lib/i18n/i18n-provider.tsx

package/dist/i18n.js

@@ -1,10 +1,10 @@
-import { a as e, i as t, o as n, r } from "./stored-language-Bb7yX5uE.js";
-import { n as i, r as a, t as o } from "./i18n-provider-C6SBK_nO.js";
-import { i as s, n as c, o as l, r as u, t as d } from "./translator-or2y0JJB.js";
+import { a as e, i as t, n, r } from "./stored-language-BeIKw3-K.js";
+import { n as i, r as a, t as o } from "./i18n-provider-C6HhBw34.js";
+import { i as s, n as c, o as l, r as u, t as d } from "./translator-DCYO4Ij3.js";
 import { t as f } from "./is-production-GLw59WU8.js";
 import { o as p, t as m } from "./merge-BCZE6HGq.js";
-import { t as h } from "./translate-material-Bsjc4Tow.js";
-import { t as g } from "./use-material-translation-hLQzOjF0.js";
+import { t as h } from "./translate-material-CGZljjp1.js";
+import { t as g } from "./use-material-translation-DkxcLbLM.js";
 import { useCallback as _ } from "react";
 //#region lib/i18n/merge-resources.ts
 function v(e, t, n = "") {
@@ -44,4 +44,4 @@ function x(e) {
 	};
 }
 //#endregion
-export { r as FALLBACK_LANGUAGE, s as FormatMessageError, o as I18nProvider, t as LANGUAGE_KEY, e as SUPPORTED_LANGUAGES, d as createTranslator, x as createTypedTranslation, l as formatMessage, c as getLanguage, b as mergeResources, n as resources, u as translate, h as translateMaterial, i as useI18nContext, g as useMaterialTranslation, a as useOptionalI18nContext };
+export { n as FALLBACK_LANGUAGE, s as FormatMessageError, o as I18nProvider, r as LANGUAGE_KEY, t as SUPPORTED_LANGUAGES, d as createTranslator, x as createTypedTranslation, l as formatMessage, c as getLanguage, b as mergeResources, e as resources, u as translate, h as translateMaterial, i as useI18nContext, g as useMaterialTranslation, a as useOptionalI18nContext };

package/dist/{icon-badge-Bb5-73XP.js → icon-badge-q3Ve8gra.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-Bcd2Z3ea.js";
-import { f as t } from "./dialog-DdJ1C4BR.js";
-import { a as n, i as r, n as i } from "./field-blur-context-Dw9ZAgBr.js";
-import { t as a } from "./icon-button-5A6Mrj6w.js";
+import { f as t } from "./dialog-CkIYpJXk.js";
+import { a as n, i as r, n as i } from "./field-blur-context-1ZwJgsHE.js";
+import { t as a } from "./icon-button-DJcWpIhu.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";

package/dist/{icon-button-5A6Mrj6w.js → icon-button-DJcWpIhu.js}

@@ -1,6 +1,7 @@
 import { t as e } from "./utils-Bcd2Z3ea.js";
 import { n as t } from "./use-shape-morph-BKA_R5P5.js";
-import { F as n, P as r, o as i, t as a } from "./tooltip-tmFoTU_d.js";
+import { n, t as r } from "./dist-DVRQkaTK.js";
+import { o as i, t as a } from "./tooltip-rhbqNmr3.js";
 import { i as o, n as s, r as c, t as l } from "./button-tones-BgZJ1tkD.js";
 import { shapeOutline as u, toSvgPath as d } from "@nxgt/material-core/shapes";
 import { useRef as f } from "react";

package/dist/{in-dialog-AiwTD3DK.js → in-dialog-Vwkyp-M5.js}

@@ -1,5 +1,6 @@
 import { n as e } from "./rolldown-runtime-BFFgcFxR.js";
-import { M as t, R as n, w as r } from "./tooltip-tmFoTU_d.js";
+import { o as t } from "./dist-DVRQkaTK.js";
+import { l as n, n as r } from "./dist-lmHmz_bu.js";
 import * as i from "react";
 import { createContext as a, useContext as o, useEffect as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
 import { jsx as d } from "react/jsx-runtime";
@@ -13,7 +14,7 @@ var m = Object.defineProperty, h = (e, t) => m(e, "name", {
 	bubbles: !1,
 	cancelable: !0
 }, y = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ h(function(e, a) {
-	let { loop: o = !1, trapped: s = !1, onMountAutoFocus: c, onUnmountAutoFocus: l, ...u } = e, [f, p] = i.useState(null), m = r(c), y = r(l), C = i.useRef(null), w = n(a, p), T = i.useRef({
+	let { loop: o = !1, trapped: s = !1, onMountAutoFocus: c, onUnmountAutoFocus: l, ...u } = e, [f, p] = i.useState(null), m = r(c), y = r(l), C = i.useRef(null), w = t(a, p), T = i.useRef({
 		paused: !1,
 		pause() {
 			this.paused = !0;
@@ -81,7 +82,7 @@ var m = Object.defineProperty, h = (e, t) => m(e, "name", {
 		s,
 		T.paused
 	]);
-	return /* @__PURE__ */ d(t.div, {
+	return /* @__PURE__ */ d(n.div, {
 		tabIndex: -1,
 		...u,
 		ref: w,
@@ -734,7 +735,7 @@ var Ze = function(e) {
 		return null;
 	};
 }, tt = a(void 0);
-function nt(e, t) {
+function nt(e, n) {
 	let [r, i] = u(null), [a, o] = rt(r), d = l(null);
 	return s(() => {
 		if (!e || !a || !r || r.getAttribute("data-state") === "closed") return;
@@ -748,7 +749,7 @@ function nt(e, t) {
 		r
 	]), c(() => {
 		!a || r?.getAttribute("data-state") !== "closed" || (d.current?.(), o(!1));
-	}), n(i, t);
+	}), t(i, n);
 }
 function rt(e) {
 	let [t, n] = u(!0);

package/dist/lib/backgrounds/background/available.d.ts

@@ -1,9 +1,9 @@
 /**
  * The presets this library draws: the ids `BackgroundProps.preset` accepts.
- * Core's `BACKGROUND_PRESETS` is the table of all 44 presets, and its
+ * Core's `BACKGROUND_PRESETS` is the table of all 45 presets, and its
  * `SHIPPED_BACKGROUND_PRESETS` the common floor (`gradient`, `grain`) every
- * library draws; this list is `@nxgt/material`'s own and holds all 44.
+ * library draws; this list is `@nxgt/material`'s own and holds all 45.
  * Any other id draws the gradient, with a warning outside production.
  */
-export declare const AVAILABLE_BACKGROUND_PRESETS: readonly ["gradient", "grain", "mesh", "aurora", "spotlight", "bokeh", "rays", "halo", "plasma", "glass", "ripples", "blobs", "paper", "linen", "concrete", "marble", "isometric", "blueprint", "dots", "stripes", "low-poly", "topography", "waves", "hexagons", "circuit", "graph-paper", "checker", "diagonal-checker", "chevrons", "shapes", "confetti-grid", "constellation", "halftone", "truchet", "floating", "scatter-icons", "school", "night-sky", "bubbles", "leaves", "science", "music", "travel", "sport"];
+export declare const AVAILABLE_BACKGROUND_PRESETS: readonly ["gradient", "grain", "mesh", "aurora", "spotlight", "bokeh", "rays", "halo", "plasma", "glass", "ripples", "blobs", "paper", "linen", "concrete", "marble", "isometric", "blueprint", "dots", "stripes", "low-poly", "topography", "waves", "hexagons", "circuit", "graph-paper", "checker", "diagonal-checker", "chevrons", "shapes", "confetti-grid", "constellation", "halftone", "truchet", "floating", "scatter-icons", "school", "night-sky", "bubbles", "leaves", "science", "music", "travel", "sport", "moon"];
 export type AvailableBackgroundPreset = (typeof AVAILABLE_BACKGROUND_PRESETS)[number];

package/dist/lib/backgrounds/background/background.d.ts

@@ -1,18 +1,22 @@
 import { BackgroundProps } from './types.js';
 export type { BackgroundProps } from './types.js';
 /**
- * A backdrop that centres its children, with a choice of 44 presets: the
+ * A backdrop that centres its children, with a choice of 45 presets: the
  * superset of the `Background` of `/components` (which has `tone`, `intensity`,
  * `preset` and `animated`). The extra props here are `grain`, `seed`, `fill` and
  * `motif` (`shapes` (any of `MOTIF_SHAPES_ALL`), `density`, `size`, `rotate` (default `false`),
- * `shapeFill`, `opacitySpread`). Its look is plain CSS keyed on
+ * `shapeFill`, `opacitySpread`) and `moon` (`position`, `phase`, `halo`: the `moon` preset only). Its look is plain CSS keyed on
  * `data-background` and `data-*` (`@nxgt/material/backgrounds.css` for the
  * grain), its SVG comes from core as data, and it emits no `style` attribute.
  * Nothing is random or measured, and the SVG ids come from `useId`, so the
  * server and the client render the same markup.
  *
+ * A prop you leave out (`preset`, `tone`, `intensity`, `seed`, `motif`, `grain`,
+ * `animated`, `moon`) is taken from the nearest theme (`NxgtThemeProvider`, `NxgtTheme`),
+ * then from the defaults above; a prop you pass always wins.
+ *
  * `data-background` is set after your props, so a wrapper's own `data-slot`
  * does not unhook the CSS. `preset="grain"` is the gradient plus the grain:
  * `data-preset` says so, `data-background` stays `gradient`.
  */
-export declare function Background({ children, ref, preset: requested, tone, intensity, animated, grain, seed, motif, fill, ...props }: BackgroundProps): import("react").JSX.Element;
+export declare function Background({ children, ref, preset: presetProp, tone: toneProp, intensity: intensityProp, animated: animatedProp, grain: grainProp, seed: seedProp, motif: motifProp, moon: moonProp, fill, ...props }: BackgroundProps): import("react").JSX.Element;

package/dist/lib/backgrounds/background/types.d.ts

@@ -1,4 +1,4 @@
-import { BackgroundIntensity, BackgroundTone, MotifOptions } from '@nxgt/material-core/backgrounds';
+import { BackgroundIntensity, BackgroundTone, MoonOptions, MotifOptions } from '@nxgt/material-core/backgrounds';
 import { ComponentProps } from 'react';
 import { AvailableBackgroundPreset } from './available.js';
 export interface BackgroundProps extends ComponentProps<'div'> {
@@ -25,6 +25,12 @@ export interface BackgroundProps extends ComponentProps<'div'> {
      * `halftone`, `truchet`, `floating` and `scatter-icons`, each the options
      * it uses. A new object with the same values is the same scene. */
     motif?: MotifOptions;
+    /** What the `moon` preset draws beside `motif`'s `size` and `density`:
+     * `position` (the moon's centre as fractions of the container, default
+     * `{ x: 0.8, y: 0.2 }`), `phase` (the crescent's thickness, 0.3 fat to 0.8
+     * thin, default `0.78`) and `halo` (its radius in moons, default `2.6`).
+     * A new object with the same values is the same scene. */
+    moon?: MoonOptions;
     /** `'viewport'` is the viewport's size (as in `/components`);
      * `'container'` fills its parent, which needs a definite height. A
      * `className` overrides either. */

package/dist/lib/backgrounds/index.d.ts

@@ -9,6 +9,6 @@
  * name (same props, plus every preset's), with the types and the engine's
  * tables re-exported from `@nxgt/material-core/backgrounds` by name.
  */
-export { BACKGROUND_INTENSITIES, BACKGROUND_PRESETS, BACKGROUND_TONES, type BackgroundIntensity, type BackgroundPreset, type BackgroundTone, MOTIF_SHAPES, MOTIF_SHAPES_ALL, type MotifDensity, type MotifOptions, type MotifShape, type MotifSize, type OpacitySpread, type PresetInfo, SHIPPED_BACKGROUND_PRESETS, type ShapeFill, type ShippedBackgroundPreset, } from '@nxgt/material-core/backgrounds';
+export { BACKGROUND_INTENSITIES, BACKGROUND_PRESETS, BACKGROUND_TONES, type BackgroundIntensity, type BackgroundPreset, type BackgroundTone, MOTIF_SHAPES, MOTIF_SHAPES_ALL, type MoonOptions, type MotifDensity, type MotifOptions, type MotifShape, type MotifSize, type OpacitySpread, type PresetInfo, SHIPPED_BACKGROUND_PRESETS, type ShapeFill, type ShippedBackgroundPreset, } from '@nxgt/material-core/backgrounds';
 export { Background, type BackgroundProps } from './background/index.js';
 export { AVAILABLE_BACKGROUND_PRESETS, type AvailableBackgroundPreset, } from './background/available.js';