@nxgt/material 3.10.0 → 3.10.2

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

@@ -41,6 +41,13 @@ with `data-scene`, `data-size` and `data-animated`). A bad icon name or style
 never crashes the page: outside production it warns once in the console, and
 the scene's built-in art is drawn instead.
 
+Two data attributes say what was drawn, for a test or a style:
+`data-plated` is on the `<svg>` once the plate has drawn (the disc that stands
+in while the chunk loads has none), and `data-fallback` is on the built-in art
+that stands in when the scene cannot be drawn (a bad icon, or a chunk that
+failed to load). On an `EmptyState` or `ErrorState` it is on the box
+(`data-slot="illustration"`) or the `<svg>` inside it.
+
 The sprites are read from `/assets/icons/sprites/`, or from the base of the
 nearest `IconSpritesProvider`. An icon whose name the sprite does not hold is
 blank: keep to names every style you use has (the suggested ones are the
@@ -51,6 +58,11 @@ arrives, in a box of the same size, so the page does not move. A streaming
 server render includes the plate; `renderToString` sends the disc and the
 browser draws the plate once the chunk has loaded.
 
+If a chunk fails to load (a flaky network, or a tab kept open across a deploy
+whose old hashed files are gone), the illustration draws the built-in art of the
+scene's kind instead of throwing: the page, and the `EmptyState` around it,
+stay. There is no retry; outside production the console warns once.
+
 ## Use them in the states
 
 `EmptyState`, `ErrorState` and the `DataTable` empty row draw today's built-in
@@ -132,7 +144,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)
@@ -424,6 +425,7 @@ words in your error.
 **Illustrations**
 
 - [`Illustration: … Drawing the built-in art instead.`](#illustration--drawing-the-built-in-art-instead)
+- [`Failed to fetch dynamically imported module` from an empty state or an illustration](#failed-to-fetch-dynamically-imported-module-from-an-empty-state-or-an-illustration)
 
 - [Reporting a bug](#reporting-a-bug)
 
@@ -783,13 +785,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 +1748,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
@@ -7221,6 +7234,18 @@ import { HEALTH_SCENES } from '@nxgt/material/illustrations/health';
 <Illustration scene="patient-record" scenes={HEALTH_SCENES} iconStyle="duotone-light" />;
 ```
 
+### `Failed to fetch dynamically imported module` from an empty state or an illustration
+
+**When:** a page that shows an `EmptyState`, an `ErrorState`, a `DataTable` empty state or an `Illustration` with a scene loses its content to the error boundary, with `Failed to fetch dynamically imported module` (or `error loading dynamically imported module`) naming an illustration chunk. Seen on a flaky network, and in a tab kept open across a deploy whose old hashed chunk is gone. Versions before the release that carries this fix (3.10.0 and earlier).
+**Why:** the scene and the plate load on demand, and a rejected import was not caught inside the component, so it reached the route's error boundary.
+**Fix:** upgrade to the release that carries the fix. A failed illustration chunk then draws the built-in art of the state's kind (no retry), and outside production the console warns once with `Illustration: the "…" chunk failed to load`. In a test, `data-fallback` marks the built-in art and `data-plated` marks a drawn plate:
+
+```tsx
+expect(container.querySelector('[data-fallback]')).not.toBeNull();
+```
+
+Before upgrading, precaching the illustration chunks in the service worker narrows the window.
+
 ---
 
 ## Reporting a bug

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.10.0",
+	"version": "3.10.2",
 	"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/empty-state-COAV2d-R.js

@@ -1,98 +0,0 @@
-import { t as e } from "./utils-Bcd2Z3ea.js";
-import { t } from "./use-material-translation-DkxcLbLM.js";
-import { i as n } from "./escape-owner-CripBce_.js";
-import { a as r, i, l as a, n as o, r as s, s as c } from "./state-scenes-Be9w_3an.js";
-import { AlertCircle as l, Construction as u, FileQuestion as d, PackageOpen as f, Search as p, ShieldAlert as m, WifiOff as h } from "lucide-react";
-import { Suspense as g, lazy as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { STATE_ACCENT as b, STATE_ICON as x, stateCopy as S } from "@nxgt/material-core/states";
-//#region lib/components/ui/feedback/state-frame/state-icon.tsx
-var C = {
-	"package-open": f,
-	search: p,
-	"file-question": d,
-	"shield-alert": m,
-	"alert-circle": l,
-	"wifi-off": h,
-	construction: u
-};
-function w({ kind: e }) {
-	let t = C[x[e]];
-	return /* @__PURE__ */ v(t, { "aria-hidden": "true" });
-}
-//#endregion
-//#region lib/components/ui/feedback/state-frame/state-scene-illustration.tsx
-var T = _(async () => ({ default: (await import("./illustration-DfPJtkFY.js").then((e) => e.n)).Illustration }));
-function E({ scene: e, size: t }) {
-	return /* @__PURE__ */ v(g, {
-		fallback: /* @__PURE__ */ v("div", {
-			"data-slot": "illustration",
-			"data-size": t,
-			"aria-hidden": "true"
-		}),
-		children: /* @__PURE__ */ v(T, {
-			scene: e,
-			size: t
-		})
-	});
-}
-//#endregion
-//#region lib/components/ui/feedback/state-frame/state-frame.tsx
-function D({ kind: t, size: l = "default", illustration: u, icon: d, title: f, headingLevel: p, description: m, actions: h, className: g, children: _, ...x }) {
-	let S = l === "inline", C = l === "compact" || S, T = e("flex shrink-0 items-center justify-center rounded", r[b[t]], S ? "size-8 rounded-full [&_svg]:size-4" : C ? "size-10 [&_svg]:size-5" : "size-16 [&_svg]:size-7"), D = a(), O = u === !0 || s(u, D?.sets) ? s(u, D?.sets) ? u : o[t] : null, k = u == null && d == null && l === "default" ? c(D, o[t]) : void 0, A = S ? null : O ?? (k ? o[t] : null), j = null;
-	return j = u === !1 ? null : A ? /* @__PURE__ */ v(E, {
-		scene: A,
-		size: C ? "sm" : "md"
-	}) : u != null && u !== !0 && !s(u, D?.sets) ? u : d == null ? C ? /* @__PURE__ */ v("div", {
-		className: T,
-		children: /* @__PURE__ */ v(w, { kind: t })
-	}) : /* @__PURE__ */ v(i, { kind: t }) : /* @__PURE__ */ v("div", {
-		className: T,
-		children: d
-	}), /* @__PURE__ */ y("div", {
-		"data-kind": t,
-		"data-size": l,
-		className: e("flex text-foreground", S ? "flex-row items-center gap-3 px-3 py-2.5 text-start" : "flex-col items-center justify-center text-center", !S && (C ? "gap-3 px-4 py-6" : "min-h-[22rem] gap-5 p-8"), g),
-		...x,
-		children: [
-			j,
-			(f != null || m != null) && /* @__PURE__ */ y("div", {
-				className: e("flex flex-col", S ? "min-w-0 flex-1 gap-0.5" : "max-w-sm gap-2"),
-				children: [f != null && /* @__PURE__ */ v(n, {
-					as: p ? `h${p}` : void 0,
-					variant: S ? "normal" : C ? "title-medium" : "headline-small",
-					className: e("tracking-tight text-balance", S && "font-medium"),
-					children: f
-				}), m != null && /* @__PURE__ */ v(n, {
-					variant: S ? "body-small" : "body-medium",
-					className: "text-pretty",
-					children: m
-				})]
-			}),
-			_,
-			h != null && /* @__PURE__ */ v("div", {
-				className: e("flex flex-wrap items-center gap-2", S ? "shrink-0" : "mt-1 justify-center"),
-				children: h
-			})
-		]
-	});
-}
-//#endregion
-//#region lib/components/ui/feedback/empty-state/empty-state.tsx
-function O({ kind: e = "empty", size: n = "default", illustration: r, icon: i, title: a, description: o, action: s, ...c }) {
-	let l = S(e, "empty-state"), { t: u } = t(), d = o ?? (a == null ? u(l.descriptionKey, l.description) : void 0);
-	return /* @__PURE__ */ v(D, {
-		"data-slot": "empty-state",
-		"data-variant": e,
-		kind: e,
-		size: n,
-		illustration: r,
-		icon: i,
-		title: a ?? u(l.titleKey, l.title),
-		description: d,
-		actions: s,
-		...c
-	});
-}
-//#endregion
-export { D as n, O 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 };