@texturehq/edges 1.19.2 → 1.20.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -2,8 +2,8 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
2
2
  export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
3
3
  import * as React$1 from 'react';
4
4
  import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
5
- import { X as FieldValue, Z as BooleanFormat, _ as FormattedValue, $ as CurrentFormat, a0 as DateFormat, a1 as DistanceFormat, a2 as EnergyFormat, a3 as CurrencyFormat, a4 as NumberFormat, a5 as PhoneFormat, a6 as PowerFormat, a7 as FormatterFunction, a8 as ResistanceFormat, a9 as TemperatureUnitString, aa as TemperatureUnit, ab as TemperatureFormat, ac as TextFormat, ad as VoltageFormat, ae as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, af as DeviceState, ag as GridState, ah as ComponentFormatter, ai as LayerSpec, aj as CustomPinsSpec, ak as GeoJsonLayerSpec, al as RasterLayerSpec, am as VectorLayerSpec, an as ClusteredVectorLayerSpec } from './colors-BniWNyzj.cjs';
6
- export { A as ActionItem, ao as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ap as Badge, aH as BaseFormat, aC as ChartContext, O as ChartMargin, aq as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, ar as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, aL as DateFormatStyle, aR as DistanceUnit, r as ENTITY_CONFIG, aM as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, aw as InteractiveMap, I as InteractiveMapProps, as as LayerFeature, at as LayerStyle, L as Loader, h as Logo, ax as MAP_TYPES, M as MapPoint, az as Meter, i as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, au as RenderType, aQ as ResistanceUnit, aA as RichTextEditor, R as RichTextEditorProps, k as SegmentOption, aB as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ay as StaticMap, S as StaticMapProps, T as TextLink, aI as TextTransform, aJ as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aO as VoltageUnit, W as YFormatSettings, av as ZoomStops, aV as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, U as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, a_ as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, V as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, G as isLightColor, aD as useChartContext, aG as useComponentFormatter } from './colors-BniWNyzj.cjs';
5
+ import { X as FieldValue, Z as BooleanFormat, _ as FormattedValue, $ as CurrentFormat, a0 as DateFormat, a1 as DistanceFormat, a2 as EnergyFormat, a3 as CurrencyFormat, a4 as NumberFormat, a5 as PhoneFormat, a6 as PowerFormat, a7 as FormatterFunction, a8 as ResistanceFormat, a9 as TemperatureUnitString, aa as TemperatureUnit, ab as TemperatureFormat, ac as TextFormat, ad as VoltageFormat, ae as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, af as DeviceState, ag as GridState, ah as ComponentFormatter, ai as LayerSpec, aj as CustomPinsSpec, ak as GeoJsonLayerSpec, al as RasterLayerSpec, am as VectorLayerSpec, an as ClusteredVectorLayerSpec } from './colors-DTZwmrPz.cjs';
6
+ export { A as ActionItem, ao as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ap as Badge, aH as BaseFormat, aC as ChartContext, O as ChartMargin, aq as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, ar as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, aL as DateFormatStyle, aR as DistanceUnit, r as ENTITY_CONFIG, aM as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, aw as InteractiveMap, I as InteractiveMapProps, as as LayerFeature, at as LayerStyle, L as Loader, h as Logo, ax as MAP_TYPES, M as MapPoint, az as Meter, i as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, au as RenderType, aQ as ResistanceUnit, aA as RichTextEditor, R as RichTextEditorProps, k as SegmentOption, aB as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ay as StaticMap, S as StaticMapProps, T as TextLink, aI as TextTransform, aJ as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aO as VoltageUnit, W as YFormatSettings, av as ZoomStops, aV as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, U as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, a_ as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, V as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, G as isLightColor, aD as useChartContext, aG as useComponentFormatter } from './colors-DTZwmrPz.cjs';
7
7
  import { Virtualizer } from '@tanstack/react-virtual';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
9
  import { I as Icon, S as Size, c as IconName$2, B as BaseInputProps } from './FileUpload-DXTcfLIh.cjs';
@@ -1309,6 +1309,114 @@ interface AlertProps {
1309
1309
  */
1310
1310
  declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, minWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
1311
1311
 
1312
+ type BannerVariant = "info" | "success" | "warning" | "error" | "discovery";
1313
+ type BannerAppearance = "subtle" | "bold";
1314
+ interface BannerAction {
1315
+ /** Label for the action button */
1316
+ label: string;
1317
+ /** Callback when the action is triggered */
1318
+ onPress: () => void;
1319
+ /** Whether to render as a link-style button */
1320
+ asLink?: boolean;
1321
+ }
1322
+ interface BannerProps {
1323
+ /** Semantic variant of the banner */
1324
+ variant?: BannerVariant;
1325
+ /** Visual appearance style */
1326
+ appearance?: BannerAppearance;
1327
+ /** The main message/title to display */
1328
+ title?: ReactNode;
1329
+ /** Additional description or content */
1330
+ children?: ReactNode;
1331
+ /** Whether the banner can be dismissed */
1332
+ dismissible?: boolean;
1333
+ /** Callback when the banner is dismissed */
1334
+ onDismiss?: () => void;
1335
+ /** Primary action (rendered as button or link) */
1336
+ primaryAction?: BannerAction;
1337
+ /** Secondary action (rendered as button or link) */
1338
+ secondaryAction?: BannerAction;
1339
+ /** Custom icon to override default status icon */
1340
+ icon?: ReactNode;
1341
+ /** Hide the icon completely */
1342
+ hideIcon?: boolean;
1343
+ /** Additional CSS classes */
1344
+ className?: string;
1345
+ /** Test ID for automation */
1346
+ testId?: string;
1347
+ }
1348
+ /**
1349
+ * Banner
1350
+ *
1351
+ * A prominent message component for displaying important information or system messages.
1352
+ * Can be used inline within content sections or positioned at the page level.
1353
+ *
1354
+ * Inspired by Atlassian's Section Message and Chakra UI's Alert, combining the best
1355
+ * features of both: semantic variant colors, multiple appearances, inline actions, and
1356
+ * flexible composition.
1357
+ *
1358
+ * @example
1359
+ * ```tsx
1360
+ * // Simple info banner
1361
+ * <Banner variant="info" title="New features available">
1362
+ * Check out the latest updates to improve your workflow.
1363
+ * </Banner>
1364
+ *
1365
+ * // With actions
1366
+ * <Banner
1367
+ * variant="warning"
1368
+ * title="Your trial expires soon"
1369
+ * primaryAction={{ label: "Upgrade now", onPress: () => {} }}
1370
+ * secondaryAction={{ label: "Learn more", onPress: () => {}, asLink: true }}
1371
+ * >
1372
+ * Upgrade to continue using premium features.
1373
+ * </Banner>
1374
+ *
1375
+ * // Bold appearance
1376
+ * <Banner
1377
+ * variant="error"
1378
+ * appearance="bold"
1379
+ * title="Action required"
1380
+ * dismissible
1381
+ * onDismiss={() => {}}
1382
+ * >
1383
+ * Please update your payment information.
1384
+ * </Banner>
1385
+ * ```
1386
+ */
1387
+ declare function Banner({ variant, appearance, title, children, dismissible, onDismiss, primaryAction, secondaryAction, icon, hideIcon, className, testId, }: BannerProps): react_jsx_runtime.JSX.Element;
1388
+
1389
+ interface PageBannerProps extends BannerProps {
1390
+ /** Whether the banner is visible */
1391
+ isOpen?: boolean;
1392
+ /** Position relative to the navbar */
1393
+ position?: "fixed" | "sticky";
1394
+ }
1395
+ /**
1396
+ * PageBanner
1397
+ *
1398
+ * A banner component designed for page-level announcements, positioned at the top
1399
+ * of the page below the navbar. Automatically handles enter/exit animations and
1400
+ * can be fixed or sticky positioned.
1401
+ *
1402
+ * Use this for system-wide messages, announcements, or important alerts that need
1403
+ * to be visible across the entire page.
1404
+ *
1405
+ * @example
1406
+ * ```tsx
1407
+ * <PageBanner
1408
+ * isOpen={showBanner}
1409
+ * variant="warning"
1410
+ * title="Scheduled maintenance"
1411
+ * dismissible
1412
+ * onDismiss={() => setShowBanner(false)}
1413
+ * >
1414
+ * Our systems will be under maintenance on Friday from 2-4 PM EST.
1415
+ * </PageBanner>
1416
+ * ```
1417
+ */
1418
+ declare function PageBanner({ isOpen, position, className, ...bannerProps }: PageBannerProps): react_jsx_runtime.JSX.Element;
1419
+
1312
1420
  type BreadcrumbItemProps = BreadcrumbProps & {
1313
1421
  href?: string;
1314
1422
  };
@@ -1685,6 +1793,7 @@ interface Column<T> {
1685
1793
  cellProps?: Record<string, any> | ((value: any, row: T) => Record<string, any>);
1686
1794
  render?: (value: any, row: T, context: CellContext) => ReactNode;
1687
1795
  sortable?: boolean;
1796
+ noCellPadding?: boolean;
1688
1797
  mobile?: MobileConfig | false;
1689
1798
  popover?: string | ((value: unknown, row: T) => ReactNode) | {
1690
1799
  content: string | ((value: unknown, row: T) => ReactNode);
@@ -2205,6 +2314,8 @@ interface DataControlsProps {
2205
2314
  label?: string;
2206
2315
  isLoading?: boolean;
2207
2316
  };
2317
+ /** Custom controls to render on the right side (desktop) or below search (mobile) */
2318
+ customControls?: React.ReactNode;
2208
2319
  /** Make controls sticky */
2209
2320
  sticky?: boolean;
2210
2321
  /** Sticky top offset - useful when stacking below sticky header (default: "0") */
@@ -2258,7 +2369,7 @@ interface DataControlsProps {
2258
2369
  * ```
2259
2370
  */
2260
2371
  declare function DataControls({ search, searchMobileMode: _searchMobileMode, // Deprecated: kept for backward compatibility
2261
- filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
2372
+ filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, customControls, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
2262
2373
 
2263
2374
  interface FilterDialogProps {
2264
2375
  /** Whether the dialog is open */
@@ -2552,6 +2663,71 @@ interface ContactMetaCellProps<T = unknown> extends CellComponentProps<T> {
2552
2663
  */
2553
2664
  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;
2554
2665
 
2666
+ interface CustomCellProps<T = any> extends CellComponentProps<T> {
2667
+ /**
2668
+ * Custom render function that returns the full cell content
2669
+ * Receives value, row, and context for maximum flexibility
2670
+ */
2671
+ render: (value: any, row: T, context: CellComponentProps<T>["context"]) => ReactNode;
2672
+ /**
2673
+ * Optional className to apply to the wrapper
2674
+ */
2675
+ className?: string;
2676
+ }
2677
+ /**
2678
+ * CustomCell provides complete control over cell rendering
2679
+ * with no default padding or styling applied.
2680
+ *
2681
+ * This cell is designed to be used with `noCellPadding: true` on the column
2682
+ * to give you full control over the cell's appearance, including background colors
2683
+ * that extend to the edges without padding interference.
2684
+ *
2685
+ * @example
2686
+ * ```tsx
2687
+ * // Full-background colored cell
2688
+ * {
2689
+ * id: "status",
2690
+ * accessor: "status",
2691
+ * cell: CustomCell,
2692
+ * noCellPadding: true,
2693
+ * cellProps: {
2694
+ * render: (value, row) => (
2695
+ * <div className="h-full w-full bg-red-500 flex items-center justify-center px-4 py-3">
2696
+ * {value}
2697
+ * </div>
2698
+ * )
2699
+ * }
2700
+ * }
2701
+ * ```
2702
+ *
2703
+ * @example
2704
+ * ```tsx
2705
+ * // Gradient background with custom content
2706
+ * {
2707
+ * id: "score",
2708
+ * accessor: "score",
2709
+ * cell: CustomCell,
2710
+ * noCellPadding: true,
2711
+ * cellProps: {
2712
+ * render: (value, row) => {
2713
+ * const intensity = value / 100;
2714
+ * return (
2715
+ * <div
2716
+ * className="h-full w-full flex items-center px-4 py-3"
2717
+ * style={{
2718
+ * background: `linear-gradient(to right, rgba(68, 74, 225, ${intensity}), transparent)`
2719
+ * }}
2720
+ * >
2721
+ * <span className="font-semibold">{value}%</span>
2722
+ * </div>
2723
+ * );
2724
+ * }
2725
+ * }
2726
+ * }
2727
+ * ```
2728
+ */
2729
+ declare function CustomCell<T = any>({ value, row, context, render, className, }: CustomCellProps<T>): react_jsx_runtime.JSX.Element;
2730
+
2555
2731
  /**
2556
2732
  * Get alignment classes for cell content
2557
2733
  */
@@ -5318,4 +5494,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
5318
5494
  */
5319
5495
  declare function getStateTone(state: DeviceState): StatTone;
5320
5496
 
5321
- export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HorizontalBarCell, type HorizontalBarCellProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
5497
+ export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, Banner, type BannerAction, type BannerAppearance, type BannerProps, type BannerVariant, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomCell, type CustomCellProps, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HorizontalBarCell, type HorizontalBarCellProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, PageBanner, type PageBannerProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
package/dist/index.d.ts CHANGED
@@ -2,8 +2,8 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
2
2
  export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
3
3
  import * as React$1 from 'react';
4
4
  import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
5
- import { X as FieldValue, Z as BooleanFormat, _ as FormattedValue, $ as CurrentFormat, a0 as DateFormat, a1 as DistanceFormat, a2 as EnergyFormat, a3 as CurrencyFormat, a4 as NumberFormat, a5 as PhoneFormat, a6 as PowerFormat, a7 as FormatterFunction, a8 as ResistanceFormat, a9 as TemperatureUnitString, aa as TemperatureUnit, ab as TemperatureFormat, ac as TextFormat, ad as VoltageFormat, ae as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, af as DeviceState, ag as GridState, ah as ComponentFormatter, ai as LayerSpec, aj as CustomPinsSpec, ak as GeoJsonLayerSpec, al as RasterLayerSpec, am as VectorLayerSpec, an as ClusteredVectorLayerSpec } from './colors-BUEmaPXY.js';
6
- export { A as ActionItem, ao as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ap as Badge, aH as BaseFormat, aC as ChartContext, O as ChartMargin, aq as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, ar as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, aL as DateFormatStyle, aR as DistanceUnit, r as ENTITY_CONFIG, aM as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, aw as InteractiveMap, I as InteractiveMapProps, as as LayerFeature, at as LayerStyle, L as Loader, h as Logo, ax as MAP_TYPES, M as MapPoint, az as Meter, i as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, au as RenderType, aQ as ResistanceUnit, aA as RichTextEditor, R as RichTextEditorProps, k as SegmentOption, aB as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ay as StaticMap, S as StaticMapProps, T as TextLink, aI as TextTransform, aJ as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aO as VoltageUnit, W as YFormatSettings, av as ZoomStops, aV as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, U as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, a_ as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, V as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, G as isLightColor, aD as useChartContext, aG as useComponentFormatter } from './colors-BUEmaPXY.js';
5
+ import { X as FieldValue, Z as BooleanFormat, _ as FormattedValue, $ as CurrentFormat, a0 as DateFormat, a1 as DistanceFormat, a2 as EnergyFormat, a3 as CurrencyFormat, a4 as NumberFormat, a5 as PhoneFormat, a6 as PowerFormat, a7 as FormatterFunction, a8 as ResistanceFormat, a9 as TemperatureUnitString, aa as TemperatureUnit, ab as TemperatureFormat, ac as TextFormat, ad as VoltageFormat, ae as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, af as DeviceState, ag as GridState, ah as ComponentFormatter, ai as LayerSpec, aj as CustomPinsSpec, ak as GeoJsonLayerSpec, al as RasterLayerSpec, am as VectorLayerSpec, an as ClusteredVectorLayerSpec } from './colors-BTM11lUb.js';
6
+ export { A as ActionItem, ao as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ap as Badge, aH as BaseFormat, aC as ChartContext, O as ChartMargin, aq as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, ar as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, aL as DateFormatStyle, aR as DistanceUnit, r as ENTITY_CONFIG, aM as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, aw as InteractiveMap, I as InteractiveMapProps, as as LayerFeature, at as LayerStyle, L as Loader, h as Logo, ax as MAP_TYPES, M as MapPoint, az as Meter, i as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, au as RenderType, aQ as ResistanceUnit, aA as RichTextEditor, R as RichTextEditorProps, k as SegmentOption, aB as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ay as StaticMap, S as StaticMapProps, T as TextLink, aI as TextTransform, aJ as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aO as VoltageUnit, W as YFormatSettings, av as ZoomStops, aV as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, U as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, a_ as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, V as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, G as isLightColor, aD as useChartContext, aG as useComponentFormatter } from './colors-BTM11lUb.js';
7
7
  import { Virtualizer } from '@tanstack/react-virtual';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
9
  import { I as Icon, S as Size, c as IconName$2, B as BaseInputProps } from './FileUpload-DXTcfLIh.js';
@@ -1309,6 +1309,114 @@ interface AlertProps {
1309
1309
  */
1310
1310
  declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, minWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
1311
1311
 
1312
+ type BannerVariant = "info" | "success" | "warning" | "error" | "discovery";
1313
+ type BannerAppearance = "subtle" | "bold";
1314
+ interface BannerAction {
1315
+ /** Label for the action button */
1316
+ label: string;
1317
+ /** Callback when the action is triggered */
1318
+ onPress: () => void;
1319
+ /** Whether to render as a link-style button */
1320
+ asLink?: boolean;
1321
+ }
1322
+ interface BannerProps {
1323
+ /** Semantic variant of the banner */
1324
+ variant?: BannerVariant;
1325
+ /** Visual appearance style */
1326
+ appearance?: BannerAppearance;
1327
+ /** The main message/title to display */
1328
+ title?: ReactNode;
1329
+ /** Additional description or content */
1330
+ children?: ReactNode;
1331
+ /** Whether the banner can be dismissed */
1332
+ dismissible?: boolean;
1333
+ /** Callback when the banner is dismissed */
1334
+ onDismiss?: () => void;
1335
+ /** Primary action (rendered as button or link) */
1336
+ primaryAction?: BannerAction;
1337
+ /** Secondary action (rendered as button or link) */
1338
+ secondaryAction?: BannerAction;
1339
+ /** Custom icon to override default status icon */
1340
+ icon?: ReactNode;
1341
+ /** Hide the icon completely */
1342
+ hideIcon?: boolean;
1343
+ /** Additional CSS classes */
1344
+ className?: string;
1345
+ /** Test ID for automation */
1346
+ testId?: string;
1347
+ }
1348
+ /**
1349
+ * Banner
1350
+ *
1351
+ * A prominent message component for displaying important information or system messages.
1352
+ * Can be used inline within content sections or positioned at the page level.
1353
+ *
1354
+ * Inspired by Atlassian's Section Message and Chakra UI's Alert, combining the best
1355
+ * features of both: semantic variant colors, multiple appearances, inline actions, and
1356
+ * flexible composition.
1357
+ *
1358
+ * @example
1359
+ * ```tsx
1360
+ * // Simple info banner
1361
+ * <Banner variant="info" title="New features available">
1362
+ * Check out the latest updates to improve your workflow.
1363
+ * </Banner>
1364
+ *
1365
+ * // With actions
1366
+ * <Banner
1367
+ * variant="warning"
1368
+ * title="Your trial expires soon"
1369
+ * primaryAction={{ label: "Upgrade now", onPress: () => {} }}
1370
+ * secondaryAction={{ label: "Learn more", onPress: () => {}, asLink: true }}
1371
+ * >
1372
+ * Upgrade to continue using premium features.
1373
+ * </Banner>
1374
+ *
1375
+ * // Bold appearance
1376
+ * <Banner
1377
+ * variant="error"
1378
+ * appearance="bold"
1379
+ * title="Action required"
1380
+ * dismissible
1381
+ * onDismiss={() => {}}
1382
+ * >
1383
+ * Please update your payment information.
1384
+ * </Banner>
1385
+ * ```
1386
+ */
1387
+ declare function Banner({ variant, appearance, title, children, dismissible, onDismiss, primaryAction, secondaryAction, icon, hideIcon, className, testId, }: BannerProps): react_jsx_runtime.JSX.Element;
1388
+
1389
+ interface PageBannerProps extends BannerProps {
1390
+ /** Whether the banner is visible */
1391
+ isOpen?: boolean;
1392
+ /** Position relative to the navbar */
1393
+ position?: "fixed" | "sticky";
1394
+ }
1395
+ /**
1396
+ * PageBanner
1397
+ *
1398
+ * A banner component designed for page-level announcements, positioned at the top
1399
+ * of the page below the navbar. Automatically handles enter/exit animations and
1400
+ * can be fixed or sticky positioned.
1401
+ *
1402
+ * Use this for system-wide messages, announcements, or important alerts that need
1403
+ * to be visible across the entire page.
1404
+ *
1405
+ * @example
1406
+ * ```tsx
1407
+ * <PageBanner
1408
+ * isOpen={showBanner}
1409
+ * variant="warning"
1410
+ * title="Scheduled maintenance"
1411
+ * dismissible
1412
+ * onDismiss={() => setShowBanner(false)}
1413
+ * >
1414
+ * Our systems will be under maintenance on Friday from 2-4 PM EST.
1415
+ * </PageBanner>
1416
+ * ```
1417
+ */
1418
+ declare function PageBanner({ isOpen, position, className, ...bannerProps }: PageBannerProps): react_jsx_runtime.JSX.Element;
1419
+
1312
1420
  type BreadcrumbItemProps = BreadcrumbProps & {
1313
1421
  href?: string;
1314
1422
  };
@@ -1685,6 +1793,7 @@ interface Column<T> {
1685
1793
  cellProps?: Record<string, any> | ((value: any, row: T) => Record<string, any>);
1686
1794
  render?: (value: any, row: T, context: CellContext) => ReactNode;
1687
1795
  sortable?: boolean;
1796
+ noCellPadding?: boolean;
1688
1797
  mobile?: MobileConfig | false;
1689
1798
  popover?: string | ((value: unknown, row: T) => ReactNode) | {
1690
1799
  content: string | ((value: unknown, row: T) => ReactNode);
@@ -2205,6 +2314,8 @@ interface DataControlsProps {
2205
2314
  label?: string;
2206
2315
  isLoading?: boolean;
2207
2316
  };
2317
+ /** Custom controls to render on the right side (desktop) or below search (mobile) */
2318
+ customControls?: React.ReactNode;
2208
2319
  /** Make controls sticky */
2209
2320
  sticky?: boolean;
2210
2321
  /** Sticky top offset - useful when stacking below sticky header (default: "0") */
@@ -2258,7 +2369,7 @@ interface DataControlsProps {
2258
2369
  * ```
2259
2370
  */
2260
2371
  declare function DataControls({ search, searchMobileMode: _searchMobileMode, // Deprecated: kept for backward compatibility
2261
- filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
2372
+ filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, customControls, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
2262
2373
 
2263
2374
  interface FilterDialogProps {
2264
2375
  /** Whether the dialog is open */
@@ -2552,6 +2663,71 @@ interface ContactMetaCellProps<T = unknown> extends CellComponentProps<T> {
2552
2663
  */
2553
2664
  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;
2554
2665
 
2666
+ interface CustomCellProps<T = any> extends CellComponentProps<T> {
2667
+ /**
2668
+ * Custom render function that returns the full cell content
2669
+ * Receives value, row, and context for maximum flexibility
2670
+ */
2671
+ render: (value: any, row: T, context: CellComponentProps<T>["context"]) => ReactNode;
2672
+ /**
2673
+ * Optional className to apply to the wrapper
2674
+ */
2675
+ className?: string;
2676
+ }
2677
+ /**
2678
+ * CustomCell provides complete control over cell rendering
2679
+ * with no default padding or styling applied.
2680
+ *
2681
+ * This cell is designed to be used with `noCellPadding: true` on the column
2682
+ * to give you full control over the cell's appearance, including background colors
2683
+ * that extend to the edges without padding interference.
2684
+ *
2685
+ * @example
2686
+ * ```tsx
2687
+ * // Full-background colored cell
2688
+ * {
2689
+ * id: "status",
2690
+ * accessor: "status",
2691
+ * cell: CustomCell,
2692
+ * noCellPadding: true,
2693
+ * cellProps: {
2694
+ * render: (value, row) => (
2695
+ * <div className="h-full w-full bg-red-500 flex items-center justify-center px-4 py-3">
2696
+ * {value}
2697
+ * </div>
2698
+ * )
2699
+ * }
2700
+ * }
2701
+ * ```
2702
+ *
2703
+ * @example
2704
+ * ```tsx
2705
+ * // Gradient background with custom content
2706
+ * {
2707
+ * id: "score",
2708
+ * accessor: "score",
2709
+ * cell: CustomCell,
2710
+ * noCellPadding: true,
2711
+ * cellProps: {
2712
+ * render: (value, row) => {
2713
+ * const intensity = value / 100;
2714
+ * return (
2715
+ * <div
2716
+ * className="h-full w-full flex items-center px-4 py-3"
2717
+ * style={{
2718
+ * background: `linear-gradient(to right, rgba(68, 74, 225, ${intensity}), transparent)`
2719
+ * }}
2720
+ * >
2721
+ * <span className="font-semibold">{value}%</span>
2722
+ * </div>
2723
+ * );
2724
+ * }
2725
+ * }
2726
+ * }
2727
+ * ```
2728
+ */
2729
+ declare function CustomCell<T = any>({ value, row, context, render, className, }: CustomCellProps<T>): react_jsx_runtime.JSX.Element;
2730
+
2555
2731
  /**
2556
2732
  * Get alignment classes for cell content
2557
2733
  */
@@ -5318,4 +5494,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
5318
5494
  */
5319
5495
  declare function getStateTone(state: DeviceState): StatTone;
5320
5496
 
5321
- export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HorizontalBarCell, type HorizontalBarCellProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
5497
+ export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, Banner, type BannerAction, type BannerAppearance, type BannerProps, type BannerVariant, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomCell, type CustomCellProps, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HorizontalBarCell, type HorizontalBarCellProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, PageBanner, type PageBannerProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };