@nxgt/material 3.10.0 → 3.10.2

package/dist/plated-illustration-iNO6KYTL.js

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

package/dist/{public-DGvtAz7M.js → public-CtpsxV4I.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-COAV2d-R.js";
+import { n as Te, t as Ee } from "./empty-state-SeAg2TOX.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/{state-scenes-Be9w_3an.js → state-scenes-SGNyZjTz.js}

@@ -1,93 +1,106 @@
 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";
+import { t } from "./is-production-GLw59WU8.js";
+import { createContext as n, createElement as r, lazy as i, useContext as a, useMemo as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { STATE_ACCENT as c, STATE_ILLUSTRATIONS as l } 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(() => ({
+var u = n(null);
+function d({ icons: e, iconStyle: t, sets: n, children: r }) {
+	let i = _(n);
+	return /* @__PURE__ */ s(u, {
+		value: o(() => ({
 			icons: e,
 			iconStyle: t,
-			sets: o
+			sets: i
 		}), [
 			e,
 			t,
-			o
+			i
 		]),
 		children: r
 	});
 }
-function u() {
-	return r(c);
+function f() {
+	return a(u);
 }
-function d(e, t) {
+function p(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;
+var m = /* @__PURE__ */ new WeakMap(), h = 0, g = (e) => {
+	let t = m.get(e);
+	return t === void 0 ? (h += 1, m.set(e, h), h) : t;
 };
-function h(e) {
-	let t = e?.map(m).join();
-	return i(() => e, [t]);
+function _(e) {
+	let t = e?.map(g).join();
+	return o(() => e, [t]);
 }
-function g(e, t) {
+function v(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 = {
+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"
-}, y = {
+}, x = {
 	primary: "fill-primary/15",
 	error: "fill-error/15",
 	warning: "fill-warning/15",
 	info: "fill-info/15",
 	neutral: "fill-muted-foreground/15"
-}, b = {
+}, 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 x(e, t) {
+function C(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 "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 S({ kind: t, className: r, ...i }) {
-	let { viewBox: c, shapes: l } = s[t], u = o[t];
-	return /* @__PURE__ */ a("svg", {
+function w({ kind: t, className: n, ...i }) {
+	let { viewBox: a, shapes: o } = l[t], u = c[t];
+	return /* @__PURE__ */ s("svg", {
 		"data-slot": "state-illustration",
-		viewBox: c,
+		viewBox: a,
 		"aria-hidden": "true",
 		focusable: "false",
-		className: e("h-auto w-40 shrink-0", r),
+		className: e("h-auto w-40 shrink-0", n),
 		...i,
-		children: l.map((e, t) => n(e.el, {
+		children: o.map((e, t) => r(e.el, {
 			key: t,
-			className: x(e.tone, u),
+			className: C(e.tone, u),
 			...e.attrs
 		}))
 	});
 }
 //#endregion
+//#region lib/illustrations/lazy-chunk.ts
+var T = /* @__PURE__ */ new Set();
+function E(e, n, r) {
+	return i(async () => {
+		try {
+			return { default: await n() };
+		} catch (n) {
+			return !t() && !T.has(e) && (T.add(e), console.warn(`Illustration: the "${e}" chunk failed to load (${n instanceof Error ? n.message : String(n)}). Drawing the built-in art instead.`)), { default: r };
+		}
+	});
+}
+//#endregion
 //#region lib/components/ui/feedback/state-frame/state-scenes.ts
-var C = [
+var D = [
 	"empty",
 	"no-results",
 	"not-found",
@@ -100,7 +113,7 @@ var C = [
 	"invitation",
 	"sign-in",
 	"empty-inbox"
-], w = {
+], O = {
 	empty: "empty",
 	search: "no-results",
 	"not-found": "not-found",
@@ -109,10 +122,10 @@ var C = [
 	offline: "offline",
 	maintenance: "maintenance"
 };
-function T(e, t) {
-	return typeof e == "string" && (C.includes(e) || !!t?.some((t) => Object.keys(t).includes(e)));
+function k(e, t) {
+	return typeof e == "string" && (D.includes(e) || !!t?.some((t) => Object.keys(t).includes(e)));
 }
-var E = {
+var A = {
 	empty: "empty",
 	"no-results": "search",
 	"not-found": "not-found",
@@ -127,4 +140,4 @@ var E = {
 	"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 };
+export { w as a, p as c, E as i, v as l, O as n, S as o, k as r, d as s, A as t, f as u };

package/dist/theme-picker.js

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