@nxgt/material 2.4.2 → 2.6.0

package/dist/{infoDiagram-VRGFBTTK-Cvj167dl.js → infoDiagram-VRGFBTTK-Cboh-B9n.js}

@@ -1,8 +1,8 @@
-import { n as e } from "./src-CJ8DNrI1.js";
+import { n as e } from "./src-C9kQSo6K.js";
 import { n as t } from "./mermaid-parser.core-BXD_TD1T.js";
 import { n } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { c as r } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import { t as i } from "./chunk-6AEJRKK7-DDXoGWDs.js";
+import { c as r } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { t as i } from "./chunk-6AEJRKK7-3YWRP4aV.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/infoDiagram-VRGFBTTK.mjs
 var a = { parse: /* @__PURE__ */ n(async (n) => {
 	let r = await t("info", n);

package/dist/isArrayLikeObject-5rnYwEK7.js

@@ -0,0 +1,28 @@
+import { x as e } from "./translator-CaIYjyFP.js";
+import { i as t, o as n, t as r } from "./_overRest-CWIWQwDJ.js";
+import { d as i } from "./_Uint8Array-CDlDeQmw.js";
+//#region ../../node_modules/lodash-es/_baseRest.js
+function a(e, i) {
+	return t(r(e, i, n), e + "");
+}
+//#endregion
+//#region ../../node_modules/lodash-es/_createBaseFor.js
+function o(e) {
+	return function(t, n, r) {
+		for (var i = -1, a = Object(t), o = r(t), s = o.length; s--;) {
+			var c = o[e ? s : ++i];
+			if (n(a[c], c, a) === !1) break;
+		}
+		return t;
+	};
+}
+//#endregion
+//#region ../../node_modules/lodash-es/_baseFor.js
+var s = o();
+//#endregion
+//#region ../../node_modules/lodash-es/isArrayLikeObject.js
+function c(t) {
+	return e(t) && i(t);
+}
+//#endregion
+export { s as n, a as r, c as t };

package/dist/isEmpty-DChvniYe.js

@@ -0,0 +1,53 @@
+import { C as e, o as t, s as n, v as r } from "./translator-CaIYjyFP.js";
+import { S as i, j as a, k as o } from "./async-slice-Qoen0Mqm.js";
+import { a as s, c, d as l, f as u, l as d, p as f, u as p } from "./_Uint8Array-CDlDeQmw.js";
+//#region ../../node_modules/lodash-es/_isFlattenable.js
+var m = e ? e.isConcatSpreadable : void 0;
+function h(e) {
+	return r(e) || d(e) || !!(m && e && e[m]);
+}
+//#endregion
+//#region ../../node_modules/lodash-es/_baseFlatten.js
+function g(e, t, n, r, i) {
+	var a = -1, s = e.length;
+	for (n ||= h, i ||= []; ++a < s;) {
+		var c = e[a];
+		t > 0 && n(c) ? t > 1 ? g(c, t - 1, n, r, i) : o(i, c) : r || (i[i.length] = c);
+	}
+	return i;
+}
+//#endregion
+//#region ../../node_modules/lodash-es/_baseHasIn.js
+function _(e, t) {
+	return e != null && t in Object(e);
+}
+//#endregion
+//#region ../../node_modules/lodash-es/_hasPath.js
+function v(e, i, a) {
+	i = n(i, e);
+	for (var o = -1, s = i.length, c = !1; ++o < s;) {
+		var l = t(i[o]);
+		if (!(c = e != null && a(e, l))) break;
+		e = e[l];
+	}
+	return c || ++o != s ? c : (s = e == null ? 0 : e.length, !!s && u(s) && f(l, s) && (r(e) || d(e)));
+}
+//#endregion
+//#region ../../node_modules/lodash-es/hasIn.js
+function y(e, t) {
+	return e != null && v(e, t, _);
+}
+//#endregion
+//#region ../../node_modules/lodash-es/isEmpty.js
+var b = "[object Map]", x = "[object Set]", S = Object.prototype.hasOwnProperty;
+function C(e) {
+	if (e == null) return !0;
+	if (l(e) && (r(e) || typeof e == "string" || typeof e.splice == "function" || c(e) || s(e) || d(e))) return !e.length;
+	var t = i(e);
+	if (t == b || t == x) return !e.size;
+	if (p(e)) return !a(e).length;
+	for (var n in e) if (S.call(e, n)) return !1;
+	return !0;
+}
+//#endregion
+export { g as i, y as n, v as r, C as t };

package/dist/{ishikawaDiagram-OU5B5YK6-ChBwjCfr.js → ishikawaDiagram-OU5B5YK6-DwTd1YxL.js}

@@ -1,8 +1,8 @@
-import "./src-CJ8DNrI1.js";
-import { p as e } from "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import "./src-C9kQSo6K.js";
+import { p as e } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as t } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { H as n, U as r, a as i, c as a, q as o, s, v as c, w as l, x as u, y as d } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import { t as f } from "./chunk-6AEJRKK7-DDXoGWDs.js";
+import { H as n, U as r, a as i, c as a, q as o, s, v as c, w as l, x as u, y as d } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { t as f } from "./chunk-6AEJRKK7-3YWRP4aV.js";
 import { t as p } from "./rough.esm-Cvc79rxE.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/ishikawaDiagram-OU5B5YK6.mjs
 var m = (function() {

package/dist/{journeyDiagram-ZHPQQLJL-BycdRLE6.js → journeyDiagram-ZHPQQLJL-C91SPPkY.js}

@@ -1,9 +1,9 @@
-import { ct as e } from "./components-C3jpOwPw.js";
-import { t } from "./src-CJ8DNrI1.js";
+import { ct as e } from "./components-C3wIUrWw.js";
+import { t } from "./src-C9kQSo6K.js";
 import { n } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { H as r, U as i, a, c as o, q as s, v as c, w as l, x as u, y as d } from "./chunk-O7XYJQB3-C87zK8E5.js";
+import { H as r, U as i, a, c as o, q as s, v as c, w as l, x as u, y as d } from "./chunk-O7XYJQB3-A66QSOPA.js";
 import { t as f } from "./chunk-5VM5RSS4-BFskf6Qk.js";
-import { a as p, n as m, o as h, s as g } from "./chunk-GWA4HPMP-CmsxMX3A.js";
+import { a as p, n as m, o as h, s as g } from "./chunk-GWA4HPMP-Co-A6dtV.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/journeyDiagram-ZHPQQLJL.mjs
 var _ = (function() {
 	var e = /* @__PURE__ */ n(function(e, t, n, r) {

package/dist/{kanban-definition-PNTS6WVX-BRoa-Yp5.js → kanban-definition-PNTS6WVX-S8plI4wn.js}

@@ -1,15 +1,15 @@
-import { n as e } from "./src-CJ8DNrI1.js";
-import "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { n as e } from "./src-C9kQSo6K.js";
+import "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as t } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { Y as n, f as r, it as i, nt as a, tt as o, x as s, z as c } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import { t as l } from "./chunk-6AEJRKK7-DDXoGWDs.js";
-import "./chunk-742MDFTN-nG_ROTnT.js";
-import "./chunk-MBY4JIJT-IA2XBafa.js";
+import { Y as n, f as r, it as i, nt as a, tt as o, x as s, z as c } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { t as l } from "./chunk-6AEJRKK7-3YWRP4aV.js";
+import "./chunk-742MDFTN-Cs1qGiTK.js";
+import "./chunk-MBY4JIJT-C3RQP_Nk.js";
 import { t as u } from "./chunk-5VM5RSS4-BFskf6Qk.js";
-import "./chunk-7PRAP22T-DIiYRAce.js";
-import "./chunk-7INBJB4K-Dg64CbhT.js";
-import { i as d, r as f } from "./chunk-5DYCD2WN-Bqi3iL5i.js";
-import { r as p } from "./chunk-UA2S7LBM-B0LGFGu3.js";
+import "./chunk-7PRAP22T-_Av9vcXz.js";
+import "./chunk-7INBJB4K-BY5n77ka.js";
+import { i as d, r as f } from "./chunk-5DYCD2WN-Cja1INgd.js";
+import { r as p } from "./chunk-UA2S7LBM-BNeHeMx9.js";
 import { n as m, t as h } from "./chunk-LNGE3PJU-DJjGTS7O.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/kanban-definition-PNTS6WVX.mjs
 var g = (function() {

package/dist/lib/components/ui/actions/button/button.compound-variants.d.ts

@@ -0,0 +1,114 @@
+/** The colour of each variant: one entry per `variant` × `color`. */
+export declare const buttonCompoundVariants: ({
+    variant: "filled";
+    color: "primary";
+    class: string;
+} | {
+    variant: "filled";
+    color: "secondary";
+    class: string;
+} | {
+    variant: "filled";
+    color: "success";
+    class: string;
+} | {
+    variant: "filled";
+    color: "info";
+    class: string;
+} | {
+    variant: "filled";
+    color: "warning";
+    class: string;
+} | {
+    variant: "filled";
+    color: "error";
+    class: string;
+} | {
+    variant: "filled";
+    color: "default";
+    class: string;
+} | {
+    variant: "tonal";
+    color: "primary";
+    class: string;
+} | {
+    variant: "tonal";
+    color: "secondary";
+    class: string;
+} | {
+    variant: "tonal";
+    color: "info";
+    class: string;
+} | {
+    variant: "tonal";
+    color: "success";
+    class: string;
+} | {
+    variant: "tonal";
+    color: "warning";
+    class: string;
+} | {
+    variant: "tonal";
+    color: "error";
+    class: string;
+} | {
+    variant: "tonal";
+    color: "default";
+    class: string;
+} | {
+    variant: "outlined";
+    color: "primary";
+    class: string;
+} | {
+    variant: "outlined";
+    color: "secondary";
+    class: string;
+} | {
+    variant: "outlined";
+    color: "info";
+    class: string;
+} | {
+    variant: "outlined";
+    color: "success";
+    class: string;
+} | {
+    variant: "outlined";
+    color: "warning";
+    class: string;
+} | {
+    variant: "outlined";
+    color: "error";
+    class: string;
+} | {
+    variant: "outlined";
+    color: "default";
+    class: string;
+} | {
+    variant: "link";
+    color: "primary";
+    class: string;
+} | {
+    variant: "link";
+    color: "secondary";
+    class: string;
+} | {
+    variant: "link";
+    color: "success";
+    class: string;
+} | {
+    variant: "link";
+    color: "info";
+    class: string;
+} | {
+    variant: "link";
+    color: "warning";
+    class: string;
+} | {
+    variant: "link";
+    color: "error";
+    class: string;
+} | {
+    variant: "link";
+    color: "default";
+    class: string;
+})[];

package/dist/lib/components/ui/actions/button/button.d.ts

@@ -1,11 +1,7 @@
-import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
 import { SpinnerProps } from '../../feedback/spinner/spinner';
-declare const variants: (props?: ({
-    variant?: "link" | "filled" | "tonal" | "ghost" | "outlined" | null | undefined;
-    color?: "error" | "success" | "default" | "info" | "warning" | "primary" | "secondary" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type ButtonProps = ComponentProps<'button'> & VariantProps<typeof variants> & {
+import { ButtonVariants, buttonVariants } from './button.variants';
+export type ButtonProps = ComponentProps<'button'> & ButtonVariants & {
     asChild?: boolean;
     loading?: boolean;
     spinnerVariant?: SpinnerProps['variant'];
@@ -13,4 +9,5 @@ export type ButtonProps = ComponentProps<'button'> & VariantProps<typeof variant
     tooltip?: string;
 };
 export declare function Button({ tooltip, ...props }: ButtonProps): import("react").JSX.Element;
-export { variants as buttonVariants };
+export type { ButtonVariants };
+export { buttonVariants };

package/dist/lib/components/ui/actions/button/button.variants.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "filled" | "tonal" | "outlined" | "ghost" | null | undefined;
+    color?: "error" | "success" | "default" | "info" | "warning" | "primary" | "secondary" | null | undefined;
+    size?: "sm" | "icon" | "default" | "xs" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/lib/components/ui/actions/button/has-text-content.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+/**
+ * Whether `node` renders any text of its own — a string or a number,
+ * however deep in plain elements. An `Icon` or a lucide glyph has none.
+ * A component that produces its text from props (a `<Trans id="…" />`) is
+ * not seen: pass the button an `aria-label` then. Text under an
+ * `aria-hidden` element (a decorative count) does not name the button, so it
+ * does not count.
+ */
+export declare function hasTextContent(node: ReactNode): boolean;

package/dist/lib/components/ui/actions/icon-button/icon-button.variants.d.ts

@@ -1,5 +1,5 @@
 /** `IconButton`'s variant × color classes. */
 export declare const variants: (props?: ({
-    variant?: "link" | "filled" | "tonal" | "ghost" | "outlined" | null | undefined;
+    variant?: "link" | "filled" | "tonal" | "outlined" | "ghost" | null | undefined;
     color?: "error" | "success" | "default" | "info" | "warning" | "primary" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/ui/collections/data-table/data-table-context.d.ts

@@ -0,0 +1,4 @@
+/** Whether the enclosing `DataTable` is loading. `DataTableColumnHeader`
+ * reads it to disable sorting; outside a `DataTable` it is `false`. */
+export declare const DataTableLoadingContext: import('react').Context<boolean>;
+export declare function useDataTableLoading(): boolean;

package/dist/lib/components/ui/collections/data-table/data-table-pagination.d.ts

@@ -5,6 +5,8 @@ type DataTablePaginationProps<TData extends RowData> = {
     table: Table<DataTableFeatures, TData>;
     showPage?: boolean;
     showSelected?: boolean;
+    /** Disables the page size and the page buttons (a loading `DataTable`). */
+    disabled?: boolean;
 } & ComponentProps<'div'>;
-export declare function DataTablePagination<TData extends RowData>({ table, className, children, showPage, showSelected, ...props }: DataTablePaginationProps<TData>): import("react").JSX.Element;
+export declare function DataTablePagination<TData extends RowData>({ table, className, children, showPage, showSelected, disabled, ...props }: DataTablePaginationProps<TData>): import("react").JSX.Element;
 export {};

package/dist/lib/components/ui/collections/data-table/data-table.d.ts

@@ -1,6 +1,7 @@
 import { ColumnDef, Table as ReactTable, Row, RowData } from '@tanstack/react-table';
 import { ReactNode } from 'react';
 import { DataTableFeatures } from './features';
+import { DataTableEmpty } from './partials/data-table-empty-row';
 interface DataTableProps<TData extends RowData> {
     columns: ColumnDef<DataTableFeatures, TData, any>[];
     data: TData[];
@@ -12,10 +13,19 @@ interface DataTableProps<TData extends RowData> {
     onLoadMore?: () => void;
     isLoadingMore?: boolean;
     showViewOptions?: boolean;
+    /** While `true`: skeleton rows when there is nothing to show, the current
+     * rows dimmed and inert otherwise; `aria-busy` on the table; sorting,
+     * the toolbar's native controls and pagination disabled. */
+    loading?: boolean;
+    /** How many skeleton rows `loading` shows. Default: the page size. */
+    loadingRows?: number;
+    /** Shown, spanning every visible column, when no row is left after filtering. A
+     * function is told whether rows exist but none matches the filters. */
+    empty?: DataTableEmpty;
 }
+export type { DataTableEmpty, DataTableEmptyState, } from './partials/data-table-empty-row';
 interface DataTableOptions {
     showPage?: boolean;
     showSelected?: boolean;
 }
-export declare function DataTable<TData extends RowData>({ columns, data, className, actions, options, onLoadMore, renderExpandedRow, isLoadingMore, showHeader, showViewOptions, }: DataTableProps<TData>): import("react").JSX.Element;
-export {};
+export declare function DataTable<TData extends RowData>({ columns, data, className, actions, options, onLoadMore, renderExpandedRow, isLoadingMore, showHeader, showViewOptions, loading, loadingRows, empty, }: DataTableProps<TData>): import("react").JSX.Element;

package/dist/lib/components/ui/collections/data-table/hooks.d.ts

@@ -1,4 +1,4 @@
-import { Row, RowData } from '@tanstack/react-table';
+import { Row, RowData, Table } from '@tanstack/react-table';
 import { DataTableFeatures } from './features';
 export declare function useColumnHelpers<T extends RowData>(): {
     columnHelper: import('@tanstack/table-core').ColumnHelper<{
@@ -8,10 +8,10 @@ export declare function useColumnHelpers<T extends RowData>(): {
         rowSortingFeature: import('@tanstack/table-core').TableFeature;
         rowExpandingFeature: import('@tanstack/table-core').TableFeature;
         rowPaginationFeature: import('@tanstack/table-core').TableFeature;
-        filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-        sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-        paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-        expandedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        filteredRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        sortedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        paginatedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+        expandedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
     }, T>;
     predefinedColumns: () => {
         select: import('@tanstack/table-core').DisplayColumnDef<{
@@ -21,10 +21,10 @@ export declare function useColumnHelpers<T extends RowData>(): {
             rowSortingFeature: import('@tanstack/table-core').TableFeature;
             rowExpandingFeature: import('@tanstack/table-core').TableFeature;
             rowPaginationFeature: import('@tanstack/table-core').TableFeature;
-            filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-            sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-            paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-            expandedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            filteredRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            sortedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            paginatedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            expandedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
         }, T, unknown>;
         expand: import('@tanstack/table-core').DisplayColumnDef<{
             columnFilteringFeature: import('@tanstack/table-core').TableFeature;
@@ -33,10 +33,10 @@ export declare function useColumnHelpers<T extends RowData>(): {
             rowSortingFeature: import('@tanstack/table-core').TableFeature;
             rowExpandingFeature: import('@tanstack/table-core').TableFeature;
             rowPaginationFeature: import('@tanstack/table-core').TableFeature;
-            filteredRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-            sortedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-            paginatedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
-            expandedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            filteredRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            sortedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            paginatedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
+            expandedRowModel: (table: Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
         }, T, unknown>;
     };
 };

package/dist/lib/components/ui/collections/data-table/partials/data-table-body.d.ts

@@ -1,13 +1,17 @@
 import { Table as ReactTable, Row, RowData } from '@tanstack/react-table';
 import { ReactNode } from 'react';
 import { DataTableFeatures } from '../features';
+import { DataTableEmpty } from './data-table-empty-row';
 interface DataTableBodyProps<TData extends RowData> {
     table: ReactTable<DataTableFeatures, TData>;
-    /** Spans the empty-state cell. */
-    columnCount: number;
     renderExpandedRow?: (row: Row<DataTableFeatures, TData>) => ReactNode;
+    /** Skeleton rows when there is nothing to show, dimmed rows otherwise. */
+    loading?: boolean;
+    /** How many skeleton rows; the page size when absent. */
+    loadingRows?: number;
+    empty?: DataTableEmpty;
 }
-/** `DataTable`'s rows, each followed by its expanded row when open, or the
- * empty state. */
-export declare function DataTableBody<TData extends RowData>({ table, columnCount, renderExpandedRow, }: DataTableBodyProps<TData>): import("react").JSX.Element;
+/** `DataTable`'s rows, each followed by its expanded row when open; skeleton
+ * rows while loading with no row to show; or the empty state. */
+export declare function DataTableBody<TData extends RowData>({ table, renderExpandedRow, loading, loadingRows, empty, }: DataTableBodyProps<TData>): import("react").JSX.Element;
 export {};

package/dist/lib/components/ui/collections/data-table/partials/data-table-empty-row.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+/** What `DataTable`'s `empty` render function is told: `filtered` is `true`
+ * when there is data but no row matches the column filters. */
+export type DataTableEmptyState = {
+    filtered: boolean;
+};
+export type DataTableEmpty = ReactNode | ((state: DataTableEmptyState) => ReactNode);
+/** `DataTable`'s "nothing here" row: one `TableEmpty` cell spanning every
+ * visible column, holding `empty` or the default icon and text. */
+export declare function DataTableEmptyRow({ columnCount, empty, filtered, }: {
+    columnCount: number;
+    empty?: DataTableEmpty;
+    filtered: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/collections/data-table/partials/data-table-skeleton-rows.d.ts

@@ -0,0 +1,7 @@
+/** `DataTable`'s placeholder rows while it loads with nothing to show yet:
+ * `rows` rows of one `Skeleton` per visible column. Hidden from assistive
+ * tech; the table's status line announces the loading instead. */
+export declare function DataTableSkeletonRows({ rows, columnCount, }: {
+    rows: number;
+    columnCount: number;
+}): import("react").JSX.Element[];

package/dist/lib/components/ui/collections/filter/filter-field-number-range.d.ts

@@ -0,0 +1,15 @@
+import { FilterField, FilterValue } from './types';
+export type FilterFieldNumberRangeProps = {
+    field: FilterField;
+    value: FilterValue;
+    onChange: (value: FilterValue) => void;
+    error?: string;
+    disabled?: boolean;
+    className?: string;
+};
+/**
+ * Two inputs, one value: the group carries the filter's name (its label) and
+ * help (its description and error), each input its own part ("Min", "Max"),
+ * as in DurationField. Two range filters are then told apart by their group.
+ */
+export declare function FilterFieldNumberRange({ field, value, onChange, error, disabled, className, }: FilterFieldNumberRangeProps): import("react").JSX.Element;

package/dist/lib/components/ui/collections/pagination/index.d.ts

@@ -1,4 +1,4 @@
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './pagination';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, } from './pagination';
 export type { PaginationBarProps } from './pagination-bar';
 export { PaginationBar } from './pagination-bar';
 export type { PaginationItemToken } from './pagination-items';

package/dist/lib/components/ui/collections/pagination/pagination.d.ts

@@ -14,5 +14,13 @@ declare function PaginationNext({ className, label, icon, ...props }: {
     label?: ReactNode;
     icon?: ReactNode;
 } & ComponentProps<typeof PaginationLink>): import("react").JSX.Element;
+declare function PaginationFirst({ className, label, icon, ...props }: {
+    label?: ReactNode;
+    icon?: ReactNode;
+} & ComponentProps<typeof PaginationLink>): import("react").JSX.Element;
+declare function PaginationLast({ className, label, icon, ...props }: {
+    label?: ReactNode;
+    icon?: ReactNode;
+} & ComponentProps<typeof PaginationLink>): import("react").JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/lib/components/ui/collections/tree/use-tree.d.ts

@@ -15,6 +15,8 @@ export declare function useTree({ nodes, selectionMode, selectedIds, defaultSele
     selected: string[];
     expanded: string[];
     focusedId: string | null;
+    /** The row with `tabindex="0"`: `focusedId` while visible, else the first row. */
+    tabbableId: string | null;
     setFocusedId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
     toggleExpanded: (id: string) => void;
     select: (id: string) => void;

package/dist/lib/components/ui/dates/date-range-field/date-range-field-trigger.d.ts

@@ -5,7 +5,7 @@ import { DateRangeFieldProps } from './date-range-field';
  * in it any more (a button may not hold a `<label>`): `DateRangeField` renders
  * them around the button. `label`, `helperText` and `labelId` are ignored.
  */
-export declare function DateRangeFieldTrigger({ value, error, placeholder, className, open, }: DateRangeFieldProps & {
+export declare function DateRangeFieldTrigger({ value, error, placeholder, className, open, withTime, }: DateRangeFieldProps & {
     open: boolean;
     /** @deprecated Ignored: the `Label` is outside the trigger now. */
     labelId?: string;

package/dist/lib/components/ui/dates/date-range-field/date-range-field.d.ts

@@ -1,3 +1,4 @@
+import { DateRangePresetOption } from '@nxgt/material-core/date-range';
 import { ComponentProps, ReactNode } from 'react';
 import { Calendar, DateRange } from '../calendar/calendar';
 export type DateRangeFieldProps = {
@@ -23,7 +24,15 @@ export type DateRangeFieldProps = {
     disabled?: boolean | CalendarProps['disabled'];
     /** Days that cannot be picked: the calendar's `disabled` matcher. */
     disabledDays?: CalendarProps['disabled'];
+    /**
+     * One-click ranges beside the calendar: built-in ids (`'today'`,
+     * `'last-7-days'`, … — `DATE_RANGE_PRESET_IDS` lists them all) and
+     * `{ label, range }` of your own, where `range` may be `(now) => range`.
+     */
+    presets?: readonly DateRangePresetOption[];
+    /** A time of day on each end of the range, under the calendar. */
+    withTime?: boolean;
 } & Omit<CalendarProps, 'mode' | 'label' | 'onSelect' | 'disabled'>;
 type CalendarProps = ComponentProps<typeof Calendar>;
-export declare function DateRangeField({ value, label, helperText, error, onValueChange, placeholder, className, required, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, disabled, disabledDays, ...rest }: DateRangeFieldProps): import("react").JSX.Element;
+export declare function DateRangeField({ value, label, helperText, error, onValueChange, placeholder, className, required, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, disabled, disabledDays, presets, withTime, ...rest }: DateRangeFieldProps): import("react").JSX.Element;
 export {};

package/dist/lib/components/ui/dates/date-range-field/date-range-field.utils.d.ts

@@ -0,0 +1,13 @@
+import { DateRangeRules } from '@nxgt/material-core/date-range';
+import { Matcher } from 'react-day-picker';
+/**
+ * What a preset's range must respect: the field's day rule (`disabledDays`)
+ * and the calendar's first and last day (`minDate` / `maxDate`, narrowed by
+ * `disablePast` / `disableFuture`), as the calendar itself applies them.
+ */
+export declare function dateRangeRules(dayRule: Matcher | Matcher[] | undefined, bounds: {
+    minDate?: Date;
+    maxDate?: Date;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+}, today?: Date): DateRangeRules;

package/dist/lib/components/ui/dates/date-range-field/index.d.ts

@@ -1,3 +1,4 @@
+export { DATE_RANGE_PRESET_IDS, type DateRangePreset, type DateRangePresetId, type DateRangePresetOption, type DayRange, } from '@nxgt/material-core/date-range';
 export * from './date-range-field';
 export * from './date-range-field-trigger';
 export * from './date-range-form-field';

package/dist/lib/components/ui/dates/date-range-field/partials/date-range-field-content.d.ts

@@ -0,0 +1,25 @@
+import { DateRangePresetOption } from '@nxgt/material-core/date-range';
+import { ComponentProps } from 'react';
+import { Matcher } from 'react-day-picker';
+import { Calendar, DateRange } from '../../calendar/calendar';
+type CalendarProps = ComponentProps<typeof Calendar>;
+type BodyProps = {
+    calendarProps: Omit<CalendarProps, 'mode' | 'label' | 'onSelect' | 'disabled'>;
+    dayRule?: Matcher | Matcher[];
+    required?: boolean;
+    value?: DateRange;
+    onValueChange?: (value?: DateRange) => void;
+    presets?: readonly DateRangePresetOption[];
+    withTime?: boolean;
+    onClose: () => void;
+};
+/**
+ * The open popover of a `DateRangeField`: the presets, the range calendar
+ * and, with `withTime`, the two times and OK. Its body is mounted only while
+ * the popover is open, so the presets are resolved (and "now" read) only
+ * then, as in the Vue sister.
+ */
+export declare function DateRangeFieldContent({ triggerId, ...body }: BodyProps & {
+    triggerId: string;
+}): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/dates/date-range-field/partials/date-range-presets.d.ts

@@ -0,0 +1,11 @@
+import { DayRange } from '@nxgt/material-core/date-range';
+import { DateRangePresetItem } from '../use-date-range-presets';
+/**
+ * The one-click ranges beside the calendar: a group (a `<fieldset>`) of
+ * toggle buttons, the one whose range is the field's value pressed
+ * (`aria-pressed`). A preset the field's rules rule out is disabled.
+ */
+export declare function DateRangePresets({ items, onPick, }: {
+    items: DateRangePresetItem[];
+    onPick: (range: DayRange) => void;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/dates/date-range-field/partials/date-range-times.d.ts

@@ -0,0 +1,11 @@
+import { DateRange } from '../../calendar/calendar';
+/**
+ * A time of day for each end of the range, under the calendar. An end with
+ * no day yet has its time disabled. The end never comes before the start:
+ * on the same day, an earlier end time becomes the start time.
+ */
+export declare function DateRangeTimes({ value, onValueChange, onDone, }: {
+    value?: DateRange;
+    onValueChange?: (value?: DateRange) => void;
+    onDone: () => void;
+}): import("react").JSX.Element;