@nxgt/material 3.21.0 → 3.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.21.0",
+	"version": "3.22.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -12,7 +12,8 @@
 	},
 	"type": "module",
 	"bin": {
-		"nxgt-theme": "./bin/nxgt-theme.js"
+		"nxgt-theme": "./bin/nxgt-theme.js",
+		"nxgt-backdrop-sprite": "./bin/nxgt-backdrop-sprite.js"
 	},
 	"files": [
 		"bin",
@@ -324,6 +325,10 @@
 			"style": "./lib/backgrounds/css-react/icons-quiet.css",
 			"default": "./lib/backgrounds/css-react/icons-quiet.css"
 		},
+		"./backgrounds/icons-tint.css": {
+			"style": "./lib/backgrounds/css-react/icons-tint.css",
+			"default": "./lib/backgrounds/css-react/icons-tint.css"
+		},
 		"./backgrounds/illustrated.css": {
 			"style": "./lib/backgrounds/css-react/illustrated.css",
 			"default": "./lib/backgrounds/css-react/illustrated.css"
@@ -357,7 +362,7 @@
 		"docs:previews": "rm -rf node_modules/.cache/nxgt-preview-free/missing && NXGT_PREVIEW_FREE=1 vitest run --project previews && bun .storybook/preview-free-report.ts"
 	},
 	"dependencies": {
-		"@nxgt/material-core": "^0.33.0",
+		"@nxgt/material-core": "^0.34.0",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",

package/dist/background-Ce7M5V42.js

@@ -1,250 +0,0 @@
-import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
-import { t } from "./is-production-GLw59WU8.js";
-import { n, r } from "./icon-sprites-FxHyqyhg.js";
-import { a as i, t as a } from "./theme-context-Cofk6vgs.js";
-import { t as o } from "./compose-refs-DZ0iIVF-.js";
-import { t as s } from "./use-background-activity-KxQgelFF.js";
-import { t as c } from "./scene-svg-DJKa5vsg.js";
-import { n as l, r as u, t as d } from "./scene-options-CCy3V7XS.js";
-import { Suspense as f, lazy as p, memo as m, useId as ee, useMemo as h, useRef as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { IconRefError as b, resolveIconStyles as x, resolveIcons as S } from "@nxgt/material-core/icons";
-import { SCENE_LAYER as C, buildBackgroundScene as w, presetLayers as T, resolveBackgroundPreset as E, svgIdPrefix as D } from "@nxgt/material-core/backgrounds";
-//#region lib/backgrounds/background/available.ts
-var O = [
-	"gradient",
-	"grain",
-	"mesh",
-	"aurora",
-	"spotlight",
-	"bokeh",
-	"rays",
-	"halo",
-	"plasma",
-	"glass",
-	"ripples",
-	"blobs",
-	"paper",
-	"linen",
-	"concrete",
-	"marble"
-], k = [
-	"isometric",
-	"blueprint",
-	"dots",
-	"stripes",
-	"low-poly",
-	"topography",
-	"waves",
-	"hexagons",
-	"circuit",
-	"graph-paper",
-	"checker",
-	"diagonal-checker",
-	"chevrons"
-], A = [
-	"shapes",
-	"confetti-grid",
-	"constellation",
-	"halftone",
-	"truchet",
-	"floating",
-	"scatter-icons",
-	"school",
-	"night-sky",
-	"bubbles",
-	"leaves",
-	"science",
-	"music",
-	"travel",
-	"sport",
-	"moon",
-	"icons"
-], j = [
-	"eclipse",
-	"meteor-shower",
-	"ringed-planet",
-	"northern-lights"
-], M = (e) => j.includes(e), N = [
-	...O,
-	...k,
-	...A,
-	...j
-], P = p(() => import("./icons-scene-BpIauJ5d.js"));
-function F(e) {
-	return /* @__PURE__ */ v("div", {
-		"data-scene": "",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ v(f, {
-			fallback: null,
-			children: /* @__PURE__ */ v(P, { ...e })
-		})
-	});
-}
-//#endregion
-//#region lib/backgrounds/background/partials/background-layers.tsx
-var I = p(() => import("./celestial-scene-DaOsRFF3.js")), L = m(function({ preset: e, scene: t, grain: n, sky: r, icons: i, ...a }) {
-	return /* @__PURE__ */ y(_, { children: [
-		T(e).map((n) => n === C ? i ? /* @__PURE__ */ v(F, { ...i }, n) : M(e) ? /* @__PURE__ */ v("div", {
-			"data-scene": "",
-			"data-celestial": "",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ v(f, {
-				fallback: null,
-				children: /* @__PURE__ */ v(I, {
-					name: e,
-					as: "preset",
-					...a
-				})
-			})
-		}, n) : t && /* @__PURE__ */ v("div", {
-			"data-scene": "",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ v(c, { node: t })
-		}, n) : /* @__PURE__ */ v("div", {
-			"data-layer": n,
-			"aria-hidden": "true"
-		}, n)),
-		r && /* @__PURE__ */ v("div", {
-			"data-layer": "sky-scene",
-			"data-scene": "",
-			"data-celestial": "",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ v(f, {
-				fallback: null,
-				children: /* @__PURE__ */ v(I, {
-					name: r,
-					as: "sky",
-					base: e,
-					...a
-				})
-			})
-		}),
-		n && /* @__PURE__ */ v("div", {
-			"data-overlay": "grain",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ v(c, { node: n })
-		})
-	] });
-});
-//#endregion
-//#region lib/backgrounds/background/partials/icons-check.ts
-function R(e, t) {
-	try {
-		return e !== void 0 && S(e), x(t), null;
-	} catch (e) {
-		if (e instanceof b) return e.message;
-		throw e;
-	}
-}
-//#endregion
-//#region lib/backgrounds/background/partials/icons-keys.ts
-var z = Object.keys({
-	layout: 1,
-	sizeRange: 1,
-	rotation: 1,
-	duotone: 1,
-	secondaryOpacity: 1,
-	calm: 1,
-	quiet: 1
-});
-function B(e) {
-	return JSON.stringify(Object.fromEntries(z.flatMap((t) => e?.[t] === void 0 ? [] : [[t, e[t]]])));
-}
-//#endregion
-//#region lib/backgrounds/background/partials/use-icons-scene.ts
-function V(e, { icons: i, iconStyle: a, iconMotif: o, seed: s, animated: c }) {
-	let l = r(), u = n(), d = JSON.stringify(i ?? null), f = JSON.stringify(a ?? null), p = B(o), m = h(() => {
-		if (e !== "icons") return null;
-		let n = R(JSON.parse(d) ?? void 0, JSON.parse(f) ?? void 0);
-		return n && !t() && console.warn(`Background: icons cannot be drawn (${n}); drawing "scatter-icons" instead.`), n;
-	}, [
-		e,
-		d,
-		f
-	]) ? "scatter-icons" : e;
-	return {
-		preset: m,
-		iconsScene: h(() => m === "icons" ? {
-			seed: s,
-			iconsKey: d,
-			styleKey: f,
-			motifKey: p,
-			spriteBase: l,
-			edition: u,
-			animated: c
-		} : void 0, [
-			m,
-			s,
-			d,
-			f,
-			p,
-			l,
-			u,
-			c
-		])
-	};
-}
-//#endregion
-//#region lib/backgrounds/background/background.tsx
-var H = /* @__PURE__ */ e({ Background: () => K }), U = (e) => console.warn(e);
-function W(e, t, n, r, i, a) {
-	return e === "grain" ? null : w(e, u(t, n, r, i, a));
-}
-function G(e, t) {
-	return w("grain", {
-		idPrefix: `${e}-grain`,
-		seed: t
-	});
-}
-function K({ children: e, ref: n, preset: r, tone: c, intensity: u, animated: f, grain: p, seed: m, motif: _, moon: b, sky: x, icons: S, iconStyle: C, iconMotif: w, fill: T = "viewport", ...O }) {
-	let k = i()?.background || a, A = r ?? k.preset, j = c ?? k.tone ?? a.tone, M = u ?? k.intensity ?? a.intensity, P = f ?? k.animated ?? !1, F = p ?? k.grain ?? !1, I = m ?? k.seed ?? 0, R = _ ?? k.motif, z = b ?? k.moon, B = x ?? k.sky, H = g(null), K = h(() => o(H, n), [n]), q = s(H, P), J = D(ee()), { preset: Y, iconsScene: te } = V(E(A, N, t() ? void 0 : U), {
-		icons: S ?? k.icons,
-		iconStyle: C ?? k.iconStyle,
-		iconMotif: w ?? k.iconMotif,
-		seed: I,
-		animated: P
-	}), X = F || Y === "grain", Z = R?.shapes ? [...new Set(R.shapes)].sort().join(",") : void 0, Q = JSON.stringify(l(R)), $ = JSON.stringify(d(z)), ne = h(() => W(Y, J, I, Z, Q, $), [
-		Y,
-		J,
-		I,
-		Z,
-		Q,
-		$
-	]), re = h(() => X ? G(J, I) : null, [
-		X,
-		J,
-		I
-	]);
-	return /* @__PURE__ */ y("div", {
-		"data-slot": "background",
-		...O,
-		ref: K,
-		"data-background": Y === "grain" ? "gradient" : Y,
-		"data-preset": Y,
-		"data-tone": j,
-		"data-intensity": M,
-		"data-fill": T === "container" ? T : void 0,
-		"data-animated": P ? "" : void 0,
-		"data-grain": X ? "" : void 0,
-		"data-sky": B,
-		"data-paused": P && q ? "" : void 0,
-		children: [/* @__PURE__ */ v(L, {
-			preset: Y,
-			scene: ne,
-			grain: re,
-			sky: B,
-			idPrefix: J,
-			seed: I,
-			shapesKey: Z,
-			scalarsKey: Q,
-			moonKey: $,
-			icons: te
-		}), /* @__PURE__ */ v("div", {
-			"data-slot": "background-content",
-			children: e
-		})]
-	});
-}
-//#endregion
-export { H as n, N as r, K as t };

package/dist/icon-sprites-FxHyqyhg.js

@@ -1,30 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { DEFAULT_SPRITE_BASE as r, IconRefError as i, isSafeSpriteBase as a } from "@nxgt/material-core/icons";
-//#region lib/components/ui/primitives/icon/icon-sprites.tsx
-var o = e(r), s = e("pro");
-function c({ base: e, edition: t, children: r }) {
-	if (!a(e)) throw new i("base", `IconSpritesProvider: ${JSON.stringify(e)} is not root-relative: use a path such as "/assets/icons/sprites/".`);
-	return /* @__PURE__ */ n(o, {
-		value: e,
-		children: /* @__PURE__ */ n(u, {
-			edition: t,
-			children: r
-		})
-	});
-}
-function l() {
-	return t(o);
-}
-function u({ edition: e, children: r }) {
-	let i = t(s);
-	return /* @__PURE__ */ n(s, {
-		value: e ?? i,
-		children: r
-	});
-}
-function d() {
-	return t(s);
-}
-//#endregion
-export { d as n, l as r, c as t };

package/dist/icons-scene-BpIauJ5d.js

@@ -1,27 +0,0 @@
-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 { buildIconScene as i } from "@nxgt/material-core/backgrounds/icons";
-//#region lib/backgrounds/background/partials/icons-scene.tsx
-function a({ seed: a, iconsKey: o, styleKey: s, motifKey: c, spriteBase: l, edition: u, animated: d }) {
-	return /* @__PURE__ */ n(e, { node: t(() => i({
-		seed: a,
-		icons: JSON.parse(o) ?? void 0,
-		iconStyle: JSON.parse(s) ?? void 0,
-		iconMotif: JSON.parse(c),
-		spriteBase: l,
-		animated: d,
-		...u === "free" ? { mapIcon: r } : {}
-	}), [
-		a,
-		o,
-		s,
-		c,
-		l,
-		u,
-		d
-	]) });
-}
-//#endregion
-export { a as default };