@dcs-tech/ui 0.9.0 → 0.11.0

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

@@ -1,5 +1,5 @@
 "use client";
-import { Tt as e, U as t } from "./geometry-yZmKN662.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,5 +78,11 @@ function r(e) {
 		case "breakdown": return n(e, e.buckets ?? []);
 	}
 }
-var i = (t) => e(t.card), a = (e, n) => t(r(e), i(e), n);
+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;
+};
 export { a as n, i as r, n as t };

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type AlertTone } from '../../core/logic';
+export interface AlertProps {
+    tone?: AlertTone;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    icon?: React.ReactNode | false;
+    action?: React.ReactNode;
+    onDismiss?: () => void;
+    banner?: boolean;
+    role?: React.AriaRole;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Alert: React.FC<AlertProps>;
+export default Alert;

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

@@ -0,0 +1,2 @@
+export { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';

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

@@ -1,17 +1,18 @@
 import React from 'react';
 export type CardVariant = 'outlined' | 'elevated' | 'flat';
 export type CardPadding = 'none' | 'small' | 'medium';
-export interface CardProps {
+export type CardHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children' | 'onClick'> {
     children?: React.ReactNode;
     variant?: CardVariant;
     padding?: CardPadding;
     title?: React.ReactNode;
+    headingLevel?: CardHeadingLevel | 'none';
     subtitle?: React.ReactNode;
     action?: React.ReactNode;
     footer?: React.ReactNode;
     onClick?: () => void;
-    className?: string;
-    style?: React.CSSProperties;
+    selected?: boolean;
 }
 declare const Card: React.FC<CardProps>;
 export default Card;

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

@@ -1,2 +1,2 @@
 export { default as Card } from './Card';
-export type { CardProps, CardVariant, CardPadding } from './Card';
+export type { CardProps, CardVariant, CardPadding, CardHeadingLevel } from './Card';

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,10 +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, 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;
@@ -44,6 +45,7 @@ export type ChartImageChart = {
 } | {
     kind: 'funnel';
     steps: ChartSlice[];
+    showChange?: boolean;
 } | {
     kind: 'gauge';
     rows: ChartImageProgressRow[];
@@ -56,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/ChipInput/ChipTags.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ChipInputProps, FieldHandle } from '../../core/types';
+export declare const ChipTags: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<FieldHandle>>;

package/dist/types/components/CommandPalette/CommandPaletteTrigger.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface CommandPaletteTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'type'> {
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    label?: string;
+    hotkey?: string | null;
+    icon?: React.ReactNode;
+}
+declare const CommandPaletteTrigger: React.ForwardRefExoticComponent<CommandPaletteTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export default CommandPaletteTrigger;

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

@@ -1,2 +1,4 @@
 export { default as CommandPalette } from './CommandPalette';
 export type { CommandPaletteProps, CommandPaletteItem } from './CommandPalette';
+export { default as CommandPaletteTrigger } from './CommandPaletteTrigger';
+export type { CommandPaletteTriggerProps } from './CommandPaletteTrigger';

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/TablePagination.d.ts

@@ -10,7 +10,7 @@ export interface TablePager {
     setPageSize: (n: number) => void;
 }
 export declare function pagerOf(table: any, pager?: TablePager): TablePager;
-export declare function pageSizeChoices(paginationConfig: DataTablePaginationConfig, allMode: boolean, pageSize: number, formatNumber: (n: number) => string, allLabel: string): {
+export declare function pageSizeChoices(paginationConfig: DataTablePaginationConfig, allMode: boolean, pageSize: number, formatNumber: (n: number) => string, allLabel: string, defaults?: number[]): {
     options: {
         name: string;
         value: string;

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

@@ -1,7 +1,19 @@
 import React, { type ReactNode } from 'react';
-import { type DataTableActiveFilter, type DataTableColumnPinning, type DataTableDisplayPrefs, type DataTableQuickFilter, type DataTableQuickFilterMode, type DataTableSavedFilter, type DataTableLayout } 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[];
     searchEnabled: boolean;
     globalFilter: string;
     setGlobalFilter: (value: string) => void;
@@ -37,6 +49,10 @@ interface TableToolbarProps {
         onToggle: () => void;
     };
     groupNode?: ReactNode;
+    groupLabel?: string;
+    groupActive?: boolean;
+    pivotNode?: ReactNode;
+    pivotActive?: boolean;
     sortingEnabled: boolean;
     exportNode?: ReactNode;
     columnModalOpen: boolean;
@@ -44,6 +60,7 @@ interface TableToolbarProps {
     sortModalOpen: boolean;
     setSortModalOpen: (open: boolean) => void;
     columns: any[];
+    sortColumns?: any[];
     sorting: Array<{
         id: string;
         desc: boolean;
@@ -58,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;
@@ -14,6 +15,7 @@ export interface TableFilterRowProps {
 interface TableViewProps {
     table: any;
     config: DataTableView;
+    emptyText: string;
     checkboxes: boolean;
     toggleRowSelection: (rowId: string) => void;
     toggleAllRowsSelection: () => void;
@@ -23,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;
@@ -56,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;