@texturehq/edges 1.26.4 → 1.26.6

package/dist/index.d.cts

@@ -2,14 +2,14 @@ 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, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
-import { W as FieldValue, X as BooleanFormat, Z as FormattedValue, _ as CurrentFormat, $ as DateFormat, a0 as DistanceFormat, a1 as EnergyFormat, a2 as CurrencyFormat, a3 as NumberFormat, a4 as PhoneFormat, a5 as PowerFormat, a6 as FormatterFunction, a7 as ResistanceFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TemperatureFormat, ab as TextFormat, ac as VoltageFormat, ad as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, ae as DeviceState, af as GridState, ag as ComponentFormatter, ah as LayerSpec, ai as CustomPinsSpec, aj as GeoJsonLayerSpec, ak as RasterLayerSpec, al as VectorLayerSpec, am as ClusteredVectorLayerSpec } from './colors-Ddk1k14x.cjs';
-export { A as ActionItem, an as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, O as ChartMargin, ap as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, r as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, h as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, i as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, k as SegmentOption, az as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aM as VoltageUnit, V as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, aY as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, G as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-Ddk1k14x.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-DtS0t3eo.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-DtS0t3eo.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';
 export { f as BaseProps, C as ClearButton, a as DateField, D as DateFieldProps, r as Description, g as DescriptionPlacement, j as DescriptionProps, s as FieldError, h as FieldErrorProps, v as FieldGroup, k as FieldGroupProps, b as FileUpload, F as FileUploadProps, t as Input, i as InputProps, e as InputStyleProps, l as InputWrapper, q as Label, L as LabelProps, c as RichTextEditor, R as RichTextEditorProps, p as getFieldGroupStyles, n as getInputBackgroundStyles, o as getInputBaseStyles, m as getInputStateStyles, u as useInputFocus } from './RichTextEditor-CZCqHSPF.cjs';
-import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-Dkhk7IbI.cjs';
-export { d as Dialog, g as DialogForm, c as DialogProps, f as Drawer, h as DrawerForm, e as DrawerProps, F as FormActions, j as FormDivider, i as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-Dkhk7IbI.cjs';
+import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-rh1icNsb.cjs';
+export { d as Dialog, g as DialogForm, c as DialogProps, f as Drawer, h as DrawerForm, e as DrawerProps, F as FormActions, j as FormDivider, i as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-rh1icNsb.cjs';
 export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, f as ColorFieldProps, N as NumberField, g as Radio, R as RadioGroup, S as Select, c as Switch, T as TextArea, d as TextField, h as TimeField } from './TimeField-DjLAyJkm.cjs';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
 import 'react-map-gl';
@@ -851,6 +851,8 @@ interface FacetConfig {
     maxVisibleOptions?: number;
     /** Optional description text to show below the label */
     description?: string;
+    /** Optional: Custom render function for option labels (e.g., to show Badges) */
+    renderLabel?: (value: string, label: string) => React.ReactNode;
 }
 interface FacetCounts {
     [field: string]: {
@@ -2024,6 +2026,8 @@ interface DataTableProps<T> {
     onRowClick?: (row: T) => void;
     getRowId?: (row: T) => string;
     hideHeader?: boolean;
+    /** Controlled sort configuration - when provided, DataTable becomes controlled */
+    sortConfig?: SortConfig | null;
     onSort?: (sortConfig: SortConfig | null) => void;
     "aria-label"?: string;
 }
@@ -2055,6 +2059,8 @@ interface ContactMetaDisplayProps {
     emphasis?: CellEmphasis;
     /** Show email address (only for stacked layout) */
     showEmail?: boolean;
+    /** Badge element to display next to the name (e.g., Owner, Admin badge) */
+    badge?: React.ReactNode;
     /** Loading state */
     isLoading?: boolean;
     /** Additional classes */
@@ -2095,7 +2101,7 @@ interface ContactMetaDisplayProps {
  * />
  * ```
  */
-declare function ContactMetaDisplay({ firstName, lastName, email, avatarUrl, layout, size, href, LinkComponent, linkVariant, emphasis, showEmail, isLoading, className, }: ContactMetaDisplayProps): react_jsx_runtime.JSX.Element;
+declare function ContactMetaDisplay({ firstName, lastName, email, avatarUrl, layout, size, href, LinkComponent, linkVariant, emphasis, showEmail, badge, isLoading, className, }: ContactMetaDisplayProps): react_jsx_runtime.JSX.Element;
 
 interface CopyToClipboardProps {
     /**
@@ -2846,6 +2852,8 @@ interface ContactMetaCellProps<T = unknown> extends CellComponentProps<T> {
     emphasis?: CellEmphasis;
     /** Show email address (only for stacked layout) */
     showEmail?: boolean;
+    /** Badge element to display next to the name (can be a function to extract from row) */
+    badge?: React.ReactNode | ((row: T) => React.ReactNode);
     /** Alignment */
     align?: "left" | "center" | "right";
     /** Additional classes */
@@ -2877,7 +2885,7 @@ interface ContactMetaCellProps<T = unknown> extends CellComponentProps<T> {
  * }
  * ```
  */
-declare function ContactMetaCell<T = unknown>({ row, context, firstName, lastName, email, avatarUrl, layout, size, href, LinkComponent, linkVariant, showEmail, emphasis, align, className, }: ContactMetaCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function ContactMetaCell<T = unknown>({ row, context, firstName, lastName, email, avatarUrl, layout, size, href, LinkComponent, linkVariant, showEmail, badge, emphasis, align, className, }: ContactMetaCellProps<T>): react_jsx_runtime.JSX.Element;
 
 interface CustomCellProps<T = any> extends CellComponentProps<T> {
     /**
@@ -3453,7 +3461,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, 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, onRowClick, getRowId, hideHeader, sortConfig: controlledSortConfig, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface MobileRowProps<T> {
     row: T;

package/dist/index.d.ts

@@ -2,14 +2,14 @@ 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, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
-import { W as FieldValue, X as BooleanFormat, Z as FormattedValue, _ as CurrentFormat, $ as DateFormat, a0 as DistanceFormat, a1 as EnergyFormat, a2 as CurrencyFormat, a3 as NumberFormat, a4 as PhoneFormat, a5 as PowerFormat, a6 as FormatterFunction, a7 as ResistanceFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TemperatureFormat, ab as TextFormat, ac as VoltageFormat, ad as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, ae as DeviceState, af as GridState, ag as ComponentFormatter, ah as LayerSpec, ai as CustomPinsSpec, aj as GeoJsonLayerSpec, ak as RasterLayerSpec, al as VectorLayerSpec, am as ClusteredVectorLayerSpec } from './colors-CHRmTEal.js';
-export { A as ActionItem, an as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, O as ChartMargin, ap as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, r as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, h as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, i as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, k as SegmentOption, az as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aM as VoltageUnit, V as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, aY as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, G as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-CHRmTEal.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-CmCDc1y7.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-CmCDc1y7.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';
 export { f as BaseProps, C as ClearButton, a as DateField, D as DateFieldProps, r as Description, g as DescriptionPlacement, j as DescriptionProps, s as FieldError, h as FieldErrorProps, v as FieldGroup, k as FieldGroupProps, b as FileUpload, F as FileUploadProps, t as Input, i as InputProps, e as InputStyleProps, l as InputWrapper, q as Label, L as LabelProps, c as RichTextEditor, R as RichTextEditorProps, p as getFieldGroupStyles, n as getInputBackgroundStyles, o as getInputBaseStyles, m as getInputStateStyles, u as useInputFocus } from './RichTextEditor-CZCqHSPF.js';
-import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-Dkhk7IbI.js';
-export { d as Dialog, g as DialogForm, c as DialogProps, f as Drawer, h as DrawerForm, e as DrawerProps, F as FormActions, j as FormDivider, i as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-Dkhk7IbI.js';
+import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-rh1icNsb.js';
+export { d as Dialog, g as DialogForm, c as DialogProps, f as Drawer, h as DrawerForm, e as DrawerProps, F as FormActions, j as FormDivider, i as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-rh1icNsb.js';
 export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, f as ColorFieldProps, N as NumberField, g as Radio, R as RadioGroup, S as Select, c as Switch, T as TextArea, d as TextField, h as TimeField } from './TimeField-CDgde0qa.js';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
 import 'react-map-gl';
@@ -851,6 +851,8 @@ interface FacetConfig {
     maxVisibleOptions?: number;
     /** Optional description text to show below the label */
     description?: string;
+    /** Optional: Custom render function for option labels (e.g., to show Badges) */
+    renderLabel?: (value: string, label: string) => React.ReactNode;
 }
 interface FacetCounts {
     [field: string]: {
@@ -2024,6 +2026,8 @@ interface DataTableProps<T> {
     onRowClick?: (row: T) => void;
     getRowId?: (row: T) => string;
     hideHeader?: boolean;
+    /** Controlled sort configuration - when provided, DataTable becomes controlled */
+    sortConfig?: SortConfig | null;
     onSort?: (sortConfig: SortConfig | null) => void;
     "aria-label"?: string;
 }
@@ -2055,6 +2059,8 @@ interface ContactMetaDisplayProps {
     emphasis?: CellEmphasis;
     /** Show email address (only for stacked layout) */
     showEmail?: boolean;
+    /** Badge element to display next to the name (e.g., Owner, Admin badge) */
+    badge?: React.ReactNode;
     /** Loading state */
     isLoading?: boolean;
     /** Additional classes */
@@ -2095,7 +2101,7 @@ interface ContactMetaDisplayProps {
  * />
  * ```
  */
-declare function ContactMetaDisplay({ firstName, lastName, email, avatarUrl, layout, size, href, LinkComponent, linkVariant, emphasis, showEmail, isLoading, className, }: ContactMetaDisplayProps): react_jsx_runtime.JSX.Element;
+declare function ContactMetaDisplay({ firstName, lastName, email, avatarUrl, layout, size, href, LinkComponent, linkVariant, emphasis, showEmail, badge, isLoading, className, }: ContactMetaDisplayProps): react_jsx_runtime.JSX.Element;
 
 interface CopyToClipboardProps {
     /**
@@ -2846,6 +2852,8 @@ interface ContactMetaCellProps<T = unknown> extends CellComponentProps<T> {
     emphasis?: CellEmphasis;
     /** Show email address (only for stacked layout) */
     showEmail?: boolean;
+    /** Badge element to display next to the name (can be a function to extract from row) */
+    badge?: React.ReactNode | ((row: T) => React.ReactNode);
     /** Alignment */
     align?: "left" | "center" | "right";
     /** Additional classes */
@@ -2877,7 +2885,7 @@ interface ContactMetaCellProps<T = unknown> extends CellComponentProps<T> {
  * }
  * ```
  */
-declare function ContactMetaCell<T = unknown>({ row, context, firstName, lastName, email, avatarUrl, layout, size, href, LinkComponent, linkVariant, showEmail, emphasis, align, className, }: ContactMetaCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function ContactMetaCell<T = unknown>({ row, context, firstName, lastName, email, avatarUrl, layout, size, href, LinkComponent, linkVariant, showEmail, badge, emphasis, align, className, }: ContactMetaCellProps<T>): react_jsx_runtime.JSX.Element;
 
 interface CustomCellProps<T = any> extends CellComponentProps<T> {
     /**
@@ -3453,7 +3461,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, 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, onRowClick, getRowId, hideHeader, sortConfig: controlledSortConfig, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface MobileRowProps<T> {
     row: T;