@nxgt/material 3.57.0 → 3.58.0

package/dist/empty-state-D61RimJr.js

@@ -0,0 +1,139 @@
+import { t as e } from "./utils-BLfntITJ.js";
+import { t } from "./use-material-translation-DLdQKdfw.js";
+import { i as n } from "./escape-owner-Ch_-kDLw.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";
+import { AlertCircle as m, Construction as h, FileQuestion as g, PackageOpen as _, Search as v, ShieldAlert as y, WifiOff as b } from "lucide-react";
+import { STATE_ACCENT as x, STATE_ICON as S, stateCopy as C } from "@nxgt/material-core/states";
+//#region lib/components/ui/feedback/state-frame/state-frame-text.tsx
+function w({ title: t, description: r, headingLevel: i, inline: a, compact: o }) {
+	return t == null && r == null ? null : /* @__PURE__ */ p("div", {
+		className: e("flex flex-col", a ? "min-w-0 flex-1 gap-0.5" : "max-w-sm gap-2"),
+		children: [t != null && /* @__PURE__ */ f(n, {
+			as: i ? `h${i}` : void 0,
+			variant: a ? "normal" : o ? "title-medium" : "headline-small",
+			className: e("tracking-tight text-balance", a && "font-medium"),
+			children: t
+		}), r != null && /* @__PURE__ */ f(n, {
+			variant: a ? "body-small" : "body-medium",
+			className: "text-pretty",
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-icon.tsx
+var T = {
+	"package-open": _,
+	search: v,
+	"file-question": g,
+	"shield-alert": y,
+	"alert-circle": m,
+	"wifi-off": b,
+	construction: h
+};
+function E({ kind: e }) {
+	let t = T[S[e]];
+	return /* @__PURE__ */ f(t, { "aria-hidden": "true" });
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-scene-illustration.tsx
+function D({ scene: e, size: t }) {
+	return /* @__PURE__ */ f("div", {
+		"data-slot": "illustration",
+		"data-scene": e,
+		"data-size": t,
+		"data-fallback": "",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ f(r, {
+			kind: l[e] ?? "empty",
+			className: "h-full w-full"
+		})
+	});
+}
+var O = a("illustration", async () => {
+	let { Illustration: e } = await import("./illustration-DjZXUFbz.js").then((e) => e.n);
+	return ({ scene: t, size: n }) => /* @__PURE__ */ f(e, {
+		scene: t,
+		size: n
+	});
+}, D);
+function k({ scene: e, size: t }) {
+	return /* @__PURE__ */ f(d, {
+		fallback: /* @__PURE__ */ f("div", {
+			"data-slot": "illustration",
+			"data-size": t,
+			"aria-hidden": "true"
+		}),
+		children: /* @__PURE__ */ f(O, {
+			scene: e,
+			size: t
+		})
+	});
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/use-state-media.tsx
+function A({ kind: t, size: n, illustration: a, icon: l }) {
+	let d = n === "inline", p = n === "compact" || d, m = e("flex shrink-0 items-center justify-center rounded", s[x[t]], d ? "size-8 rounded-full [&_svg]:size-4" : p ? "size-10 [&_svg]:size-5" : "size-16 [&_svg]:size-7"), h = u(), g = a === !0 || c(a, h?.sets) ? c(a, h?.sets) ? a : o[t] : null, _ = a == null && l == null && n === "default" ? i(h, o[t]) : void 0, v = d ? null : g ?? (_ ? o[t] : null), y = null;
+	return y = a === !1 ? null : v ? /* @__PURE__ */ f(k, {
+		scene: v,
+		size: p ? "sm" : "md"
+	}) : a != null && a !== !0 && !c(a, h?.sets) ? a : l == null ? p ? /* @__PURE__ */ f("div", {
+		className: m,
+		children: /* @__PURE__ */ f(E, { kind: t })
+	}) : /* @__PURE__ */ f(r, { kind: t }) : /* @__PURE__ */ f("div", {
+		className: m,
+		children: l
+	}), y;
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-frame.tsx
+function j({ kind: t, size: n = "default", illustration: r, icon: i, title: a, headingLevel: o, description: s, actions: c, className: l, children: u, ...d }) {
+	let m = n === "inline", h = n === "compact" || m, g = A({
+		kind: t,
+		size: n,
+		illustration: r,
+		icon: i
+	});
+	return /* @__PURE__ */ p("div", {
+		"data-kind": t,
+		"data-size": n,
+		className: e("flex text-foreground", m ? "flex-row items-center gap-3 px-3 py-2.5 text-start" : "flex-col items-center justify-center text-center", !m && (h ? "gap-3 px-4 py-6" : "min-h-[22rem] gap-5 p-8"), l),
+		...d,
+		children: [
+			g,
+			/* @__PURE__ */ f(w, {
+				title: a,
+				description: s,
+				headingLevel: o,
+				inline: m,
+				compact: h
+			}),
+			u,
+			c != null && /* @__PURE__ */ f("div", {
+				className: e("flex flex-wrap items-center gap-2", m ? "shrink-0" : "mt-1 justify-center"),
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/feedback/empty-state/empty-state.tsx
+function M({ kind: e = "empty", size: n = "default", illustration: r, icon: i, title: a, description: o, action: s, ...c }) {
+	let l = C(e, "empty-state"), { t: u } = t(), d = o ?? (a == null ? u(l.descriptionKey, l.description) : void 0);
+	return /* @__PURE__ */ f(j, {
+		"data-slot": "empty-state",
+		"data-variant": e,
+		kind: e,
+		size: n,
+		illustration: r,
+		icon: i,
+		title: a ?? u(l.titleKey, l.title),
+		description: d,
+		actions: s,
+		...c
+	});
+}
+//#endregion
+export { j as n, M as t };

package/dist/{escape-owner-BJvicDmr.js → escape-owner-Ch_-kDLw.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DVRQkaTK.js";
-import { n } from "./spinner-D4XGdse6.js";
+import { n } from "./spinner-DC35lhqx.js";
 import { t as r } from "./button-group-context-CaP0X5p_.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/ui/actions/button-group/button-group-reset.tsx

package/dist/{field-blur-Cnjk0o9A.js → field-blur-BJjUHsgJ.js}

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

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { l as t } from "./dist-lmHmz_bu.js";
-import { i as n } from "./escape-owner-BJvicDmr.js";
+import { i as n } from "./escape-owner-Ch_-kDLw.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/{headless-extensions-CvmdhANJ.js → headless-extensions-B1NAgmkE.js}

@@ -1,5 +1,5 @@
 import { R as e, a as t, et as n } from "./dist-moutbfbd.js";
-import { B as r, C as i, E as a, F as o, I as s, O as c, Q as l, S as u, T as d, U as f, Z as p, a as ee, b as te, c as m, d as h, i as g, m as _, n as v, o as y, r as b, t as x, v as S, w as C, x as w, y as T } from "./youtube-node-OWSNlYCc.js";
+import { B as r, C as i, E as a, F as o, I as s, O as c, Q as l, S as u, T as d, U as f, W as p, a as ee, b as te, c as m, d as h, i as g, m as _, n as v, o as y, r as b, t as x, v as S, w as C, x as w, y as T } from "./youtube-node-A3NPAPgK.js";
 import { n as E } from "./dist-CT0WVy-f.js";
 import { t as D } from "./code-block-spec-CGLKRhwD.js";
 //#region lib/components/ui/widgets/editor/extensions/comments/comment-id.ts

package/dist/hooks.js

@@ -1,8 +1,8 @@
-import { r as e } from "./i18n-provider-DBr59j1p.js";
+import { r as e } from "./i18n-provider-C0uLEv0G.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-51GQw8tH.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-1Dqxj_JQ.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";

package/dist/{hover-card-DW4XnExA.js → hover-card-CVmY0Z44.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-D4XGdse6.js";
+import { C as s, S as c, f as l, m as u, p as d, u as f } from "./spinner-DC35lhqx.js";
 import { t as p } from "./in-dialog-Vwkyp-M5.js";
-import { o as m } from "./escape-owner-BJvicDmr.js";
+import { o as m } from "./escape-owner-Ch_-kDLw.js";
 import * as h from "react";
 import { Activity as g } from "react";
 import { jsx as _ } from "react/jsx-runtime";

package/dist/{i18n-provider-DBr59j1p.js → i18n-provider-C0uLEv0G.js}

@@ -1,4 +1,4 @@
-import { i as e, r as t, t as n } from "./stored-language-C89mti-z.js";
+import { i as e, r as t, t as n } from "./stored-language-BIxd7uiP.js";
 import { createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 import { jsx as u } from "react/jsx-runtime";
 //#region lib/i18n/material-resources-registry.ts

package/dist/i18n.js

@@ -1,10 +1,10 @@
 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-C89mti-z.js";
-import { n as a, r as o, t as s } from "./i18n-provider-DBr59j1p.js";
-import { i as c, n as l, o as u, r as d, t as f } from "./translator-B5fId5Rw.js";
+import { a as t, i as n, n as r, r as i } from "./stored-language-BIxd7uiP.js";
+import { n as a, r as o, t as s } from "./i18n-provider-C0uLEv0G.js";
+import { i as c, n as l, o as u, r as d, t as f } from "./translator-BrZv1U54.js";
 import { o as p, t as m } from "./merge-BCZE6HGq.js";
-import { t as h } from "./translate-material-BkqnImND.js";
-import { t as g } from "./use-material-translation-BQOr4Oks.js";
+import { t as h } from "./translate-material-Bgtjuh85.js";
+import { t as g } from "./use-material-translation-DLdQKdfw.js";
 import { useCallback as _ } from "react";
 //#region lib/i18n/merge-resources.ts
 function v(e, t, n = "") {

package/dist/{icon-badge-4FMy66AC.js → icon-badge-bAQQK3ls.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { f as t } from "./dialog-DS8O4Kkb.js";
-import { a as n, i as r, n as i } from "./field-blur-context-CYlx9KnB.js";
-import { t as a } from "./icon-button-QF7smCoV.js";
+import { f as t } from "./dialog-Cx_xWUVR.js";
+import { a as n, i as r, n as i } from "./field-blur-context-CmOF0FIN.js";
+import { t as a } from "./icon-button-Csvj2R8S.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-QF7smCoV.js → icon-button-Csvj2R8S.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./is-production-GLw59WU8.js";
-import { n } from "./use-shape-morph-DXdy2X5g.js";
-import { n as r, t as i } from "./dist-DVRQkaTK.js";
-import { n as a, r as o, t as s } from "./spinner-D4XGdse6.js";
-import { a as c, i as l, n as u, o as d, r as f, s as p, t as m } from "./use-click-lock-BZYtTmVt.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-DC35lhqx.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";
-import { useContext as g, useEffect as _, useRef as v } from "react";
-import { shapeOutline as y, toSvgPath as b } from "@nxgt/material-core/shapes";
+import { shapeOutline as g, toSvgPath as _ } from "@nxgt/material-core/shapes";
+import { useContext as v, useEffect as y, useRef as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region lib/components/ui/display/count-badge/format-count.ts
 function C(e, t = 99) {
@@ -54,37 +54,37 @@ var w = [
 	{
 		variant: "tonal",
 		color: "primary",
-		class: `${l.primary} ${u.primary} ${f.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		class: `${c.primary} ${l.primary} ${d.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
 	},
 	{
 		variant: "tonal",
 		color: "secondary",
-		class: `${l.secondary} ${u.secondary} ${f.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${c.secondary} ${l.secondary} ${d.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "tonal",
 		color: "success",
-		class: `${l.success} ${u.success} ${f.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${c.success} ${l.success} ${d.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "tonal",
 		color: "info",
-		class: `${l.info} ${u.info} ${f.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${c.info} ${l.info} ${d.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "tonal",
 		color: "warning",
-		class: `${l.warning} ${u.warning} ${f.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${c.warning} ${l.warning} ${d.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "tonal",
 		color: "error",
-		class: `${l.error} ${u.error} ${f.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${c.error} ${l.error} ${d.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "tonal",
 		color: "default",
-		class: `${l.default} ${u.default} ${f.default} bg-foreground/15 hover:bg-foreground/10 active:bg-muted focus:bg-muted`
+		class: `${c.default} ${l.default} ${d.default} bg-foreground/15 hover:bg-foreground/10 active:bg-muted focus:bg-muted`
 	},
 	{
 		variant: "ghost",
@@ -99,99 +99,99 @@ var w = [
 	{
 		variant: "ghost",
 		color: "secondary",
-		class: `${l.secondary} ${u.secondary} ${f.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${c.secondary} ${l.secondary} ${d.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "ghost",
 		color: "success",
-		class: `${l.success} ${u.success} ${f.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${c.success} ${l.success} ${d.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "ghost",
 		color: "info",
-		class: `${l.info} ${u.info} ${f.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${c.info} ${l.info} ${d.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "ghost",
 		color: "warning",
-		class: `${l.warning} ${u.warning} ${f.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${c.warning} ${l.warning} ${d.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "ghost",
 		color: "error",
-		class: `${l.error} ${u.error} ${f.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${c.error} ${l.error} ${d.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "outlined",
 		color: "primary",
-		class: `${l.primary} ${u.primary} ${f.primary} focus:bg-primary/10 hover:bg-primary/10`
+		class: `${c.primary} ${l.primary} ${d.primary} focus:bg-primary/10 hover:bg-primary/10`
 	},
 	{
 		variant: "outlined",
 		color: "secondary",
-		class: `${l.secondary} ${u.secondary} ${f.secondary} focus:bg-secondary/10 hover:bg-secondary/10`
+		class: `${c.secondary} ${l.secondary} ${d.secondary} focus:bg-secondary/10 hover:bg-secondary/10`
 	},
 	{
 		variant: "outlined",
 		color: "success",
-		class: `${l.success} ${u.success} ${f.success} focus:bg-success/10 hover:bg-success/10`
+		class: `${c.success} ${l.success} ${d.success} focus:bg-success/10 hover:bg-success/10`
 	},
 	{
 		variant: "outlined",
 		color: "info",
-		class: `${l.info} ${u.info} ${f.info} focus:bg-info/10 hover:bg-info/10`
+		class: `${c.info} ${l.info} ${d.info} focus:bg-info/10 hover:bg-info/10`
 	},
 	{
 		variant: "outlined",
 		color: "warning",
-		class: `${l.warning} ${u.warning} ${f.warning} focus:bg-warning/10 hover:bg-warning/10`
+		class: `${c.warning} ${l.warning} ${d.warning} focus:bg-warning/10 hover:bg-warning/10`
 	},
 	{
 		variant: "outlined",
 		color: "error",
-		class: `${l.error} ${u.error} ${f.error} focus:bg-error/10 hover:bg-error/10`
+		class: `${c.error} ${l.error} ${d.error} focus:bg-error/10 hover:bg-error/10`
 	},
 	{
 		variant: "outlined",
 		color: "default",
-		class: `${l.default} ${u.default} ${f.default} focus:bg-foreground/10 hover:bg-foreground/10`
+		class: `${c.default} ${l.default} ${d.default} focus:bg-foreground/10 hover:bg-foreground/10`
 	},
 	{
 		variant: "link",
 		color: "primary",
-		class: `${l.primary} ${u.primary} ${f.primary} underline-offset-4 hover:underline hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		class: `${c.primary} ${l.primary} ${d.primary} underline-offset-4 hover:underline hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
 	},
 	{
 		variant: "link",
 		color: "secondary",
-		class: `${l.secondary} ${u.secondary} ${f.secondary} underline-offset-4 hover:underline hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${c.secondary} ${l.secondary} ${d.secondary} underline-offset-4 hover:underline hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "link",
 		color: "success",
-		class: `${l.success} ${u.success} ${f.success} underline-offset-4 hover:underline hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${c.success} ${l.success} ${d.success} underline-offset-4 hover:underline hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "link",
 		color: "info",
-		class: `${l.info} ${u.info} ${f.info} underline-offset-4 hover:underline hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${c.info} ${l.info} ${d.info} underline-offset-4 hover:underline hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "link",
 		color: "warning",
-		class: `${l.warning} ${u.warning} ${f.warning} underline-offset-4 hover:underline hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${c.warning} ${l.warning} ${d.warning} underline-offset-4 hover:underline hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "link",
 		color: "error",
-		class: `${l.error} ${u.error} ${f.error} underline-offset-4 hover:underline hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${c.error} ${l.error} ${d.error} underline-offset-4 hover:underline hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "link",
 		color: "default",
-		class: `${l.default} ${u.default} ${f.default} underline-offset-4 hover:underline hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
+		class: `${c.default} ${l.default} ${d.default} underline-offset-4 hover:underline hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
 	}
-], T = a("inline-flex center gap-2 cursor-pointer whitespace-nowrap text-sm font-medium disabled:pointer-events-none [&_svg]:bg-transparent [&_svg]:text-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-(--btn-ic,1rem) shrink-0 [&_svg]:shrink-0", {
+], T = i("inline-flex center gap-2 cursor-pointer whitespace-nowrap text-sm font-medium disabled:pointer-events-none [&_svg]:bg-transparent [&_svg]:text-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-(--btn-ic,1rem) shrink-0 [&_svg]:shrink-0", {
 	variants: {
 		look: {
 			btn: "nxgt-btn nxgt-morph-fill aria-invalid:[--btn-focus:var(--color-error)] aria-invalid:[--btn-line:var(--color-error)]",
@@ -217,7 +217,7 @@ var w = [
 			outlined: "shadow-[inset_0_0_0_1.5px_color-mix(in_oklab,var(--btn-line,currentColor)_55%,transparent)] text-primary-text [&_svg]:data-[slot=icon]:text-primary-text [&_svg]:stroke-primary-text focus:bg-primary/10 hover:bg-primary/10",
 			link: "nxgt-btn-bare text-primary-text [&_svg]:data-[slot=icon]:text-primary-text [&_svg]:stroke-primary-text underline-offset-4 hover:underline hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10 focus:underline"
 		},
-		color: c
+		color: s
 	},
 	defaultVariants: {
 		variant: "filled",
@@ -245,18 +245,18 @@ var D = E("btn"), O = E("shaped");
 //#endregion
 //#region lib/components/ui/actions/icon-button/icon-button-busy.tsx
 function k(e, t) {
-	let n = m(!1, e);
+	let n = p(!1, e);
 	return {
 		busyClassName: e ? "relative [&_[data-slot=icon]]:invisible" : void 0,
 		hostProps: {
 			"aria-disabled": e || t["aria-disabled"],
 			"aria-busy": e || t["aria-busy"],
-			onClickCapture: d(e, n, t.onClickCapture)
+			onClickCapture: u(e, n, t.onClickCapture)
 		}
 	};
 }
 function A({ variant: e, color: t }) {
-	return /* @__PURE__ */ x(s, {
+	return /* @__PURE__ */ x(o, {
 		variant: "2",
 		color: e === "filled" ? "light" : t ?? (e === "ghost" ? "default" : "primary"),
 		className: "absolute inset-0 m-auto size-(--btn-ic,1rem)"
@@ -311,9 +311,9 @@ var j = {
 		default: "fill-transparent group-hover/icon-button:fill-accent dark:group-hover/icon-button:fill-accent/50"
 	}
 };
-function M({ shape: t, variant: r, color: i }) {
-	let a = y(t), o = v(null);
-	return n(o, a, !0), /* @__PURE__ */ x("svg", {
+function M({ shape: n, variant: r, color: i }) {
+	let a = g(n), o = b(null);
+	return t(o, a, !0), /* @__PURE__ */ x("svg", {
 		"data-slot": "icon-button-shape",
 		viewBox: "0 0 100 100",
 		"aria-hidden": "true",
@@ -321,35 +321,35 @@ function M({ shape: t, variant: r, color: i }) {
 		className: e("-z-10 pointer-events-none absolute inset-0 size-full overflow-visible transition-[filter]", r === "filled" && "group-hover/icon-button:brightness-90 group-active/icon-button:brightness-80"),
 		children: /* @__PURE__ */ x("path", {
 			ref: o,
-			d: b(a),
+			d: _(a),
 			vectorEffect: "non-scaling-stroke",
 			paintOrder: "stroke",
 			className: e("stroke-transparent stroke-1 transition-[fill]", j[r][i], "group-focus-visible/icon-button:stroke-ring/50 group-focus-visible/icon-button:stroke-[6px]", "forced-colors:fill-none forced-colors:stroke-[ButtonText] forced-colors:group-focus-visible/icon-button:stroke-[Highlight]")
 		})
 	});
 }
-function N(e, n) {
-	let r = !!e && n != null && n !== "default";
-	_(() => {
-		r && !t() && console.warn("IconButton: `width` is ignored with `shape`; a shaped button is as wide as it is high.");
-	}, [r]);
+function N(e, t) {
+	let n = !!e && t != null && t !== "default";
+	y(() => {
+		n && !m() && console.warn("IconButton: `width` is ignored with `shape`; a shaped button is as wide as it is high.");
+	}, [n]);
 }
 //#endregion
 //#region lib/components/ui/actions/icon-button/icon-button.tsx
 function P(e) {
 	return e === void 0 || !Number.isFinite(e) || e < .5 ? null : C(e);
 }
-function F({ variant: t, color: n, size: a, width: o, className: s, asChild: c, type: l = "button", shape: u, morph: d = "pill", badge: f, badgeTone: m = "primary", loading: _ = !1, children: v, ...y }) {
-	let b = c ? i : "button", C = g(h), w = a ?? C, T = !!(y["aria-label"] || y["aria-labelledby"]);
+function F({ variant: t, color: i, size: a, width: o, className: s, asChild: c, type: l = "button", shape: u, morph: d = "pill", badge: p, badgeTone: m = "primary", loading: g = !1, children: _, ...y }) {
+	let b = c ? r : "button", C = v(h), w = a ?? C, T = !!(y["aria-label"] || y["aria-labelledby"]);
 	N(u, o);
-	let E = !u && d !== "none" && y["aria-pressed"] != null, j = P(f), F = String(y["aria-pressed"]) === "true", I = k(_, y);
-	return /* @__PURE__ */ x(p, {
+	let E = !u && d !== "none" && y["aria-pressed"] != null, j = P(p), F = String(y["aria-pressed"]) === "true", I = k(g, y);
+	return /* @__PURE__ */ x(f, {
 		value: T,
 		children: /* @__PURE__ */ S(b, {
 			"data-slot": "icon-button",
 			"data-icon-button": "",
 			"data-variant": t ?? "filled",
-			"data-color": n,
+			"data-color": i,
 			type: c ? void 0 : l,
 			"data-size": w,
 			"data-shape": u,
@@ -357,11 +357,11 @@ function F({ variant: t, color: n, size: a, width: o, className: s, asChild: c,
 			"data-selected": E && F ? "true" : void 0,
 			className: e(u ? O({
 				variant: t,
-				color: n,
+				color: i,
 				size: w
 			}) : D({
 				variant: t,
-				color: n,
+				color: i,
 				size: w,
 				width: o
 			}), u && "group/icon-button nxgt-touch-target relative isolate bg-transparent! border-0! shadow-none! ring-0! focus-visible:ring-0! aria-invalid:ring-0! forced-colors:[&_svg]:stroke-[ButtonText] forced-colors:[&_svg]:text-[ButtonText]", I.busyClassName, s),
@@ -371,12 +371,12 @@ function F({ variant: t, color: n, size: a, width: o, className: s, asChild: c,
 				u ? /* @__PURE__ */ x(M, {
 					shape: u,
 					variant: t ?? "filled",
-					color: n ?? (t === "ghost" ? "default" : "primary")
+					color: i ?? (t === "ghost" ? "default" : "primary")
 				}) : null,
-				/* @__PURE__ */ x(r, { children: v }),
-				_ && /* @__PURE__ */ x(A, {
+				/* @__PURE__ */ x(n, { children: _ }),
+				g && /* @__PURE__ */ x(A, {
 					variant: t ?? "filled",
-					color: n
+					color: i
 				}),
 				j === null ? null : /* @__PURE__ */ x("span", {
 					"data-slot": "icon-button-badge",
@@ -391,7 +391,7 @@ function F({ variant: t, color: n, size: a, width: o, className: s, asChild: c,
 }
 function I({ tooltip: e, "aria-label": t, ...n }) {
 	let r = t ?? (typeof e == "string" ? e : void 0);
-	return e ? /* @__PURE__ */ x(o, {
+	return e ? /* @__PURE__ */ x(a, {
 		content: e,
 		children: /* @__PURE__ */ x(F, {
 			"aria-label": r,

package/dist/{illustration-B4_W-OUS.js → illustration-DjZXUFbz.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
-import { t } from "./is-production-GLw59WU8.js";
-import { a as n, r } from "./icon-sprites-CaYXzOL4.js";
+import { a as t, r as n } from "./icon-sprites-CaYXzOL4.js";
+import { t as r } from "./is-production-GLw59WU8.js";
 import { a as i, c as a, i as o, l as s, t as c, u as l } from "./state-scenes-BX03WmSu.js";
 import { t as u } from "./scene-svg-DJKa5vsg.js";
 import { Suspense as d, useId as f, useMemo as p } from "react";
@@ -9,20 +9,20 @@ import { IconRefError as h } from "@nxgt/material-core/icons";
 import { freeIcon as g } from "@nxgt/material-core/icons/free";
 import { ILLUSTRATION_SCENES as _, buildIllustration as v, illustrationScene as y } from "@nxgt/material-core/illustrations";
 //#region lib/illustrations/use-illustration.ts
-function b(e, t, i) {
-	let o = l(), c = i ?? (C(e) ? void 0 : s(o, e)), u = n(), d = r(), m = `ill${f().replace(/[^\w-]/g, "-")}`;
+function b(e, r, i) {
+	let o = l(), c = i ?? (C(e) ? void 0 : s(o, e)), u = t(), d = n(), m = `ill${f().replace(/[^\w-]/g, "-")}`;
 	return {
 		built: p(() => {
-			let n = Object.fromEntries(Object.entries(t).filter(([, e]) => e !== void 0));
+			let t = Object.fromEntries(Object.entries(r).filter(([, e]) => e !== void 0));
 			try {
-				let t = y(e, {
+				let n = y(e, {
 					...o?.iconStyle === void 0 ? {} : { iconStyle: o.iconStyle },
 					...a(o, e),
-					...n
+					...t
 				}, c);
 				return {
-					spec: t,
-					flat: v(t, {
+					spec: n,
+					flat: v(n, {
 						idPrefix: m,
 						spriteBase: u,
 						...d === "free" ? { mapIcon: g } : {}
@@ -36,7 +36,7 @@ function b(e, t, i) {
 			e,
 			c,
 			JSON.stringify([
-				t,
+				r,
 				a(o, e),
 				o?.iconStyle
 			]),
@@ -51,7 +51,7 @@ function b(e, t, i) {
 }
 var x = /* @__PURE__ */ new Set();
 function S(e) {
-	t() || x.has(e) || (x.add(e), console.warn(e));
+	r() || x.has(e) || (x.add(e), console.warn(e));
 }
 var C = (e) => _.includes(e), w = /* @__PURE__ */ e({ Illustration: () => D });
 function T({ kind: e }) {

package/dist/illustrations.js

@@ -1,4 +1,4 @@
 import { s as e } from "./state-scenes-BX03WmSu.js";
-import { t } from "./illustration-B4_W-OUS.js";
+import { t } from "./illustration-DjZXUFbz.js";
 import { ILLUSTRATION_SCENES as n, SUGGESTED_ICONS as r } from "@nxgt/material-core/illustrations";
 export { n as ILLUSTRATION_SCENES, t as Illustration, e as IllustrationDefaults, r as SUGGESTED_ICONS };

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

@@ -19,4 +19,4 @@ export type { BackgroundProps } from './types.js';
  * 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: presetProp, tone: toneProp, intensity: intensityProp, animated: animatedProp, grain: grainProp, seed: seedProp, motif: motifProp, moon: moonProp, sky: skyProp, icons: iconsProp, iconStyle: iconStyleProp, iconMotif: iconMotifProp, fill, ...props }: BackgroundProps): import("react").JSX.Element;
+export declare function Background({ children, ref, fill, ...rest }: BackgroundProps): import("react").JSX.Element;

package/dist/lib/backgrounds/background/partials/use-background-scenes.d.ts

@@ -0,0 +1,22 @@
+import { BackgroundPreset, MoonOptions, MotifOptions } from '@nxgt/material-core/backgrounds';
+/**
+ * The scenes of a background: the preset's (none under an icons mix), the grain overlay, and the keys they were built from.
+ * `motif` is read through its fields (and `shapes` through a sorted,
+ * de-duplicated key): a new object with the same values is the same scene.
+ */
+export declare function useBackgroundScenes({ preset, hasIcons, grain, idPrefix, seed, motif, moon, }: {
+    preset: BackgroundPreset;
+    hasIcons: boolean;
+    grain: boolean;
+    idPrefix: string;
+    seed: number;
+    motif: MotifOptions | undefined;
+    moon: MoonOptions | undefined;
+}): {
+    scene: import('@nxgt/material-core/backgrounds').SceneNode | null;
+    grainScene: import('@nxgt/material-core/backgrounds').SceneNode | null;
+    withGrain: boolean;
+    shapesKey: string | undefined;
+    scalarsKey: string;
+    moonKey: string;
+};