@nxgt/material 3.10.0 → 3.10.1

package/docs/components/overlays-and-menus.md

@@ -158,7 +158,10 @@ instead of capping; it does not pin the header or footer.
 
 `DialogContent` does not render a close button by itself — add `DialogClose`.
 It ignores outside clicks that land on an open `Combobox` list, so a combobox
-inside a dialog works. On open it moves focus into the dialog: to its first
+inside a dialog works. The list (`Combobox`, `ComboboxField`,
+`ComboboxFormField`, `CountryField`) is portaled to `<body>`, where a modal
+layer sets `pointer-events: none`, so it sets `pointer-events: auto` itself:
+in a `Dialog`, a `Sheet` or a `Drawer` an option is picked by mouse or touch. On open it moves focus into the dialog: to its first
 control, or to the content itself when it has none. An `onOpenAutoFocus` of
 yours that calls `event.preventDefault()` keeps focus off that control (then
 focus what you want yourself): a modal dialog then focuses its content, as the

package/docs/components/primitives.md

@@ -448,6 +448,20 @@ import { Icon, IconSpritesProvider } from '@nxgt/material/components';
 // → /static/icons/solid.svg#bell
 ```
 
+`IconSpritesProvider` also takes `edition: 'pro' | 'free'` (default `'pro'`; a
+nested provider without one keeps its parent's). `edition="free"` is for apps
+that serve Font Awesome Free's `solid.svg`, `regular.svg` and `brands.svg` only:
+every `Icon`, `Illustration` and icon `Background` below it draws any other
+style (the default duotone included) from `solid.svg`, and renames a Pro-only
+name to its Free twin (`chevrons-left` to `angles-left`). `useIconEdition()` reads it.
+
+```tsx
+<IconSpritesProvider base="/static/icons/" edition="free">
+	<Icon name="bell" />
+</IconSpritesProvider>;
+// → /static/icons/solid.svg#bell
+```
+
 **Storybook:** `Primitives/Icon` · **Vue:** `Icon`
 
 ---

package/docs/guides/backgrounds.md

@@ -326,7 +326,7 @@ them. The theme picker draws a small tile for a theme with a celestial preset.
 
 `preset="icons"` scatters Font Awesome icons over a faint wash. The library ships **no icon artwork**: each icon is a
 `<use>` of a sprite file your app serves (`/assets/icons/sprites/` by default; `IconSpritesProvider base="/static/icons/"`
-moves it, as for `Icon`). Font Awesome Pro is licensed to you, not to this package. The [icon motifs guide](icon-motifs.md) puts icons, skies, illustrations and themes together.
+moves it, as for `Icon`; `edition="free"` draws the Free sheets, see the [Free edition](icon-motifs.md#the-free-edition)). Font Awesome Pro is licensed to you, not to this package. The [icon motifs guide](icon-motifs.md) puts icons, skies, illustrations and themes together.
 
 ```tsx
 import '@nxgt/material/backgrounds/icons.css'; // or backgrounds.css

package/docs/guides/icon-motifs.md

@@ -17,7 +17,7 @@ Free works the same way.
 | You have | Serve | Use |
 | --- | --- | --- |
 | the Pro 7.3 pack | one sheet per style you draw, in `public/assets/icons/sprites/`: `duotone-thin.svg` (the default look), `duotone.svg`, `solid.svg`, `sharp-solid.svg`… A non-classic family is `<family>-<style>.svg` | the defaults |
-| Font Awesome Free | `solid.svg`, `regular.svg` and `brands.svg` from `@fortawesome/fontawesome-free/sprites/`, copied to the same folder | `iconStyle="solid"` (and `iconStyle="solid"` on an `Illustration`) |
+| Font Awesome Free | `solid.svg`, `regular.svg` and `brands.svg` from `@fortawesome/fontawesome-free/sprites/`, copied to the same folder | `<IconSpritesProvider base="…" edition="free">` once at the root ([Free edition](#the-free-edition)) |
 
 The Free icons are CC BY 4.0: credit Font Awesome where you show them (the
 previews below are drawn with the Free `solid` sheet, Font Awesome Free 7.3.1,
@@ -175,19 +175,47 @@ a sheet that is not served draws nothing and the tile keeps its wash.
 
 See [themes](themes.md#icon-motifs-in-a-theme).
 
+## The Free edition
+
+Font Awesome Free has three sheets, `solid`, `regular` and `brands`, and none
+for duotone, light, thin or the other families. Tell the provider once:
+
+```tsx
+<IconSpritesProvider base="/static/icons/" edition="free">
+	<App />
+</IconSpritesProvider>
+```
+
+Below it, in every `Icon` (so the app shell's menu, `AccountMenu`,
+`LanguageSwitcher`, `LoadMoreButton`, the data table's pagination…), every
+`Illustration` and state illustration, every `Background preset="icons"` and
+every theme tile:
+
+- a style Free lacks is drawn from `solid.svg`: the default duotone, `thin`,
+  `light`, `sharp-*` and every other family. `regular` and `brands` stay;
+- a Pro-only name is renamed to its Free twin, the same one in every place
+  (the table below, plus `chevrons-*` to `angles-*`, `badge-check` to
+  `circle-check`, `loader` to `spinner`).
+
+The default is `edition="pro"`, and nothing changes for Pro. A nested
+`IconSpritesProvider` without an `edition` keeps its parent's. The workaround of
+serving a copy of `solid.svg` as `duotone.svg` is no longer needed. A name of
+your own that Free lacks is not renamed: pass its Free name. The `regular`
+sheet of Free holds fewer names than `solid`: draw an icon it lacks in `solid`.
+
 ## Free fallbacks for Pro-only names
 
-Most suggested names exist in Font Awesome Free. These do not, and stand in
-with a Free neighbour when you serve the Free sheets (pass `hero`, `satellites`
-or `icons` with the Free name):
+Most suggested names exist in Font Awesome Free. These do not. With
+`edition="free"` they stand in with the Free neighbour below on their own; with
+another setup, pass `hero`, `satellites` or `icons` with the Free name:
 
 | Where | Pro-only name | A Free neighbour |
 | --- | --- | --- |
-| `school` pack | `backpack` | `bag-shopping` |
+| `school` pack | `backpack` | `school` |
 | `nature` pack | `flower` | `seedling` |
-| base scenes | `sparkles`, `wifi-slash`, `cloud-slash`, `party-horn`, `hand-wave`, `lock-keyhole`, `traffic-cone` | `star`, `wifi`, `cloud`, `gift`, `hand`, `lock`, `triangle-exclamation` |
-| health scenes | `folder-user`, `clipboard-medical`, `calendar-clock`, `siren-on` | `folder`, `clipboard`, `calendar-check`, `triangle-exclamation` |
-| education scenes | `backpack`, `clipboard-list-check`, `books`, `file-chart-column` | `bag-shopping`, `clipboard-check`, `book`, `file-lines` |
+| base scenes | `sparkles`, `wifi-slash`, `cloud-slash`, `party-horn`, `hand-wave`, `lock-keyhole`, `traffic-cone` | `wand-magic-sparkles`, `wifi`, `cloud`, `gift`, `hand`, `lock`, `triangle-exclamation` |
+| health scenes | `folder-user`, `clipboard-medical`, `calendar-clock`, `siren-on` | `folder`, `notes-medical`, `calendar-check`, `truck-medical` |
+| education scenes | `backpack`, `clipboard-list-check`, `books`, `file-chart-column` | `school`, `clipboard-check`, `book`, `file-lines` |
 
 ## Where to go next
 

package/docs/guides/illustrations.md

@@ -132,7 +132,7 @@ import { EmptyState } from '@nxgt/material/components';
 Importing the entry adds the ids to `SceneId`; `EDUCATION_SUGGESTED_ICONS` lists
 the icon names the set draws, hero first. Some of them (`backpack`,
 `clipboard-list-check`, `books`, `file-chart-column`) are Font Awesome Pro
-icons: serve a Pro sprite, or pass `icons` with Free neighbours.
+icons: serve a Pro sprite, or set `edition="free"` on `IconSpritesProvider`, which draws their Free twins (see the [Free edition](icon-motifs.md#the-free-edition)).
 
 ## Turn them on for an app
 

package/docs/troubleshooting.md

@@ -95,6 +95,7 @@ words in your error.
 - [A toast covers the form's button on a phone](#a-toast-covers-the-forms-button-on-a-phone)
 - [A toast never goes away after a tap](#a-toast-never-goes-away-after-a-tap)
 - [A toast's action cannot be clicked while a dialog is open](#a-toasts-action-cannot-be-clicked-while-a-dialog-is-open)
+- [A combobox option cannot be clicked in a dialog, sheet or drawer](#a-combobox-option-cannot-be-clicked-in-a-dialog-sheet-or-drawer)
 - [`toasts.success(message, { action })` shows no action button](#toastssuccessmessage--action--shows-no-action-button)
 - [An accessibility audit reports low contrast on a toast's action](#an-accessibility-audit-reports-low-contrast-on-a-toasts-action)
 - [A `Banner` is not announced while a dialog is open](#a-banner-is-not-announced-while-a-dialog-is-open)
@@ -783,13 +784,13 @@ public/assets/icons/sprites/solid.svg     ← <Icon name="atom" type="solid" />
 public/assets/icons/sprites/sharp-solid.svg ← <Icon name="atom" family="sharp" type="solid" />
 ```
 
-Serve one sheet per style you use, from your own Font Awesome Pro kit.
+Serve one sheet per style you use, from your own Font Awesome Pro kit. With Font Awesome Free (`solid.svg`, `regular.svg`, `brands.svg`), set `edition="free"` on `IconSpritesProvider`: the library's own icons (the app shell menu, `AccountMenu`, pagination…) are duotone, and they then draw from `solid.svg`.
 
 ### A background, an illustration or a theme tile draws no icons
 
 **When:** `Background preset="icons"`, an `Illustration`, an `EmptyState` with an `illustration`, or a `ThemePicker` tile shows its wash or its plate and no icons. The network tab shows a `404` for `/assets/icons/sprites/duotone-thin.svg` (the default style), or for the sheet of the `iconStyle` you chose. No error is thrown.
 **Why:** these icons are `<use>` references to sprite sheets your app serves; the library ships none (the Font Awesome licence does not allow it). The default style is `duotone-thin`, so a Free-only app, which has `solid.svg`, `regular.svg` and `brands.svg`, draws nothing until it asks for a Free style. A name the sheet does not hold is blank too, such as `backpack` or `books`, which exist in Pro only. A theme tile with no icons keeps its wash: that is the intended fallback, not a bug.
-**Fix:** serve the sheet (or move the base with `IconSpritesProvider`), or choose a style you serve, and give Free names where you have only Free:
+**Fix:** serve the sheet (or move the base with `IconSpritesProvider`). With only the Free sheets, say so: `<IconSpritesProvider base="/assets/icons/sprites/" edition="free">` draws every style Free lacks from `solid.svg` and the Pro-only names as their Free twin, so the app shell's menu, `AccountMenu` and the rest need nothing else (do not copy `solid.svg` to `duotone.svg`). Or choose a style you serve, and give Free names:
 
 ```tsx
 // Free sprites copied to public/assets/icons/sprites/solid.svg
@@ -1746,6 +1747,17 @@ counted a pointer down on a toast as outside the dialog.
 inside the `Toaster` as inside, so the action runs and the dialog stays open.
 Sonner's own `Toaster` keeps the old behaviour.
 
+### A combobox option cannot be clicked in a dialog, sheet or drawer
+
+**When:** a `ComboboxField`, `ComboboxFormField` or `Combobox` inside a modal
+`Dialog`, `Sheet` or `Drawer` opens its list and shows the options, but a mouse
+or touch click on one does nothing (a test reports `<html> intercepts pointer
+events`); the keyboard picks.
+**Why:** a modal layer sets `pointer-events: none` on `<body>`, and the list,
+portaled there, inherited it.
+**Fix:** update `@nxgt/material`: the list sets `pointer-events: auto`.
+`SelectFormField` was the workaround meanwhile.
+
 ### `toasts.success(message, { action })` shows no action button
 
 **When:** a preset is called the way sonner's own `toast.success` is, with a

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.10.0",
+	"version": "3.10.1",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -353,7 +353,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.29.0",
+		"@nxgt/material-core": "^0.29.1",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",

package/dist/background-CAWV_qSk.js

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

package/dist/icons-scene-bA7I4wdP.js

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

package/dist/illustration-DfPJtkFY.js

@@ -1,86 +0,0 @@
-import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
-import { t } from "./is-production-GLw59WU8.js";
-import { n } from "./icon-sprites-CZ3vcD7P.js";
-import { c as r, i, l as a, s as o, t as s } from "./state-scenes-Be9w_3an.js";
-import { t as c } from "./scene-svg-DJKa5vsg.js";
-import { Suspense as l, lazy as u, useId as d, useMemo as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
-import { IconRefError as m } from "@nxgt/material-core/icons";
-import { ILLUSTRATION_SCENES as h, buildIllustration as g, illustrationScene as _ } from "@nxgt/material-core/illustrations";
-//#region lib/illustrations/use-illustration.ts
-function v(e, t, i) {
-	let s = a(), c = i ?? (x(e) ? void 0 : r(s, e)), l = n(), u = `ill${d().replace(/[^\w-]/g, "-")}`;
-	return {
-		built: f(() => {
-			let n = Object.fromEntries(Object.entries(t).filter(([, e]) => e !== void 0));
-			try {
-				let t = _(e, {
-					...s?.iconStyle === void 0 ? {} : { iconStyle: s.iconStyle },
-					...o(s, e),
-					...n
-				}, c);
-				return {
-					spec: t,
-					flat: g(t, {
-						idPrefix: u,
-						spriteBase: l
-					})
-				};
-			} catch (e) {
-				if (!(e instanceof m)) throw e;
-				return b(`Illustration: ${e.message} Drawing the built-in art instead.`), null;
-			}
-		}, [
-			e,
-			c,
-			JSON.stringify([
-				t,
-				o(s, e),
-				s?.iconStyle
-			]),
-			u,
-			l
-		]),
-		idPrefix: u,
-		base: l
-	};
-}
-var y = /* @__PURE__ */ new Set();
-function b(e) {
-	t() || y.has(e) || (y.add(e), console.warn(e));
-}
-var x = (e) => h.includes(e), S = /* @__PURE__ */ e({ Illustration: () => w }), C = u(() => import("./plated-illustration-C3z0hP9U.js"));
-function w({ scene: e, scenes: t, size: n = "md", title: r, animated: a, hero: o, satellites: u, iconStyle: d, tone: f, duotone: m, className: h, ...g }) {
-	let { built: _, idPrefix: y, base: b } = v(e, {
-		hero: o,
-		satellites: u,
-		iconStyle: d,
-		tone: f,
-		duotone: m
-	}, t);
-	return /* @__PURE__ */ p("div", {
-		"data-slot": "illustration",
-		...g,
-		...r ? {
-			role: "img",
-			"aria-label": r
-		} : { "aria-hidden": !0 },
-		"data-scene": e,
-		"data-size": n,
-		"data-animated": a ? "" : void 0,
-		className: h,
-		children: _ ? /* @__PURE__ */ p(l, {
-			fallback: /* @__PURE__ */ p(c, { node: _.flat }),
-			children: /* @__PURE__ */ p(C, {
-				spec: _.spec,
-				idPrefix: y,
-				base: b
-			})
-		}) : /* @__PURE__ */ p(i, {
-			kind: s[e] ?? "empty",
-			className: "h-full w-full"
-		})
-	});
-}
-//#endregion
-export { S as n, w as t };

package/dist/plated-illustration-C3z0hP9U.js

@@ -1,19 +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 { 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 };