@nxgt/material 3.9.0 → 3.10.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @nxgt/material
 
+## 3.10.1
+
+### Patch Changes
+
+- [#1440](https://github.com/softistx/nxgt-material/pull/1440) [`90f764c`](https://github.com/softistx/nxgt-material/commit/90f764c1d593d4a888561e13f68b41154957577f) Thanks [@SteveGT96](https://github.com/SteveGT96)! - The open list of `Combobox`, `ComboboxField` and `ComboboxFormField` takes pointer clicks inside a modal `Dialog`, `Sheet` or `Drawer` again. Fixes [#1438](https://github.com/softistx/nxgt-material/issues/1438): a modal layer's Radix sets `pointer-events: none` on the body, the list is portaled to it and inherited that, so the hit test landed on `<html>` and an option could not be picked with the mouse or a touch (keyboard worked). The list now sets `pointer-events: auto` on its popup.
+
+- [#1443](https://github.com/softistx/nxgt-material/pull/1443) [`b4fe86e`](https://github.com/softistx/nxgt-material/commit/b4fe86e1f971d6be474b2638d582896e0fd1304d) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `IconSpritesProvider` takes `edition: 'pro' | 'free'` (default `'pro'`, nothing changes). Fixes [#1437](https://github.com/softistx/nxgt-material/issues/1437): an app that serves Font Awesome Free (`solid.svg`, `regular.svg` and `brands.svg` only) set `edition="free"` and the library's own duotone icons (the app shell menu, `AccountMenu`, `LanguageSwitcher`, `LoadMoreButton`, the data table's pagination…) no longer draw blank. Below a free provider every `Icon`, `Illustration`, icon `Background` and `ThemePicker` tile draws any style Free lacks (duotone, light, thin, `sharp-*`…) from `solid.svg` (`regular` and `brands` stay), and renames the Pro-only names the library asks for (`chevrons-left`, `sparkles`, `backpack`, `wifi-slash`…) to their Free twin. The workaround of serving `solid.svg` as `duotone.svg` is no longer needed; `useIconEdition()` reads the edition. Core: a new `@nxgt/material-core/icons/free` entry (`freeIcon`, `FREE_ICON_ALIASES`, the type `IconEdition`) and a `mapIcon` option on `buildIllustration` and `buildIconScene`.
+- Updated dependencies [[`b4fe86e`](https://github.com/softistx/nxgt-material/commit/b4fe86e1f971d6be474b2638d582896e0fd1304d)]:
+  - @nxgt/material-core@0.29.1
+
+## 3.10.0
+
+### Minor Changes
+
+- [#1434](https://github.com/softistx/nxgt-material/pull/1434) [`32a544f`](https://github.com/softistx/nxgt-material/commit/32a544f7738b7ab6425ac7027a62234b60a868ce) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `CountryField`, `CountryFormField` and `countryOptions` offer every officially assigned ISO 3166-1 alpha-2 country (249) by default, not only the phone list. Fixes [#1431](https://github.com/softistx/nxgt-material/issues/1431): `CM` or `MQ` can now be picked. Names come from `Intl.DisplayNames` in the language of `I18nProvider` ("Cameroun", "Martinique" in French), falling back to the code where it is unavailable, and the list is sorted by that name with `Intl.Collator`. The `countries` prop now also takes plain ISO codes (`countries={['CM', 'FR']}`); `PhoneCountry[]` still works and keeps its own `name`. `countryOptions(countries?, language?)` takes the same codes and an optional language. `PhoneField` and `PHONE_COUNTRIES` are unchanged. Behaviour change: a `CountryField` with no `countries` now lists 249 countries instead of 24, sorted by name instead of in the phone list's order.
+
 ## 3.9.0
 
 ### Minor Changes

package/README.md

@@ -163,7 +163,24 @@ import { Icon, IconSpritesProvider } from '@nxgt/material/components';
 // → /static/icons/solid.svg#atom
 ```
 
-`useSpriteBase()` reads the base. `family="duotone"` with `type="solid"` now
+Serving **Font Awesome Free** (only `solid.svg`, `regular.svg` and `brands.svg`)?
+Say so once and nothing else changes in your code:
+
+```tsx
+<IconSpritesProvider base="/static/icons/" edition="free">
+	<AppShell menu={[{ label: 'Home', icon: 'house', url: '/' }]} />
+</IconSpritesProvider>
+// the menu's duotone icon → /static/icons/solid.svg#house
+```
+
+With `edition="free"` every `Icon`, illustration and icon background below it
+draws a style Free lacks (duotone, light, thin, `sharp-*`…) from `solid.svg`
+(`regular` and `brands` stay), and the Pro-only names the library asks for
+(`chevrons-left`, `sparkles`, `backpack`…) as their Free twin. The default
+`edition="pro"` changes nothing. A nested provider without an `edition` keeps its parent's. The old workaround, serving `solid.svg` under
+the name `duotone.svg`, is no longer needed.
+
+`useSpriteBase()` reads the base, `useIconEdition()` the edition. `family="duotone"` with `type="solid"` now
 reads `duotone.svg`, the file that exists (it used to ask for the missing
 `duotone-solid.svg`). The reference helpers (`spriteHref`, `resolveIcons`) are in
 [`@nxgt/material-core/icons`](https://cdn.jsdelivr.net/npm/@nxgt/material-core@0/docs/icons.md).

package/dist/background-cEqcZQ3v.js

@@ -0,0 +1,249 @@
+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
+});
+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/backgrounds.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "./background-CAWV_qSk.js";
+import { r as e, t } from "./background-cEqcZQ3v.js";
 import { BACKGROUND_INTENSITIES as n, BACKGROUND_PRESETS as r, BACKGROUND_TONES as i, MOTIF_SHAPES as a, MOTIF_SHAPES_ALL as o, SHIPPED_BACKGROUND_PRESETS as s } from "@nxgt/material-core/backgrounds";
 export { e as AVAILABLE_BACKGROUND_PRESETS, n as BACKGROUND_INTENSITIES, r as BACKGROUND_PRESETS, i as BACKGROUND_TONES, t as Background, a as MOTIF_SHAPES, o as MOTIF_SHAPES_ALL, s as SHIPPED_BACKGROUND_PRESETS };