@texturehq/edges 1.26.9 → 1.27.1

package/dist/index.d.cts

@@ -2,8 +2,8 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
 import * as React$1 from 'react';
 import React__default, { RefObject, ComponentType, ReactNode, HTMLAttributes, ComponentProps, CSSProperties, Component, ErrorInfo } from 'react';
-import { V as FieldValue, W as BooleanFormat, X as FormattedValue, Z as CurrentFormat, _ as DateFormat, $ as DistanceFormat, a0 as EnergyFormat, a1 as CurrencyFormat, a2 as NumberFormat, a3 as PhoneFormat, a4 as PowerFormat, a5 as FormatterFunction, a6 as ResistanceFormat, a7 as TemperatureUnitString, a8 as TemperatureUnit, a9 as TemperatureFormat, aa as TextFormat, ab as VoltageFormat, ac as FieldFormat, K as BaseDataPoint, B as BadgeProps, Y as YFormatType, G as TooltipData, ad as DeviceState, ae as GridState, af as ComponentFormatter, ag as LayerSpec, ah as CustomPinsSpec, ai as GeoJsonLayerSpec, aj as RasterLayerSpec, ak as VectorLayerSpec, al as ClusteredVectorLayerSpec } from './colors-DhcZH-We.cjs';
-export { A as ActionItem, am as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, an as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, N as ChartMargin, ap as CodeEditor, C as CodeEditorProps, e as CodeLanguage, f as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, q as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, p as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, g as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, h as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, j as SegmentOption, az as SegmentedControl, i as SegmentedControlProps, k as SideNav, l as SideNavItem, m as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, J as TooltipSeries, n as TopNav, o as TopNavProps, aM as VoltageUnit, U as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, u as clearColorCache, v as createCategoryColorMap, O as createXScale, P as createYScale, Q as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, w as getContrastingTextColor, x as getDefaultChartColor, y as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, r as getEntityConfig, s as getEntityIcon, t as getEntityLabel, aY as getGridStateLabel, z as getResolvedColor, D as getThemeCategoricalColors, R as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, F as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-DhcZH-We.cjs';
+import { V as FieldValue, W as BooleanFormat, X as FormattedValue, Z as CurrentFormat, _ as DateFormat, $ as DistanceFormat, a0 as EnergyFormat, a1 as CurrencyFormat, a2 as NumberFormat, a3 as PhoneFormat, a4 as PowerFormat, a5 as FormatterFunction, a6 as ResistanceFormat, a7 as TemperatureUnitString, a8 as TemperatureUnit, a9 as TemperatureFormat, aa as TextFormat, ab as VoltageFormat, ac as FieldFormat, K as BaseDataPoint, B as BadgeProps, Y as YFormatType, G as TooltipData, ad as DeviceState, ae as GridState, af as ComponentFormatter, ag as LayerSpec, ah as CustomPinsSpec, ai as GeoJsonLayerSpec, aj as RasterLayerSpec, ak as VectorLayerSpec, al as ClusteredVectorLayerSpec } from './colors-CY0JrRSg.cjs';
+export { A as ActionItem, am as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, an as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, N as ChartMargin, ap as CodeEditor, C as CodeEditorProps, e as CodeLanguage, f as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, q as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, p as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, g as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, h as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, j as SegmentOption, az as SegmentedControl, i as SegmentedControlProps, k as SideNav, l as SideNavItem, m as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, J as TooltipSeries, n as TopNav, o as TopNavProps, aM as VoltageUnit, U as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, u as clearColorCache, v as createCategoryColorMap, O as createXScale, P as createYScale, Q as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, w as getContrastingTextColor, x as getDefaultChartColor, y as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, r as getEntityConfig, s as getEntityIcon, t as getEntityLabel, aY as getGridStateLabel, z as getResolvedColor, D as getThemeCategoricalColors, R as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, F as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-CY0JrRSg.cjs';
 import { Virtualizer } from '@tanstack/react-virtual';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as Icon, S as Size, d as IconName$2, B as BaseInputProps } from './RichTextEditor-CZCqHSPF.cjs';
@@ -1254,6 +1254,11 @@ interface Column<T> {
     cellProps?: Record<string, any> | ((value: any, row: T) => Record<string, any>);
     render?: (value: any, row: T, context: CellContext) => ReactNode;
     sortable?: boolean;
+    /**
+     * Whether this column can be reordered via drag-and-drop.
+     * Defaults to true. Set to false to lock a column in place (e.g., sticky first column).
+     */
+    reorderable?: boolean;
     noCellPadding?: boolean;
     mobile?: MobileConfig | false;
     popover?: string | ((value: unknown, row: T) => ReactNode) | {
@@ -1299,6 +1304,8 @@ interface DataTableProps<T> {
     estimatedRowHeight?: number;
     loadingIndicator?: ReactNode;
     stickyHeader?: boolean;
+    /** Make the first column sticky on horizontal scroll */
+    stickyFirstColumn?: boolean;
     onRowClick?: (row: T) => void;
     getRowId?: (row: T) => string;
     hideHeader?: boolean;
@@ -1306,6 +1313,22 @@ interface DataTableProps<T> {
     sortConfig?: SortConfig | null;
     onSort?: (sortConfig: SortConfig | null) => void;
     "aria-label"?: string;
+    /**
+     * Enable drag-and-drop column reordering (like Notion tables).
+     * When enabled, users can drag column headers to reorder columns.
+     */
+    enableColumnReorder?: boolean;
+    /**
+     * Controlled column order - array of column IDs in display order.
+     * When provided, DataTable uses this order instead of the columns array order.
+     * Use with onColumnOrderChange for controlled behavior.
+     */
+    columnOrder?: string[];
+    /**
+     * Callback fired when column order changes via drag-and-drop.
+     * Receives the new array of column IDs in their new order.
+     */
+    onColumnOrderChange?: (columnOrder: string[]) => void;
 }
 
 /**
@@ -2667,6 +2690,13 @@ interface DataControlsProps {
     };
     /** Custom controls to render on the left side, before results count (e.g., saved views dropdown) */
     leftControls?: React.ReactNode;
+    /** Callback to open column management UI (dialog/drawer) */
+    onManageColumns?: () => void;
+    /**
+     * @deprecated Use `onManageColumns` instead. This prop will be removed in a future version.
+     * Column picker control - rendered on the LEFT side with Sort (display controls)
+     */
+    columnPicker?: React.ReactNode;
     /** Custom controls to render on the right side (desktop) or below search (mobile) */
     customControls?: React.ReactNode;
     /** Action buttons (exposed on desktop, ActionMenu on mobile) */
@@ -2735,7 +2765,7 @@ interface DataControlsProps {
  * ```
  */
 declare function DataControls({ search, searchMobileMode: _searchMobileMode, // Deprecated: kept for backward compatibility
-filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, leftControls, customControls, actions, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
+filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, leftControls, onManageColumns, columnPicker, customControls, actions, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
 
 interface FilterDialogProps {
     /** Whether the dialog is open */
@@ -2900,6 +2930,18 @@ interface BadgeCellProps<T = any> extends CellComponentProps<T> {
     emptyText?: string;
     /** Additional CSS classes */
     className?: string;
+    /**
+     * Maximum number of badges to show when value is an array.
+     * Remaining items will be shown as "+N" with a tooltip.
+     * Defaults to 2.
+     */
+    maxVisible?: number;
+    /**
+     * Maximum character length for each badge label.
+     * Longer labels will be truncated with "..." and show full text in tooltip.
+     * Defaults to undefined (no truncation).
+     */
+    maxLabelLength?: number;
 }
 /**
  * BadgeCell
@@ -2908,6 +2950,8 @@ interface BadgeCellProps<T = any> extends CellComponentProps<T> {
  * Supports mapping values to semantic variants (success, error, warning, etc.)
  * and customizing the display label.
  *
+ * Also supports array values (e.g., tags) with truncation via maxVisible prop.
+ *
  * @example
  * ```tsx
  * // Simple usage with static variant
@@ -2950,9 +2994,22 @@ interface BadgeCellProps<T = any> extends CellComponentProps<T> {
  *     dotPulse: (value) => value === "online",
  *   }
  * }
+ *
+ * // Array of tags with truncation
+ * {
+ *   id: "tags",
+ *   label: "Tags",
+ *   accessor: (row) => row.tags,
+ *   cell: BadgeCell,
+ *   cellProps: {
+ *     variant: "secondary",
+ *     shape: "pill",
+ *     maxVisible: 2,
+ *   }
+ * }
  * ```
  */
-declare function BadgeCell<T = any>({ value, row, context, variant, label, size, shape, dot, dotPosition, dotPulse, align, emptyText, className, }: BadgeCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function BadgeCell<T = any>({ value, row, context, variant, label, size, shape, dot, dotPosition, dotPulse, align, emptyText, className, maxVisible, maxLabelLength, }: BadgeCellProps<T>): react_jsx_runtime.JSX.Element;
 
 interface BooleanCellProps<T = any> extends CellComponentProps<T> {
     format?: "icon" | "text" | "badge";
@@ -3111,6 +3168,7 @@ declare function getCellAlignmentClasses(align?: CellAlignment): string;
 declare function getCellTextClasses(emphasis?: CellEmphasis, isLink?: boolean): string;
 /**
  * Get container classes for cells
+ * Includes min-w-0 and overflow-hidden to enable text truncation in flex containers
  */
 declare function getCellContainerClasses(align?: CellAlignment, additionalClasses?: string): string;
 /**
@@ -3617,7 +3675,7 @@ declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyT
  * Supports custom cell renderers, column configurations, multiple display densities,
  * and virtualization for large datasets.
  */
-declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingState, loadingRowCount, onLoadMore, hasMore, enableVirtualization, estimatedRowHeight, loadingIndicator, stickyHeader, onRowClick, getRowId, hideHeader, sortConfig: controlledSortConfig, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingState, loadingRowCount, onLoadMore, hasMore, enableVirtualization, estimatedRowHeight, loadingIndicator, stickyHeader, stickyFirstColumn, onRowClick, getRowId, hideHeader, sortConfig: controlledSortConfig, onSort, "aria-label": ariaLabel, enableColumnReorder, columnOrder: controlledColumnOrder, onColumnOrderChange, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface MobileRowProps<T> {
     row: T;

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
 import * as React$1 from 'react';
 import React__default, { RefObject, ComponentType, ReactNode, HTMLAttributes, ComponentProps, CSSProperties, Component, ErrorInfo } from 'react';
-import { V as FieldValue, W as BooleanFormat, X as FormattedValue, Z as CurrentFormat, _ as DateFormat, $ as DistanceFormat, a0 as EnergyFormat, a1 as CurrencyFormat, a2 as NumberFormat, a3 as PhoneFormat, a4 as PowerFormat, a5 as FormatterFunction, a6 as ResistanceFormat, a7 as TemperatureUnitString, a8 as TemperatureUnit, a9 as TemperatureFormat, aa as TextFormat, ab as VoltageFormat, ac as FieldFormat, K as BaseDataPoint, B as BadgeProps, Y as YFormatType, G as TooltipData, ad as DeviceState, ae as GridState, af as ComponentFormatter, ag as LayerSpec, ah as CustomPinsSpec, ai as GeoJsonLayerSpec, aj as RasterLayerSpec, ak as VectorLayerSpec, al as ClusteredVectorLayerSpec } from './colors-BsIMEV0c.js';
-export { A as ActionItem, am as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, an as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, N as ChartMargin, ap as CodeEditor, C as CodeEditorProps, e as CodeLanguage, f as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, q as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, p as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, g as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, h as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, j as SegmentOption, az as SegmentedControl, i as SegmentedControlProps, k as SideNav, l as SideNavItem, m as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, J as TooltipSeries, n as TopNav, o as TopNavProps, aM as VoltageUnit, U as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, u as clearColorCache, v as createCategoryColorMap, O as createXScale, P as createYScale, Q as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, w as getContrastingTextColor, x as getDefaultChartColor, y as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, r as getEntityConfig, s as getEntityIcon, t as getEntityLabel, aY as getGridStateLabel, z as getResolvedColor, D as getThemeCategoricalColors, R as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, F as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-BsIMEV0c.js';
+import { V as FieldValue, W as BooleanFormat, X as FormattedValue, Z as CurrentFormat, _ as DateFormat, $ as DistanceFormat, a0 as EnergyFormat, a1 as CurrencyFormat, a2 as NumberFormat, a3 as PhoneFormat, a4 as PowerFormat, a5 as FormatterFunction, a6 as ResistanceFormat, a7 as TemperatureUnitString, a8 as TemperatureUnit, a9 as TemperatureFormat, aa as TextFormat, ab as VoltageFormat, ac as FieldFormat, K as BaseDataPoint, B as BadgeProps, Y as YFormatType, G as TooltipData, ad as DeviceState, ae as GridState, af as ComponentFormatter, ag as LayerSpec, ah as CustomPinsSpec, ai as GeoJsonLayerSpec, aj as RasterLayerSpec, ak as VectorLayerSpec, al as ClusteredVectorLayerSpec } from './colors-DKozNGNs.js';
+export { A as ActionItem, am as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, an as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, N as ChartMargin, ap as CodeEditor, C as CodeEditorProps, e as CodeLanguage, f as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, q as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, p as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, g as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, h as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, j as SegmentOption, az as SegmentedControl, i as SegmentedControlProps, k as SideNav, l as SideNavItem, m as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, J as TooltipSeries, n as TopNav, o as TopNavProps, aM as VoltageUnit, U as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, u as clearColorCache, v as createCategoryColorMap, O as createXScale, P as createYScale, Q as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, w as getContrastingTextColor, x as getDefaultChartColor, y as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, r as getEntityConfig, s as getEntityIcon, t as getEntityLabel, aY as getGridStateLabel, z as getResolvedColor, D as getThemeCategoricalColors, R as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, F as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-DKozNGNs.js';
 import { Virtualizer } from '@tanstack/react-virtual';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as Icon, S as Size, d as IconName$2, B as BaseInputProps } from './RichTextEditor-CZCqHSPF.js';
@@ -1254,6 +1254,11 @@ interface Column<T> {
     cellProps?: Record<string, any> | ((value: any, row: T) => Record<string, any>);
     render?: (value: any, row: T, context: CellContext) => ReactNode;
     sortable?: boolean;
+    /**
+     * Whether this column can be reordered via drag-and-drop.
+     * Defaults to true. Set to false to lock a column in place (e.g., sticky first column).
+     */
+    reorderable?: boolean;
     noCellPadding?: boolean;
     mobile?: MobileConfig | false;
     popover?: string | ((value: unknown, row: T) => ReactNode) | {
@@ -1299,6 +1304,8 @@ interface DataTableProps<T> {
     estimatedRowHeight?: number;
     loadingIndicator?: ReactNode;
     stickyHeader?: boolean;
+    /** Make the first column sticky on horizontal scroll */
+    stickyFirstColumn?: boolean;
     onRowClick?: (row: T) => void;
     getRowId?: (row: T) => string;
     hideHeader?: boolean;
@@ -1306,6 +1313,22 @@ interface DataTableProps<T> {
     sortConfig?: SortConfig | null;
     onSort?: (sortConfig: SortConfig | null) => void;
     "aria-label"?: string;
+    /**
+     * Enable drag-and-drop column reordering (like Notion tables).
+     * When enabled, users can drag column headers to reorder columns.
+     */
+    enableColumnReorder?: boolean;
+    /**
+     * Controlled column order - array of column IDs in display order.
+     * When provided, DataTable uses this order instead of the columns array order.
+     * Use with onColumnOrderChange for controlled behavior.
+     */
+    columnOrder?: string[];
+    /**
+     * Callback fired when column order changes via drag-and-drop.
+     * Receives the new array of column IDs in their new order.
+     */
+    onColumnOrderChange?: (columnOrder: string[]) => void;
 }
 
 /**
@@ -2667,6 +2690,13 @@ interface DataControlsProps {
     };
     /** Custom controls to render on the left side, before results count (e.g., saved views dropdown) */
     leftControls?: React.ReactNode;
+    /** Callback to open column management UI (dialog/drawer) */
+    onManageColumns?: () => void;
+    /**
+     * @deprecated Use `onManageColumns` instead. This prop will be removed in a future version.
+     * Column picker control - rendered on the LEFT side with Sort (display controls)
+     */
+    columnPicker?: React.ReactNode;
     /** Custom controls to render on the right side (desktop) or below search (mobile) */
     customControls?: React.ReactNode;
     /** Action buttons (exposed on desktop, ActionMenu on mobile) */
@@ -2735,7 +2765,7 @@ interface DataControlsProps {
  * ```
  */
 declare function DataControls({ search, searchMobileMode: _searchMobileMode, // Deprecated: kept for backward compatibility
-filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, leftControls, customControls, actions, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
+filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, leftControls, onManageColumns, columnPicker, customControls, actions, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
 
 interface FilterDialogProps {
     /** Whether the dialog is open */
@@ -2900,6 +2930,18 @@ interface BadgeCellProps<T = any> extends CellComponentProps<T> {
     emptyText?: string;
     /** Additional CSS classes */
     className?: string;
+    /**
+     * Maximum number of badges to show when value is an array.
+     * Remaining items will be shown as "+N" with a tooltip.
+     * Defaults to 2.
+     */
+    maxVisible?: number;
+    /**
+     * Maximum character length for each badge label.
+     * Longer labels will be truncated with "..." and show full text in tooltip.
+     * Defaults to undefined (no truncation).
+     */
+    maxLabelLength?: number;
 }
 /**
  * BadgeCell
@@ -2908,6 +2950,8 @@ interface BadgeCellProps<T = any> extends CellComponentProps<T> {
  * Supports mapping values to semantic variants (success, error, warning, etc.)
  * and customizing the display label.
  *
+ * Also supports array values (e.g., tags) with truncation via maxVisible prop.
+ *
  * @example
  * ```tsx
  * // Simple usage with static variant
@@ -2950,9 +2994,22 @@ interface BadgeCellProps<T = any> extends CellComponentProps<T> {
  *     dotPulse: (value) => value === "online",
  *   }
  * }
+ *
+ * // Array of tags with truncation
+ * {
+ *   id: "tags",
+ *   label: "Tags",
+ *   accessor: (row) => row.tags,
+ *   cell: BadgeCell,
+ *   cellProps: {
+ *     variant: "secondary",
+ *     shape: "pill",
+ *     maxVisible: 2,
+ *   }
+ * }
  * ```
  */
-declare function BadgeCell<T = any>({ value, row, context, variant, label, size, shape, dot, dotPosition, dotPulse, align, emptyText, className, }: BadgeCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function BadgeCell<T = any>({ value, row, context, variant, label, size, shape, dot, dotPosition, dotPulse, align, emptyText, className, maxVisible, maxLabelLength, }: BadgeCellProps<T>): react_jsx_runtime.JSX.Element;
 
 interface BooleanCellProps<T = any> extends CellComponentProps<T> {
     format?: "icon" | "text" | "badge";
@@ -3111,6 +3168,7 @@ declare function getCellAlignmentClasses(align?: CellAlignment): string;
 declare function getCellTextClasses(emphasis?: CellEmphasis, isLink?: boolean): string;
 /**
  * Get container classes for cells
+ * Includes min-w-0 and overflow-hidden to enable text truncation in flex containers
  */
 declare function getCellContainerClasses(align?: CellAlignment, additionalClasses?: string): string;
 /**
@@ -3617,7 +3675,7 @@ declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyT
  * Supports custom cell renderers, column configurations, multiple display densities,
  * and virtualization for large datasets.
  */
-declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingState, loadingRowCount, onLoadMore, hasMore, enableVirtualization, estimatedRowHeight, loadingIndicator, stickyHeader, onRowClick, getRowId, hideHeader, sortConfig: controlledSortConfig, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingState, loadingRowCount, onLoadMore, hasMore, enableVirtualization, estimatedRowHeight, loadingIndicator, stickyHeader, stickyFirstColumn, onRowClick, getRowId, hideHeader, sortConfig: controlledSortConfig, onSort, "aria-label": ariaLabel, enableColumnReorder, columnOrder: controlledColumnOrder, onColumnOrderChange, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface MobileRowProps<T> {
     row: T;