@nxgt/material 3.8.1 → 3.9.0

package/dist/backgrounds/css-react/icons.css

@@ -0,0 +1,175 @@
+/* The `icons` preset: Font Awesome icons, each a `<use>` of a sprite file the
+ * app serves, over a faint wash. The scene is core's `buildIconScene`
+ * (`@nxgt/material-core/backgrounds/icons`); this file gives it its colours,
+ * its constellation threads and its motion. A scene holds no `style`: an icon
+ * carries a tone class (`k1..k3`, colours in scene.css) and the root carries
+ * `ic-so0..ic-so10` and `ic-so85` (a duotone icon's second layer, in tenths, or 0.85) and, for
+ * `duotone: 'tones'`, `ic-tones`.
+ *
+ * The sprites read `--fa-primary-color`, `--fa-secondary-color` and
+ * `--fa-secondary-opacity`; custom properties inherit into the `<use>` copy.
+ * By default the second layer is the same tone, faded (`opacity`); `ic-tones`
+ * takes the next tone for it, nearly opaque. A flat (non-duotone) style reads
+ * the tone through `currentColor`. Motion (opt-in, `animated`): each icon
+ * drifts a few pixels along one of four vectors (`iv1..4`) at one of four
+ * paces (`ia`, delay `id1..4`), on `translate`, because `transform` carries
+ * its place. React only: nothing in the shared `css/` folder. */
+@import "../css/motifs.css";
+
+@layer components {
+	[data-background="icons"] > [data-layer="wash"] {
+		position: absolute;
+		inset: 0;
+		background:
+			radial-gradient(
+				ellipse 75% 65% at 22% 18%,
+				color-mix(in oklab, var(--nxgt-bg-c1) var(--nxgt-bg-a1), transparent),
+				transparent 72%
+			),
+			radial-gradient(
+				ellipse 60% 60% at 86% 90%,
+				color-mix(in oklab, var(--nxgt-bg-c3) var(--nxgt-bg-a1), transparent),
+				transparent 70%
+			);
+	}
+
+	[data-background="icons"] > [data-scene] {
+		overflow: hidden;
+	}
+
+	/* Primary layer: the icon's tone. Second layer: the same tone, faded. */
+	[data-background="icons"] > [data-scene] .ic.k1 {
+		--fa-primary-color: var(--nxgt-bg-c1);
+		--fa-secondary-color: var(--nxgt-bg-c1);
+	}
+	[data-background="icons"] > [data-scene] .ic.k2 {
+		--fa-primary-color: var(--nxgt-bg-c2);
+		--fa-secondary-color: var(--nxgt-bg-c2);
+	}
+	[data-background="icons"] > [data-scene] .ic.k3 {
+		--fa-primary-color: var(--nxgt-bg-c3);
+		--fa-secondary-color: var(--nxgt-bg-c3);
+	}
+
+	/* Two tones: the second layer takes the next tone. */
+	[data-background="icons"] > [data-scene] > .ic-tones .ic.k1 {
+		--fa-secondary-color: var(--nxgt-bg-c2);
+	}
+	[data-background="icons"] > [data-scene] > .ic-tones .ic.k2 {
+		--fa-secondary-color: var(--nxgt-bg-c3);
+	}
+	[data-background="icons"] > [data-scene] > .ic-tones .ic.k3 {
+		--fa-secondary-color: var(--nxgt-bg-c1);
+	}
+
+	/* The second layer's opacity, in tenths (`secondaryOpacity`). */
+	[data-background="icons"] > [data-scene] > .ic-so0 .ic {
+		--fa-secondary-opacity: 0;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so1 .ic {
+		--fa-secondary-opacity: 0.1;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so2 .ic {
+		--fa-secondary-opacity: 0.2;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so3 .ic {
+		--fa-secondary-opacity: 0.3;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so4 .ic {
+		--fa-secondary-opacity: 0.4;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so5 .ic {
+		--fa-secondary-opacity: 0.5;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so6 .ic {
+		--fa-secondary-opacity: 0.6;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so7 .ic {
+		--fa-secondary-opacity: 0.7;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so8 .ic {
+		--fa-secondary-opacity: 0.8;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so9 .ic {
+		--fa-secondary-opacity: 0.9;
+	}
+	[data-background="icons"] > [data-scene] > .ic-so10 .ic {
+		--fa-secondary-opacity: 1;
+	}
+	/* 0.85: the default of two tones, or a `secondaryOpacity` of 0.85. */
+	[data-background="icons"] > [data-scene] > .ic-so85 .ic {
+		--fa-secondary-opacity: 0.85;
+	}
+
+	/* The constellation's threads and dots. */
+	[data-background="icons"] > [data-scene] .ic-ln {
+		stroke: var(--nxgt-bg-c1);
+		stroke-width: 0.7;
+		stroke-linecap: round;
+		opacity: 0.4;
+	}
+	[data-background="icons"] > [data-scene] .ic-dt {
+		fill: var(--nxgt-bg-c1);
+		opacity: 0.5;
+	}
+	[data-background="icons"] > [data-scene] .ic-ln.k2 {
+		stroke: var(--nxgt-bg-c2);
+	}
+	[data-background="icons"] > [data-scene] .ic-ln.k3 {
+		stroke: var(--nxgt-bg-c3);
+	}
+	[data-background="icons"] > [data-scene] .ic-dt.k2 {
+		fill: var(--nxgt-bg-c2);
+	}
+	[data-background="icons"] > [data-scene] .ic-dt.k3 {
+		fill: var(--nxgt-bg-c3);
+	}
+}
+
+@media (prefers-reduced-motion: no-preference) {
+	@keyframes nxgt-bg-ic-1 {
+		to {
+			translate: 14px 10px;
+		}
+	}
+	@keyframes nxgt-bg-ic-2 {
+		to {
+			translate: -12px 12px;
+		}
+	}
+	@keyframes nxgt-bg-ic-3 {
+		to {
+			translate: 12px -12px;
+		}
+	}
+	@keyframes nxgt-bg-ic-4 {
+		to {
+			translate: -14px -9px;
+		}
+	}
+
+	@layer components {
+		[data-background="icons"][data-animated] > [data-scene] .ia {
+			animation: nxgt-bg-ic-1 18s ease-in-out infinite alternate
+				var(--nxgt-bg-play, running);
+		}
+		[data-background="icons"][data-animated] > [data-scene] .iv2 {
+			animation-name: nxgt-bg-ic-2;
+		}
+		[data-background="icons"][data-animated] > [data-scene] .iv3 {
+			animation-name: nxgt-bg-ic-3;
+		}
+		[data-background="icons"][data-animated] > [data-scene] .iv4 {
+			animation-name: nxgt-bg-ic-4;
+		}
+		[data-background="icons"][data-animated] > [data-scene] .id2 {
+			animation-delay: -4s;
+		}
+		[data-background="icons"][data-animated] > [data-scene] .id3 {
+			animation-delay: -9s;
+		}
+		[data-background="icons"][data-animated] > [data-scene] .id4 {
+			animation-delay: -13s;
+		}
+	}
+}

package/dist/backgrounds.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "./background--Bf_EbFR.js";
+import { r as e, t } from "./background-CAWV_qSk.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 };

package/dist/celestial-scene-DaOsRFF3.js

@@ -0,0 +1,30 @@
+import { t as e } from "./scene-svg-DJKa5vsg.js";
+import { i as t, r as n } from "./scene-options-CCy3V7XS.js";
+import { useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { buildCelestialScene as a, buildSkyScene as o } from "@nxgt/material-core/backgrounds/celestial";
+//#region lib/backgrounds/background/partials/celestial-scene.tsx
+function s({ name: s, as: c, base: l = "", idPrefix: u, seed: d, shapesKey: f, scalarsKey: p, moonKey: m }) {
+	let h = r(() => {
+		let e = [
+			u,
+			d,
+			f,
+			p,
+			m
+		];
+		return c === "sky" ? o(s, t(s, l, ...e)) : a(s, n(...e));
+	}, [
+		s,
+		c,
+		l,
+		u,
+		d,
+		f,
+		p,
+		m
+	]);
+	return h && /* @__PURE__ */ i(e, { node: h });
+}
+//#endregion
+export { s as default };

package/dist/components/components.css

@@ -21,13 +21,10 @@
 @import "./ui/overlays/drawer/vaul-drawer.css";
 @import "./ui/overlays/drawer/vaul-keyframes.css";
 @import "./ui/fields/otp-field/input-otp.css";
-@import "./ui/feedback/spinner/spinner.css";
-@import "./ui/feedback/progress/progress.css";
+/* Feedback: spinner, state scenes, progress, loading and typing indicators. */
+@import "./ui/feedback/feedback.css";
 /* Quiz: the confetti behind a great score. */
 @import "./ui/widgets/education/quizzes/quiz-celebration.css";
-@import "./ui/feedback/loading-indicator/loading-indicator.css";
-/* TypingIndicator's wave (ChatTypingIndicator, ChatMessageList). */
-@import "./ui/feedback/typing-indicator/typing-indicator.css";
 @import "./ui/media/carousel/carousel.css";
 @import "./ui/media/carousel/carousel-first-frame.css";
 @import "./ui/media/media-player/nxgt-media-player.css";

package/dist/components/ui/feedback/feedback.css

@@ -0,0 +1,7 @@
+@import "./spinner/spinner.css";
+/* Illustration: the classes of the state scenes (EmptyState, ErrorState, @nxgt/material/illustrations). */
+@import "./state-frame/illustration.css";
+@import "./progress/progress.css";
+@import "./loading-indicator/loading-indicator.css";
+/* TypingIndicator's wave (ChatTypingIndicator, ChatMessageList). */
+@import "./typing-indicator/typing-indicator.css";

package/dist/components/ui/feedback/state-frame/illustration.css

@@ -0,0 +1,171 @@
+/* Illustration (`@nxgt/material/illustrations`) and the scenes EmptyState and
+ * ErrorState draw with it. The scene is core's `buildIllustration`: it names
+ * classes and sets no colour, so everything below is a rule on theme tokens
+ * (`--<tone>-text` follow the light and the dark theme). No inline style.
+ *
+ * A Font Awesome duotone sprite reads `--fa-primary-color`,
+ * `--fa-secondary-color` and `--fa-secondary-opacity`: the second layer is the
+ * same tone, fainter (`ill-duo-opacity`), or another tone (`ill-duo-tones`). */
+@layer components {
+	[data-slot="illustration"] {
+		display: block;
+		flex-shrink: 0;
+		max-width: 100%;
+		aspect-ratio: 4 / 3;
+	}
+
+	[data-slot="illustration"][data-size="sm"] {
+		width: 7.5rem;
+	}
+
+	[data-slot="illustration"][data-size="md"] {
+		width: 11.875rem;
+	}
+
+	[data-slot="illustration"][data-size="lg"] {
+		width: 17.5rem;
+	}
+
+	[data-slot="illustration"] > svg {
+		display: block;
+		width: 100%;
+		height: 100%;
+	}
+
+	/* The tone: its colour, and the one the second layer takes in `tones`. */
+	.ill-primary {
+		--ill: var(--primary-text);
+		--ill-d: var(--tertiary-text);
+	}
+
+	.ill-secondary {
+		--ill: var(--secondary-text);
+		--ill-d: var(--primary-text);
+	}
+
+	.ill-tertiary {
+		--ill: var(--tertiary-text);
+		--ill-d: var(--secondary-text);
+	}
+
+	.ill-error {
+		--ill: var(--error-text);
+		--ill-d: var(--warning-text);
+	}
+
+	.ill-warning {
+		--ill: var(--warning-text);
+		--ill-d: var(--error-text);
+	}
+
+	.ill-success {
+		--ill: var(--success-text);
+		--ill-d: var(--primary-text);
+	}
+
+	/* Who takes which colour: the hero and the first and fourth satellites the
+	 * tone, the second and third the secondary and tertiary text. */
+	.ill-hero,
+	.ill-s0,
+	.ill-s3 {
+		--c: var(--ill);
+	}
+
+	.ill-s1 {
+		--c: var(--secondary-text);
+	}
+
+	.ill-s2 {
+		--c: var(--tertiary-text);
+	}
+
+	.ill-hero,
+	.ill-sat {
+		color: var(--c);
+		--fa-primary-color: var(--c);
+		--fa-secondary-color: var(--c);
+		--fa-primary-opacity: 1;
+		--fa-secondary-opacity: 0.4;
+	}
+
+	.ill-duo-tones :is(.ill-hero, .ill-sat) {
+		--fa-secondary-color: var(--ill-d);
+		--fa-secondary-opacity: 0.85;
+	}
+
+	.ill-plate {
+		fill: color-mix(in oklab, var(--ill) 17%, transparent);
+	}
+
+	/* The error plate (a gem) is rounded by a stroke of its own colour. */
+	.ill-error .ill-plate {
+		stroke: color-mix(in oklab, var(--ill) 17%, transparent);
+		stroke-width: 12;
+		stroke-linejoin: round;
+	}
+
+	.ill-ring {
+		stroke: color-mix(in oklab, var(--ill) 30%, transparent);
+		stroke-width: 1;
+	}
+
+	.ill-satbg {
+		fill: var(--card);
+		stroke: color-mix(in oklab, var(--c) 35%, transparent);
+		stroke-width: 1;
+	}
+
+	.ill-k0 {
+		fill: var(--tertiary-text);
+	}
+
+	.ill-k1 {
+		fill: var(--ill);
+	}
+
+	/* Opt-in motion (`animated`): the satellites drift, the sparkles twinkle. */
+	@media (prefers-reduced-motion: no-preference) {
+		[data-slot="illustration"][data-animated] :is(.ill-satbg, .ill-sat) {
+			animation: nxgt-ill-drift 6s ease-in-out infinite alternate;
+		}
+
+		[data-slot="illustration"][data-animated] .ill-s1 {
+			animation-delay: -1.5s;
+		}
+
+		[data-slot="illustration"][data-animated] .ill-s2 {
+			animation-delay: -3s;
+		}
+
+		[data-slot="illustration"][data-animated] .ill-s3 {
+			animation-delay: -4.5s;
+		}
+
+		[data-slot="illustration"][data-animated] .ill-spark {
+			transform-box: fill-box;
+			transform-origin: center;
+			animation: nxgt-ill-twinkle 3.2s ease-in-out infinite alternate;
+		}
+
+		[data-slot="illustration"][data-animated] .ill-spark.ill-k1 {
+			animation-delay: -1.6s;
+		}
+	}
+}
+
+@keyframes nxgt-ill-drift {
+	to {
+		transform: translateY(-3px);
+	}
+}
+
+@keyframes nxgt-ill-twinkle {
+	from {
+		opacity: 1;
+		transform: scale(1);
+	}
+	to {
+		opacity: 0.45;
+		transform: scale(0.75);
+	}
+}

package/dist/{components-DNUYg8QM.js → components-DiaPdu-E.js}

@@ -1,7 +1,7 @@
 import { a as e, r as t, t as n } from "./rolldown-runtime-BFFgcFxR.js";
 import { t as r } from "./ui.utils-CAnKTCw5.js";
 import { t as i } from "./utils-Bcd2Z3ea.js";
-import { $i as a, $n as o, $r as s, A as c, Ai as l, Ar as u, At as d, Bi as f, Bn as p, Br as m, Bt as h, C as g, Ci as _, Cn as v, Ct as y, D as b, Di as x, Dt as S, E as C, Ei as w, Er as T, Et as E, F as ee, Fi as D, Fr as te, Ft as ne, G as re, Gi as ie, Gr as ae, Gt as oe, Hi as se, Hn as ce, Hr as le, Ht as ue, I as de, Ii as fe, In as pe, Ir as me, J as he, Ji as ge, Jn as _e, Jt as ve, Ki as ye, Kn as be, Kt as xe, L as Se, Li as Ce, Lr as we, Lt as Te, M as Ee, Mi as De, Mt as Oe, N as ke, Ni as Ae, Nt as je, O as Me, Oi as Ne, On as Pe, Or as Fe, Ot as Ie, P as Le, Pi as Re, Pt as ze, Q as Be, Qn as Ve, Qr as He, R as Ue, Ri as We, Rr as Ge, Rt as Ke, S as qe, Si as Je, Sn as Ye, St as eee, T as tee, Ti as Xe, Tr as Ze, Tt as Qe, U as nee, Ui as $e, Ur as et, Ut as tt, Vi as nt, Vn as rt, Vr as it, Vt as at, W as ree, Wi as iee, Wt as ot, X as aee, Xn as st, Xr as oee, Y as see, Yn as ct, Yr as lt, Z as ut, Zi as dt, Zr as ft, _ as pt, _i as mt, _n as ht, _r as gt, _t, a as cee, aa as lee, ai as uee, ar as vt, at as yt, bi as dee, bn as fee, br as bt, bt as xt, c as pee, ci as mee, cn as hee, cr as St, ct as gee, di as _ee, dn as vee, dr as yee, ei as bee, er as xee, et as See, fi as Cee, fn as Ct, fr as wee, ft as Tee, g as wt, gi as Eee, gn as Dee, gr as Tt, gt as Et, hi as Dt, hn as Ot, hr as kt, ht as At, ia as jt, ii as Mt, in as Nt, ir as Pt, it as Ft, j as It, ji as Lt, jr as Rt, jt as zt, k as Bt, ki as Vt, kn as Ht, kr as Ut, kt as Wt, l as Gt, li as Kt, ln as qt, lt as Jt, mi as Yt, mn as Xt, mr as Zt, mt as Qt, n as $t, na as en, ni as tn, nn, nr as rn, nt as an, o as on, oa as sn, oi as cn, on as ln, or as un, ot as Oee, p as kee, pi as Aee, pn as jee, pt as Mee, qi as dn, qn as Nee, qt as fn, ra as Pee, ri as Fee, rn as Iee, rr as Lee, rt as Ree, s as zee, si as Bee, sr as pn, st as mn, ti as Vee, tn as Hee, tr as Uee, tt as hn, ui as Wee, un as Gee, ur as Kee, ut as qee, v as gn, vi as Jee, vn as Yee, vr as _n, vt as vn, w as Xee, wi as yn, wr as bn, wt as Zee, x as xn, xi as Qee, xn as $ee, xr as Sn, xt as Cn, y as ete, yi as tte, yn as nte, yr as wn, yt as Tn, z as rte, zi as ite, zr as ate, zt as En } from "./use-chat-composer-CDrgWGMM.js";
+import { $i as a, $n as o, $r as s, A as c, Ai as l, Ar as u, At as d, Bi as f, Bn as p, Br as m, Bt as h, C as g, Ci as _, Cn as v, Ct as y, D as b, Di as x, Dt as S, E as C, Ei as w, Er as T, Et as E, F as ee, Fi as D, Fr as te, Ft as ne, G as re, Gi as ie, Gr as ae, Gt as oe, Hi as se, Hn as ce, Hr as le, Ht as ue, I as de, Ii as fe, In as pe, Ir as me, J as he, Ji as ge, Jn as _e, Jt as ve, Ki as ye, Kn as be, Kt as xe, L as Se, Li as Ce, Lr as we, Lt as Te, M as Ee, Mi as De, Mt as Oe, N as ke, Ni as Ae, Nt as je, O as Me, Oi as Ne, On as Pe, Or as Fe, Ot as Ie, P as Le, Pi as Re, Pt as ze, Q as Be, Qn as Ve, Qr as He, R as Ue, Ri as We, Rr as Ge, Rt as Ke, S as qe, Si as Je, Sn as Ye, St as eee, T as tee, Ti as Xe, Tr as Ze, Tt as Qe, U as nee, Ui as $e, Ur as et, Ut as tt, Vi as nt, Vn as rt, Vr as it, Vt as at, W as ree, Wi as iee, Wt as ot, X as aee, Xn as st, Xr as oee, Y as see, Yn as ct, Yr as lt, Z as ut, Zi as dt, Zr as ft, _ as pt, _i as mt, _n as ht, _r as gt, _t, a as cee, aa as lee, ai as uee, ar as vt, at as yt, bi as dee, bn as fee, br as bt, bt as xt, c as pee, ci as mee, cn as hee, cr as St, ct as gee, di as _ee, dn as vee, dr as yee, ei as bee, er as xee, et as See, fi as Cee, fn as Ct, fr as wee, ft as Tee, g as wt, gi as Eee, gn as Dee, gr as Tt, gt as Et, hi as Dt, hn as Ot, hr as kt, ht as At, ia as jt, ii as Mt, in as Nt, ir as Pt, it as Ft, j as It, ji as Lt, jr as Rt, jt as zt, k as Bt, ki as Vt, kn as Ht, kr as Ut, kt as Wt, l as Gt, li as Kt, ln as qt, lt as Jt, mi as Yt, mn as Xt, mr as Zt, mt as Qt, n as $t, na as en, ni as tn, nn, nr as rn, nt as an, o as on, oa as sn, oi as cn, on as ln, or as un, ot as Oee, p as kee, pi as Aee, pn as jee, pt as Mee, qi as dn, qn as Nee, qt as fn, ra as Pee, ri as Fee, rn as Iee, rr as Lee, rt as Ree, s as zee, si as Bee, sr as pn, st as mn, ti as Vee, tn as Hee, tr as Uee, tt as hn, ui as Wee, un as Gee, ur as Kee, ut as qee, v as gn, vi as Jee, vn as Yee, vr as _n, vt as vn, w as Xee, wi as yn, wr as bn, wt as Zee, x as xn, xi as Qee, xn as $ee, xr as Sn, xt as Cn, y as ete, yi as tte, yn as nte, yr as wn, yt as Tn, z as rte, zi as ite, zr as ate, zt as En } from "./use-chat-composer-CkEPJo5I.js";
 import { a as Dn, n as On, o as kn, r as ote, t as An } from "./dist-DVRQkaTK.js";
 import { a as jn, c as Mn, i as ste, l as Nn, n as Pn, o as Fn, r as In, s as Ln, t as cte } from "./dist-lmHmz_bu.js";
 import { C as Rn, b as zn, c as Bn, d as Vn, f as Hn, o as Un, t as Wn, u as Gn, x as Kn } from "./tooltip-rhbqNmr3.js";
@@ -12,7 +12,7 @@ import { _ as Pr } from "./floating-ui.dom-KkZSW8_E.js";
 import { B as Fr, C as Ir, F as Lr, G as Rr, H as zr, I as Br, J as Vr, K as Hr, L as Ur, P as Wr, R as Gr, S as lte, T as Kr, U as qr, V as Jr, W as Yr, Y as Xr, _ as ute, b as Zr, c as Qr, d as $r, f as ei, g as dte, h as fte, i as ti, l as ni, n as ri, o as ii, p as ai, q as oi, s as pte, t as si, u as ci, v as li, w as ui, y as di, z as fi } from "./dropdown-menu-BC5Tbhb9.js";
 import { a as pi, i as mi, n as hi, r as gi } from "./field-blur-context-1ZwJgsHE.js";
 import { i as _i } from "./hover-card-Cox-tPDz.js";
-import { c as vi, d as mte, f as yi, h as hte, i as bi, l as xi, m as Si, o as Ci, p as wi, r as Ti, s as Ei, u as Di, v as Oi } from "./public-Ce30uvp0.js";
+import { c as vi, d as mte, f as yi, h as hte, i as bi, l as xi, m as Si, o as Ci, p as wi, r as Ti, s as Ei, u as Di, v as Oi } from "./public-DGvtAz7M.js";
 import { T as gte, b as _te, c as ki, f as vte, l as Ai, o as ji, s as Mi, x as yte, y as bte } from "./toolbar-items-CqHvlTU8.js";
 import { t as xte } from "./bubble-input-B7BVd9fX.js";
 import { i as Ste } from "./stored-language-BeIKw3-K.js";
@@ -36,8 +36,8 @@ import { t as Xi } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { t as Zi } from "./useEvent-2fKq-6w8.js";
 import { a as Qi, c as $i, d as ea, f as ta, i as na, l as ra, n as ia, o as aa, r as oa, s as sa, t as ca, u as la } from "./field-blur-DPLsMufs.js";
 import { c as ua, s as da, u as fa } from "./dist-C3GR7kJd.js";
-import { n as pa, t as ma } from "./use-theme-Cd-aiDJo.js";
-import { a as ha, i as ga } from "./theme-context-BagPvRcz.js";
+import { n as pa, t as ma } from "./use-theme-DMcyJ52N.js";
+import { a as ha, i as ga } from "./theme-context-Cofk6vgs.js";
 import { t as _a } from "./warn-once-C_e47JM8.js";
 import { i as va, n as ya, t as ba } from "./toggle-group-j8zaxEg1.js";
 import { i as xa, n as Sa } from "./use-slice-reducer-BGkeGtML.js";
@@ -50,7 +50,7 @@ import { t as so } from "./chip-DpySRqCy.js";
 import { n as co, t as lo } from "./icon-badge-q3Ve8gra.js";
 import { n as uo, r as fo, t as po } from "./use-csp-nonce-ZKs9k-ov.js";
 import { a as mo, c as ho, d as go, f as _o, l as Nte, n as Pte, o as vo, p as yo, r as Fte } from "./line-path-BQeLQZ-P.js";
-import { t as bo } from "./empty-state-s2CSjKXJ.js";
+import { t as bo } from "./empty-state-COAV2d-R.js";
 import { t as xo } from "./skeleton-Bmp4gWAH.js";
 import { t as So } from "./live-status-BGPaN8r8.js";
 import { t as Co } from "./use-mobile-BDro060N.js";
@@ -20221,31 +20221,34 @@ function wA({ table: e, props: t, unpaged: n }) {
 //#endregion
 //#region lib/components/ui/collections/data-table/data-table-density.ts
 var TA = "border-separate border-spacing-y-1 md:border-spacing-y-2 data-[density=compact]:border-spacing-y-0.5 md:data-[density=compact]:border-spacing-y-0.5", EA = "[table[data-density=compact]>tbody>tr>&]:py-1", DA = "[table[data-density=compact]>thead>tr>&]:h-8", OA = "[table[data-density=compact]>thead_&]:h-6", kA = "[table[data-density=compact]>tbody>tr>td>&]:h-4", AA = (e) => e == null || e === !1 || e === "";
-function jA({ empty: e, emptyFiltered: t, filtered: n }) {
-	let { t: r } = O(), i = (e) => typeof e == "function" ? e({ filtered: n }) : e;
-	return [n ? i(t) : null, i(e)].find((e) => !AA(e)) ?? (n ? /* @__PURE__ */ B(bo, {
+function jA({ empty: e, emptyFiltered: t, emptyIllustration: n, filtered: r }) {
+	let { t: i } = O(), a = (e) => typeof e == "function" ? e({ filtered: r }) : e;
+	return [r ? a(t) : null, a(e)].find((e) => !AA(e)) ?? (r ? /* @__PURE__ */ B(bo, {
 		kind: "search",
 		size: "compact",
-		title: r("material.table.labels.no-results", "No results"),
-		description: r("material.table.labels.no-results-description", "Try a different search or clear the filters.")
+		illustration: n,
+		title: i("material.table.labels.no-results", "No results"),
+		description: i("material.table.labels.no-results-description", "Try a different search or clear the filters.")
 	}) : /* @__PURE__ */ B(bo, {
 		kind: "empty",
 		size: "compact",
-		title: r("material.table.labels.no-data", "No data available")
+		illustration: n,
+		title: i("material.table.labels.no-data", "No data available")
 	}));
 }
-function MA({ columnCount: e, empty: t, emptyFiltered: n, filtered: r }) {
+function MA({ columnCount: e, empty: t, emptyFiltered: n, emptyIllustration: r, filtered: i }) {
 	return /* @__PURE__ */ B(Nte, {
 		colSpan: e,
 		className: "px-0",
 		children: /* @__PURE__ */ B("div", {
 			"data-slot": "data-table-empty",
-			"data-filtered": r || void 0,
+			"data-filtered": i || void 0,
 			className: "sticky start-1 me-auto flex w-full max-w-[calc(var(--table-visible-width,100%)-0.5rem)] justify-center px-4",
 			children: /* @__PURE__ */ B(jA, {
 				empty: t,
 				emptyFiltered: n,
-				filtered: r
+				emptyIllustration: r,
+				filtered: i
 			})
 		})
 	});
@@ -20361,13 +20364,13 @@ function zA({ table: e, virtual: t, headerRows: n, loading: r, ...i }) {
 }
 //#endregion
 //#region lib/components/ui/collections/data-table/partials/data-table-body.tsx
-function BA({ table: e, renderExpandedRow: t, getRowHref: n, onRowClick: r, linkComponent: i, loading: a, loadingRows: o, empty: s, emptyFiltered: c, filtered: l, virtual: u, headerRows: d = 0 }) {
+function BA({ table: e, renderExpandedRow: t, getRowHref: n, onRowClick: r, linkComponent: i, loading: a, loadingRows: o, empty: s, emptyFiltered: c, emptyIllustration: l, filtered: u, virtual: d, headerRows: f = 0 }) {
 	"use no memo";
-	let f = e.getRowModel().rows, p = e.getVisibleLeafColumns().length;
-	return f.length ? u ? /* @__PURE__ */ B(zA, {
+	let p = e.getRowModel().rows, m = e.getVisibleLeafColumns().length;
+	return p.length ? d ? /* @__PURE__ */ B(zA, {
 		table: e,
-		virtual: u,
-		headerRows: d,
+		virtual: d,
+		headerRows: f,
 		loading: a,
 		getRowHref: n,
 		onRowClick: r,
@@ -20376,7 +20379,7 @@ function BA({ table: e, renderExpandedRow: t, getRowHref: n, onRowClick: r, link
 		inert: a || void 0,
 		"data-loading": a || void 0,
 		className: "transition-opacity data-loading:opacity-50",
-		children: f.map((e) => /* @__PURE__ */ B(FA, {
+		children: p.map((e) => /* @__PURE__ */ B(FA, {
 			row: e,
 			renderExpandedRow: t,
 			getRowHref: n,
@@ -20385,12 +20388,13 @@ function BA({ table: e, renderExpandedRow: t, getRowHref: n, onRowClick: r, link
 		}, e.id))
 	}) : /* @__PURE__ */ B(vo, { children: a ? /* @__PURE__ */ B(IA, {
 		rows: o ?? e.store.state.pagination.pageSize,
-		columnCount: p
+		columnCount: m
 	}) : /* @__PURE__ */ B(MA, {
-		columnCount: p,
+		columnCount: m,
 		empty: s,
 		emptyFiltered: c,
-		filtered: l
+		emptyIllustration: l,
+		filtered: u
 	}) });
 }
 //#endregion
@@ -20495,6 +20499,7 @@ function qA({ table: e, props: t, tableRef: n, focusable: r, filtered: a, virtua
 				loadingRows: t.loadingRows,
 				empty: t.empty,
 				emptyFiltered: t.emptyFiltered,
+				emptyIllustration: t.emptyIllustration,
 				filtered: a
 			})]
 		})
@@ -20762,7 +20767,7 @@ function xj({ count: e, kind: t }) {
 }
 //#endregion
 //#region lib/components/ui/collections/data-table/partials/layouts/data-table-items-empty.tsx
-function Sj({ listRef: e, focusable: t, filtered: n, empty: r, emptyFiltered: i }) {
+function Sj({ listRef: e, focusable: t, filtered: n, empty: r, emptyFiltered: i, emptyIllustration: a }) {
 	return /* @__PURE__ */ B("div", {
 		ref: e,
 		tabIndex: t ? -1 : void 0,
@@ -20772,6 +20777,7 @@ function Sj({ listRef: e, focusable: t, filtered: n, empty: r, emptyFiltered: i
 		children: /* @__PURE__ */ B(jA, {
 			empty: r,
 			emptyFiltered: i,
+			emptyIllustration: a,
 			filtered: n
 		})
 	});
@@ -20932,7 +20938,8 @@ function Pj({ layout: e, table: t, props: n, listRef: r, focusable: i, filtered:
 		focusable: i,
 		filtered: a,
 		empty: n.empty,
-		emptyFiltered: n.emptyFiltered
+		emptyFiltered: n.emptyFiltered,
+		emptyIllustration: n.emptyIllustration
 	});
 	let d = {
 		ref: r,
@@ -91576,7 +91583,7 @@ function cHe(e, t, n, r = 8) {
 //#region lib/components/ui/layout/app-shell/use-keep-shapes-inside.ts
 var X2 = "[data-slot=\"app-header\"], [data-slot=\"breadcrumb\"], [data-slot=\"activity-content-header\"], [data-slot=\"entity-header\"]", Z2 = "[data-slot=\"activity-content-region\"]", Q2 = (e) => e.getBoundingClientRect(), lHe = .05;
 function uHe(e, t) {
-	let n = [...e.querySelectorAll(X2)], r = (e) => getComputedStyle(e).position === "sticky", i = e.querySelector(Z2), a = (e) => i?.contains(e) && i.scrollTop || window.scrollY, o = (e) => {
+	let n = [...e.querySelectorAll(X2)].filter((e) => e.getClientRects().length > 0), r = (e) => getComputedStyle(e).position === "sticky", i = e.querySelector(Z2), a = (e) => i?.contains(e) && i.scrollTop || window.scrollY, o = (e) => {
 		let t = Q2(e), n = a(e);
 		return {
 			...t,
@@ -91648,7 +91655,7 @@ function fHe() {
 }
 //#endregion
 //#region lib/components/ui/layout/app-shell/theme-backdrop.tsx
-var pHe = pc(async () => ({ default: (await import("./background--Bf_EbFR.js").then((e) => e.n)).Background }));
+var pHe = pc(async () => ({ default: (await import("./background-CAWV_qSk.js").then((e) => e.n)).Background }));
 function mHe() {
 	return /* @__PURE__ */ B(oc, {
 		fallback: null,
@@ -96125,7 +96132,7 @@ function xWe({ kind: e, src: t, name: n, onError: r }) {
 //#region lib/components/ui/media/file-preview/file-preview-pdf.lazy.ts
 var B6;
 function SWe() {
-	return B6 ??= import("./public-Ce30uvp0.js").then((e) => e.n).then((e) => e.PdfReader, (e) => {
+	return B6 ??= import("./public-DGvtAz7M.js").then((e) => e.n).then((e) => e.PdfReader, (e) => {
 		throw B6 = void 0, e;
 	}), B6;
 }