@nxgt/material 2.4.2 → 2.5.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-BhWbq65y.js

@@ -0,0 +1,28 @@
+import { x as e } from "./translator-B4zUVm7j.js";
+import { i as t, o as n, t as r } from "./_overRest-93z6TD9V.js";
+import { d as i } from "./_Uint8Array-DuTT6911.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-DdlzV8Ue.js

@@ -0,0 +1,53 @@
+import { C as e, o as t, s as n, v as r } from "./translator-B4zUVm7j.js";
+import { S as i, j as a, k as o } from "./async-slice-B8Xv2BLH.js";
+import { a as s, c, d as l, f as u, l as d, p as f, u as p } from "./_Uint8Array-DuTT6911.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-BuLKqWS3.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-CUkJhBwK.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/display/chip/chip.d.ts

@@ -7,5 +7,5 @@ export type ChipProps = {
     label: ReactNode;
     active?: boolean;
     onDismiss?: () => void;
-} & Omit<ButtonProps, 'children' | 'type'>;
+} & Omit<ButtonProps, 'children' | 'type' | 'size'>;
 export declare function Chip({ label, leading, trailing, avatar, className, active, variant, onDismiss, disabled, color, onClick, ...props }: ChipProps): import("react").JSX.Element;

package/dist/lib/components/ui/feedback/toast/toast.d.ts

@@ -1,15 +1,20 @@
 import { ReactNode } from 'react';
 import { ExternalToast, toast as sonnerToast, Toaster } from 'sonner';
+/**
+ * A toast's action: a labelled button that runs `onClick` and dismisses the
+ * toast, or a render function given `dismiss` for anything else.
+ */
+export type ToastAction = {
+    label: ReactNode;
+    onClick?: () => void;
+} | ((dismiss: () => void) => ReactNode);
 export type ToastProps = {
     id: string | number;
     title?: ReactNode;
     description?: ReactNode;
     icon?: ReactNode;
     className?: string;
-    action?: {
-        label: ReactNode;
-        onClick?: () => void;
-    } | ((dismiss: () => void) => ReactNode);
+    action?: ToastAction;
 };
 export type ToastMethodProps = Omit<ToastProps, 'id'> & {
     options?: ExternalToast;

package/dist/lib/components/ui/fields/otp-field/index.d.ts

@@ -1,2 +1,3 @@
+export * from './input-otp';
 export * from './otp-field';
 export * from './otp-form-field';

package/dist/lib/components/ui/fields/otp-field/input-otp.d.ts

@@ -7,5 +7,5 @@ declare function InputOTPGroup({ className, ...props }: React.ComponentProps<'di
 declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<'div'> & {
     index: number;
 }): React.JSX.Element;
-declare function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function InputOTPSeparator({ children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/lib/components/ui/fields/slider/slider-header.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type SliderHeaderProps = {
+    label?: ReactNode;
+    labelId: string;
+    required?: boolean;
+    showReadout: boolean;
+    values: number[];
+    min: number;
+    max: number;
+    step: number;
+    disabled?: boolean;
+    onChange: (values: number[]) => void;
+};
+/** The Label and the value (editable inputs, or text) above the track. */
+export declare function SliderHeader({ label, labelId, required, showReadout, values, min, max, step, disabled, onChange, }: SliderHeaderProps): import("react").JSX.Element | null;

package/dist/lib/components/ui/fields/slider/slider.d.ts

@@ -11,3 +11,10 @@ export type SliderProps = {
     showReadout?: boolean;
 } & Omit<ComponentProps<typeof SliderControl>, 'hiddenLabel' | 'labelId'>;
 export declare function Slider({ leading, trailing, label, helperText, error, required, ticks, showReadout, value, defaultValue, onValueChange, min, max, step, orientation, disabled, className, ref, ...props }: SliderProps): import("react").JSX.Element;
+/**
+ * The labelled `Slider` under `@nxgt/material-vue`'s name, so code reads the
+ * same in both libraries. Same component, same props. The names align fully
+ * in 3.0; `Slider` is not deprecated.
+ */
+export declare const SliderField: typeof Slider;
+export type SliderFieldProps = SliderProps;

package/dist/lib/components/ui/fields/switch/switch.d.ts

@@ -7,3 +7,10 @@ export type SwitchProps = {
     placeholder?: ReactNode;
 } & ComponentProps<typeof SwitchPrimitive.Root>;
 export declare function Switch({ error, helperText, label, placeholder, className, ...props }: SwitchProps): import("react").JSX.Element;
+/**
+ * The labelled `Switch` under `@nxgt/material-vue`'s name, so code reads the
+ * same in both libraries. Same component, same props. The names align fully
+ * in 3.0; `Switch` is not deprecated.
+ */
+export declare const SwitchField: typeof Switch;
+export type SwitchFieldProps = SwitchProps;

package/dist/lib/components/ui/layout/stepper/stepper-step.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { StepperState } from './step-state';
+export type StepperStepProps = {
+    id: string;
+    index: number;
+    state: StepperState;
+    current: boolean;
+    hidden: boolean;
+    icon?: ReactNode;
+    label: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    name?: string;
+    onSelect?: () => void;
+};
+/** One `<li>` of a `Stepper`. Internal: not exported from the barrel. */
+export declare function StepperStep({ id, index, state, current, hidden, icon, label, title, description, name, onSelect, }: StepperStepProps): import("react").JSX.Element;

package/dist/lib/components/ui/media/camera/camera-content.d.ts

@@ -1,3 +1,2 @@
-import { ComponentProps } from 'react';
-export type CameraProps = {} & ComponentProps<'div'>;
+import { CameraProps } from './types';
 export declare function CameraContent({ className, ...props }: CameraProps): import("react").JSX.Element;

package/dist/lib/components/ui/media/camera/camera-context.d.ts

@@ -0,0 +1,4 @@
+import { CameraContextValue } from './types';
+export declare const CameraContext: import('react').Context<CameraContextValue | null>;
+/** The camera's refs, state and actions; throws outside `<Camera>`. */
+export declare function useCameraContext(): CameraContextValue;

package/dist/lib/components/ui/media/camera/camera-provider.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function CameraProvider({ children }: PropsWithChildren): import("react").JSX.Element;