@dcs-tech/ui 0.10.0 → 0.11.0

package/dist/{summaryChartData-BiQYJbYZ.js → summaryChartData-D15kw64n.js}

@@ -1,5 +1,5 @@
 "use client";
-import { Tt as e, U as t } from "./geometry-DG134nYI.js";
+import { G as e, jt as t } from "./geometry-CFS5If1N.js";
 // src/components/DataTable/summary/summaryChartData.ts
 function n(e, t) {
 	return {
@@ -37,7 +37,8 @@ function r(e) {
 				})),
 				previous: e.trend.previous,
 				good: e.card.trend?.good
-			} : {}
+			} : {},
+			...e.figures ? { figures: e.figures } : {}
 		};
 		case "ratio": return {
 			type: "part",
@@ -77,9 +78,9 @@ function r(e) {
 		case "breakdown": return n(e, e.buckets ?? []);
 	}
 }
-var i = (t) => e(t.card), a = (e, n) => {
-	let a = t(r(e), i(e), n);
-	return a.kind === "funnel" && e.kind === "funnel" && e.card.showChange === !1 ? {
+var i = (e) => t(e.card), a = (t, n) => {
+	let a = e(r(t), i(t), n);
+	return a.kind === "funnel" && t.kind === "funnel" && t.card.showChange === !1 ? {
 		...a,
 		showChange: !1
 	} : a;

package/dist/types/components/Charts/BarList.d.ts

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import './Charts.css';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartDatum, ChartFormatProps, ChartLinkComponent, ChartSelectProps, ChartSeries } from './types';
-export interface BarListProps extends ChartFormatProps, ChartSelectProps<ChartDatum> {
+export interface BarListProps extends ChartFormatProps, ChartSelectProps<ChartDatum>, ChartMotionProps {
     data: ChartDatum[];
     series: ChartSeries[];
     ariaLabel: string;
@@ -9,4 +10,4 @@ export interface BarListProps extends ChartFormatProps, ChartSelectProps<ChartDa
     linkAs?: ChartLinkComponent;
     compact?: boolean;
 }
-export declare function BarList({ data, series, ariaLabel, title, linkAs: LinkAs, compact, onSelect, selected, ...format }: BarListProps): import("react").JSX.Element;
+export declare function BarList({ data, series, ariaLabel, title, linkAs: LinkAs, compact, onSelect, selected, animate, animationDuration, ...format }: BarListProps): import("react").JSX.Element;

package/dist/types/components/Charts/CalendarHeatmap.d.ts

@@ -1,11 +1,12 @@
 import { type ReactNode } from 'react';
 import './Charts.css';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartFormatProps } from './types';
 export interface CalendarDay {
     day: string;
     count: number;
 }
-export interface CalendarHeatmapProps extends ChartFormatProps {
+export interface CalendarHeatmapProps extends ChartFormatProps, ChartMotionProps {
     days: CalendarDay[];
     ariaLabel: string;
     title?: ReactNode;
@@ -13,5 +14,6 @@ export interface CalendarHeatmapProps extends ChartFormatProps {
     selected?: string | null;
     compact?: boolean;
 }
+export declare function heatShade(level: number): string;
 export declare const weekdayNames: (locale?: string) => string[];
-export declare function CalendarHeatmap({ days, ariaLabel, title, onSelect, selected, compact, ...format }: CalendarHeatmapProps): import("react").JSX.Element;
+export declare function CalendarHeatmap({ days, ariaLabel, title, onSelect, selected, compact, animate, animationDuration, ...format }: CalendarHeatmapProps): import("react").JSX.Element;

package/dist/types/components/Charts/Chart.d.ts

@@ -2,7 +2,8 @@ import { type ReactNode } from 'react';
 import './Charts.css';
 import { type ChartData, type ChartKind } from './chartData';
 import type { ChartFormatProps, ChartLinkComponent } from './types';
-export interface ChartProps extends ChartFormatProps {
+import type { ChartMotionProps } from './useChartMotion';
+export interface ChartProps extends ChartFormatProps, ChartMotionProps {
     data: ChartData;
     as?: ChartKind;
     offer?: readonly ChartKind[];
@@ -17,4 +18,4 @@ export interface ChartProps extends ChartFormatProps {
     legend?: boolean;
     onChartChange?: (kind: ChartKind) => void;
 }
-export declare function Chart({ data, as, offer, ariaLabel, title, compact, height, size, onSelect, selected, linkAs, onChartChange, legend, ...format }: ChartProps): import("react").JSX.Element;
+export declare function Chart({ data, as, offer, ariaLabel, title, compact, height, size, onSelect, selected, linkAs, onChartChange, legend, animate, animationDuration, ...format }: ChartProps): import("react").JSX.Element;

package/dist/types/components/Charts/ChartView.d.ts

@@ -1,6 +1,7 @@
 import type { ChartImageChart } from './chartImage';
 import type { ChartFormatProps, ChartLinkComponent } from './types';
-export interface ChartViewProps extends ChartFormatProps {
+import type { ChartMotionProps } from './useChartMotion';
+export interface ChartViewProps extends ChartFormatProps, ChartMotionProps {
     chart: ChartImageChart;
     ariaLabel: string;
     compact?: boolean;
@@ -12,4 +13,4 @@ export interface ChartViewProps extends ChartFormatProps {
     legend?: boolean;
     onLegendCut?: (hidden: number) => void;
 }
-export declare function ChartView({ chart, ariaLabel, compact, height, size, onSelect, selected, linkAs, onLegendCut, legend, ...format }: ChartViewProps): import("react").JSX.Element;
+export declare function ChartView({ chart, ariaLabel, compact, height, size, onSelect, selected, linkAs, onLegendCut, legend, animate, animationDuration, ...format }: ChartViewProps): import("react").JSX.Element;

package/dist/types/components/Charts/ColumnChart.d.ts

@@ -1,8 +1,9 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import './Charts.css';
 import { type ColumnMode } from './geometry';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartDatum, ChartFormatProps, ChartSelectProps, ChartSeries } from './types';
-export interface ColumnChartProps extends ChartFormatProps, ChartSelectProps<ChartDatum> {
+export interface ColumnChartProps extends ChartFormatProps, ChartSelectProps<ChartDatum>, ChartMotionProps {
     data: ChartDatum[];
     series: ChartSeries[];
     ariaLabel: string;
@@ -12,4 +13,4 @@ export interface ColumnChartProps extends ChartFormatProps, ChartSelectProps<Cha
     mode?: ColumnMode;
     legend?: boolean;
 }
-export declare function ColumnChart({ data, series, ariaLabel, title, height, compact, mode, legend, onSelect, selected, ...format }: ColumnChartProps): import("react").JSX.Element;
+export declare function ColumnChart({ data, series, ariaLabel, title, height, compact, mode, legend, onSelect, selected, animate, animationDuration, ...format }: ColumnChartProps): import("react").JSX.Element;

package/dist/types/components/Charts/Donut.d.ts

@@ -1,7 +1,8 @@
 import { type ReactNode } from 'react';
 import './Charts.css';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartFormatProps, ChartSelectProps, ChartSlice } from './types';
-export interface DonutProps extends ChartFormatProps, ChartSelectProps<ChartSlice> {
+export interface DonutProps extends ChartFormatProps, ChartSelectProps<ChartSlice>, ChartMotionProps {
     slices: ChartSlice[];
     ariaLabel: string;
     title?: ReactNode;
@@ -11,4 +12,4 @@ export interface DonutProps extends ChartFormatProps, ChartSelectProps<ChartSlic
     onLegendCut?: (hidden: number) => void;
     legend?: boolean;
 }
-export declare function Donut({ slices, ariaLabel, title, size, compact, variant, onLegendCut, legend, onSelect, selected, ...format }: DonutProps): import("react").JSX.Element;
+export declare function Donut({ slices, ariaLabel, title, size, compact, variant, onLegendCut, legend, onSelect, selected, animate, animationDuration, ...format }: DonutProps): import("react").JSX.Element;

package/dist/types/components/Charts/Funnel.d.ts

@@ -1,11 +1,12 @@
 import type { ReactNode } from 'react';
 import './Charts.css';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartFormatProps, ChartSelectProps, ChartSlice } from './types';
-export interface FunnelProps extends ChartFormatProps, ChartSelectProps<ChartSlice> {
+export interface FunnelProps extends ChartFormatProps, ChartSelectProps<ChartSlice>, ChartMotionProps {
     steps: ChartSlice[];
     ariaLabel: string;
     title?: ReactNode;
     compact?: boolean;
     showChange?: boolean;
 }
-export declare function Funnel({ steps, ariaLabel, title, compact, showChange, onSelect, selected, ...format }: FunnelProps): import("react").JSX.Element;
+export declare function Funnel({ steps, ariaLabel, title, compact, showChange, onSelect, selected, animate, animationDuration, ...format }: FunnelProps): import("react").JSX.Element;

package/dist/types/components/Charts/Gauge.d.ts

@@ -1,8 +1,9 @@
 import type { ReactNode } from 'react';
 import './Charts.css';
 import { type GaugeVariant } from './geometry';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartFormatProps, ChartProgressColor } from './types';
-export interface GaugeProps extends ChartFormatProps {
+export interface GaugeProps extends ChartFormatProps, ChartMotionProps {
     value: number;
     total: number;
     ariaLabel: string;
@@ -12,4 +13,4 @@ export interface GaugeProps extends ChartFormatProps {
     size?: number;
     compact?: boolean;
 }
-export declare function Gauge({ value, total, ariaLabel, label, variant, color, size, compact, ...format }: GaugeProps): import("react").JSX.Element;
+export declare function Gauge({ value, total, ariaLabel, label, variant, color, size, compact, animate, animationDuration, ...format }: GaugeProps): import("react").JSX.Element;

package/dist/types/components/Charts/LineChart.d.ts

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import './Charts.css';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartDatum, ChartFormatProps, ChartSelectProps, ChartSeries } from './types';
-export interface LineChartProps extends ChartFormatProps, ChartSelectProps<ChartDatum> {
+export interface LineChartProps extends ChartFormatProps, ChartSelectProps<ChartDatum>, ChartMotionProps {
     data: ChartDatum[];
     series: ChartSeries[];
     ariaLabel: string;
@@ -10,4 +11,4 @@ export interface LineChartProps extends ChartFormatProps, ChartSelectProps<Chart
     height?: number;
     compact?: boolean;
 }
-export declare function LineChart({ data, series, ariaLabel, title, area, height, compact, onSelect, selected, ...format }: LineChartProps): import("react").JSX.Element;
+export declare function LineChart({ data, series, ariaLabel, title, area, height, compact, onSelect, selected, animate, animationDuration, ...format }: LineChartProps): import("react").JSX.Element;

package/dist/types/components/Charts/NumberTrend.d.ts

@@ -1,13 +1,14 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import './Charts.css';
 import { type TrendGood } from './geometry';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartColor, ChartFormatProps } from './types';
 export interface NumberTrendPoint {
     key?: string;
     label: string;
     value: number;
 }
-export interface NumberTrendProps extends ChartFormatProps {
+export interface NumberTrendProps extends ChartFormatProps, ChartMotionProps {
     value: number;
     ariaLabel: string;
     title?: ReactNode;
@@ -18,4 +19,4 @@ export interface NumberTrendProps extends ChartFormatProps {
     slot?: ChartColor;
     compact?: boolean;
 }
-export declare function NumberTrend({ value, ariaLabel, title, points, current, previous, good, slot, compact, ...format }: NumberTrendProps): import("react").JSX.Element;
+export declare function NumberTrend({ value, ariaLabel, title, points, current, previous, good, slot, compact, animate, animationDuration, ...format }: NumberTrendProps): import("react").JSX.Element;

package/dist/types/components/Charts/Progress.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from 'react';
 import './Charts.css';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartFormatProps, ChartProgressColor } from './types';
-export interface ProgressProps extends ChartFormatProps {
+export interface ProgressProps extends ChartFormatProps, ChartMotionProps {
     value: number;
     total: number;
     ariaLabel: string;
@@ -9,4 +10,4 @@ export interface ProgressProps extends ChartFormatProps {
     color?: ChartProgressColor;
     compact?: boolean;
 }
-export declare function Progress({ value, total, ariaLabel, label, color, compact, ...format }: ProgressProps): import("react").JSX.Element;
+export declare function Progress({ value, total, ariaLabel, label, color, compact, animate, animationDuration, ...format }: ProgressProps): import("react").JSX.Element;

package/dist/types/components/Charts/StackedBar.d.ts

@@ -1,11 +1,12 @@
 import { type ReactNode } from 'react';
 import './Charts.css';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartFormatProps, ChartSelectProps, ChartSlice } from './types';
-export interface StackedBarProps extends ChartFormatProps, ChartSelectProps<ChartSlice> {
+export interface StackedBarProps extends ChartFormatProps, ChartSelectProps<ChartSlice>, ChartMotionProps {
     slices: ChartSlice[];
     ariaLabel: string;
     title?: ReactNode;
     compact?: boolean;
     onLegendCut?: (hidden: number) => void;
 }
-export declare function StackedBar({ slices, ariaLabel, title, compact, onLegendCut, onSelect, selected, ...format }: StackedBarProps): import("react").JSX.Element;
+export declare function StackedBar({ slices, ariaLabel, title, compact, onLegendCut, onSelect, selected, animate, animationDuration, ...format }: StackedBarProps): import("react").JSX.Element;

package/dist/types/components/Charts/Treemap.d.ts

@@ -1,12 +1,13 @@
 import { type ReactNode } from 'react';
 import './Charts.css';
 import { type TreemapNode } from './geometry';
+import { type ChartMotionProps } from './useChartMotion';
 import type { ChartFormatProps, ChartSelectProps } from './types';
-export interface TreemapProps extends ChartFormatProps, ChartSelectProps<TreemapNode> {
+export interface TreemapProps extends ChartFormatProps, ChartSelectProps<TreemapNode>, ChartMotionProps {
     nodes: TreemapNode[];
     ariaLabel: string;
     title?: ReactNode;
     height?: number;
     compact?: boolean;
 }
-export declare function Treemap({ nodes, ariaLabel, title, height, compact, onSelect, selected, ...format }: TreemapProps): import("react").JSX.Element;
+export declare function Treemap({ nodes, ariaLabel, title, height, compact, onSelect, selected, animate, animationDuration, ...format }: TreemapProps): import("react").JSX.Element;

package/dist/types/components/Charts/chartData.d.ts

@@ -32,6 +32,11 @@ export interface ChartStepCount {
     slot?: ChartColor;
     selectable?: boolean;
 }
+export interface ChartNumberFigure {
+    label: string;
+    value: number | null;
+    text?: (formatted: string) => string;
+}
 export type ChartData = {
     type: 'values';
     values: ChartValueCount[];
@@ -60,6 +65,7 @@ export type ChartData = {
     }>;
     previous?: number;
     good?: TrendGood;
+    figures?: ChartNumberFigure[];
 };
 export type ChartKind = 'donut' | 'pie' | 'bars' | 'stacked' | 'treemap' | 'columns' | 'line' | 'area' | 'grouped' | 'calendar' | 'bar' | 'gauge' | 'ring' | 'funnel' | 'number' | 'numberTrend';
 export declare function chartsFor(data: ChartData): ChartKind[];

package/dist/types/components/Charts/chartImage.d.ts

@@ -2,6 +2,7 @@ import { type ChartLabels } from './labels';
 import { type GaugeVariant, type TreemapNode, type ColumnMode, type TrendGood } from './geometry';
 import type { ChartDatum, ChartProgressColor, ChartSeries, ChartSlice, ChartColor } from './types';
 import type { NumberTrendPoint } from './NumberTrend';
+import type { ChartNumberFigure } from './chartData';
 import type { CalendarDay } from './CalendarHeatmap';
 export interface ChartImageProgressRow {
     label: string;
@@ -57,6 +58,7 @@ export type ChartImageChart = {
     previous?: number;
     good?: TrendGood;
     slot?: ChartColor;
+    figures?: ChartNumberFigure[];
 };
 export interface ChartImage {
     report?: string;

package/dist/types/components/Charts/geometry.d.ts

@@ -10,6 +10,9 @@ export interface DonutArc {
     start: number;
     length: number;
 }
+export declare const drawnTotal: (slices: ReadonlyArray<{
+    value: number;
+}>) => number;
 export declare function donutArcs(slices: ChartSlice[]): DonutArc[];
 export declare const sharePercent: (value: number, total: number) => number;
 export declare function niceMax(v: number): number;

package/dist/types/components/Charts/index.d.ts

@@ -12,6 +12,7 @@ export { Gauge, type GaugeProps } from './Gauge';
 export { Legend, type LegendProps } from './Legend';
 export { LineChart, type LineChartProps } from './LineChart';
 export { NumberTrend, type NumberTrendPoint, type NumberTrendProps } from './NumberTrend';
+export type { ChartNumberFigure } from './chartData';
 export { CALENDAR_DAYS_MAX, calendarGrid, dayRange, deltaTone, trendDelta, type ColumnMode, type GaugeVariant, type TrendDelta, type TrendDirection, type TrendGood } from './geometry';
 export { Progress, type ProgressProps } from './Progress';
 export { StackedBar, type StackedBarProps } from './StackedBar';
@@ -29,4 +30,5 @@ export { TooltipBody, hitRect, hitRects, useChartPointer, type ChartPointer, typ
 export { HOLE, POINTER_GAP, angleOf, bandAt, placeAtPointer, rectAt, sliceAt, spanAt, type ChartRect, type PointerPlacement } from './pointer';
 export { CALENDAR_CELL, calendarCellSize, calendarMonthLabels, type CalendarCellSize } from './geometry';
 export { useBoxSize, useBoxWidth, type BoxSize } from './useBoxSize';
+export { CHART_ANIMATION_MS, type ChartMotionProps } from './useChartMotion';
 export type { ChartCategoricalSlot, ChartColor, ChartLevels, ChartProgressColor, ChartDatum, ChartFormatProps, ChartLinkComponent, ChartLinkProps, ChartSelectProps, ChartSeries, ChartSlice, ChartSlot, ChartStatusSlot } from './types';

package/dist/types/components/Charts/palette.d.ts

@@ -65,6 +65,7 @@ export declare const CHART_LEVELS_DEFAULT: ChartLevels;
 export declare const isChartLevels: (c: ChartProgressColor | undefined) => c is ChartLevels;
 export declare function levelColor(color: ChartProgressColor, share: number): ChartColor;
 export declare const colorCss: (c: ChartColor) => string;
+export declare const toneTextCss: (tone: "positive" | "negative" | "neutral") => string;
 export declare const colorHex: (c: ChartColor, scheme: ChartScheme) => string;
 export declare const CHART_HEAT: {
     readonly light: readonly ["#e8eff9", "#bcd3f2", "#7faee9", "#4081d2", "#155aa7"];

package/dist/types/components/Charts/parts.d.ts

@@ -23,3 +23,17 @@ export declare function roveControls(key: string, index: number | null, count: n
 export declare function ChartLive({ text }: {
     text: string;
 }): import("react").JSX.Element;
+export interface DrawnTick {
+    value: number;
+    alpha: number;
+}
+export declare function AxisY({ ticks, max, plot, nf }: {
+    ticks: readonly DrawnTick[];
+    max: number;
+    plot: number;
+    nf: (n: number) => string;
+}): import("react").JSX.Element;
+export declare function Gridlines({ ticks, max }: {
+    ticks: readonly DrawnTick[];
+    max: number;
+}): import("react").JSX.Element;

package/dist/types/components/Charts/useChartMotion.d.ts

@@ -0,0 +1,8 @@
+import { type TweenValues } from '../../core/logic';
+export declare const CHART_ANIMATION_MS: 300;
+export interface ChartMotionProps {
+    animate?: boolean;
+    animationDuration?: number;
+}
+export declare function useReducedMotion(): boolean;
+export declare function useChartTween(target: TweenValues, { animate, animationDuration }?: ChartMotionProps, hold?: (name: string) => boolean): TweenValues;

package/dist/types/components/DataTable/DataTable.d.ts

@@ -5,6 +5,8 @@ import './DataTable.css';
 import './DataTable.container.css';
 import './DataTable.features.css';
 import './DataTable.layouts.css';
+import './DataTable.tree.css';
+import './DataTable.pivot.css';
 export declare function sameSorting(a: Array<{
     id: string;
     desc: boolean;
@@ -12,5 +14,5 @@ export declare function sameSorting(a: Array<{
     id: string;
     desc: boolean;
 }>): boolean;
-declare function DataTable<TData = any>({ data: dataProp, views, tableId, className, dataSource, persistence: persistenceProp, authorize, exportOptions, initialState: initialStateProp, onStateChange, onRowsChange, apiRef, bulkActions: tableBulkActions, labels: labelsProp, locale: localeProp, renderDetail: tableRenderDetail, detailBar, openRowId: openRowIdProp, onOpenRowChange, shortcuts: tableShortcutsProp, sharing, renamedViews, prefsVersion, migratePrefs, title, }: DataTableProps<TData>): React.JSX.Element;
+declare function DataTable<TData = any>({ data: dataProp, views, tableId, className, dataSource, persistence: persistenceProp, authorize, exportOptions, initialState: initialStateProp, onStateChange, onRowsChange, apiRef, bulkActions: tableBulkActions, labels: labelsProp, locale: localeProp, renderDetail: tableRenderDetail, detailBar, openRowId: openRowIdProp, onOpenRowChange, onRowOrderChange, shortcuts: tableShortcutsProp, sharing, renamedViews, prefsVersion, migratePrefs, title, pinnedRows: appPinnedRows, pivot: pivotProp, onPivotChange, }: DataTableProps<TData>): React.JSX.Element;
 export default DataTable;

package/dist/types/components/DataTable/DisplayPopover.d.ts

@@ -7,6 +7,7 @@ interface DisplayPopoverProps {
     devToolsEnabled?: boolean;
     onDevToolsChange?: (enabled: boolean) => void;
     actionsFor?: 'table' | 'card';
+    cardButtons?: boolean;
     shortcutsHint?: boolean;
     pageSize?: {
         options: {

package/dist/types/components/DataTable/HeaderMenu.d.ts

@@ -6,6 +6,7 @@ export interface HeaderMenuState {
     x: number;
     y: number;
     alignRight?: boolean;
+    anchorHeight?: number;
 }
 interface HeaderMenuProps {
     state: HeaderMenuState;

package/dist/types/components/DataTable/TableColumnModal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type DataTableColumn, type DataTableDisplayPrefs, type DataTableColumnPinning } from './types';
+import { type DataTableColumn, type DataTableDisplayPrefs, type DataTableColumnPinning, type DataTableColumnGroup } from './types';
 interface TableColumnModalProps {
     columns: DataTableColumn[];
     columnOrder: string[];
@@ -7,10 +7,13 @@ interface TableColumnModalProps {
     columnVisibility: Record<string, boolean>;
     setColumnVisibility: (vis: Record<string, boolean>) => void;
     resetColumns: () => void;
+    columnGroups?: DataTableColumnGroup[];
     pinning?: DataTableColumnPinning;
     onPinningChange?: (pinning: DataTableColumnPinning) => void;
     onClose: () => void;
     hasActions?: boolean;
+    cardActionsOffered?: boolean;
+    inlineActions?: number;
     displayPrefs?: DataTableDisplayPrefs;
     onDisplayPrefsChange?: (settings: DataTableDisplayPrefs) => void;
 }

package/dist/types/components/DataTable/TableToolbar.d.ts

@@ -1,5 +1,16 @@
 import React, { type ReactNode } from 'react';
-import { type DataTableActiveFilter, type DataTableColumnPinning, type DataTableDisplayPrefs, type DataTableQuickFilter, type DataTableQuickFilterMode, type DataTableSavedFilter, type DataTableLayout, type DataTableToolbarAction } from './types';
+import { type DataTableActiveFilter, type DataTableColumnGroup, type DataTableColumnPinning, type DataTableDisplayPrefs, type DataTableQuickFilter, type DataTableQuickFilterMode, type DataTableSavedFilter, type DataTableLayout, type DataTableToolbarAction } from './types';
+export declare const TOOLBAR_PRIORITY: {
+    readonly sort: 10;
+    readonly filterRow: 20;
+    readonly fields: 30;
+    readonly expandAll: 40;
+    readonly group: 50;
+    readonly pivot: 60;
+    readonly select: 70;
+    readonly export: 80;
+    readonly app: 100;
+};
 interface TableToolbarProps {
     phone: boolean;
     appActions?: DataTableToolbarAction[];
@@ -38,6 +49,10 @@ interface TableToolbarProps {
         onToggle: () => void;
     };
     groupNode?: ReactNode;
+    groupLabel?: string;
+    groupActive?: boolean;
+    pivotNode?: ReactNode;
+    pivotActive?: boolean;
     sortingEnabled: boolean;
     exportNode?: ReactNode;
     columnModalOpen: boolean;
@@ -45,6 +60,7 @@ interface TableToolbarProps {
     sortModalOpen: boolean;
     setSortModalOpen: (open: boolean) => void;
     columns: any[];
+    sortColumns?: any[];
     sorting: Array<{
         id: string;
         desc: boolean;
@@ -59,9 +75,12 @@ interface TableToolbarProps {
     columnVisibility: Record<string, boolean>;
     setColumnVisibility: (vis: Record<string, boolean>) => void;
     resetColumns: () => void;
+    columnGroups?: DataTableColumnGroup[];
     pinning?: DataTableColumnPinning;
     onPinningChange?: (pinning: DataTableColumnPinning) => void;
     hasActions?: boolean;
+    cardActionsOffered?: boolean;
+    inlineActions?: number;
     displayPrefs: DataTableDisplayPrefs;
     onDisplayPrefsChange: (settings: DataTableDisplayPrefs) => void;
     table: any;

package/dist/types/components/DataTable/TableView.d.ts

@@ -1,9 +1,10 @@
 import React, { type ReactNode } from 'react';
 import { type DataTableView, type DataTableDisplayPrefs, type DataTableActiveFilter, type DataTableColumnPinning, type DataTableFilterGroup } from './types';
 import { type CellChange } from './useDataChangeTracker';
+import type { RowChangesOptions } from './motion/rowChanges';
 import { type PinSide } from './pinning';
 import { type RowPressHandlers } from './rows/rowPress';
-import type { DisplayItem } from './grouping/groupModel';
+import { type DisplayItem, type TreeLineState } from './grouping/groupModel';
 import { type ScrollApi, type VirtualOptions } from './virtual/useVirtualLines';
 export interface TableFilterRowProps {
     visible: boolean;
@@ -24,7 +25,7 @@ interface TableViewProps {
     onColumnFilter?: (columnId: string, anchor: HTMLElement) => void;
     activeFilters?: DataTableActiveFilter[];
     filteringEnabled?: boolean;
-    changedCells?: Map<string, Map<string, CellChange>>;
+    changedCells?: ReadonlyMap<string, ReadonlyMap<string, CellChange>>;
     rowKey?: string;
     displayPrefs?: DataTableDisplayPrefs;
     error?: unknown;
@@ -57,6 +58,21 @@ interface TableViewProps {
     };
     virtual?: VirtualOptions | null;
     scrollApi?: React.MutableRefObject<ScrollApi | null>;
+    rowChanges?: RowChangesOptions;
+    pinnedLines?: {
+        top: DisplayItem[];
+        bottom: DisplayItem[];
+    };
+    rowLead?: (row: any, line: RowLeadContext) => ReactNode;
+    totalsRows?: any[];
+    rowClassName?: (row: any) => string | undefined;
+    ariaLabel?: string;
+}
+export interface RowLeadContext {
+    depth: number;
+    tree?: TreeLineState;
+    pinned: boolean;
+    leaving: boolean;
 }
 declare const TableView: React.FC<TableViewProps>;
 export default TableView;

package/dist/types/components/DataTable/cards/CardView.d.ts

@@ -1,14 +1,19 @@
 import React, { type ReactNode } from 'react';
 import type { RowPressHandlers } from '../rows/rowPress';
-import type { ListParts, RowParts } from './rowParts';
+import type { RowParts } from './rowParts';
 import { type ScrollApi, type VirtualOptions } from '../virtual/useVirtualLines';
+import { type MotionItem } from '../motion/useRowMotion';
+import type { RowChangesOptions } from '../motion/rowChanges';
 export interface CardRow {
     id: string;
-    parts: RowParts;
-    list: ListParts | null;
+    original: unknown;
+    index: number;
     selected: boolean;
     selectable: boolean;
 }
+export declare function useRowLines(rows: CardRow[], linesProp: CardLine[] | undefined): CardLine[];
+export declare function withoutLeavingLines(items: Array<MotionItem<CardLine>>): Array<MotionItem<CardLine>>;
+export declare function useKeyOrder<L>(lines: L[], keyOf: (line: L | undefined, at: number) => string): object;
 export type CardLine = {
     kind: 'row';
     key: string;
@@ -20,12 +25,13 @@ export type CardLine = {
     level: number;
     expanded?: boolean;
 };
-export interface MotionOptions {
+export interface MotionOptions extends Partial<RowChangesOptions> {
     enabled: boolean;
     resetKey: string | undefined;
 }
 interface CardViewProps {
     rows: CardRow[];
+    partsOf: (row: CardRow) => RowParts;
     lines?: CardLine[];
     checkboxes: boolean;
     onToggle: (id: string) => void;
@@ -40,11 +46,25 @@ interface CardViewProps {
     virtual?: VirtualOptions | null;
     scrollApi?: React.MutableRefObject<ScrollApi | null>;
     motion?: MotionOptions;
+    renderLead?: (id: string) => ReactNode;
 }
 export declare function CardContent({ parts, open }: {
     parts: RowParts;
     open: boolean;
 }): React.JSX.Element;
+interface CardChunk {
+    key: string;
+    lines: Array<MotionItem<CardLine>>;
+}
+interface CardChunks {
+    list: CardChunk[];
+    order: object;
+    shown: Array<MotionItem<CardLine>>;
+    perLine: number;
+    chunkOf: Int32Array;
+    placeIn: Int32Array;
+}
+export declare function chunkLines(shown: Array<MotionItem<CardLine>>, perLine: number, before: CardChunks | null): CardChunks;
 export declare function cardsPerLine(width: number, minCard: number, gap?: number): number;
-export declare function CardView({ rows, lines: linesProp, checkboxes, onToggle, press, renderActions, allExpanded, minCardWidth, focusable, activeKey, placeholder, loading, virtual, scrollApi, motion }: CardViewProps): React.JSX.Element;
+export declare function CardView({ rows, partsOf, lines: linesProp, checkboxes, onToggle, press, renderActions, allExpanded, minCardWidth, focusable, activeKey, placeholder, loading, virtual, scrollApi, motion, renderLead }: CardViewProps): React.JSX.Element;
 export default CardView;

package/dist/types/components/DataTable/cards/rowParts.d.ts

@@ -34,5 +34,6 @@ export declare function RowAvatar({ text, size }: {
 }): React.JSX.Element;
 export declare function rowParts<T>(row: T, index: number, fields: DataTableCardFields, byKey: Map<string, DataTableColumn<T>>, avatar: AvatarOption<T>, labels: CellTextLabels): RowParts;
 export declare function listParts<T>(row: T, index: number, fields: DataTableListFields, byKey: Map<string, DataTableColumn<T>>, avatar: AvatarOption<T>, labels: CellTextLabels): ListParts;
+export declare function partsCache<T, P>(build: (row: T, index: number) => P): (row: T, index: number) => P;
 export declare function sampleRowParts<T>(fields: DataTableCardFields, byKey: Map<string, DataTableColumn<T>>, avatar: AvatarOption<T>): RowParts;
 export declare function sampleListParts<T>(fields: DataTableListFields, byKey: Map<string, DataTableColumn<T>>, avatar: AvatarOption<T>): ListParts;

package/dist/types/components/DataTable/cellSelection/CellRangeBar.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CellRangeFigureId } from '../../../core/logic';
+import type { CellRangeStore } from './cellRangeStore';
+import type { CellRangeSummary } from './useCellSelection';
+import './cellSelection.css';
+interface CellRangeBarProps {
+    store: CellRangeStore;
+    summary: (limit?: number) => CellRangeSummary | null | 'large';
+    figures: CellRangeFigureId[];
+    rowsVersion: unknown;
+    onCopy?: () => void;
+    onClear: () => void;
+    onMenu?: () => void;
+}
+export declare const CellRangeBar: React.NamedExoticComponent<CellRangeBarProps>;
+export {};

package/dist/types/components/DataTable/cellSelection/cellRangeStore.d.ts

@@ -0,0 +1,18 @@
+export interface RangeCorner {
+    row: string;
+    col: string;
+}
+export interface StoredRange {
+    start: RangeCorner;
+    end: RangeCorner;
+}
+export type RangePhase = 'drag' | 'done';
+export interface CellRangeStore {
+    get: () => readonly StoredRange[];
+    phase: () => RangePhase;
+    touch: () => boolean;
+    set: (ranges: readonly StoredRange[], phase: RangePhase, touch?: boolean) => void;
+    subscribe: (fn: (phase: RangePhase) => void) => () => void;
+}
+export declare const sameCorner: (a: RangeCorner, b: RangeCorner) => boolean;
+export declare function createCellRangeStore(): CellRangeStore;

package/dist/types/components/DataTable/cellSelection/paintRanges.d.ts

@@ -0,0 +1,2 @@
+import { type CellRect } from '../../../core/logic';
+export declare function paintRanges(root: ParentNode, rects: readonly CellRect[], rowIndex: (key: string, near?: number) => number, painted: ReadonlySet<HTMLElement>, handles?: CellRect | null): Set<HTMLElement>;