@nxgt/material 3.48.0 → 3.50.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @nxgt/material
 
+## 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
+
+- [#1820](https://github.com/softistx/nxgt-material/pull/1820) [`22d3dd0`](https://github.com/softistx/nxgt-material/commit/22d3dd018e478e9cc8907697be27a34775a91de3) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ActionCard` takes `status` (a soft badge line), `meta` (one line, with a tooltip only while it is clipped), a trailing `action` outside the press surface (the title becomes the card's one button, so the card and its action are two tab stops and nothing nests), and `variant="tile"`, a compact grid cell with no minimum width and no indicator by default. Without `action` the DOM is unchanged. With an `action`, `title` is required (the button's text; development builds warn without one and the button is then named after the status and the meta line), the `description` is the button's description, a `role` (`switch`, `checkbox`, `radio`) and its `aria-checked` move to the button instead of the plain root, hover and press answer only the title button, and the meta tooltip follows hover and focus of the card (only Escape dismisses it). A tile's `withIndicator` gets its own column. `RowMenu`'s children (radio and checkbox items) take the text size of its `items`, as their 44px floor already did.
+
+### Patch Changes
+
+- [#1823](https://github.com/softistx/nxgt-material/pull/1823) [`bc5775c`](https://github.com/softistx/nxgt-material/commit/bc5775c7cfb2354616214d21f3318102793b10bd) Thanks [@SteveGT96](https://github.com/SteveGT96)! - New recipe `Guides/Recipes/Status board`: a board of tiles in sections (an `ActionCard` tile with a status badge, the occupant as meta and a menu that changes the status) and an occupancy screen (figures, a table with a rate per section, tiles on a phone), with its code in the `nxgt-material` plugin's `screen-recipes` skill (2.5.0).
+
 ## 3.48.0
 
 ### Minor Changes

package/README.md

@@ -518,7 +518,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-loadmorebutton.webp" width="120" alt="LoadMoreButton"> | [`LoadMoreButton`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#loadmorebutton) | "Load more" button for cursor pagination; icon-only with a tooltip unless `expanded`. | `LoadMoreButton` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-scrolltotop.webp" width="120" alt="ScrollToTop"> | [`ScrollToTop`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#scrolltotop) | Floating button that appears past a scroll threshold. | `ScrollToTop` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-scrolltolatestbutton.webp" width="120" alt="ScrollToLatestButton"> | [`ScrollToLatestButton`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#scrolltolatestbutton) | "Jump to latest" over a scroll box: an arrow that widens into "3 new messages". | — |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-actioncard.webp" width="120" alt="ActionCard"> | [`ActionCard`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#actioncard) | Clickable card (a `role="button"` with `aria-pressed`) with a shape icon that morphs when chosen, title, description and active indicator. | `ActionCard` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-actioncard.webp" width="120" alt="ActionCard"> | [`ActionCard`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#actioncard) | Clickable card (a `role="button"` with `aria-pressed`) with a shape icon that morphs when chosen, title, description and active indicator; `status`, `meta`, a trailing `action` (a `RowMenu`) and `variant="tile"` make a compact cell for status boards. | `ActionCard` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-themetoggle.webp" width="120" alt="ThemeToggle"> | [`ThemeToggle`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#themetoggle) | Light / dark / system switch that stores and applies the choice. | `ThemeToggle` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-languageswitcher.webp" width="120" alt="LanguageSwitcher"> | [`LanguageSwitcher`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#languageswitcher) | Globe button with a menu of the `I18nProvider` languages. | `LanguageSwitcher` |
 
@@ -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) |
@@ -805,7 +805,7 @@ which is private: adding it needs a GitHub account with access to it.
 | --- | --- |
 | skill `use-nxgt-material` | an index that picks the component by need and wires imports and `styles.css`; its references cover the tokens and themes, forms, i18n, tests by role, SSR and the other subpaths, read from these docs in `node_modules/@nxgt/material/docs/` |
 | skill `design-screens` | the library's visual language for a screen (hierarchy, rhythm, tones, surfaces, states, phone, dark, motion) and an 11-criteria grid to score a screen out of 5 |
-| skill `screen-recipes` | whole screens to start from (a home dashboard, a list with a detail sheet, forms and dialogs, tables and settings), each the code of a tested `Guides/Recipes/<Name>` story |
+| skill `screen-recipes` | whole screens to start from (a home dashboard, a list with a detail sheet, forms and dialogs, tables and settings, a dense record page, a status board and an occupancy board), each the code of a tested `Guides/Recipes/<Name>` story |
 | agent `screen-builder` | builds a page or a form from the catalogue, with tests by role and name and an accessibility check, then looks at 360 and 1440 px screenshots in light and dark and fixes until the grid reads 4 everywhere |
 | agent `design-reviewer` | read-only: scores a screen's screenshots on the same 11 criteria and returns the fixes ranked, each with the component and prop |
 | skill `build-a-theme` + agent `theme-builder` | the app's own theme with `defineTheme`: seeds, tones, background and icon motif, generation, provider and picker; checks the AA contrast of the generated tokens in light and dark and looks at key screens |

package/dist/{async-slice-DlvKCKAa.js → async-slice-3loEtzUY.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-Beyj2ult.js";
+import { r } from "./translator-CBgIb3zP.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-yaltbQmC.js → button-BRUaHD8z.js}

@@ -1,26 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { n as t, t as n } from "./dist-DVRQkaTK.js";
-import { o as r, t as i } from "./tooltip-CkttDIab.js";
-import { t as a } from "./is-production-GLw59WU8.js";
-import { t as o } from "./spinner-C4CgDEYm.js";
-import { a as s, i as c, r as l, t as u } from "./button-tones-BwuVvAmd.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 { t } from "./is-production-GLw59WU8.js";
+import { n, t as r } from "./dist-DVRQkaTK.js";
+import { n as i, r as a, t as o } from "./spinner-BpVwI1ps.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",
@@ -59,42 +47,42 @@ var T = [
 	{
 		variant: "tonal",
 		color: "primary",
-		class: `${l.primary} ${u.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		class: `${c.primary} ${l.primary} bg-primary/15 hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
 	},
 	{
 		variant: "tonal",
 		color: "secondary",
-		class: `${l.secondary} ${u.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${c.secondary} ${l.secondary} bg-secondary/15 hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "tonal",
 		color: "info",
-		class: `${l.info} ${u.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${c.info} ${l.info} bg-info/15 hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "tonal",
 		color: "success",
-		class: `${l.success} ${u.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${c.success} ${l.success} bg-success/15 hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "tonal",
 		color: "warning",
-		class: `${l.warning} ${u.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${c.warning} ${l.warning} bg-warning/15 hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "tonal",
 		color: "error",
-		class: `${l.error} ${u.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${c.error} ${l.error} bg-error/15 hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "tonal",
 		color: "default",
-		class: `${l.default} ${u.default} bg-foreground/15 hover:bg-foreground/10 active:bg-muted focus:bg-muted`
+		class: `${c.default} ${l.default} bg-foreground/15 hover:bg-foreground/10 active:bg-muted focus:bg-muted`
 	},
 	{
 		variant: "ghost",
 		color: "primary",
-		class: `${l.primary} ${u.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		class: `${c.primary} ${l.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
 	},
 	{
 		variant: "ghost",
@@ -104,99 +92,99 @@ var T = [
 	{
 		variant: "ghost",
 		color: "secondary",
-		class: `${l.secondary} ${u.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${c.secondary} ${l.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "ghost",
 		color: "success",
-		class: `${l.success} ${u.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${c.success} ${l.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "ghost",
 		color: "info",
-		class: `${l.info} ${u.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${c.info} ${l.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "ghost",
 		color: "warning",
-		class: `${l.warning} ${u.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${c.warning} ${l.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "ghost",
 		color: "error",
-		class: `${l.error} ${u.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${c.error} ${l.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "outlined",
 		color: "primary",
-		class: `${l.primary} ${u.primary} focus:bg-primary/10 hover:bg-primary/10`
+		class: `${c.primary} ${l.primary} focus:bg-primary/10 hover:bg-primary/10`
 	},
 	{
 		variant: "outlined",
 		color: "secondary",
-		class: `${l.secondary} ${u.secondary} focus:bg-secondary/10 hover:bg-secondary/10`
+		class: `${c.secondary} ${l.secondary} focus:bg-secondary/10 hover:bg-secondary/10`
 	},
 	{
 		variant: "outlined",
 		color: "info",
-		class: `${l.info} ${u.info} focus:bg-info/10 hover:bg-info/10`
+		class: `${c.info} ${l.info} focus:bg-info/10 hover:bg-info/10`
 	},
 	{
 		variant: "outlined",
 		color: "success",
-		class: `${l.success} ${u.success} focus:bg-success/10 hover:bg-success/10`
+		class: `${c.success} ${l.success} focus:bg-success/10 hover:bg-success/10`
 	},
 	{
 		variant: "outlined",
 		color: "warning",
-		class: `${l.warning} ${u.warning} focus:bg-warning/10 hover:bg-warning/10`
+		class: `${c.warning} ${l.warning} focus:bg-warning/10 hover:bg-warning/10`
 	},
 	{
 		variant: "outlined",
 		color: "error",
-		class: `${l.error} ${u.error} focus:bg-error/10 hover:bg-error/10`
+		class: `${c.error} ${l.error} focus:bg-error/10 hover:bg-error/10`
 	},
 	{
 		variant: "outlined",
 		color: "default",
-		class: `${l.default} ${u.default} focus:bg-foreground/10 hover:bg-foreground/10`
+		class: `${c.default} ${l.default} focus:bg-foreground/10 hover:bg-foreground/10`
 	},
 	{
 		variant: "link",
 		color: "primary",
-		class: `${l.primary} ${u.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
+		class: `${c.primary} ${l.primary} hover:bg-primary/10 active:bg-primary/5 focus:bg-primary/10`
 	},
 	{
 		variant: "link",
 		color: "secondary",
-		class: `${l.secondary} ${u.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
+		class: `${c.secondary} ${l.secondary} hover:bg-secondary/10 active:bg-secondary/5 focus:bg-secondary/10`
 	},
 	{
 		variant: "link",
 		color: "success",
-		class: `${l.success} ${u.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
+		class: `${c.success} ${l.success} hover:bg-success/10 active:bg-success/5 focus:bg-success/10`
 	},
 	{
 		variant: "link",
 		color: "info",
-		class: `${l.info} ${u.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
+		class: `${c.info} ${l.info} hover:bg-info/10 active:bg-info/5 focus:bg-info/10`
 	},
 	{
 		variant: "link",
 		color: "warning",
-		class: `${l.warning} ${u.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
+		class: `${c.warning} ${l.warning} hover:bg-warning/10 active:bg-warning/5 focus:bg-warning/10`
 	},
 	{
 		variant: "link",
 		color: "error",
-		class: `${l.error} ${u.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
+		class: `${c.error} ${l.error} hover:bg-error/10 active:bg-error/5 focus:bg-error/10`
 	},
 	{
 		variant: "link",
 		color: "default",
-		class: `${l.default} ${u.default} hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
+		class: `${c.default} ${l.default} hover:bg-foreground/10 active:bg-muted focus:bg-foreground/10`
 	}
-], E = r("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: "",
@@ -205,7 +193,7 @@ var T = [
 			outlined: "shadow-[inset_0_0_0_1.5px_color-mix(in_oklab,var(--btn-line,currentColor)_55%,transparent)]",
 			link: "nxgt-btn-bare focus:underline underline-offset-4 hover:underline"
 		},
-		color: c,
+		color: s,
 		size: {
 			xs: "h-(--btn-h) [--btn-h:24px] [--btn-px:12px] [--btn-pxi:4px] [--btn-gap:4px] [--btn-ic:14px] [--btn-sq:6px] [--btn-fs:var(--text-label-md)] [--btn-lh:var(--text-label-md--line-height)] [--btn-ls:var(--text-label-md--letter-spacing)] [--btn-fw:560]",
 			sm: "h-(--btn-h) [--btn-h:32px] [--btn-px:16px] [--btn-pxi:4px] [--btn-gap:6px] [--btn-ic:16px] [--btn-sq:8px] [--btn-fs:var(--text-label-lg)] [--btn-lh:var(--text-label-lg--line-height)] [--btn-ls:var(--text-label-lg--letter-spacing)] [--btn-fw:580]",
@@ -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: r, variant: i = "filled", asChild: c = !1, children: l, color: u, 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 = c ? n : "button", P = v(d), F = p ?? P, I = c && x !== void 0;
-	y(() => {
-		I && !a() && console.warn("Button: `selected` is ignored with `asChild`; set aria-pressed on the child element.");
+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 = !c && x !== void 0, R = v(s) || !!(j["aria-label"] || j["aria-labelledby"]) || f(l), z = N(h, m), B = m || z.locked, V = w(B, z, E);
-	return /* @__PURE__ */ S(s, {
+	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": i,
-			"data-color": u,
+			"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", c && "nxgt-btn-as-child overflow-clip text-ellipsis whitespace-nowrap [overflow-clip-margin:22px]", D({
-				variant: i,
-				color: u,
+			"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), r),
-			type: c ? 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(o, {
-				variant: g,
-				color: i === "filled" ? "light" : u,
-				className: e("starting:scale-0 duration-500", g === "4" ? "size-7.5" : "size-4.5")
-			}), /* @__PURE__ */ S(t, { children: c ? l : A(l) })]
+			children: [B && /* @__PURE__ */ x(o, {
+				variant: v,
+				color: a === "filled" ? "light" : l,
+				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 };