@nxgt/material 3.28.0 → 3.30.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @nxgt/material
 
+## 3.30.0
+
+### Minor Changes
+
+- [#1692](https://github.com/softistx/nxgt-material/pull/1692) [`b05118b`](https://github.com/softistx/nxgt-material/commit/b05118bc1e64456a2cccb7e5d47e5610e2f9280b) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `Badge` takes an `icon` ([#1661](https://github.com/softistx/nxgt-material/issues/1661)): a decorative icon before the label, so a status reads as icon plus words and colour is never the only signal. A string is a Font Awesome icon name (drawn solid), a node is rendered as given. The icon is `aria-hidden`, 12 px like the badge's other icons, and takes the tone's text colour in `soft` and `outlined`. Nothing changes without `icon`, and it is ignored with `asChild`.
+
+- [#1692](https://github.com/softistx/nxgt-material/pull/1692) [`801ceca`](https://github.com/softistx/nxgt-material/commit/801ceca43c1e21737406ba6621af31462deeef10) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `CommandDialog` takes `commandProps` ([#1463](https://github.com/softistx/nxgt-material/issues/1463)): the cmdk props of its inner `Command` (`shouldFilter`, `value`, `onValueChange`, `loop`, `filter`, `label`). A palette whose results come from a server passes `commandProps={{ shouldFilter: false }}` so cmdk no longer hides a valid match by the typed text, with no need to rebuild Dialog, DialogContent and the input's height. The other props still go to the `Dialog`; the dialog's title, focus handling and the input's sizing are unchanged, and nothing changes without `commandProps`. `CommandDialog` moves to its own file (`command-dialog.tsx`), exported from the same entry.
+
+- [#1692](https://github.com/softistx/nxgt-material/pull/1692) [`28fed28`](https://github.com/softistx/nxgt-material/commit/28fed282bbe1cff5c145dcf3ab513d4458ba7003) Thanks [@SteveGT96](https://github.com/SteveGT96)! - New `RowMenu`, `RowMenuTrigger` and `rowMenuColumn` (`Data table, filter & lists/RowMenu`, [#1663](https://github.com/softistx/nxgt-material/issues/1663)): the actions of a table row, for any app.
+  
+  - `RowMenuTrigger({ label })` is a ghost `IconButton` with a decorative ellipsis. Its accessible name is "Actions for {label}" (`material.row-menu.label`, en and fr), so the same name is not repeated on every row; an `aria-label` of your own wins. It is 44px on a coarse pointer (and below `md`) and 36px with a fine pointer from `md` up, and forwards its props and `ref`, so it is the child of a `DropdownMenuTrigger asChild`.
+  - `RowMenu` is a `DropdownMenu` aligned to the end of its trigger. It takes `items` (`label`, `icon`, `onSelect`, `disabled`, `destructive`) and `children`; items are 44px on a coarse pointer and the destructive ones come last after a separator. Focus returns to the trigger when the menu closes and when a dialog opened from an item closes.
+  - `rowMenuColumn({ label, items | menu })` is the column for `DataTable` and `ServerTable`, under a visually hidden header named "Actions" (`material.row-menu.column`).
+  - i18n: `material.row-menu.*` in en and fr (React only, in `I18N_ONLY`; the Vue twin is a `vue` issue).
+
+- [#1692](https://github.com/softistx/nxgt-material/pull/1692) [`b4d412d`](https://github.com/softistx/nxgt-material/commit/b4d412d1e0faf0e98dd23ffaa92febb4bf368082) Thanks [@SteveGT96](https://github.com/SteveGT96)! - New `ZonedTime` (`Data display/ZonedTime`, [#1662](https://github.com/softistx/nxgt-material/issues/1662)): a moment written in an IANA zone you pass, with the zone, identical on the server and in the browser. `<ZonedTime at="2026-03-12T15:04:05Z" timeZone="Europe/Paris" />` renders `<time dateTime="2026-03-12T15:04:05.000Z">Mar 12, 2026, 4:04 PM UTC+1</time>` (`12 mars 2026, 16:04 UTC+1` in French), so an app no longer formats with `Intl.DateTimeFormat` twice and suppresses the hydration warning.
+  
+  - The date and the time are formatted separately and joined with a comma; the zone is a computed offset (`UTC+2`, `UTC+5:30`, `UTC`), never an ICU zone name, and it follows the instant's daylight saving time. The component never reads the machine's clock or zone.
+  - `seconds` (default `false`, lists read at a glance), `dateStyle` (`short`, `medium`, `long`), `zoneLabel` (`offset`, or `none` for a column whose header names the zone). An invalid instant renders nothing; an unknown zone is written as `UTC`.
+  - `ChangeHistory`'s zone helpers (`wallClock`, `wallIso`) move to `lib/zoned` and gain `zoneOffsetMinutes`, `zoneOffsetLabel` and `knownZone`; `ChangeHistory` behaves as before.
+
+## 3.29.0
+
+### Minor Changes
+
+- [#1690](https://github.com/softistx/nxgt-material/pull/1690) [`29ea903`](https://github.com/softistx/nxgt-material/commit/29ea903724a10b5230a020305895f3e4dbc1ee12) Thanks [@SteveGT96](https://github.com/SteveGT96)! - The filter bar shows a refusal that `errors` (by field id) cannot reach ([#1688](https://github.com/softistx/nxgt-material/issues/1688)). `searchError` (on `Filter`, `FilterBar` and `ServerTable`'s `filter`) shows on the search box like a field's refusal, with an icon and "Invalid.", `aria-invalid` and `aria-describedby` on the input; `formError` shows one error `Alert` under the bar for a refusal that belongs to no field. Both are told once by the bar's one live region, the same refusal path as `errors`, and the page drops them when the search changes. `@nxgt/material-core/filter` adds `splitFilterErrors(refusal, model)`, which splits one flat refusal record into `{ errors, searchError, formError }` (the model's search param and the new `FILTER_FORM_ERROR_KEY`, `'$form'`). Nothing existing changes meaning.
+
+### Patch Changes
+
+- Updated dependencies [[`29ea903`](https://github.com/softistx/nxgt-material/commit/29ea903724a10b5230a020305895f3e4dbc1ee12)]:
+  - @nxgt/material-core@0.37.0
+
 ## 3.28.0
 
 ### Minor Changes

package/README.md

@@ -595,7 +595,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-avatar.webp" width="120" alt="Avatar"> | [`Avatar`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#avatar), `AvatarImage`, `AvatarFallback`, `AvatarBase` | Image with a fallback and an optional online / offline dot; `shape` clips it to an expressive shape; the initials scale with the size (40 % of the diameter); `tone` colours the fallback. | `Avatar`, `AvatarImage`, `AvatarFallback` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-avatargroup.webp" width="120" alt="AvatarGroup"> | [`AvatarGroup`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#avatargroup) | Overlapping avatars with a `+N` overflow. | `AvatarGroup` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-shape.webp" width="120" alt="Shape"> | [`Shape`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#shape) | Material 3 Expressive's 35 shapes and a squircle as a backdrop, an icon container or a mask for a photo, with a morph; eight tones or an app tone. | — |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-badge.webp" width="120" alt="Badge"> | [`Badge`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#badge) | Status pill, 20 px: default, secondary, error, success, info, warning, `soft` (tonal, for states), outlined. | `Badge` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-badge.webp" width="120" alt="Badge"> | [`Badge`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#badge) | Status pill, 20 px: default, secondary, error, success, info, warning, `soft` (tonal, for states), outlined; an optional decorative `icon` before the words. | `Badge` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-countbadge.webp" width="120" alt="CountBadge"> | [`CountBadge`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#countbadge) | Count in the corner of its children, capped at `99+` and hidden at 0; `animated` pops it in when it changes. | `CountBadge` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-dayseparator.webp" width="120" alt="DaySeparator"> | [`DaySeparator`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#dayseparator), `isNewDay`, `formatDayLabel` | "Today", "Yesterday", the weekday or the date between two hairlines, in the provider's language; sticky if asked. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-periodcards.webp" width="120" alt="PeriodCards"> | [`PeriodCards`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#periodcards) | Consecutive date ranges (terms, sprints) as cards: a "Current" marker with `aria-current`, a link over each card, as many 14rem columns as fit (one on a phone). | — |
@@ -612,6 +612,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-accordioncard.webp" width="120" alt="AccordionCard"> | [`AccordionCard`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#accordioncard) | Renders `items` (title, content) as a styled accordion. | `AccordionCard` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-timeline.webp" width="120" alt="Timeline"> | [`Timeline`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#timeline), `TimelineItem`, `RelativeTime` | Vertical event timeline with toned icons and relative times. | `Timeline`, `TimelineItem`, `RelativeTime` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-changehistory.webp" width="120" alt="ChangeHistory"> | [`ChangeHistory`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#changehistory) | History of the changes made to anything (a document, a project's settings, a file): a rail of toned dots or tinted cards with a Before / After block, a heading per day (sticky on the rail), long entries collapsed behind "N fields changed", redacted values shown as "Hidden", the exact time on hover and focus, load more. | — (later, #1626) |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-zonedtime.webp" width="120" alt="ZonedTime"> | [`ZonedTime`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#zonedtime) | A moment in a named IANA zone, with the zone as a computed offset (`Mar 12, 2026, 4:04 PM UTC+1`), identical on the server and the client (no hydration warning): the date and the time are formatted apart, `seconds` and `dateStyle` are optional, in a `<time dateTime>`. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-eventchip.webp" width="120" alt="EventChip"> | [`EventChip`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#eventchip) | Calendar event pill — soft, solid or outlined — with its times, all-day and continuation edges. | `EventChip` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-codeblock.webp" width="120" alt="CodeBlock"> | [`CodeBlock`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#codeblock), `JsonViewer`, `CodeGroup` | Highlighted code with line numbers and copy, a collapsible JSON tree, and tabbed samples (`Tabs`, underlined). `CodeDiff` is under Rich widgets. | `CodeBlock`, `JsonViewer`, `CodeGroup` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-markdown.webp" width="120" alt="Markdown"> | [`Markdown`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#markdown), `MermaidDiagram` | GFM markdown with KaTeX math and mermaid diagrams (`clientOnly`). Fences reuse `CodeBlock`. `ChatMarkdown` renders through it. | `Markdown`, `MermaidDiagram` |
@@ -630,10 +631,11 @@ Not components: what the stylesheet gives any element.
 | --- | --- | --- | --- |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-datatable.webp" width="120" alt="DataTable"> | [`DataTable`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#datatable), `DataTableColumnHeader`, `DataTablePagination`, `DataTableServerFooter`, `DataTableViewOptions` | TanStack Table v9 with sorting, filtering, selection, expandable rows, pagination or load-more, column visibility, skeleton rows while loading and your own empty state — or one server page at a time, with controlled sorting and selection, cursor Previous / Next links and row links. On a phone it keeps its header row and scrolls sideways in a keyboard-reachable region; the page does not. Or cards and tiles instead of the table (`layout`, `renderCard`, `renderTile`), and `layout={{ phone: 'tiles', wide: 'table' }}` for tiles on a phone ([cards and tiles guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/cards-and-tiles.md)). Long lists render only the rows in view (`virtual`). | `DataTable`, `DataTableColumnHeader`, `DataTablePagination`, `DataTableServerFooter`, `DataTableViewOptions` |
 | <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, 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-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`) 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) |
+| <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`), 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) |
 | — | [`FilterInline`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#filterinline-filterpopover-filterdialog-filtersheet-filterdrawer), `FilterPopover`, `FilterDialog`, `FilterSheet`, `FilterDrawer` | The filter panel shown inline, or in a popover, dialog, sheet or drawer. | `FilterInline`, `FilterPopover`, `FilterDialog`, `FilterSheet`, `FilterDrawer` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-facetgroup.webp" width="120" alt="FacetGroup"> | [`FacetGroup`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#facetgroup) | A collapsible facet: a header button with the title, a count Badge of the active values, Clear and a chevron, over the values (typically a `CheckboxGroup` with counts). | `FacetGroup` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-pagination.webp" width="120" alt="Pagination"> | [`Pagination`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#pagination), `PaginationContent`, `PaginationItem`, `PaginationFirst`, `PaginationLast`, `PaginationLink`, `PaginationBar`, `paginationItems`… | Pagination primitives, with first / last links. `PaginationBar` adds a sibling window with ellipses. | `Pagination` (parts), `PaginationFirst`, `PaginationLast`, `PaginationLink`, `PaginationBar`, `paginationItems` |
@@ -679,7 +681,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-dropdownmenu.webp" width="120" alt="DropdownMenu"> | [`DropdownMenu`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#dropdownmenu), `DropdownMenuTrigger`, `DropdownMenuContent`, `DropdownMenuItem`, `DropdownMenuSub`… | Menu with checkbox and radio items, submenus, shortcuts and an error item. | `DropdownMenu` (same parts) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-contextmenu.webp" width="120" alt="ContextMenu"> | [`ContextMenu`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#contextmenu), `ContextMenuTrigger`, `ContextMenuContent`, `ContextMenuItem`… | Right-click menu with the same kinds of items. | `ContextMenu` (same parts) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-menubar.webp" width="120" alt="Menubar"> | [`Menubar`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#menubar), `MenubarMenu`, `MenubarTrigger`, `MenubarContent`, `MenubarItem`… | Desktop-style menubar. | `Menubar` (same parts) |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-command.webp" width="120" alt="Command"> | [`Command`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#command), `CommandDialog`, `CommandInput`, `CommandList`, `CommandItem`… | Command palette with filtering, groups and shortcuts. `CommandDialog` shows it in a modal. | `Command`, `CommandDialog` (same parts) |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-command.webp" width="120" alt="Command"> | [`Command`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#command), `CommandDialog`, `CommandInput`, `CommandList`, `CommandItem`… | Command palette with filtering, groups and shortcuts. `CommandDialog` shows it in a modal and takes `commandProps` (`shouldFilter: false` for server results). | `Command`, `CommandDialog` (same parts) |
 
 ### Feedback & status
 

package/dist/{async-slice-DmhasXmq.js → async-slice-Cll-4Mvg.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./stored-language-DoWMr969.js";
-import { r } from "./translator-D88BbpXZ.js";
+import { i as e, r as t, t as n } from "./stored-language-CkPRWAaM.js";
+import { r } from "./translator-Ec9Uj32C.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-BjIg_Lz6.js → button-B47lM8a5.js}

@@ -2,7 +2,7 @@ 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-1Ia6Akhy.js";
+import { t as o } from "./spinner-DRGPXRNW.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";

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 "./use-material-translation-Cqcwkuur.js";
-import { t as r } from "./button-BjIg_Lz6.js";
+import { t as n } from "./use-material-translation-B0RHv3l7.js";
+import { t as r } from "./button-B47lM8a5.js";
 import { t as i } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as a, n as o, r as s, t as c } from "./util-4heV2LPI.js";
 import { t as l } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { t as u } from "./warn-once-C_e47JM8.js";
-import { t as d } from "./chip-DIBIDUZH.js";
+import { t as d } from "./chip-Bf80b1XT.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-DIBIDUZH.js → chip-Bf80b1XT.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./tooltip-CkttDIab.js";
-import { t as n } from "./use-material-translation-Cqcwkuur.js";
+import { t as n } from "./use-material-translation-B0RHv3l7.js";
 import { a as r } from "./button-tones-BwuVvAmd.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { Check as a, X as o } from "lucide-react";

package/dist/{code-editor-2EU-q9FV.js → code-editor-BLLpzmCc.js}

@@ -1,12 +1,12 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { a as n } from "./dist-lmHmz_bu.js";
-import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-ppMPD12c.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-DJNMcPZa.js";
 import { a as c, i as l, n as u } from "./field-blur-context-Cft9s7Hg.js";
-import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-C1GdN9P9.js";
+import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-GIaifZbx.js";
 import { t as g } from "./is-production-GLw59WU8.js";
-import { t as _ } from "./use-material-translation-Cqcwkuur.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-C_UeMQMm.js";
+import { t as _ } from "./use-material-translation-B0RHv3l7.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-COd99vab.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { n as C, t as w } from "./escape-owner-C4W_sOAU.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";

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-C1GdN9P9.js";
-import { t as o } from "./use-material-translation-Cqcwkuur.js";
-import { i as s, n as c, o as l } from "./code-language-items-C_UeMQMm.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-GIaifZbx.js";
+import { t as o } from "./use-material-translation-B0RHv3l7.js";
+import { i as s, n as c, o as l } from "./code-language-items-COd99vab.js";
 import { r as u, t as d } from "./field-blur-CJHzVSh9.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-2EU-q9FV.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-BLLpzmCc.js";
 import { ChevronDown as k, ChevronUp as A, Columns2 as j } from "lucide-react";
 import { useEffect as M, useRef as N, useState as P } from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";

package/dist/{code-language-items-C_UeMQMm.js → code-language-items-COd99vab.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-ppMPD12c.js";
-import { t as n } from "./use-material-translation-Cqcwkuur.js";
+import { d as e, f as t } from "./dropdown-menu-DJNMcPZa.js";
+import { t as n } from "./use-material-translation-B0RHv3l7.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";