@nxgt/material 3.8.1 → 3.10.0

package/dist/{nxgt-theme-CgSb9Obl.js → nxgt-theme-ZS945iMP.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./dist-DVRQkaTK.js";
 import { t } from "./is-production-GLw59WU8.js";
-import { n, r, t as i } from "./theme-context-BagPvRcz.js";
+import { n, r, t as i } from "./theme-context-Cofk6vgs.js";
 import { t as a } from "./warn-once-C_e47JM8.js";
 import { useContext as o, useMemo as s } from "react";
 import { jsx as c } from "react/jsx-runtime";

package/dist/pdf-reader.js

@@ -1,3 +1,3 @@
-import { t as e } from "./public-Ce30uvp0.js";
+import { t as e } from "./public-DGvtAz7M.js";
 import { configurePdfReader as t } from "@nxgt/material-core/pdf-reader";
 export { e as PdfReader, t as configurePdfReader };

package/dist/plated-illustration-C3z0hP9U.js

@@ -0,0 +1,19 @@
+import { t as e } from "./scene-svg-DJKa5vsg.js";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { buildIllustration as r } from "@nxgt/material-core/illustrations";
+import { platePath as i } from "@nxgt/material-core/illustrations/plates";
+//#region lib/illustrations/plated-illustration.tsx
+function a({ spec: a, idPrefix: o, base: s }) {
+	return /* @__PURE__ */ n(e, { node: t(() => r(a, {
+		idPrefix: o,
+		spriteBase: s,
+		plates: i
+	}), [
+		a,
+		o,
+		s
+	]) });
+}
+//#endregion
+export { a as default };

package/dist/{public-Ce30uvp0.js → public-DGvtAz7M.js}

@@ -16,7 +16,7 @@ import { t as be } from "./useEvent-2fKq-6w8.js";
 import { n as xe, t as Se } from "./toggle-group-j8zaxEg1.js";
 import { n as Ce } from "./use-slice-reducer-BGkeGtML.js";
 import { r as we } from "./use-csp-nonce-ZKs9k-ov.js";
-import { n as Te, t as Ee } from "./empty-state-s2CSjKXJ.js";
+import { n as Te, t as Ee } from "./empty-state-COAV2d-R.js";
 import { t as De } from "./client-only.utils-3nHNzCki.js";
 import { t as Oe } from "./use-scroll-away-PQRFZkT2.js";
 import { ArrowLeft as ke, BookOpenText as Ae, ChevronDown as je, ChevronLeft as Me, ChevronRight as Ne, ChevronUp as Pe, Download as Fe, Eraser as Ie, FileText as Le, FileWarning as Re, FileX2 as ze, Highlighter as Be, KeyRound as Ve, LayoutGrid as He, List as Ue, Loader2 as We, Maximize as Ge, MessageSquareText as Ke, Minimize as qe, MoreVertical as Je, MousePointer2 as Ye, MoveHorizontal as Xe, PanelLeft as Ze, Pen as Qe, PencilLine as $e, Printer as et, RotateCw as tt, Search as nt, StickyNote as rt, Type as it, Underline as at, Undo2 as ot, Volume2 as st, X as ct, XIcon as lt, ZoomIn as ut, ZoomOut as dt } from "lucide-react";

package/dist/scene-options-CCy3V7XS.js

@@ -0,0 +1,60 @@
+import { BODY_DEFAULTS as e } from "@nxgt/material-core/backgrounds";
+//#region lib/backgrounds/background/partials/scene-options.ts
+var t = Object.keys({
+	shapes: 1,
+	density: 1,
+	size: 1,
+	rotate: 1,
+	shapeFill: 1,
+	opacitySpread: 1
+}).filter((e) => e !== "shapes");
+function n(e) {
+	return t.map((t) => e?.[t]);
+}
+function r(e) {
+	return [
+		e?.position?.x,
+		e?.position?.y,
+		e?.phase,
+		e?.halo
+	].map((e) => e ?? null);
+}
+function i(e, n, r, i, a) {
+	let o = JSON.parse(i), s = {
+		...Object.fromEntries(t.map((e, t) => [e, o[t] ?? void 0])),
+		shapes: r === void 0 ? void 0 : r.split(",").filter(Boolean)
+	}, [c, l, u, d] = JSON.parse(a);
+	return {
+		idPrefix: e,
+		seed: n,
+		motif: s,
+		moon: {
+			...c == null || l == null ? {} : { position: {
+				x: c,
+				y: l
+			} },
+			...u == null ? {} : { phase: u },
+			...d == null ? {} : { halo: d }
+		}
+	};
+}
+var a = (t) => e[t];
+function o(e, t, n) {
+	let r = a(e);
+	if (!r) return;
+	let i = a(t), o = i && (n?.position?.x ?? i.x);
+	return { position: {
+		x: o !== void 0 && Math.abs(o - r.x) < .2 ? 1 - r.x : r.x,
+		y: r.y
+	} };
+}
+function s(e, t, n, r, a, s, c) {
+	let l = i(n, r, a, s, c);
+	return {
+		...l,
+		seed: r + 1,
+		moon: o(e, t, l.moon)
+	};
+}
+//#endregion
+export { s as i, n, i as r, r as t };

package/dist/scene-svg-DJKa5vsg.js

@@ -0,0 +1,9 @@
+import { createElement as e, memo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/backgrounds/background/partials/scene-svg.tsx
+var r = /^(aria|data)-/, i = (e) => e === "class" ? "className" : r.test(e) ? e : e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), a = t(function t({ node: r }) {
+	let a = Object.fromEntries(Object.entries(r.attrs).map(([e, t]) => [i(e), t]));
+	return e(r.tag, a, ...(r.children ?? []).map((e, r) => /* @__PURE__ */ n(t, { node: e }, r)));
+});
+//#endregion
+export { a as t };

package/dist/state-scenes-Be9w_3an.js

@@ -0,0 +1,130 @@
+import { t as e } from "./utils-Bcd2Z3ea.js";
+import { createContext as t, createElement as n, useContext as r, useMemo as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { STATE_ACCENT as o, STATE_ILLUSTRATIONS as s } from "@nxgt/material-core/states";
+//#region lib/components/ui/feedback/state-frame/illustration-defaults.tsx
+var c = t(null);
+function l({ icons: e, iconStyle: t, sets: n, children: r }) {
+	let o = h(n);
+	return /* @__PURE__ */ a(c, {
+		value: i(() => ({
+			icons: e,
+			iconStyle: t,
+			sets: o
+		}), [
+			e,
+			t,
+			o
+		]),
+		children: r
+	});
+}
+function u() {
+	return r(c);
+}
+function d(e, t) {
+	let n = e?.icons;
+	return n === "suggested" ? {} : n?.[t];
+}
+var f = /* @__PURE__ */ new WeakMap(), p = 0, m = (e) => {
+	let t = f.get(e);
+	return t === void 0 ? (p += 1, f.set(e, p), p) : t;
+};
+function h(e) {
+	let t = e?.map(m).join();
+	return i(() => e, [t]);
+}
+function g(e, t) {
+	return e?.sets?.find((e) => Object.keys(e).includes(t));
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-tones.ts
+var _ = "[stroke-linecap:round] [stroke-linejoin:round]", v = {
+	primary: "fill-primary",
+	error: "fill-error",
+	warning: "fill-warning",
+	info: "fill-info",
+	neutral: "fill-muted-foreground"
+}, y = {
+	primary: "fill-primary/15",
+	error: "fill-error/15",
+	warning: "fill-warning/15",
+	info: "fill-info/15",
+	neutral: "fill-muted-foreground/15"
+}, b = {
+	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 x(e, t) {
+	switch (e) {
+		case "surface": return "fill-muted stroke-none";
+		case "outline": return `fill-none stroke-muted-foreground/60 stroke-2 ${_}`;
+		case "accent": return `${v[t]} stroke-none`;
+		case "accent-soft": return `${y[t]} stroke-none`;
+		case "muted": return "fill-muted-foreground/15 stroke-none";
+	}
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-illustration.tsx
+function S({ kind: t, className: r, ...i }) {
+	let { viewBox: c, shapes: l } = s[t], u = o[t];
+	return /* @__PURE__ */ a("svg", {
+		"data-slot": "state-illustration",
+		viewBox: c,
+		"aria-hidden": "true",
+		focusable: "false",
+		className: e("h-auto w-40 shrink-0", r),
+		...i,
+		children: l.map((e, t) => n(e.el, {
+			key: t,
+			className: x(e.tone, u),
+			...e.attrs
+		}))
+	});
+}
+//#endregion
+//#region lib/components/ui/feedback/state-frame/state-scenes.ts
+var C = [
+	"empty",
+	"no-results",
+	"not-found",
+	"error",
+	"offline",
+	"success",
+	"welcome",
+	"forbidden",
+	"maintenance",
+	"invitation",
+	"sign-in",
+	"empty-inbox"
+], w = {
+	empty: "empty",
+	search: "no-results",
+	"not-found": "not-found",
+	unauthorized: "forbidden",
+	generic: "error",
+	offline: "offline",
+	maintenance: "maintenance"
+};
+function T(e, t) {
+	return typeof e == "string" && (C.includes(e) || !!t?.some((t) => Object.keys(t).includes(e)));
+}
+var E = {
+	empty: "empty",
+	"no-results": "search",
+	"not-found": "not-found",
+	error: "generic",
+	offline: "offline",
+	success: "empty",
+	welcome: "empty",
+	forbidden: "unauthorized",
+	maintenance: "maintenance",
+	invitation: "empty",
+	"sign-in": "unauthorized",
+	"empty-inbox": "empty"
+};
+//#endregion
+export { b as a, g as c, S as i, u as l, w as n, l as o, T as r, d as s, E as t };

package/dist/{theme-context-BagPvRcz.js → theme-context-Cofk6vgs.js}

@@ -9,8 +9,8 @@ function a() {
 	return t(r);
 }
 function o(e) {
-	let { preset: t, tone: n, intensity: r, seed: i, motif: a, moon: o, grain: s, animated: c } = e;
-	return t === "gradient" && (n ?? "primary") === "primary" && (r ?? "default") === "default" && !i && !a && !o && !s && !c;
+	let { preset: t, tone: n, intensity: r, seed: i, motif: a, moon: o, sky: s, grain: c, animated: l } = e;
+	return t === "gradient" && (n ?? "primary") === "primary" && (r ?? "default") === "default" && !i && !a && !o && !s && !c && !l;
 }
 //#endregion
 export { a, o as i, r as n, n as r, i as t };

package/dist/theme-picker.js

@@ -1,71 +1,95 @@
 import { t as e } from "./utils-Bcd2Z3ea.js";
 import { a as t, i as n, n as r, o as i, r as a, t as o } from "./bubble-input-B7BVd9fX.js";
 import { t as s } from "./use-material-translation-DkxcLbLM.js";
-import { t as c } from "./use-theme-Cd-aiDJo.js";
-import { a as l, r as u } from "./theme-context-BagPvRcz.js";
-import { t as d } from "./theme-toggle-C8os82b4.js";
-import { n as f, t as p } from "./nxgt-theme-CgSb9Obl.js";
-import { Check as m } from "lucide-react";
-import { useContext as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { THEME_PRESETS as v } from "@nxgt/material-core/theme/presets";
+import { n as c } from "./icon-sprites-CZ3vcD7P.js";
+import { t as l } from "./use-theme-DMcyJ52N.js";
+import { a as u, r as d } from "./theme-context-Cofk6vgs.js";
+import { t as f } from "./theme-toggle-oU-fh6WE.js";
+import { n as p, t as m } from "./nxgt-theme-ZS945iMP.js";
+import { Check as h } from "lucide-react";
+import { useContext as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { ICON_PACKS as y, IconRefError as b, resolveIconStyles as x, resolveIcons as S, spriteHref as C } from "@nxgt/material-core/icons";
+import { THEME_PRESETS as w } from "@nxgt/material-core/theme/presets";
 //#region lib/theme-picker/partials/mode-control.tsx
-function y() {
+function T() {
 	let { t: e } = s();
-	return /* @__PURE__ */ _("fieldset", {
+	return /* @__PURE__ */ v("fieldset", {
 		"data-slot": "theme-picker-mode",
 		className: "m-0 flex min-w-0 items-center justify-between gap-3 border-0 p-0",
 		children: [
-			/* @__PURE__ */ g("legend", {
+			/* @__PURE__ */ _("legend", {
 				className: "sr-only",
 				children: e("material.theme-picker.mode", "Mode")
 			}),
-			/* @__PURE__ */ g("span", {
+			/* @__PURE__ */ _("span", {
 				"aria-hidden": !0,
 				className: "text-sm font-medium text-muted-foreground",
 				children: e("material.theme-picker.mode", "Mode")
 			}),
-			/* @__PURE__ */ g(d, {})
+			/* @__PURE__ */ _(f, {})
 		]
 	});
 }
 //#endregion
+//#region lib/theme-picker/partials/tile-icons.ts
+var E = 4;
+function D(e, t) {
+	try {
+		let n = x(e.iconStyle), r = e.icons ?? "school";
+		return S(r), (typeof r == "string" ? y[r] : r).slice(0, E).map((e, r) => {
+			let [i] = S([e], n[r % n.length]);
+			return C(i, t);
+		});
+	} catch (e) {
+		if (e instanceof b) return [];
+		throw e;
+	}
+}
+//#endregion
 //#region lib/theme-picker/partials/mini-background.tsx
-function b({ background: e }) {
-	return /* @__PURE__ */ g("span", {
+function O({ background: e }) {
+	let t = e ? e.preset : "none", n = c(), r = e && t === "icons" ? D(e, n) : [];
+	return /* @__PURE__ */ _("span", {
 		"aria-hidden": !0,
 		"data-slot": "theme-tile-background",
-		"data-preset": e ? e.preset : "none",
+		"data-preset": t,
 		"data-tone": e ? e.tone ?? "primary" : "none",
-		"data-intensity": e ? e.intensity ?? "default" : "none"
+		"data-intensity": e ? e.intensity ?? "default" : "none",
+		children: r.map((e, t) => /* @__PURE__ */ _("svg", {
+			"aria-hidden": "true",
+			"data-slot": "theme-tile-icon",
+			"data-n": t + 1,
+			children: /* @__PURE__ */ _("use", { href: e })
+		}, `${t}-${e}`))
 	});
 }
 //#endregion
 //#region lib/theme-picker/partials/theme-tile.tsx
-function x({ theme: e, label: r, showBackground: s, background: c }) {
-	let l = /* @__PURE__ */ g(p, {
+function k({ theme: e, label: r, showBackground: s, background: c }) {
+	let l = /* @__PURE__ */ _(m, {
 		theme: e,
 		asChild: !0,
-		children: /* @__PURE__ */ _(i, {
+		children: /* @__PURE__ */ v(i, {
 			"data-slot": "theme-tile",
 			children: [
-				s && /* @__PURE__ */ g(b, { background: c }),
-				/* @__PURE__ */ _("span", {
+				s && /* @__PURE__ */ _(O, { background: c }),
+				/* @__PURE__ */ v("span", {
 					"data-slot": "theme-tile-swatches",
 					"aria-hidden": !0,
 					children: [
-						/* @__PURE__ */ g("i", { "data-swatch": "primary" }),
-						/* @__PURE__ */ g("i", { "data-swatch": "secondary" }),
-						/* @__PURE__ */ g("i", { "data-swatch": "tertiary" })
+						/* @__PURE__ */ _("i", { "data-swatch": "primary" }),
+						/* @__PURE__ */ _("i", { "data-swatch": "secondary" }),
+						/* @__PURE__ */ _("i", { "data-swatch": "tertiary" })
 					]
 				}),
-				/* @__PURE__ */ g("span", {
+				/* @__PURE__ */ _("span", {
 					"data-slot": "theme-tile-label",
 					children: r
 				}),
-				/* @__PURE__ */ g(a, {
+				/* @__PURE__ */ _(a, {
 					asChild: !0,
-					children: /* @__PURE__ */ g(m, {
+					children: /* @__PURE__ */ _(h, {
 						"aria-hidden": !0,
 						"data-slot": "theme-tile-check"
 					})
@@ -73,14 +97,14 @@ function x({ theme: e, label: r, showBackground: s, background: c }) {
 			]
 		})
 	});
-	return /* @__PURE__ */ g(t, {
+	return /* @__PURE__ */ _(t, {
 		value: e.name,
-		...o(l, /* @__PURE__ */ g(n, {}))
+		...o(l, /* @__PURE__ */ _(n, {}))
 	});
 }
 //#endregion
 //#region lib/theme-picker/theme-label.ts
-function S(e, t) {
+function A(e, t) {
 	let { label: n, name: r } = e;
 	if (typeof n == "string") return n;
 	if (n) {
@@ -91,28 +115,28 @@ function S(e, t) {
 }
 //#endregion
 //#region lib/theme-picker/theme-picker.tsx
-function C({ themes: t, value: n, onValueChange: i, showMode: a = !0, showBackground: o = !0, layout: d = "grid", className: p, ...m }) {
-	let { t: b, language: C } = s(), w = h(u), { themeName: T, setThemeName: E } = c(), D = l()?.name ?? T, O = t ?? w ?? v;
-	return /* @__PURE__ */ _("div", {
+function j({ themes: t, value: n, onValueChange: i, showMode: a = !0, showBackground: o = !0, layout: c = "grid", className: f, ...m }) {
+	let { t: h, language: y } = s(), b = g(d), { themeName: x, setThemeName: S } = l(), C = u()?.name ?? x, E = t ?? b ?? w;
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "theme-picker",
-		"data-layout": d,
-		className: e("flex flex-col gap-4", p),
+		"data-layout": c,
+		className: e("flex flex-col gap-4", f),
 		...m,
-		children: [/* @__PURE__ */ g(r, {
+		children: [/* @__PURE__ */ _(r, {
 			"data-slot": "theme-picker-group",
-			"aria-label": b("material.theme-picker.label", "Theme"),
-			value: n ?? D,
+			"aria-label": h("material.theme-picker.label", "Theme"),
+			value: n ?? C,
 			onValueChange: (e) => {
-				n === void 0 && E(e), i?.(e);
+				n === void 0 && S(e), i?.(e);
 			},
-			children: O.map((e) => /* @__PURE__ */ g(x, {
+			children: E.map((e) => /* @__PURE__ */ _(k, {
 				theme: e,
-				label: S(e, C),
+				label: A(e, y),
 				showBackground: o,
-				background: f(e.name, e).background
+				background: p(e.name, e).background
 			}, e.name))
-		}), a && /* @__PURE__ */ g(y, {})]
+		}), a && /* @__PURE__ */ _(T, {})]
 	});
 }
 //#endregion
-export { C as ThemePicker };
+export { j as ThemePicker };

package/dist/{theme-toggle-C8os82b4.js → theme-toggle-oU-fh6WE.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./use-material-translation-DkxcLbLM.js";
 import { i as t } from "./theme-store-CSl51uNH.js";
-import { n, t as r } from "./use-theme-Cd-aiDJo.js";
-import { r as i } from "./theme-context-BagPvRcz.js";
+import { n, t as r } from "./use-theme-DMcyJ52N.js";
+import { r as i } from "./theme-context-Cofk6vgs.js";
 import { n as a, t as o } from "./toggle-group-j8zaxEg1.js";
 import { Monitor as s, Moon as c, Sun as l } from "lucide-react";
 import { useContext as u, useEffect as d } from "react";

package/dist/themes.js

@@ -1,9 +1,9 @@
 import { t as e } from "./is-production-GLw59WU8.js";
 import { t } from "./use-ssr-media-query-C6M5m8sf.js";
 import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./theme-store-CSl51uNH.js";
-import { a as l, n as u, r as d } from "./theme-context-BagPvRcz.js";
+import { a as l, n as u, r as d } from "./theme-context-Cofk6vgs.js";
 import { t as f } from "./warn-once-C_e47JM8.js";
-import { n as p, t as m } from "./nxgt-theme-CgSb9Obl.js";
+import { n as p, t as m } from "./nxgt-theme-ZS945iMP.js";
 import { useEffect as h, useLayoutEffect as g, useMemo as _, useSyncExternalStore as v } from "react";
 import { jsx as y } from "react/jsx-runtime";
 import { THEME_BOOT_SCRIPT as b, themeBootScript as x } from "@nxgt/material-core/theme/boot";