@nxgt/material 3.56.0 → 3.58.0

package/dist/{use-heading-spy-Cr2C_Px8.js → use-heading-spy-1Dqxj_JQ.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./i18n-provider-CLVZK6tQ.js";
+import { r as e } from "./i18n-provider-C0uLEv0G.js";
 import { _ as t, g as n, h as r, n as i, v as a, y as o } from "./number.utils-BG_eEt5g.js";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { busySettler as f, busySettler as p, createSubmitGuard as m, createSubmitGuard as h } from "@nxgt/material-core/submit-guard";

package/dist/{use-material-translation-C_bAxfvp.js → use-material-translation-DLdQKdfw.js}

@@ -1,5 +1,5 @@
-import { r as e } from "./i18n-provider-CLVZK6tQ.js";
-import { t } from "./translate-material-DzBMPErh.js";
+import { r as e } from "./i18n-provider-C0uLEv0G.js";
+import { t } from "./translate-material-Bgtjuh85.js";
 import { useCallback as n } from "react";
 //#region lib/i18n/use-material-translation.ts
 function r() {

package/dist/use-shape-morph-BKA_R5P5.js

@@ -0,0 +1,35 @@
+import { morph as e, morphAt as t, toSvgPath as n } from "@nxgt/material-core/shapes";
+import { useLayoutEffect as r, useRef as i } from "react";
+//#region lib/components/ui/display/shape/use-shape-morph.ts
+var a = .8, o = 14, s = o * Math.sqrt(1 - a * a);
+function c(e) {
+	let t = e / 1e3;
+	return 1 - Math.exp(-.8 * o * t) * (Math.cos(s * t) + a * o / s * Math.sin(s * t));
+}
+var l = () => typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function u(a, o, s) {
+	let u = i(o);
+	r(() => {
+		let r = a.current, i = u.current;
+		if (!r || i === o || !s || l()) {
+			r && i !== o && r.setAttribute("d", n(o)), u.current = o;
+			return;
+		}
+		let d = e(i, o), f = n(o), p = 0, m = performance.now(), h = (e) => {
+			let i = e - m;
+			if (i >= 520) {
+				u.current = o, r.setAttribute("d", f);
+				return;
+			}
+			let a = t(d, c(i));
+			u.current = a, r.setAttribute("d", n(a)), p = requestAnimationFrame(h);
+		};
+		return r.setAttribute("d", n(d.from)), p = requestAnimationFrame(h), () => cancelAnimationFrame(p);
+	}, [
+		a,
+		o,
+		s
+	]);
+}
+//#endregion
+export { u as n, c as t };

package/dist/{youtube-node-OWSNlYCc.js → youtube-node-A3NPAPgK.js}

@@ -172,15 +172,7 @@ var mt = D.create({
 		return ["div", w(e)];
 	},
 	...A(Be, ft)
-}), ht = /^(https?:|mailto:|tel:)/i, gt = /^[a-z][a-z0-9+.-]*:/i;
-function _t(e) {
-	if (typeof e != "string") return;
-	let t = e.replace(/[\u0000-\u001f\u007f\s]+/g, "");
-	if (t) return ht.test(t) ? e.trim() : gt.test(t) ? void 0 : e.trim();
-}
-//#endregion
-//#region lib/components/ui/widgets/editor/extensions/custom/shared/icon-options.ts
-var vt = {
+}), ht = {
 	sparkles: Pe,
 	rocket: je,
 	star: Fe,
@@ -195,34 +187,42 @@ var vt = {
 	"trending-up": Le,
 	info: Ae,
 	settings: Me
-}, yt = Object.keys(vt), bt = "sparkles";
-function xt(e) {
+}, gt = Object.keys(ht), _t = "sparkles";
+function vt(e) {
 	return e.split("-").map((e) => e[0].toUpperCase() + e.slice(1)).join(" ");
 }
-function St(e) {
-	return vt[typeof e == "string" && yt.includes(e) ? e : bt];
+function yt(e) {
+	return ht[typeof e == "string" && gt.includes(e) ? e : _t];
 }
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/custom/action-card/const.ts
-var Ct = "actionCard", wt = [{
+var bt = "actionCard", xt = [{
 	value: "sm",
 	label: "Small"
 }, {
 	value: "md",
 	label: "Medium"
-}], Tt = [{
+}], St = [{
 	id: "card-1",
-	icon: bt,
+	icon: _t,
 	title: "Title",
 	description: "Description",
 	href: ""
 }, {
 	id: "card-2",
-	icon: bt,
+	icon: _t,
 	title: "Title",
 	description: "Description",
 	href: ""
-}], Et = /^\[((?:\\.|[^\]])*)\]\(([^)\s]*)\)$/, Dt = (e) => Array.isArray(e) ? e : [], Ot = (e) => j(e) ? [`  ${j(e).replace(/\n/g, " ")}`] : [], kt = {
+}], Ct = /^(https?:|mailto:|tel:)/i, wt = /^[a-z][a-z0-9+.-]*:/i;
+function Tt(e) {
+	if (typeof e != "string") return;
+	let t = e.replace(/[\u0000-\u001f\u007f\s]+/g, "");
+	if (t) return Ct.test(t) ? e.trim() : wt.test(t) ? void 0 : e.trim();
+}
+//#endregion
+//#region lib/components/ui/widgets/editor/format/codecs/cards.ts
+var Et = /^\[((?:\\.|[^\]])*)\]\(([^)\s]*)\)$/, Dt = (e) => Array.isArray(e) ? e : [], Ot = (e) => j(e) ? [`  ${j(e).replace(/\n/g, " ")}`] : [], kt = {
 	write: (e) => {
 		let t = new Set((Array.isArray(e.value) ? e.value : []).map(String));
 		return {
@@ -279,23 +279,23 @@ var Ct = "actionCard", wt = [{
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/custom/action-card/spec.ts
 function jt(e) {
-	if (!e) return Tt;
+	if (!e) return St;
 	try {
 		let t = JSON.parse(e);
-		return Array.isArray(t) ? t : Tt;
+		return Array.isArray(t) ? t : St;
 	} catch {
-		return Tt;
+		return St;
 	}
 }
 var Mt = D.create({
-	name: Ct,
+	name: bt,
 	group: "block",
 	atom: !0,
 	draggable: !0,
 	addAttributes() {
 		return {
 			items: {
-				default: Tt,
+				default: St,
 				parseHTML: (e) => jt(e.getAttribute("data-action-card-items")),
 				renderHTML: (e) => ({ "data-action-card-items": JSON.stringify(e.items) })
 			},
@@ -312,7 +312,7 @@ var Mt = D.create({
 	renderHTML({ HTMLAttributes: e }) {
 		return ["div", w(e)];
 	},
-	...A(Ct, At)
+	...A(bt, At)
 }), Nt = "callout", Pt = {
 	info: {
 		label: "Info",
@@ -4583,12 +4583,12 @@ var Ls = D.create({
 	value: "option-1",
 	title: "Option 1",
 	description: "",
-	icon: bt
+	icon: _t
 }, {
 	value: "option-2",
 	title: "Option 2",
 	description: "",
-	icon: bt
+	icon: _t
 }];
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/custom/select-card/spec.ts
@@ -6778,4 +6778,4 @@ var ru = nu(Ll), iu = nu(Rl), au = E.create({
 	})
 });
 //#endregion
-export { Ve as $, fr as A, It as B, Di as C, mr as D, vr as E, $t as F, Tt as G, Ft as H, Ut as I, vt as J, bt as K, zt as L, Ln as M, nr as N, dr as O, Xt as P, mt as Q, Bt as R, Ei as S, xr as T, Mt as U, Pt as V, wt as W, St as X, xt as Y, _t as Z, Ps as _, tu as a, ki as b, Js as c, Us as d, Bs as f, Ns as g, Fs as h, iu as i, Fn as j, ur as k, Ks as l, Ls as m, au as n, zl as o, zs as p, yt as q, ru as r, Z as s, gu as t, Gs as u, js as v, Cr as w, Oi as x, Ts as y, Rt as z };
+export { Ve as $, fr as A, It as B, Di as C, mr as D, vr as E, $t as F, xt as G, Ft as H, Ut as I, gt as J, St as K, zt as L, Ln as M, nr as N, dr as O, Xt as P, mt as Q, Bt as R, Ei as S, xr as T, Mt as U, Pt as V, Tt as W, vt as X, ht as Y, yt as Z, Ps as _, tu as a, ki as b, Js as c, Us as d, Bs as f, Ns as g, Fs as h, iu as i, Fn as j, ur as k, Ks as l, Ls as m, au as n, zl as o, zs as p, _t as q, ru as r, Z as s, gu as t, Gs as u, js as v, Cr as w, Oi as x, Ts as y, Rt as z };

package/docs/components/feedback-and-status.md

@@ -17,7 +17,7 @@ centre.
 | <img src="../previews/feedback-status-progress.webp" width="96" alt=""> | [Progress](#progress) | Material 3 Expressive linear bar, circular ring and labelled progress field, flat or wavy |
 | <img src="../previews/feedback-status-scrollprogress.webp" width="96" alt=""> | [ScrollProgress](#scrollprogress) | Hairline tracking the window or a scrollable element |
 | <img src="../previews/feedback-status-stepdots.webp" width="96" alt=""> | [StepDots](#stepdots) | Segmented step progress, each step coloured by its state |
-| <img src="../previews/feedback-status-countdowntimer.webp" width="96" alt=""> | [CountdownTimer](#countdowntimer) | Countdown clock with a ring, amber then red as time runs out |
+| <img src="../previews/feedback-status-countdowntimer.webp" width="96" alt=""> | [CountdownTimer](#countdowntimer) | Countdown clock with a ring, amber then red as time runs out, with an icon and words when time is low |
 | <img src="../previews/feedback-status-spinner.webp" width="96" alt=""> | [Spinner](#spinner) | Loading spinner in several styles and colours |
 | <img src="../previews/feedback-status-loadingindicator.webp" width="96" alt=""> | [LoadingIndicator](#loadingindicator) | Material 3 Expressive's loading indicator: a shape morphing while it turns |
 | <img src="../previews/feedback-status-typingindicator.webp" width="96" alt=""> | [TypingIndicator](#typingindicator) | Three dots in a wave: someone is writing |
@@ -746,6 +746,11 @@ time runs out. The Quiz's time limit.
 import { CountdownTimer } from '@nxgt/material/components';
 
 <CountdownTimer duration={300} onExpire={() => submit()} />;
+
+// Past `warningAt` it shows a clock icon and "Little time left" ("Almost out of time" past
+// `criticalAt`); change (both tones) or hide the words:
+<CountdownTimer duration={300} warningText="Hurry up" />;
+<CountdownTimer duration={300} warningText={false} />;
 ```
 
 | Prop | Type | Default | Effect |
@@ -755,11 +760,12 @@ import { CountdownTimer } from '@nxgt/material/components';
 | `onExpire` | `() => void` | — | called once, at zero |
 | `warningAt` / `criticalAt` | `number` | a quarter (≤ 60 s) / a tenth (≤ 10 s) | the seconds left when it turns amber / red |
 | `label` | `string` | `'Time remaining'` | its name |
+| `warningText` | `string \| false` | `'Little time left'` / `'Almost out of time'` | the words shown with a clock icon in the warning and critical tones, so low time is not told by colour alone; a string replaces both phrases; `false` hides them |
 | `size` | `'sm' \| 'md'` | `'md'` | 28 or 36 px high |
 
 It ticks on the client only: the server renders the full time. The clock is a
 `role="timer"`; a polite live region speaks only when a threshold is crossed
-("1:00 left") and when the time is up, never every second. `formatClock` and
+("Little time left. 1:00 left", the phrase being `warningText` or the critical one) and when the time is up, never every second. `formatClock` and
 `countdownTone` are exported too, and so is the clock itself as the
 [`useCountdown`](../guides/helpers.md#usecountdown) hook (`@nxgt/material/hooks`),
 for a button that waits without a ring.

package/docs/components/navigation-and-layout.md

@@ -12,6 +12,7 @@ documentation-site shell. Everything is imported from
 | <img src="../previews/navigation-layout-authcard.webp" width="96" alt=""> | [AuthCard](#authcard) | Signed-out page frame: one `main`, a centred card, its title the `h1` |
 | <img src="../previews/navigation-layout-sidebar.webp" width="96" alt=""> | [Sidebar](#sidebar) | Collapsible navigation sidebar |
 | <img src="../previews/navigation-layout-topappbar.webp" width="96" alt=""> | [TopAppBar, BottomAppBar](#topappbar) | Top and bottom bars |
+| <img src="../previews/navigation-layout-stickyactionbar.webp" width="96" alt=""> | [StickyActionBar](#stickyactionbar) | A page's main decision, stuck to the bottom on a phone, inline from `md` |
 | <img src="../previews/navigation-layout-breadcrumb.webp" width="96" alt=""> | [Breadcrumb](#breadcrumb) | Breadcrumb primitives |
 | <img src="../previews/navigation-layout-listdetailslayout.webp" width="96" alt=""> | [ListDetailsLayout, PaneLayout, ThreadLayout](#listdetailslayout) | Page layouts that adapt to phones |
 | <img src="../previews/navigation-layout-responsivegrid.webp" width="96" alt=""> | [ResponsiveGrid](#responsivegrid) | Container-query grid, 1 to 5 columns, or `auto-fill` columns by a minimum tile width (`minItem`) |
@@ -343,6 +344,52 @@ the one with `data-state="active"`.
 
 ---
 
+## StickyActionBar
+
+![StickyActionBar](../previews/navigation-layout-stickyactionbar.webp)
+
+The bar that holds a page's main decision (approve / send back). On a phone it
+sticks to the bottom of the scroll box, above the on-screen keyboard and clear
+of the safe areas; from `md` (768px) it is an inline row after the content.
+
+```tsx
+import { Button, StickyActionBar } from '@nxgt/material/components';
+
+<main>
+  {/* long content */}
+  <StickyActionBar aria-label="Review decision">
+    <Button variant="outlined">Send back</Button>
+    <Button>Approve</Button>
+  </StickyActionBar>
+</main>
+```
+
+Put it last in the scrolling content: it is `position: sticky`, not `fixed`, so
+it takes its own room (nothing hides behind it) and rests inline at the end of
+the page. It takes a `div`'s props.
+
+- **One primary action.** The last child is the primary: on a phone it takes
+  the room the others leave, which keep their size. Give it the one filled
+  `Button`; a second filled `Button` among the children warns once in
+  development, make the others `outlined` or `tonal`.
+- **Safe areas.** Under `viewport-fit=cover` the bar pads clear of
+  `env(safe-area-inset-left | right | bottom)`, as classes.
+- **Keyboard.** From the visual viewport (`visualViewport`), the bar rises by
+  the height the on-screen keyboard covers (`--nxgt-keyboard-inset` on the bar,
+  `data-keyboard="open"` while it is open) and drops the bottom safe-area
+  padding, which the keyboard covers. A browser that resizes the layout itself
+  (`interactive-widget=resizes-content`) needs no lift, and none is applied.
+  Pinch-zoom is not treated as a keyboard.
+- **Name.** With `aria-label` or `aria-labelledby` the bar is a `group`.
+
+| Prop | Type | Default | Effect |
+| --- | --- | --- | --- |
+| `sticky` | `boolean` | `true` | `false`: inline on a phone too |
+
+**Storybook:** `Navigation & layout/StickyActionBar` · **Vue:** not yet
+
+---
+
 ## Breadcrumb
 
 ![Breadcrumb](../previews/navigation-layout-breadcrumb.webp)

package/docs/components/rich-widgets.md

@@ -2412,7 +2412,7 @@ French bundle — see [i18n](../guides/i18n.md).
 | `onComplete` | `(result: QuizResult) => void` | — | `{ correct, total, percent, answers, timedOut }`, once per results screen |
 | `onAnswersChange` / `onIndexChange` | callbacks | — | follow progress |
 | `QuestionCard` `revealed` | `boolean` | `false` | marks right / wrong and shows the verdict and `explanation` |
-| `QuestionCard` `verdict` | `'correct' \| 'incorrect' \| 'pending'` | — | the server's verdict, shown as given (word and icon, never colour alone); reveals the card. `question.correct` is optional and only highlights the right choices. Without it, `revealed` compares in the browser as before |
+| `QuestionCard` `verdict` | `'correct' \| 'incorrect' \| 'pending' \| 'unanswered'` | — | the server's verdict, shown as given (word and icon, never colour alone); reveals the card; `unanswered` is a blank question ("No answer", no value shown, the correct answer and `explanation` shown, points read 0). `question.correct` is optional and only highlights the right choices. Without it, `revealed` compares in the browser as before |
 | `QuestionCard` `points` / `feedback` | `{ awarded, possible }` / `string` | — | points earned and a grader's remark, in the verdict banner (with `verdict`) |
 | `Question` `media` | `{ src, alt?, kind?, type?, name? }` | — | an image (default), audio (`kind: 'audio'` or `type: 'audio/*'`, an `AudioPlayer`) or a document link (any other `type`, a `FilePreview`); `name` (else `alt`) is the text alternative |
 | `QuestionCard` `value` / `onValueChange` | `QuestionAnswer` | — | controlled answer |
@@ -2424,7 +2424,7 @@ A server-graded answer, shown as given (no comparison in the browser):
 <QuestionCard
   question={{ id: 'q1', kind: 'text', prompt: 'Explain X' }}
   value="my answer"
-  verdict="incorrect" // or 'correct' | 'pending'
+  verdict="incorrect" // or 'correct' | 'pending' | 'unanswered'
   points={{ awarded: 2, possible: 3 }}
   feedback="Good, but cite a source"
 />
@@ -2436,7 +2436,7 @@ A server-graded answer, shown as given (no comparison in the browser):
 
 The numbered questions of a quiz or exam player: jump to one, see the current
 one and which are answered or flagged. Import it from
-`@nxgt/material/widgets/education`.
+`@nxgt/material/components`.
 
 ```tsx
 <QuestionNavigator

package/docs/guides/data-grid.md

@@ -957,12 +957,22 @@ re-renders every item.
 
 ```tsx
 const renderItem = (row: Student, state: DataGridRowState) => (
-  <span>{row.name} · {state.unsaved > 0 ? 'unsaved' : 'saved'}</span>
+  <span>
+    {row.name} <span aria-hidden className="before:content-['·']" />{' '}
+    {state.unsaved > 0 ? 'unsaved' : 'saved'}
+  </span>
 );
 
 <DataGrid renderPhoneItem={renderItem} /* … */ />;
 ```
 
+A list item's accessible name is everything it shows, in reading order: the
+row's label, its badges, the summary and the reason of a locked or read-only
+row (in its name, not its description, so axe's `label-content-name-mismatch` passes). Query it by its label
+start, `getByRole('button', { name: /^Ada Lovelace/ })`, not by the exact
+label. If `renderPhoneItem` draws separators, draw them with CSS (such as
+`before:content-['·']`) so the name stays free of stray marks.
+
 ## The keyboard
 
 One tab stop; Tab leaves the grid past the last cell (`tabBehavior="exit"`

package/docs/roadmap.md

@@ -9,9 +9,17 @@ version they shipped in, and planned entries may name the major they target.
 - **Toast texts follow app translations** — the toast presets read the
   app's `I18nProvider` `resources`, so an override under `material.*`
   changes their wording ([#1855](https://github.com/softistx/nxgt-material/issues/1855)).
+- **A decision bar for phone pages** — `StickyActionBar` holds a long page's
+  main decision at the bottom of a phone, above the keyboard and clear of the
+  safe areas, and inline from `md`
+  ([#1964](https://github.com/softistx/nxgt-material/issues/1964)).
 - **Smaller, easier-to-read components** — the library's own source is kept
   to files under 200 lines and functions under 80, so a component is quicker to
-  read and to fix ([#1865](https://github.com/softistx/nxgt-material/issues/1865)).
+  read and to fix. No API or behaviour change: smaller modules that are easier
+  to review, and fewer regressions
+  ([#1865](https://github.com/softistx/nxgt-material/issues/1865), slices
+  [#1915](https://github.com/softistx/nxgt-material/issues/1915) to
+  [#1925](https://github.com/softistx/nxgt-material/issues/1925)).
 - **DataGrid: one column, several kinds of row** — `meta.rowEditor(row)` picks
   the built-in editor from the row, and `meta.options` and
   `meta.number.decimals` take the row, so a result column can be a bounded

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.56.0",
+	"version": "3.58.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"

package/dist/empty-state-C5wfbbW9.js

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

package/dist/use-shape-morph-DXdy2X5g.js

@@ -1,35 +0,0 @@
-import { useLayoutEffect as e, useRef as t } from "react";
-import { morph as n, morphAt as r, toSvgPath as i } from "@nxgt/material-core/shapes";
-//#region lib/components/ui/display/shape/use-shape-morph.ts
-var a = .8, o = 14, s = o * Math.sqrt(1 - a * a);
-function c(e) {
-	let t = e / 1e3;
-	return 1 - Math.exp(-.8 * o * t) * (Math.cos(s * t) + a * o / s * Math.sin(s * t));
-}
-var l = () => typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function u(a, o, s) {
-	let u = t(o);
-	e(() => {
-		let e = a.current, t = u.current;
-		if (!e || t === o || !s || l()) {
-			e && t !== o && e.setAttribute("d", i(o)), u.current = o;
-			return;
-		}
-		let d = n(t, o), f = i(o), p = 0, m = performance.now(), h = (t) => {
-			let n = t - m;
-			if (n >= 520) {
-				u.current = o, e.setAttribute("d", f);
-				return;
-			}
-			let a = r(d, c(n));
-			u.current = a, e.setAttribute("d", i(a)), p = requestAnimationFrame(h);
-		};
-		return e.setAttribute("d", i(d.from)), p = requestAnimationFrame(h), () => cancelAnimationFrame(p);
-	}, [
-		a,
-		o,
-		s
-	]);
-}
-//#endregion
-export { u as n, c as t };