@texturehq/edges 1.15.5 → 1.16.0

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 { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps a
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, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
5
- import { F as FieldValue, B as BooleanFormat, a as FormattedValue, C as CurrentFormat, D as DateFormat, b as DistanceFormat, E as EnergyFormat, c as CurrencyFormat, N as NumberFormat, P as PhoneFormat, d as PowerFormat, e as FormatterFunction, R as ResistanceFormat, T as TemperatureUnitString, f as TemperatureUnit, g as TemperatureFormat, h as TextFormat, V as VoltageFormat, i as FieldFormat, j as BaseDataPoint, I as Icon, k as BadgeProps, Y as YFormatType, l as TooltipData, m as IconName$3, n as DeviceState, G as GridState, o as ComponentFormatter, L as LayerSpec, p as CustomPinsSpec, q as GeoJsonLayerSpec, r as RasterLayerSpec, s as VectorLayerSpec, t as ClusteredVectorLayerSpec } from './server-DfqlfwZg.cjs';
6
- export { A as ActionItem, v as ActionMenu, u as ActionMenuProps, x as AppShell, w as AppShellProps, z as Avatar, y as AvatarProps, H as Badge, aH as BaseFormat, ao as ChartContext, aq as ChartMargin, O as CodeEditor, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, $ as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, S as DateField, Q as DateFieldProps, aL as DateFormatStyle, aR as DistanceUnit, aM as EnergyUnit, W as FileUpload, U as FileUploadProps, X as Heading, a7 as InteractiveMap, a0 as InteractiveMapProps, a1 as LayerFeature, a2 as LayerStyle, Z as Loader, _ as Logo, a8 as MAP_TYPES, a3 as MapPoint, ab as Meter, aa as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, a4 as RenderType, aQ as ResistanceUnit, ad as RichTextEditor, ac as RichTextEditorProps, af as SegmentOption, ag as SegmentedControl, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a9 as StaticMap, a5 as StaticMapProps, ak as TextLink, aI as TextTransform, aJ as TextTruncatePosition, an as TooltipSeries, am as TopNav, al as TopNavProps, aO as VoltageUnit, av as YFormatSettings, a6 as ZoomStops, aV as activeDeviceStates, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, a_ as getGridStateLabel, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, aD as isLightColor, ap as useChartContext, aG as useComponentFormatter } from './server-DfqlfwZg.cjs';
5
+ import { F as FieldValue, B as BooleanFormat, a as FormattedValue, C as CurrentFormat, D as DateFormat, b as DistanceFormat, E as EnergyFormat, c as CurrencyFormat, N as NumberFormat, P as PhoneFormat, d as PowerFormat, e as FormatterFunction, R as ResistanceFormat, T as TemperatureUnitString, f as TemperatureUnit, g as TemperatureFormat, h as TextFormat, V as VoltageFormat, i as FieldFormat, j as BaseDataPoint, I as Icon, k as BadgeProps, Y as YFormatType, l as TooltipData, m as IconName$3, n as DeviceState, G as GridState, o as ComponentFormatter, L as LayerSpec, p as CustomPinsSpec, q as GeoJsonLayerSpec, r as RasterLayerSpec, s as VectorLayerSpec, t as ClusteredVectorLayerSpec } from './server-BjHgNcRT.cjs';
6
+ export { A as ActionItem, v as ActionMenu, u as ActionMenuProps, x as AppShell, w as AppShellProps, z as Avatar, y as AvatarProps, H as Badge, aH as BaseFormat, ao as ChartContext, aq as ChartMargin, O as CodeEditor, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, $ as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, S as DateField, Q as DateFieldProps, aL as DateFormatStyle, aR as DistanceUnit, aM as EnergyUnit, W as FileUpload, U as FileUploadProps, X as Heading, a7 as InteractiveMap, a0 as InteractiveMapProps, a1 as LayerFeature, a2 as LayerStyle, Z as Loader, _ as Logo, a8 as MAP_TYPES, a3 as MapPoint, ab as Meter, aa as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, a4 as RenderType, aQ as ResistanceUnit, ad as RichTextEditor, ac as RichTextEditorProps, af as SegmentOption, ag as SegmentedControl, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a9 as StaticMap, a5 as StaticMapProps, ak as TextLink, aI as TextTransform, aJ as TextTruncatePosition, an as TooltipSeries, am as TopNav, al as TopNavProps, aO as VoltageUnit, av as YFormatSettings, a6 as ZoomStops, aV as activeDeviceStates, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, a_ as getGridStateLabel, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, aD as isLightColor, ap as useChartContext, aG as useComponentFormatter } from './server-BjHgNcRT.cjs';
7
7
  import { Virtualizer } from '@tanstack/react-virtual';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
9
  import { ScaleTime, ScaleLinear } from 'd3-scale';
@@ -1900,6 +1900,7 @@ interface AreaSeriesProps {
1900
1900
  color?: string;
1901
1901
  label?: string;
1902
1902
  categoryColors?: Record<string, string>;
1903
+ categoryLabels?: Record<string, string>;
1903
1904
  }
1904
1905
  /**
1905
1906
  * AreaSeries
@@ -1915,6 +1916,7 @@ interface BarSeriesProps {
1915
1916
  label?: string;
1916
1917
  opacity?: number;
1917
1918
  categoryColors?: Record<string, string>;
1919
+ categoryLabels?: Record<string, string>;
1918
1920
  }
1919
1921
  /**
1920
1922
  * BarSeries
@@ -1994,6 +1996,63 @@ interface ChartContainerProps {
1994
1996
  */
1995
1997
  declare const ChartContainer: React__default.FC<Omit<ChartContainerProps, "parentWidth" | "parentHeight">>;
1996
1998
 
1999
+ /**
2000
+ * Event marker data point
2001
+ */
2002
+ interface EventMarker {
2003
+ /**
2004
+ * Event timestamp
2005
+ */
2006
+ timestamp: Date;
2007
+ /**
2008
+ * Event label/name
2009
+ */
2010
+ label: string;
2011
+ /**
2012
+ * Optional event type for styling
2013
+ */
2014
+ type?: "command" | "alert" | "info" | "success" | "warning" | "error";
2015
+ /**
2016
+ * Optional metadata to display in tooltip
2017
+ */
2018
+ metadata?: Record<string, string | number>;
2019
+ }
2020
+ interface ChartEventMarkersProps {
2021
+ /**
2022
+ * Array of event markers to display
2023
+ */
2024
+ events: EventMarker[];
2025
+ /**
2026
+ * Marker color (defaults to theme-aware color)
2027
+ */
2028
+ color?: string;
2029
+ /**
2030
+ * Whether to show labels above markers
2031
+ * @default false
2032
+ */
2033
+ showLabels?: boolean;
2034
+ }
2035
+ /**
2036
+ * ChartEventMarkers
2037
+ *
2038
+ * Renders vertical lines with markers for events (e.g., commands) on a chart.
2039
+ * Must be used as a child of ChartContainer to access chart context.
2040
+ *
2041
+ * @example
2042
+ * ```tsx
2043
+ * <ChartContainer>
2044
+ * <AreaSeries data={data} label="Power" />
2045
+ * <ChartEventMarkers
2046
+ * events={[
2047
+ * { timestamp: new Date('2024-01-01T10:00:00Z'), label: 'Command sent', type: 'command' },
2048
+ * { timestamp: new Date('2024-01-01T12:00:00Z'), label: 'Alert triggered', type: 'alert' }
2049
+ * ]}
2050
+ * />
2051
+ * </ChartContainer>
2052
+ * ```
2053
+ */
2054
+ declare function ChartEventMarkers({ events, color, showLabels }: ChartEventMarkersProps): react_jsx_runtime.JSX.Element | null;
2055
+
1997
2056
  interface ChartTooltipProps {
1998
2057
  data: TooltipData | null;
1999
2058
  formatter: YFormatType;
@@ -2066,6 +2125,7 @@ interface LineSeriesProps {
2066
2125
  /** CSS stroke-dasharray value (e.g. "4 2" for dotted, "8 4" for dashed) */
2067
2126
  strokeDasharray?: string;
2068
2127
  categoryColors?: Record<string, string>;
2128
+ categoryLabels?: Record<string, string>;
2069
2129
  }
2070
2130
  /**
2071
2131
  * LineSeries
@@ -4328,12 +4388,18 @@ interface PopoverProps extends Omit<PopoverProps$1, "children"> {
4328
4388
  * @default true
4329
4389
  */
4330
4390
  isDismissable?: boolean;
4391
+ /**
4392
+ * Whether to disable the group class (prevents group-hover propagation to children)
4393
+ * Useful for calendars and other components that use their own group-hover states
4394
+ * @default false
4395
+ */
4396
+ disableGroup?: boolean;
4331
4397
  /**
4332
4398
  * Popover content
4333
4399
  */
4334
4400
  children: React__default.ReactNode;
4335
4401
  }
4336
- declare function Popover({ children, showArrow, withBackdrop, className, isDismissable, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
4402
+ declare function Popover({ children, showArrow, withBackdrop, className, isDismissable, disableGroup, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
4337
4403
 
4338
4404
  /**
4339
4405
  * ProgressBar
@@ -4933,6 +4999,126 @@ interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" |
4933
4999
  */
4934
5000
  declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
4935
5001
 
5002
+ /**
5003
+ * Window size for data aggregation
5004
+ * Matches GraphQL WindowSize enum
5005
+ */
5006
+ type WindowSize = "FIFTEEN_MINUTES" | "HOUR" | "DAY" | "WEEK" | "MONTH" | "YEAR";
5007
+ /**
5008
+ * Date range with native Date objects
5009
+ */
5010
+ interface TimeRange {
5011
+ after: Date;
5012
+ before: Date;
5013
+ }
5014
+ /**
5015
+ * Preset range option
5016
+ */
5017
+ interface PresetRange {
5018
+ id: string;
5019
+ label: string;
5020
+ getRange: () => TimeRange;
5021
+ }
5022
+ /**
5023
+ * Window size option
5024
+ */
5025
+ interface WindowSizeOption {
5026
+ id: WindowSize;
5027
+ label: string;
5028
+ }
5029
+ /**
5030
+ * Props for TimeControls component
5031
+ */
5032
+ interface TimeControlsProps {
5033
+ /**
5034
+ * Current date range
5035
+ */
5036
+ dateRange: TimeRange;
5037
+ /**
5038
+ * Callback when date range changes
5039
+ */
5040
+ onDateRangeChange: (range: TimeRange) => void;
5041
+ /**
5042
+ * Current window size (optional)
5043
+ */
5044
+ windowSize?: WindowSize;
5045
+ /**
5046
+ * Callback when window size changes (optional)
5047
+ */
5048
+ onWindowSizeChange?: (size: WindowSize) => void;
5049
+ /**
5050
+ * Whether to show window size selector
5051
+ * @default true
5052
+ */
5053
+ showWindowSize?: boolean;
5054
+ /**
5055
+ * Auto-adjust window size based on date range
5056
+ * @default false
5057
+ */
5058
+ autoAdjustWindowSize?: boolean;
5059
+ /**
5060
+ * Whether to show range selector presets
5061
+ * @default true
5062
+ */
5063
+ showRangeSelector?: boolean;
5064
+ /**
5065
+ * Whether to show calendar date picker button
5066
+ * @default false
5067
+ */
5068
+ allowDatePicker?: boolean;
5069
+ /**
5070
+ * Whether window size is locked (read-only)
5071
+ * @default false
5072
+ */
5073
+ lockWindowSize?: boolean;
5074
+ /**
5075
+ * Restrict to single day selection (uses Calendar instead of RangeCalendar)
5076
+ * @default false
5077
+ */
5078
+ restrictToSingleDay?: boolean;
5079
+ /**
5080
+ * Available preset range options
5081
+ */
5082
+ presetRanges?: PresetRange[];
5083
+ /**
5084
+ * Available window size options
5085
+ */
5086
+ windowSizeOptions?: WindowSizeOption[];
5087
+ /**
5088
+ * Additional CSS classes
5089
+ */
5090
+ className?: string;
5091
+ }
5092
+ /**
5093
+ * TimeControls
5094
+ *
5095
+ * Sophisticated time control component with responsive behavior and calendar integration.
5096
+ * Features preset ranges, custom date picker, and window size selection.
5097
+ *
5098
+ * **Responsive Behavior:**
5099
+ * - < 600px: Compact mode with Select dropdowns
5100
+ * - ≥ 600px: Expanded mode with ToggleButton group for presets
5101
+ *
5102
+ * @example
5103
+ * ```tsx
5104
+ * const [dateRange, setDateRange] = useState({
5105
+ * after: subDays(new Date(), 7),
5106
+ * before: new Date()
5107
+ * });
5108
+ * const [windowSize, setWindowSize] = useState<WindowSize>("HOUR");
5109
+ *
5110
+ * <TimeControls
5111
+ * dateRange={dateRange}
5112
+ * onDateRangeChange={setDateRange}
5113
+ * windowSize={windowSize}
5114
+ * onWindowSizeChange={setWindowSize}
5115
+ * presetRanges={presetRanges}
5116
+ * allowDatePicker
5117
+ * />
5118
+ * ```
5119
+ */
5120
+ declare function TimeControls({ dateRange, onDateRangeChange, windowSize, onWindowSizeChange, showWindowSize, showRangeSelector, allowDatePicker, lockWindowSize, restrictToSingleDay, presetRanges, windowSizeOptions, autoAdjustWindowSize, className, }: TimeControlsProps): react_jsx_runtime.JSX.Element;
5121
+
4936
5122
  /**
4937
5123
  * TimeField
4938
5124
  *
@@ -5150,4 +5336,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
5150
5336
  */
5151
5337
  declare function getStateTone(state: DeviceState): StatTone;
5152
5338
 
5153
- 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, Autocomplete, BREAKPOINTS, BadgeProps, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, 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, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, 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, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, 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, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, 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, NumberField, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, 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, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, 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, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, 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, 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, getFieldGroupStyles, getFilterFields, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, 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, useInputFocus, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
5339
+ 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, Autocomplete, BREAKPOINTS, BadgeProps, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, 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, Checkbox, CheckboxGroup, Chip, ClearButton, 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, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, 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, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, 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, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, 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, NumberField, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, 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, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, 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, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeControls, type TimeControlsProps, TimeField, 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, getFieldGroupStyles, getFilterFields, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, 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, useInputFocus, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
package/dist/index.d.ts CHANGED
@@ -2,8 +2,8 @@ import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps a
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, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
5
- import { F as FieldValue, B as BooleanFormat, a as FormattedValue, C as CurrentFormat, D as DateFormat, b as DistanceFormat, E as EnergyFormat, c as CurrencyFormat, N as NumberFormat, P as PhoneFormat, d as PowerFormat, e as FormatterFunction, R as ResistanceFormat, T as TemperatureUnitString, f as TemperatureUnit, g as TemperatureFormat, h as TextFormat, V as VoltageFormat, i as FieldFormat, j as BaseDataPoint, I as Icon, k as BadgeProps, Y as YFormatType, l as TooltipData, m as IconName$3, n as DeviceState, G as GridState, o as ComponentFormatter, L as LayerSpec, p as CustomPinsSpec, q as GeoJsonLayerSpec, r as RasterLayerSpec, s as VectorLayerSpec, t as ClusteredVectorLayerSpec } from './server-DfqlfwZg.js';
6
- export { A as ActionItem, v as ActionMenu, u as ActionMenuProps, x as AppShell, w as AppShellProps, z as Avatar, y as AvatarProps, H as Badge, aH as BaseFormat, ao as ChartContext, aq as ChartMargin, O as CodeEditor, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, $ as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, S as DateField, Q as DateFieldProps, aL as DateFormatStyle, aR as DistanceUnit, aM as EnergyUnit, W as FileUpload, U as FileUploadProps, X as Heading, a7 as InteractiveMap, a0 as InteractiveMapProps, a1 as LayerFeature, a2 as LayerStyle, Z as Loader, _ as Logo, a8 as MAP_TYPES, a3 as MapPoint, ab as Meter, aa as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, a4 as RenderType, aQ as ResistanceUnit, ad as RichTextEditor, ac as RichTextEditorProps, af as SegmentOption, ag as SegmentedControl, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a9 as StaticMap, a5 as StaticMapProps, ak as TextLink, aI as TextTransform, aJ as TextTruncatePosition, an as TooltipSeries, am as TopNav, al as TopNavProps, aO as VoltageUnit, av as YFormatSettings, a6 as ZoomStops, aV as activeDeviceStates, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, a_ as getGridStateLabel, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, aD as isLightColor, ap as useChartContext, aG as useComponentFormatter } from './server-DfqlfwZg.js';
5
+ import { F as FieldValue, B as BooleanFormat, a as FormattedValue, C as CurrentFormat, D as DateFormat, b as DistanceFormat, E as EnergyFormat, c as CurrencyFormat, N as NumberFormat, P as PhoneFormat, d as PowerFormat, e as FormatterFunction, R as ResistanceFormat, T as TemperatureUnitString, f as TemperatureUnit, g as TemperatureFormat, h as TextFormat, V as VoltageFormat, i as FieldFormat, j as BaseDataPoint, I as Icon, k as BadgeProps, Y as YFormatType, l as TooltipData, m as IconName$3, n as DeviceState, G as GridState, o as ComponentFormatter, L as LayerSpec, p as CustomPinsSpec, q as GeoJsonLayerSpec, r as RasterLayerSpec, s as VectorLayerSpec, t as ClusteredVectorLayerSpec } from './server-BjHgNcRT.js';
6
+ export { A as ActionItem, v as ActionMenu, u as ActionMenuProps, x as AppShell, w as AppShellProps, z as Avatar, y as AvatarProps, H as Badge, aH as BaseFormat, ao as ChartContext, aq as ChartMargin, O as CodeEditor, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, $ as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, S as DateField, Q as DateFieldProps, aL as DateFormatStyle, aR as DistanceUnit, aM as EnergyUnit, W as FileUpload, U as FileUploadProps, X as Heading, a7 as InteractiveMap, a0 as InteractiveMapProps, a1 as LayerFeature, a2 as LayerStyle, Z as Loader, _ as Logo, a8 as MAP_TYPES, a3 as MapPoint, ab as Meter, aa as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, a4 as RenderType, aQ as ResistanceUnit, ad as RichTextEditor, ac as RichTextEditorProps, af as SegmentOption, ag as SegmentedControl, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a9 as StaticMap, a5 as StaticMapProps, ak as TextLink, aI as TextTransform, aJ as TextTruncatePosition, an as TooltipSeries, am as TopNav, al as TopNavProps, aO as VoltageUnit, av as YFormatSettings, a6 as ZoomStops, aV as activeDeviceStates, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, a_ as getGridStateLabel, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, aD as isLightColor, ap as useChartContext, aG as useComponentFormatter } from './server-BjHgNcRT.js';
7
7
  import { Virtualizer } from '@tanstack/react-virtual';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
9
  import { ScaleTime, ScaleLinear } from 'd3-scale';
@@ -1900,6 +1900,7 @@ interface AreaSeriesProps {
1900
1900
  color?: string;
1901
1901
  label?: string;
1902
1902
  categoryColors?: Record<string, string>;
1903
+ categoryLabels?: Record<string, string>;
1903
1904
  }
1904
1905
  /**
1905
1906
  * AreaSeries
@@ -1915,6 +1916,7 @@ interface BarSeriesProps {
1915
1916
  label?: string;
1916
1917
  opacity?: number;
1917
1918
  categoryColors?: Record<string, string>;
1919
+ categoryLabels?: Record<string, string>;
1918
1920
  }
1919
1921
  /**
1920
1922
  * BarSeries
@@ -1994,6 +1996,63 @@ interface ChartContainerProps {
1994
1996
  */
1995
1997
  declare const ChartContainer: React__default.FC<Omit<ChartContainerProps, "parentWidth" | "parentHeight">>;
1996
1998
 
1999
+ /**
2000
+ * Event marker data point
2001
+ */
2002
+ interface EventMarker {
2003
+ /**
2004
+ * Event timestamp
2005
+ */
2006
+ timestamp: Date;
2007
+ /**
2008
+ * Event label/name
2009
+ */
2010
+ label: string;
2011
+ /**
2012
+ * Optional event type for styling
2013
+ */
2014
+ type?: "command" | "alert" | "info" | "success" | "warning" | "error";
2015
+ /**
2016
+ * Optional metadata to display in tooltip
2017
+ */
2018
+ metadata?: Record<string, string | number>;
2019
+ }
2020
+ interface ChartEventMarkersProps {
2021
+ /**
2022
+ * Array of event markers to display
2023
+ */
2024
+ events: EventMarker[];
2025
+ /**
2026
+ * Marker color (defaults to theme-aware color)
2027
+ */
2028
+ color?: string;
2029
+ /**
2030
+ * Whether to show labels above markers
2031
+ * @default false
2032
+ */
2033
+ showLabels?: boolean;
2034
+ }
2035
+ /**
2036
+ * ChartEventMarkers
2037
+ *
2038
+ * Renders vertical lines with markers for events (e.g., commands) on a chart.
2039
+ * Must be used as a child of ChartContainer to access chart context.
2040
+ *
2041
+ * @example
2042
+ * ```tsx
2043
+ * <ChartContainer>
2044
+ * <AreaSeries data={data} label="Power" />
2045
+ * <ChartEventMarkers
2046
+ * events={[
2047
+ * { timestamp: new Date('2024-01-01T10:00:00Z'), label: 'Command sent', type: 'command' },
2048
+ * { timestamp: new Date('2024-01-01T12:00:00Z'), label: 'Alert triggered', type: 'alert' }
2049
+ * ]}
2050
+ * />
2051
+ * </ChartContainer>
2052
+ * ```
2053
+ */
2054
+ declare function ChartEventMarkers({ events, color, showLabels }: ChartEventMarkersProps): react_jsx_runtime.JSX.Element | null;
2055
+
1997
2056
  interface ChartTooltipProps {
1998
2057
  data: TooltipData | null;
1999
2058
  formatter: YFormatType;
@@ -2066,6 +2125,7 @@ interface LineSeriesProps {
2066
2125
  /** CSS stroke-dasharray value (e.g. "4 2" for dotted, "8 4" for dashed) */
2067
2126
  strokeDasharray?: string;
2068
2127
  categoryColors?: Record<string, string>;
2128
+ categoryLabels?: Record<string, string>;
2069
2129
  }
2070
2130
  /**
2071
2131
  * LineSeries
@@ -4328,12 +4388,18 @@ interface PopoverProps extends Omit<PopoverProps$1, "children"> {
4328
4388
  * @default true
4329
4389
  */
4330
4390
  isDismissable?: boolean;
4391
+ /**
4392
+ * Whether to disable the group class (prevents group-hover propagation to children)
4393
+ * Useful for calendars and other components that use their own group-hover states
4394
+ * @default false
4395
+ */
4396
+ disableGroup?: boolean;
4331
4397
  /**
4332
4398
  * Popover content
4333
4399
  */
4334
4400
  children: React__default.ReactNode;
4335
4401
  }
4336
- declare function Popover({ children, showArrow, withBackdrop, className, isDismissable, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
4402
+ declare function Popover({ children, showArrow, withBackdrop, className, isDismissable, disableGroup, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
4337
4403
 
4338
4404
  /**
4339
4405
  * ProgressBar
@@ -4933,6 +4999,126 @@ interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" |
4933
4999
  */
4934
5000
  declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
4935
5001
 
5002
+ /**
5003
+ * Window size for data aggregation
5004
+ * Matches GraphQL WindowSize enum
5005
+ */
5006
+ type WindowSize = "FIFTEEN_MINUTES" | "HOUR" | "DAY" | "WEEK" | "MONTH" | "YEAR";
5007
+ /**
5008
+ * Date range with native Date objects
5009
+ */
5010
+ interface TimeRange {
5011
+ after: Date;
5012
+ before: Date;
5013
+ }
5014
+ /**
5015
+ * Preset range option
5016
+ */
5017
+ interface PresetRange {
5018
+ id: string;
5019
+ label: string;
5020
+ getRange: () => TimeRange;
5021
+ }
5022
+ /**
5023
+ * Window size option
5024
+ */
5025
+ interface WindowSizeOption {
5026
+ id: WindowSize;
5027
+ label: string;
5028
+ }
5029
+ /**
5030
+ * Props for TimeControls component
5031
+ */
5032
+ interface TimeControlsProps {
5033
+ /**
5034
+ * Current date range
5035
+ */
5036
+ dateRange: TimeRange;
5037
+ /**
5038
+ * Callback when date range changes
5039
+ */
5040
+ onDateRangeChange: (range: TimeRange) => void;
5041
+ /**
5042
+ * Current window size (optional)
5043
+ */
5044
+ windowSize?: WindowSize;
5045
+ /**
5046
+ * Callback when window size changes (optional)
5047
+ */
5048
+ onWindowSizeChange?: (size: WindowSize) => void;
5049
+ /**
5050
+ * Whether to show window size selector
5051
+ * @default true
5052
+ */
5053
+ showWindowSize?: boolean;
5054
+ /**
5055
+ * Auto-adjust window size based on date range
5056
+ * @default false
5057
+ */
5058
+ autoAdjustWindowSize?: boolean;
5059
+ /**
5060
+ * Whether to show range selector presets
5061
+ * @default true
5062
+ */
5063
+ showRangeSelector?: boolean;
5064
+ /**
5065
+ * Whether to show calendar date picker button
5066
+ * @default false
5067
+ */
5068
+ allowDatePicker?: boolean;
5069
+ /**
5070
+ * Whether window size is locked (read-only)
5071
+ * @default false
5072
+ */
5073
+ lockWindowSize?: boolean;
5074
+ /**
5075
+ * Restrict to single day selection (uses Calendar instead of RangeCalendar)
5076
+ * @default false
5077
+ */
5078
+ restrictToSingleDay?: boolean;
5079
+ /**
5080
+ * Available preset range options
5081
+ */
5082
+ presetRanges?: PresetRange[];
5083
+ /**
5084
+ * Available window size options
5085
+ */
5086
+ windowSizeOptions?: WindowSizeOption[];
5087
+ /**
5088
+ * Additional CSS classes
5089
+ */
5090
+ className?: string;
5091
+ }
5092
+ /**
5093
+ * TimeControls
5094
+ *
5095
+ * Sophisticated time control component with responsive behavior and calendar integration.
5096
+ * Features preset ranges, custom date picker, and window size selection.
5097
+ *
5098
+ * **Responsive Behavior:**
5099
+ * - < 600px: Compact mode with Select dropdowns
5100
+ * - ≥ 600px: Expanded mode with ToggleButton group for presets
5101
+ *
5102
+ * @example
5103
+ * ```tsx
5104
+ * const [dateRange, setDateRange] = useState({
5105
+ * after: subDays(new Date(), 7),
5106
+ * before: new Date()
5107
+ * });
5108
+ * const [windowSize, setWindowSize] = useState<WindowSize>("HOUR");
5109
+ *
5110
+ * <TimeControls
5111
+ * dateRange={dateRange}
5112
+ * onDateRangeChange={setDateRange}
5113
+ * windowSize={windowSize}
5114
+ * onWindowSizeChange={setWindowSize}
5115
+ * presetRanges={presetRanges}
5116
+ * allowDatePicker
5117
+ * />
5118
+ * ```
5119
+ */
5120
+ declare function TimeControls({ dateRange, onDateRangeChange, windowSize, onWindowSizeChange, showWindowSize, showRangeSelector, allowDatePicker, lockWindowSize, restrictToSingleDay, presetRanges, windowSizeOptions, autoAdjustWindowSize, className, }: TimeControlsProps): react_jsx_runtime.JSX.Element;
5121
+
4936
5122
  /**
4937
5123
  * TimeField
4938
5124
  *
@@ -5150,4 +5336,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
5150
5336
  */
5151
5337
  declare function getStateTone(state: DeviceState): StatTone;
5152
5338
 
5153
- 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, Autocomplete, BREAKPOINTS, BadgeProps, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, 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, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, 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, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, 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, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, 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, NumberField, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, 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, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, 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, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, 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, 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, getFieldGroupStyles, getFilterFields, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, 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, useInputFocus, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
5339
+ 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, Autocomplete, BREAKPOINTS, BadgeProps, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, 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, Checkbox, CheckboxGroup, Chip, ClearButton, 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, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, 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, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, 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, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, 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, NumberField, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, 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, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, 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, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeControls, type TimeControlsProps, TimeField, 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, getFieldGroupStyles, getFilterFields, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, 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, useInputFocus, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };