@nxgt/material 2.5.0 → 2.6.1

package/README.md

@@ -264,11 +264,7 @@ preview, an example and the options that matter. In the
 *Component* column, `·` separates a field from its React Hook Form wrapper.
 The last column gives the matching export in `@nxgt/material-vue`, or `—` when
 Vue has none. "(same parts)" means Vue exports the same sub-components.
-React-only today: `Combobox` (not planned in Vue), `FilesFormField` and
-`StepperIndicator`, and some options — a generic `Autocomplete`,
-`ConfirmationDialog`'s `formOptions`, the date fields' `disabledDays`,
-`SliderField` ticks and leading/trailing content, `Avatar` status, a QR logo, `AccordionCard` slots, a
-`SelectField` option slot, `CodeEditor` options and the `Tabs` line variant.
+React-only today: `Combobox` (not planned in Vue) and `StepperIndicator`.
 
 ### Primitives
 
@@ -348,7 +344,7 @@ React-only today: `Combobox` (not planned in Vue), `FilesFormField` and
 | --- | --- | --- | --- |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/date-time-calendar.webp" width="120" alt="Calendar"> | [`Calendar`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/date-and-time.md#calendar), `CalendarDayButton` | Day-picker calendar with a year view, a today shortcut and `disablePast` / `disableFuture`. | `Calendar` (Reka parts) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/date-time-datefield.webp" width="120" alt="DateField"> | [`DateField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/date-and-time.md#datefield) · `DateFormField` | Labelled trigger that opens a calendar popover, with an optional time picker. | `DateField`, `DateFormField` |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/date-time-daterangefield.webp" width="120" alt="DateRangeField"> | [`DateRangeField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/date-and-time.md#daterangefield) · `DateRangeFormField` | From / to range picked in a popover calendar. | `DateRangeField`, `DateRangeFormField` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/date-time-daterangefield.webp" width="120" alt="DateRangeField"> | [`DateRangeField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/date-and-time.md#daterangefield) · `DateRangeFormField` | From / to range picked in a popover calendar, with presets and times. | `DateRangeField`, `DateRangeFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/date-time-timefield.webp" width="120" alt="TimeField"> | [`TimeField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/date-and-time.md#timefield) · `TimeFormField` | Opens a `TimePicker` in a popover, or in a dialog on mobile. | `TimeField`, `TimeFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/date-time-timepicker.webp" width="120" alt="TimePicker"> | [`TimePicker`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/date-and-time.md#timepicker) | Hour and minute inputs with AM / PM and auto-advancing focus. | `TimePicker` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/date-time-durationfield.webp" width="120" alt="DurationField"> | [`DurationField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/date-and-time.md#durationfield) · `DurationFormField` | Hours and minutes combined into a total in minutes. | `DurationField`, `DurationFormField` |
@@ -370,6 +366,7 @@ React-only today: `Combobox` (not planned in Vue), `FilesFormField` and
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/selection-choice-selectchipfield.webp" width="120" alt="SelectChipField"> | [`SelectChipField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/selection-and-choice.md#selectchipfield) · `SelectChipFormField` | Single or multiple choice shown as toggleable chips. | `SelectChipField`, `SelectChipFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/selection-choice-transferlist.webp" width="120" alt="TransferList"> | [`TransferList`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/selection-and-choice.md#transferlist) · `TransferListFormField` | Two-pane picker with search, drag-and-drop, reordering and a `max`. | `TransferList`, `TransferListFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/selection-choice-sortablelist.webp" width="120" alt="SortableList"> | [`SortableList`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/selection-and-choice.md#sortablelist) · `SortableListFormField` | Searchable list of strings you reorder by dragging or with the keyboard. | `SortableList`, `SortableListFormField` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/selection-choice-treeselectfield.webp" width="120" alt="TreeSelectField"> | [`TreeSelectField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/selection-and-choice.md#treeselectfield) · `TreeSelectFormField` | A field that opens a `Tree` in a popover: pick one node, or several as chips, with an optional filter. | `TreeSelectField`, `TreeSelectFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/selection-choice-switcher.webp" width="120" alt="Switcher"> | [`Switcher`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/selection-and-choice.md#switcher) | Dropdown for switching the active workspace or account, with an avatar. | `Switcher` |
 
 ### Data display
@@ -474,7 +471,8 @@ React-only today: `Combobox` (not planned in Vue), `FilesFormField` and
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/media-files-s3uploadfield.webp" width="120" alt="S3UploadField"> | [`S3UploadField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#s3uploadfield-networkuploadfield), `NetworkUploadField` · `S3UploadFormField`, `NetworkUploadFormField` | Drag-and-drop uploader with progress, retry, previews and size / count limits. The S3 variant uploads through a presigned PUT. | `S3UploadField`, `NetworkUploadField`, `S3UploadFormField`, `NetworkUploadFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/media-files-uploadfield.webp" width="120" alt="UploadField"> | [`UploadField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#uploadfield) · `UploadFormField` | Labelled file input showing the chosen file's name. | `UploadField`, `UploadFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/media-files-filelist.webp" width="120" alt="FileList"> | [`FileList`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#filelist), `FileListField`, `FileListS3Field` · `FileListFormField`, `FileListS3FormField` | File list with type icons, size, download and remove. The field variants upload with progress. | `FileList`, `FileListField`, `FileListS3Field`, `FileListFormField`, `FileListS3FormField` |
-| — | [`FilesFormField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#filesformfield) | Free-solo autocomplete of file URLs, with image thumbnails. | — |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/media-files-filepreview.webp" width="120" alt="FilePreview"> | [`FilePreview`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#filepreview) | One file previewed by its MIME type or extension: image, PDF (lazy `PdfReader`), video, audio, text / JSON / CSV / Markdown, or a card with a download link. SSR-safe. | `FilePreview` |
+| — | [`FilesFormField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#filesformfield) | Free-solo autocomplete of file URLs, with image thumbnails. | `FilesFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/media-files-imagefield.webp" width="120" alt="ImageField"> | [`ImageField`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#imagefield), `ImageS3Field` · `ImageFormField`, `ImageS3FormField` | Single image upload with preview and progress. | `ImageField`, `ImageS3Field`, `ImageFormField`, `ImageS3FormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/media-files-imagecropper.webp" width="120" alt="ImageCropper"> | [`ImageCropper`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#imagecropper), `ImageCropperDialog` | Crop with zoom, rotation, aspect presets and a round shape; outputs a `File`. | `ImageCropper`, `ImageCropperDialog` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/previews/media-files-gallery.webp" width="120" alt="Gallery"> | [`Gallery`](https://cdn.jsdelivr.net/npm/@nxgt/material@2/docs/components/media-and-files.md#gallery-lightboxgallery-minigallery), `LightboxGallery`, `MiniGallery` | Image / video gallery (grid, masonry, justified, carousel…) with a lightbox and selection. | `Gallery`, `LightboxGallery`, `MiniGallery` |

package/dist/{_Uint8Array-DuTT6911.js → _Uint8Array-CDlDeQmw.js}

@@ -1,4 +1,4 @@
-import { S as e, T as t, d as n, g as r, l as i, u as a, v as o, w as s, x as c } from "./translator-B4zUVm7j.js";
+import { S as e, T as t, d as n, g as r, l as i, u as a, v as o, w as s, x as c } from "./translator-CaIYjyFP.js";
 //#region ../../node_modules/lodash-es/_isIndex.js
 var l = 9007199254740991, u = /^(?:0|[1-9]\d*)$/;
 function d(e, t) {

package/dist/{_overRest-93z6TD9V.js → _overRest-CWIWQwDJ.js}

@@ -1,4 +1,4 @@
-import { m as e, p as t } from "./translator-B4zUVm7j.js";
+import { m as e, p as t } from "./translator-CaIYjyFP.js";
 //#region ../../node_modules/lodash-es/identity.js
 function n(e) {
 	return e;

package/dist/{async-slice-B8Xv2BLH.js → async-slice-Qoen0Mqm.js}

@@ -1,5 +1,5 @@
-import { C as e, S as t, h as n, l as r, m as i, p as a, u as o, v as s, w as c, x as l } from "./translator-B4zUVm7j.js";
-import { a as u, c as d, d as f, i as p, n as m, r as h, t as g, u as _ } from "./_Uint8Array-DuTT6911.js";
+import { C as e, S as t, h as n, l as r, m as i, p as a, u as o, v as s, w as c, x as l } from "./translator-CaIYjyFP.js";
+import { a as u, c as d, d as f, i as p, n as m, r as h, t as g, u as _ } from "./_Uint8Array-CDlDeQmw.js";
 import { L as v } from "./number.utils-BiBN2hWJ.js";
 import { Suspense as y, createContext as b, createElement as x, useContext as ee, useEffect as te, useMemo as S, useReducer as ne, useState as re, useSyncExternalStore as ie } from "react";
 import { asyncThunkCreator as ae, buildCreateSlice as oe } from "@reduxjs/toolkit";

package/dist/{blockDiagram-BEXU5L5S-C8UXdLfB.js → blockDiagram-BEXU5L5S-_6EVgQ2-.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./graphlib-Dt-isUVV.js";
+import { t as e } from "./graphlib-CQ3hLS1N.js";
 import { n as t, t as n } from "./src-C9kQSo6K.js";
 import { A as r, B as i, C as a, D as o, E as s, F as c, G as l, H as u, I as d, L as f, M as p, N as m, O as h, P as g, R as _, T as v, U as ee, V as y, W as b, b as x, j as S, k as C, l as w, v as T, w as E, z as D } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as O } from "./chunk-Y2CYZVJY-BAad7w_K.js";
@@ -12,7 +12,7 @@ import "./chunk-7PRAP22T-_Av9vcXz.js";
 import { i as se, n as ce, o as le, r as ue, s as de } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-BY5n77ka.js";
 import { i as fe, r as pe } from "./chunk-5DYCD2WN-Cja1INgd.js";
-import { a as me, c as he, i as ge, l as _e } from "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import { a as me, c as he, i as ge, l as _e } from "./chunk-Z7XXMR3K-CoCjTVVx.js";
 //#region ../../node_modules/es-toolkit/dist/compat/predicate/isArray.mjs
 function ve(e) {
 	return Array.isArray(e);

package/dist/{chunk-3FUC2YCW-4gCRt6fO.js → chunk-3FUC2YCW-CRQHl-Jx.js}

@@ -1,11 +1,11 @@
-import { t as e } from "./graphlib-Dt-isUVV.js";
+import { t as e } from "./graphlib-CQ3hLS1N.js";
 import { n as t } from "./src-C9kQSo6K.js";
 import { g as n } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";
 import { b as i, x as a } from "./chunk-O7XYJQB3-A66QSOPA.js";
 import { o } from "./chunk-7INBJB4K-BY5n77ka.js";
 import { i as s, n as c, r as l, t as u } from "./chunk-5DYCD2WN-Cja1INgd.js";
-import { a as d, c as f, i as p, n as m, r as h, t as g, u as _ } from "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import { a as d, c as f, i as p, n as m, r as h, t as g, u as _ } from "./chunk-Z7XXMR3K-CoCjTVVx.js";
 import { r as v, t as y } from "./chunk-UA2S7LBM-BNeHeMx9.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-3FUC2YCW.mjs
 function b(e, { edgePathsClass: t = "edges edgePaths" } = {}) {

package/dist/{chunk-7M6MHVWA-DnPXbiTM.js → chunk-7M6MHVWA-DqXpf6CM.js}

@@ -9,7 +9,7 @@ import { a as b } from "./chunk-7INBJB4K-BY5n77ka.js";
 import { t as x } from "./chunk-GWA4HPMP-Co-A6dtV.js";
 import { t as S } from "./chunk-XXDRQBXY-FgXU14Bh.js";
 import { t as C } from "./chunk-WEXAMYUT-CucJfehv.js";
-import { r as w, t as T } from "./chunk-GNY47TPC-DLqgU2SJ.js";
+import { r as w, t as T } from "./chunk-GNY47TPC-BgMsLbCS.js";
 import { n as E, t as D } from "./chunk-LNGE3PJU-DJjGTS7O.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-7M6MHVWA.mjs
 var ie = "flowchart-", ae = class {

package/dist/{chunk-GNY47TPC-DLqgU2SJ.js → chunk-GNY47TPC-BgMsLbCS.js}

@@ -5,7 +5,7 @@ import { b as r, s as i } from "./chunk-O7XYJQB3-A66QSOPA.js";
 import { t as a } from "./chunk-DUW6YSOI-9R-v-IIp.js";
 import { o } from "./chunk-7INBJB4K-BY5n77ka.js";
 import { r as s } from "./chunk-5DYCD2WN-Cja1INgd.js";
-import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-CoCjTVVx.js";
 import { r as f } from "./chunk-UA2S7LBM-BNeHeMx9.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-GNY47TPC.mjs
 var p = {
@@ -30,7 +30,7 @@ var p = {
 ], h = /* @__PURE__ */ Object.create(null), g = /* @__PURE__ */ n((e) => {
 	for (let t of e) h[t.name] = t;
 }, "registerLayoutLoaders"), _ = /* @__PURE__ */ n(() => {
-	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-CvgDuHoY.js"), "loader");
+	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-DFn4kTey.js"), "loader");
 	return [{
 		name: "elk",
 		loader: e,
@@ -45,11 +45,11 @@ var p = {
 	g([
 		{
 			name: "dagre",
-			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-BhyJENrD.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-DXq_YBNL.js"), "loader")
 		},
 		{
 			name: "swimlane",
-			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-DmHm2yJS.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-tW3_wBWO.js"), "loader")
 		},
 		{
 			name: "cose-bilkent",

package/dist/{chunk-NETBCI7D-CBowDvwz.js → chunk-NETBCI7D-CsyH43bj.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { o as t } from "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import { o as t } from "./chunk-Z7XXMR3K-CoCjTVVx.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-NETBCI7D.mjs
 var n = 5, r = 1e-5, i = 2, a = .6, o = 1e-6;
 function s(e) {

package/dist/{chunk-Z7XXMR3K-dRJc1Z30.js → chunk-Z7XXMR3K-CoCjTVVx.js}

@@ -1,4 +1,4 @@
-import { st as e } from "./components-CUkJhBwK.js";
+import { st as e } from "./components-C3wIUrWw.js";
 import { n as t, t as n } from "./src-C9kQSo6K.js";
 import { _ as r, a as i, i as a, n as o, o as s, p as c, r as l, t as u, u as d, v as f } from "./step-Dt43c9X4.js";
 import { K as p, g as m, q as h, u as g } from "./chunk-ZIGJFQKS-C3xUAXJq.js";

package/dist/{classDiagram-v2-NBCMYWYE-CQmePeL4.js → classDiagram-v2-NBCMYWYE-j4vk04t-.js}

@@ -9,12 +9,12 @@ import "./chunk-7PRAP22T-_Av9vcXz.js";
 import { i as v, n as y, o as b, r as x } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-BY5n77ka.js";
 import "./chunk-5DYCD2WN-Cja1INgd.js";
-import "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import "./chunk-Z7XXMR3K-CoCjTVVx.js";
 import { t as S } from "./chunk-GWA4HPMP-Co-A6dtV.js";
 import { t as C } from "./chunk-XXDRQBXY-FgXU14Bh.js";
 import { t as w } from "./chunk-WEXAMYUT-CucJfehv.js";
 import "./chunk-UA2S7LBM-BNeHeMx9.js";
-import { r as T, t as E } from "./chunk-GNY47TPC-DLqgU2SJ.js";
+import { r as T, t as E } from "./chunk-GNY47TPC-BgMsLbCS.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-NBCMYWYE.mjs
 var D = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {