@nxgt/material 3.49.0 → 3.51.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @nxgt/material
 
+## 3.51.0
+
+### Minor Changes
+
+- [#1848](https://github.com/softistx/nxgt-material/pull/1848) [`1b506da`](https://github.com/softistx/nxgt-material/commit/1b506dafb6c7fbb0e2ad287a217f3b950a521e14) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ServerTable` with `bulkActions` and `filter`: the first selected row turns the band that holds the filter bar into a selection bar in place ([#1718](https://github.com/softistx/nxgt-material/issues/1718)), on the same row and height: "N selected", the bulk actions and a tonal "Cancel" that clears the selection. The search and the page's actions stay mounted, hidden, so the table does not move; clearing the selection brings them back and gives the focus to the control that started the selection, or else to the list. The extra bulk toolbar row that grew from `h-0` is gone, and the cards' and tiles' list bar no longer repeats the count and "Clear selection". On a phone the bar is one row: the first action keeps its button, the others go into an icon "More". The public props are unchanged; without `filter`, or with the facets panel, the bulk actions stay in the table's toolbar. New text keys `material.server-table.bulk-selected`, `bulk-cancel` and `bulk-bar`.
+  
+  Migration: tests that query "Clear selection" in a `ServerTable` with `filter` and `bulkActions` now query `getByRole('button', { name: 'Cancel' })` inside `getByRole('group', { name: 'Selected rows' })`, and `[data-slot="header"]` (the toolbar row) no longer appears on selection. While rows are selected the search is `inert`, so `filterRef.focus()` does nothing; cancel the selection first. Below 768px the band keeps one bulk action and puts the rest in "More".
+
+### Patch Changes
+
+- [#1847](https://github.com/softistx/nxgt-material/pull/1847) [`a4f357c`](https://github.com/softistx/nxgt-material/commit/a4f357ca1f73cc724d29963dd4a0637b4fa87f82) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fix a backdrop shape seen behind a paragraph of body text on a reload, or after a late font load reflows the text with `keepClear="gaps"` (or `true`) on `ActivityLayout`, `AuthCard` and the theme's background ([#1720](https://github.com/softistx/nxgt-material/issues/1720)). The first pass dropped a glyph over the text by fading it out over 150 ms, after the scene was shown, so a shape was drawn behind the text for those frames at phone width and on desktop. A dropped glyph is now hidden at once on the first pass; the fade starts one frame later (`data-settled` on the scene) and still softens every later drop and return. The pass also runs again when a web font finishes loading late, so text that reflows after it keeps its margin.
+
+## 3.50.0
+
+### Minor Changes
+
+- [#1830](https://github.com/softistx/nxgt-material/pull/1830) [`a42fa41`](https://github.com/softistx/nxgt-material/commit/a42fa41f31a418a7ddae46a34330f75e9fe684be) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Re-export `effectiveConditions` and `splitFilterErrors` (with `FilterSplitErrors`, `FilterFieldError` and `FilterFieldErrors`) from `@nxgt/material/components`, next to `parseFilterQuery`, so a server loader reads the effective conditions and the field errors of a filter query without a direct `@nxgt/material-core` dependency ([#1726](https://github.com/softistx/nxgt-material/issues/1726)).
+
+- [#1837](https://github.com/softistx/nxgt-material/pull/1837) [`6ec2b9d`](https://github.com/softistx/nxgt-material/commit/6ec2b9dde775e3bcac235fc0c46567d98420aad6) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Add `hideOnSinglePage` to `PageFooter` and `ServerTable`: an opt-in that renders no footer when the result is a single page (no previous and no next page), in the table, cards and tiles layouts. The default is unchanged; `ServerTable` still announces the count in its live region, and keeps its selection status with `bulkActions` ([#1732](https://github.com/softistx/nxgt-material/issues/1732)).
+
+- [#1833](https://github.com/softistx/nxgt-material/pull/1833) [`776fbc6`](https://github.com/softistx/nxgt-material/commit/776fbc66cd26f79d4cbdcc2155d23c58989272f1) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `IconButton` and `RowMenuTrigger` take `loading`, as `Button`'s (`RowMenu` takes it in `triggerProps`): `aria-busy` and `aria-disabled`, a spinner in place of the icon with no change of size, every click blocked, and the button stays focusable, so the focus stays on it when a row's menu closes and its action runs. A busy row does not open its menu again until it is over ([#1730](https://github.com/softistx/nxgt-material/issues/1730)).
+
+- [#1843](https://github.com/softistx/nxgt-material/pull/1843) [`440665b`](https://github.com/softistx/nxgt-material/commit/440665b38e18055baf43e6cf98196e4004618610) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `StepUpDialog` gains `onRetry`: when the code request failed (`requestError`), the alert holds a "Retry" button (`labels.retry`, `material.step-up-dialog.retry` in English and French) that calls it. While the returned promise is pending the button is busy and keeps the focus; once the request succeeds the code field takes the focus, and a retry that fails again keeps the focus on "Retry" and announces the new error, even when its text is the same. Without `onRetry` nothing changes ([#1831](https://github.com/softistx/nxgt-material/issues/1831)).
+
+### Patch Changes
+
+- [#1842](https://github.com/softistx/nxgt-material/pull/1842) [`cb50aae`](https://github.com/softistx/nxgt-material/commit/cb50aaeef0d7d96a8b5dcec47935da3b77cc6aaa) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fix the touch hit areas of `static` close buttons ([#1733](https://github.com/softistx/nxgt-material/issues/1733)). A tap on a section header of the phone filters sheet, or on a field of the DataGrid's phone row panel, did nothing on a touch screen: the Close button was `static`, so its invisible 44px hit area was placed against the whole sheet and covered it. These buttons (and the gallery's column arrows, and the switcher's close) are now `relative` with their offsets reset, and cover only their own corner.
+
+- [#1844](https://github.com/softistx/nxgt-material/pull/1844) [`1f2e06c`](https://github.com/softistx/nxgt-material/commit/1f2e06c04129f9446d4cfb2523110ac8c3ff626f) Thanks [@SteveGT96](https://github.com/SteveGT96)! - fix(filter): a quick `switch` or `checkbox` field is drawn as a toggle chip, not an add pill ([#1722](https://github.com/softistx/nxgt-material/issues/1722)). Off, `FilterQuickToggle` shows its label alone, with no plus icon and no dashed border; on, the chip's check mark and selected look. It stays a button with `aria-pressed`. The dashed "+ Field" pill remains for the quick fields that open an editor.
+
+- [#1834](https://github.com/softistx/nxgt-material/pull/1834) [`2e083b7`](https://github.com/softistx/nxgt-material/commit/2e083b75c1b851cf34c119676b48c35ffe0fa284) Thanks [@SteveGT96](https://github.com/SteveGT96)! - ServerTable with `filter`: the no-match empty state always offers "Clear all", a single active chip included, and its label is `empty.clear` when set ([#1731](https://github.com/softistx/nxgt-material/issues/1731)). Locked conditions stay.
+
+- [#1841](https://github.com/softistx/nxgt-material/pull/1841) [`7072131`](https://github.com/softistx/nxgt-material/commit/70721316d9c32b82d8577e5937b635d30349c02c) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `VerificationCode` and `StepUpDialog`: once a resend settles, with or without a throttle, the focus returns to the code field when "Resend" (or the page, after a disabled Resend dropped it) held it as the resend started; a focus the user moved elsewhere is left alone. `StepUpDialog` now accepts `autoFocus` and passes it to `VerificationCode`, so the code field takes the first focus instead of the title ([#1832](https://github.com/softistx/nxgt-material/issues/1832)).
+
 ## 3.49.0
 
 ### Minor Changes

package/README.md

@@ -639,7 +639,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-servertable.webp" width="120" alt="ServerTable"> | [`ServerTable`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#servertable), `createSorting`, `tableFilters`, `defineFilterModel`, `parseFilterQuery`, `serializeFilterQuery`, `paramsFromQuery`, `serverPagination`… | A server-mode `DataTable` driven by the URL's search params, for any router: the Filter in its top band with the page's title (optional), description and actions, the sort, forward cursor paging, a selection reset on a new query, the empty page (a scene and an action for "nothing yet", the filters as removable chips), a compact band (`bandDensity`), icon-only Previous / Next (`pageControls`, 44px targets on a touch screen, focus kept while a page loads), actions that stay on the search's row on a phone (`bandActions`), a bulk bar that reserves no row until a selection, bulk actions with `appliesTo` that count and run only the selected rows they apply to (hidden at zero), an accessible `name`, a `max` rows with a notice, and `focusTrigger()` to give the focus back after a dialog, a `filterRef` to focus the Filter, a page past the last (rows deleted) that says so and links back to the first, an error state with Retry for a failed fetch (`error`, `onRetry`), and one count announced. | `ServerTable`, `createSorting`, `tableFilters`, `serverPagination` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-rowmenu.webp" width="120" alt="RowMenu"> | [`RowMenu`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#rowmenu), `RowMenuTrigger`, `rowMenuColumn` | A row's "..." button named after its row ("Actions for Ada"; 44px on touch, 36px with a mouse from `md`), its menu aligned to the end with the destructive item last and 44px items on touch, and a column helper for `DataTable` and `ServerTable` under a hidden but named "Actions" header; focus returns to the button, also from a dialog an item opened. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-listempty.webp" width="120" alt="ListEmpty"> | [`ListEmpty`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#listempty) | A list's empty page: nothing yet (a title, or a scene, a line and an action), or nothing matches with what narrows it and a way out (a button or a link); its title is an `h2` (`headingLevel`). | `ListEmpty` |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-pagefooter.webp" width="120" alt="PageFooter"> | [`PageFooter`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#pagefooter) | The page footer of a feed that is not a table (a list of cards, a news feed) under a `FilterBar`: the range ("21–40 of 134") and Previous / Next as real links built from the URL's cursor trail (`pageInfo`, `totalCount`, `params`; `totalCount` is optional: a feed with no total shows no range, only Previous / Next), the same footer `ServerTable` draws, icon-only with `pageControls="icon"` (44px targets on a touch screen); an end with no page is a disabled button, `aria-disabled`. | `PageFooter` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-pagefooter.webp" width="120" alt="PageFooter"> | [`PageFooter`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#pagefooter) | The page footer of a feed that is not a table (a list of cards, a news feed) under a `FilterBar`: the range ("21–40 of 134") and Previous / Next as real links built from the URL's cursor trail (`pageInfo`, `totalCount`, `params`; `totalCount` is optional: a feed with no total shows no range, only Previous / Next; `hideOnSinglePage` renders nothing when there is no previous and no next page), the same footer `ServerTable` draws, icon-only with `pageControls="icon"` (44px targets on a touch screen); an end with no page is a disabled button, `aria-disabled`. | `PageFooter` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-datagrid.webp" width="120" alt="DataGrid"> | [`DataGrid`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#datagrid) | An editable grid over `DataTable`'s columns: spreadsheet keys, a selected range, editors for text, numbers (with codes such as "abs"), options, dates and checkboxes, or your own; paste from Excel or Sheets, a fill handle that continues series, resizable, hideable and reorderable columns, undo, totals, and saving per cell, per row or in a batch with versions and conflicts ([guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/data-grid.md)). Long grids render only what is in view; on a phone it is a list of rows that open a panel. | — (later) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-daygroupedlist.webp" width="120" alt="DayGroupedList"> | [`DayGroupedList`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#daygroupedlist), `groupByDay` | A list split by day — Today, Yesterday, This week, Earlier — under headings that stick while their items scroll. | — (later) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-filter.webp" width="120" alt="Filter"> | [`Filter`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#filter), `FilterProvider`, `FilterContent`, `FilterChips`, `FilterPresets`, `FilterSheetTrigger`, `FilterBar`, `useFilterUrlQuery` · `FilterFormField` | Schema-driven filters with chips, presets, validation, and URL or storage persistence, and a query-driven `variant="bar"` / `"facets"` (quick filters, locked conditions, a phone sheet, a URL codec for a loader; `bandDensity="compact"` as on `ServerTable`), and `FilterBar`, the same bar bound to the URL for a feed or list without a table (`useFilterUrlQuery` is its hook, also `ServerTable`'s), a field `default` shown as an uncounted hint chip (a button that opens the editor on the default), a pressed toggle or checked values with a "Default" word (`defaults` prop), a `scope` field as a leading pill kept by "Clear all", a server refusal shown on the chip (`errors`, its words in the Alert under the bar unless `errorSummary={false}`), on the search box (`searchError`) or as an Alert under the bar (`formError`) and a model with `search: false`; the filter bar's "Filters (N)" (`FilterSheetTrigger`) can be placed inside a `ServerTable` (its actions). | `Filter`, `FilterProvider`, `FilterContent`, `FilterChips`, `FilterPresets`, `FilterSheetTrigger`, `FilterFormField`; `FilterBar`, `useFilterUrlQuery`: — (later, #1569) |

package/dist/{async-slice-DlvKCKAa.js → async-slice-BGtmF3K5.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./stored-language-IaL1Ftn_.js";
-import { r } from "./translator-Dk4_qE6U.js";
+import { i as e, r as t, t as n } from "./stored-language-Cb9FMEwk.js";
+import { r } from "./translator-BnQXtpSZ.js";
 import { t as i } from "./_baseIsEqual-C6ksIHya.js";
 import { useMemo as a } from "react";
 import { asyncThunkCreator as o, buildCreateSlice as s } from "@reduxjs/toolkit";

package/dist/{button-DJgaQbBD.js → button-BWcr2b49.js}

@@ -1,26 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./is-production-GLw59WU8.js";
 import { n, t as r } from "./dist-DVRQkaTK.js";
-import { n as i, t as a } from "./dist-B61_o9Mg.js";
-import { a as o, i as s, r as c, t as l } from "./button-tones-BwuVvAmd.js";
-import { t as u } from "./spinner-BhuZuHK1.js";
-import { t as d } from "./button-group-context-CaP0X5p_.js";
-import { t as f } from "./has-text-content-Ds2dkHX_.js";
-import { Children as p, Fragment as m, cloneElement as h, isValidElement as g, useCallback as _, useContext as v, useEffect as y, useRef as b, useState as x } from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-//#region lib/components/ui/actions/button/busy-click-capture.ts
-function w(e, t, n) {
-	return (r) => {
-		if (e || t.isLocked()) {
-			r.preventDefault(), r.stopPropagation();
-			return;
-		}
-		t.lock(), n?.(r);
-	};
-}
-//#endregion
+import { n as i, r as a, t as o } from "./spinner-UvqlDsV8.js";
+import { a as s, i as c, n as l, o as u, s as d, t as f } from "./use-click-lock-BZYtTmVt.js";
+import { t as p } from "./button-group-context-CaP0X5p_.js";
+import { t as m } from "./has-text-content-Ds2dkHX_.js";
+import { Children as h, Fragment as g, cloneElement as _, isValidElement as v, useContext as y, useEffect as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region lib/components/ui/actions/button/button.compound-variants.ts
-var T = [
+var C = [
 	{
 		variant: "filled",
 		color: "primary",
@@ -196,7 +184,7 @@ var T = [
 		color: "default",
 		class: `${c.default} ${l.default} hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
 	}
-], E = a("nxgt-btn nxgt-morph-fill inline-flex center gap-[var(--btn-gap,0.5rem)] h-min cursor-pointer whitespace-nowrap disabled:pointer-events-none aria-busy:cursor-progress [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[var(--btn-ic,1rem)] shrink-0 [&_svg]:shrink-0 aria-invalid:[--btn-focus:var(--color-error)] aria-invalid:[--btn-line:var(--color-error)] px-[calc(var(--btn-px,1rem)+var(--btn-dx,0px))] py-2 has-[>svg]:px-[calc(var(--btn-px,1rem)-var(--btn-pxi,0.25rem)+var(--btn-dx,0px))]", {
+], w = i("nxgt-btn nxgt-morph-fill inline-flex center gap-[var(--btn-gap,0.5rem)] h-min cursor-pointer whitespace-nowrap disabled:pointer-events-none aria-busy:cursor-progress [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[var(--btn-ic,1rem)] shrink-0 [&_svg]:shrink-0 aria-invalid:[--btn-focus:var(--color-error)] aria-invalid:[--btn-line:var(--color-error)] px-[calc(var(--btn-px,1rem)+var(--btn-dx,0px))] py-2 has-[>svg]:px-[calc(var(--btn-px,1rem)-var(--btn-pxi,0.25rem)+var(--btn-dx,0px))]", {
 	variants: {
 		variant: {
 			filled: "",
@@ -223,11 +211,11 @@ var T = [
 		variant: "filled",
 		color: "primary"
 	},
-	compoundVariants: T
-}), D = ((e) => E(e?.variant === "ghost" && e.color == null ? {
+	compoundVariants: C
+}), T = ((e) => w(e?.variant === "ghost" && e.color == null ? {
 	...e,
 	color: "default"
-} : e)), O = {
+} : e)), E = {
 	xs: "min-h-6",
 	sm: "min-h-8",
 	default: "min-h-9",
@@ -235,94 +223,75 @@ var T = [
 	xl: "min-h-14",
 	"2xl": "min-h-24"
 };
-function k(e, t) {
-	return !e || t?.startsWith("icon") ? !1 : `h-auto ${t ? O[t] : ""} whitespace-normal **:whitespace-normal text-center`;
+function D(e, t) {
+	return !e || t?.startsWith("icon") ? !1 : `h-auto ${t ? E[t] : ""} whitespace-normal **:whitespace-normal text-center`;
 }
 //#endregion
 //#region lib/components/ui/actions/button/label-text.tsx
-function A(e) {
+function O(e) {
 	let t = [], n = 0, r = [], i = () => {
 		if (r.length === 0) return;
 		let e = r.join("");
-		r = [], e.trim() === "" ? t.push(e) : t.push(/* @__PURE__ */ S("span", {
+		r = [], e.trim() === "" ? t.push(e) : t.push(/* @__PURE__ */ x("span", {
 			"data-slot": "button-label",
 			children: e
 		}, `label-${n++}`));
 	};
-	for (let n of p.toArray(e)) {
+	for (let n of h.toArray(e)) {
 		if (typeof n == "string" || typeof n == "number" || typeof n == "bigint") {
 			r.push(n);
 			continue;
 		}
-		i(), t.push(j(n));
+		i(), t.push(k(n));
 	}
 	return i(), t;
 }
-function j(e) {
-	return g(e) && e.type === m ? h(e, void 0, A(e.props.children)) : e;
-}
-//#endregion
-//#region lib/components/ui/actions/button/use-click-lock.ts
-var M = 1e3;
-function N(e, t) {
-	let n = b(!1), r = b(!1), i = b(void 0), [a, o] = x(!1), s = _(() => {
-		n.current = !1, r.current = !1, clearTimeout(i.current), o(!1);
-	}, []), c = _(() => {
-		e && (n.current = !0, o(!0), clearTimeout(i.current), i.current = setTimeout(() => {
-			r.current || s();
-		}, M));
-	}, [e, s]);
-	return y(() => {
-		n.current && (t ? r.current = !0 : r.current && s());
-	}, [t, s]), y(() => () => clearTimeout(i.current), []), {
-		locked: a,
-		lock: c,
-		isLocked: _(() => n.current, [])
-	};
+function k(e) {
+	return v(e) && e.type === g ? _(e, void 0, O(e.props.children)) : e;
 }
 //#endregion
 //#region lib/components/ui/actions/button/button.tsx
-function P({ className: i, variant: a = "filled", asChild: s = !1, children: c, color: l, size: p, loading: m = !1, lockOnClick: h, spinnerVariant: g = "2", wrap: _, shape: b, selected: x, disabled: T, onClickCapture: E, type: O = "button", ...j }) {
-	let M = s ? r : "button", P = v(d), F = p ?? P, I = s && x !== void 0;
-	y(() => {
+function A({ className: i, variant: a = "filled", asChild: s = !1, children: c, color: l, size: h, loading: g = !1, lockOnClick: _, spinnerVariant: v = "2", wrap: C, shape: w, selected: E, disabled: k, onClickCapture: A, type: j = "button", ...M }) {
+	let N = s ? r : "button", P = y(p), F = h ?? P, I = s && E !== void 0;
+	b(() => {
 		I && !t() && console.warn("Button: `selected` is ignored with `asChild`; set aria-pressed on the child element.");
 	}, [I]);
-	let L = !s && x !== void 0, R = v(o) || !!(j["aria-label"] || j["aria-labelledby"]) || f(c), z = N(h, m), B = m || z.locked, V = w(B, z, E);
-	return /* @__PURE__ */ S(o, {
+	let L = !s && E !== void 0, R = y(d) || !!(M["aria-label"] || M["aria-labelledby"]) || m(c), z = f(_, g), B = g || z.locked, V = u(B, z, A);
+	return /* @__PURE__ */ x(d, {
 		value: R,
-		children: /* @__PURE__ */ C(M, {
+		children: /* @__PURE__ */ S(N, {
 			"data-slot": "button",
 			"data-variant": a,
 			"data-color": l,
 			"data-size": F,
-			"data-shape": b,
-			"data-selected": L && x ? "true" : void 0,
-			className: e("w-fit max-w-full min-w-0 justify-center", s && "nxgt-btn-as-child overflow-clip text-ellipsis whitespace-nowrap [overflow-clip-margin:22px]", D({
+			"data-shape": w,
+			"data-selected": L && E ? "true" : void 0,
+			className: e("w-fit max-w-full min-w-0 justify-center", s && "nxgt-btn-as-child overflow-clip text-ellipsis whitespace-nowrap [overflow-clip-margin:22px]", T({
 				variant: a,
 				color: l,
 				size: F
-			}), k(_, F), i),
-			type: s ? void 0 : O,
-			disabled: T,
-			...j,
-			"aria-disabled": B || j["aria-disabled"],
-			"aria-busy": B || j["aria-busy"],
-			"aria-pressed": L ? x : j["aria-pressed"],
+			}), D(C, F), i),
+			type: s ? void 0 : j,
+			disabled: k,
+			...M,
+			"aria-disabled": B || M["aria-disabled"],
+			"aria-busy": B || M["aria-busy"],
+			"aria-pressed": L ? E : M["aria-pressed"],
 			onClickCapture: V,
-			children: [B && /* @__PURE__ */ S(u, {
-				variant: g,
+			children: [B && /* @__PURE__ */ x(o, {
+				variant: v,
 				color: a === "filled" ? "light" : l,
-				className: e("starting:scale-0 duration-500", g === "4" ? "size-7.5" : "size-4.5")
-			}), /* @__PURE__ */ S(n, { children: s ? c : A(c) })]
+				className: e("starting:scale-0 duration-500", v === "4" ? "size-7.5" : "size-4.5")
+			}), /* @__PURE__ */ x(n, { children: s ? c : O(c) })]
 		})
 	});
 }
-function F({ tooltip: e, ...t }) {
-	return e ? /* @__PURE__ */ S(i, {
+function j({ tooltip: e, ...t }) {
+	return e ? /* @__PURE__ */ x(a, {
 		content: e,
-		children: /* @__PURE__ */ S(P, { ...t })
-	}) : /* @__PURE__ */ S(P, { ...t });
+		children: /* @__PURE__ */ x(A, { ...t })
+	}) : /* @__PURE__ */ x(A, { ...t });
 }
-var I = "tonal";
+var M = "tonal";
 //#endregion
-export { D as a, A as i, I as n, w as o, N as r, F as t };
+export { T as i, M as n, O as r, j as t };

package/dist/charts.js

@@ -1,12 +1,12 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./warn-once-C_e47JM8.js";
-import { t as r } from "./use-material-translation-DOkTaWK_.js";
-import { t as i } from "./button-DJgaQbBD.js";
+import { t as r } from "./use-material-translation-pLgSqqLw.js";
+import { t as i } from "./button-BWcr2b49.js";
 import { t as a } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as o, n as s, r as c, t as l } from "./util-4heV2LPI.js";
 import { t as u } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { t as d } from "./chip-DN44R1vW.js";
+import { t as d } from "./chip-CmLW6ZrT.js";
 import { c as f, d as p, f as m, i as h, o as g, p as _, s as v, t as y } from "./line-path-C5pZGC49.js";
 import { t as b } from "./live-status-BGPaN8r8.js";
 import { t as x } from "./linear-G97mfnKF.js";

package/dist/{chip-DN44R1vW.js → chip-CmLW6ZrT.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { n as t } from "./dist-B61_o9Mg.js";
-import { a as n } from "./button-tones-BwuVvAmd.js";
-import { t as r } from "./use-material-translation-DOkTaWK_.js";
+import { r as t } from "./spinner-UvqlDsV8.js";
+import { s as n } from "./use-click-lock-BZYtTmVt.js";
+import { t as r } from "./use-material-translation-pLgSqqLw.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { cloneElement as a, isValidElement as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/{code-editor-BJ9ewxSC.js → code-editor-BKMaeIF6.js}

@@ -2,13 +2,13 @@ import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./is-production-GLw59WU8.js";
 import { a as r } from "./dist-lmHmz_bu.js";
-import { c as i, d as a, f as o, n as s, t as c } from "./dropdown-menu-DRXYP9ta.js";
-import { a as l, i as u, n as d } from "./field-blur-context-B-fSpl1H.js";
-import { a as f, d as p, r as m, t as h, u as g } from "./toolbar-items-CCwIu7fE.js";
-import { t as _ } from "./use-material-translation-DOkTaWK_.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-BJE3VuQg.js";
+import { c as i, d as a, f as o, n as s, t as c } from "./dropdown-menu-BozV6Ikw.js";
+import { a as l, i as u, n as d } from "./field-blur-context-6McYOnM8.js";
+import { a as f, d as p, r as m, t as h, u as g } from "./toolbar-items-C09bJphe.js";
+import { t as _ } from "./use-material-translation-pLgSqqLw.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-Cs1Pwd1h.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { n as C, t as w } from "./escape-owner-DCrlERLM.js";
+import { n as C, t as w } from "./escape-owner-Bu-aDEEO.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";
 import { t as E } from "./react-node-text-Crkpfpco.js";
 import D, { memo as O, useCallback as ee, useEffect as k, useId as A, useImperativeHandle as j, useMemo as M, useRef as N, useState as P } from "react";

package/dist/code-editor.js

@@ -1,14 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t } from "./dist-lmHmz_bu.js";
-import { d as n, r, t as i, u as a } from "./toolbar-items-CCwIu7fE.js";
-import { t as o } from "./use-material-translation-DOkTaWK_.js";
-import { i as s, n as c, o as l } from "./code-language-items-BJE3VuQg.js";
-import { r as u, t as d } from "./field-blur-DYGyIdfD.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-C09bJphe.js";
+import { t as o } from "./use-material-translation-pLgSqqLw.js";
+import { i as s, n as c, o as l } from "./code-language-items-Cs1Pwd1h.js";
+import { r as u, t as d } from "./field-blur-47zmuDkH.js";
 import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { t as m } from "./use-mobile-BDro060N.js";
 import { t as h } from "./react-node-text-Crkpfpco.js";
-import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-BJ9ewxSC.js";
+import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-BKMaeIF6.js";
 import { useEffect as k, useRef as A, useState as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { ChevronDown as F, ChevronUp as I, Columns2 as L } from "lucide-react";

package/dist/{code-language-items-BJE3VuQg.js → code-language-items-Cs1Pwd1h.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-DRXYP9ta.js";
-import { t as n } from "./use-material-translation-DOkTaWK_.js";
+import { d as e, f as t } from "./dropdown-menu-BozV6Ikw.js";
+import { t as n } from "./use-material-translation-pLgSqqLw.js";
 import { t as r } from "./live-status-BGPaN8r8.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/dist/components/ui/layout/app-shell/activity-backdrop-shapes.css

@@ -18,15 +18,20 @@
 		visibility: hidden;
 	}
 
-	/* A shape over the page's text, controls or surfaces (cards, tables, lists) fades out and comes back once
-	 * clear (watch-content.ts): it is hidden, never moved. A compound body (the
-	 * moon, the planet, the eclipse: `.pt.mg`) is hidden whole, with its halo
-	 * (`.pt.mh`). The scene stays invisible until the first check, so nothing
-	 * flashes over the content. */
-	[data-keep-inside] .mo > *,
-	[data-keep-inside] .pt,
-	[data-slot="activity-layout-backdrop"] [data-background] .mo > *,
-	[data-slot="activity-layout-backdrop"] [data-background] .pt {
+	/* A shape over the page's text, controls or surfaces (cards, tables, lists)
+	 * fades out and comes back once clear (watch-content.ts): it is hidden,
+	 * never moved. A compound body (the moon, the planet, the eclipse: `.pt.mg`)
+	 * is hidden whole, with its halo (`.pt.mh`). The scene stays invisible until
+	 * the first check, so nothing flashes over the content. The fade waits for
+	 * `data-settled`, set a frame after the first pass: a shape that pass drops
+	 * is hidden at once, never seen fading out over the text on a reload. */
+	[data-keep-inside][data-settled] .mo > *,
+	[data-keep-inside][data-settled] .pt,
+	[data-slot="activity-layout-backdrop"]
+		[data-background][data-settled]
+		.mo
+		> *,
+	[data-slot="activity-layout-backdrop"] [data-background][data-settled] .pt {
 		transition: opacity 150ms ease;
 	}
 	/* Important: a preset sets its own opacity on a body (`.md`, the dark

package/dist/components/ui/layout/auth-card/auth-card-backdrop.css

@@ -13,8 +13,8 @@
 		visibility: hidden;
 	}
 	/* A shape over the card or the brand row fades out (watch-content.ts). */
-	[data-slot="auth-card-backdrop"] [data-background] .mo > *,
-	[data-slot="auth-card-backdrop"] [data-background] .pt {
+	[data-slot="auth-card-backdrop"] [data-background][data-settled] .mo > *,
+	[data-slot="auth-card-backdrop"] [data-background][data-settled] .pt {
 		transition: opacity 150ms ease;
 	}
 	[data-slot="auth-card-backdrop"] [data-background] .mo > [data-hidden],