@texturehq/edges 1.2.1 → 1.3.1

package/dist/index.d.cts

@@ -1,8 +1,8 @@
-import { I as Icon, B as BaseDataPoint, Y as YFormatType, T as TooltipData, a as IconName$2 } from './server-C1hypeJ9.cjs';
-export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell, d as AppShellProps, g as Avatar, f as AvatarProps, i as Badge, h as BadgeProps, k as Card, C as CardProps, j as CardVariant, V as ChartContext, X as ChartMargin, o as CodeEditor, l as CodeEditorProps, m as CodeLanguage, n as CodeTheme, p as DateField, D as DateFieldProps, q as FileUpload, F as FileUploadProps, H as Heading, t as InteractiveMap, s as InteractiveMapProps, L as Loader, r as Logo, u as MAPBOX_THEMES, M as MapPoint, x as Meter, w as MeterProps, y as RichTextEditor, R as RichTextEditorProps, E as SegmentOption, G as SegmentedControl, z as SegmentedControlProps, N as SideNav, J as SideNavItem, K as SideNavProps, v as StaticMap, S as StaticMapProps, O as TextLink, U as TooltipSeries, Q as TopNav, P as TopNavProps, a1 as YFormatSettings, a2 as clearColorCache, a3 as createCategoryColorMap, Z as createXScale, _ as createYScale, $ as defaultMargin, a4 as getContrastingTextColor, a5 as getDefaultChartColor, a6 as getDefaultColors, a7 as getResolvedColor, a8 as getThemeCategoricalColors, a0 as getYFormatSettings, a9 as isLightColor, W as useChartContext } from './server-C1hypeJ9.cjs';
+import { I as Icon, B as BaseDataPoint, Y as YFormatType, T as TooltipData, a as IconName$2, L as LayerSpec, C as CustomPinsSpec, G as GeoJsonLayerSpec, R as RasterLayerSpec, V as VectorLayerSpec } from './server-Utz6Sv9w.cjs';
+export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell, d as AppShellProps, g as Avatar, f as AvatarProps, i as Badge, h as BadgeProps, l as Card, j as CardProps, k as CardVariant, a4 as ChartContext, a6 as ChartMargin, p as CodeEditor, m as CodeEditorProps, n as CodeLanguage, o as CodeTheme, u as ColorSpec, q as DateField, D as DateFieldProps, r as FileUpload, F as FileUploadProps, H as Heading, z as InteractiveMap, v as InteractiveMapProps, w as LayerFeature, x as LayerStyle, s as Loader, t as Logo, E as MAP_TYPES, M as MapPoint, N as Meter, K as MeterProps, y as RenderType, P as RichTextEditor, O as RichTextEditorProps, U as SegmentOption, W as SegmentedControl, Q as SegmentedControlProps, $ as SideNav, X as SideNavItem, _ as SideNavProps, J as StaticMap, S as StaticMapProps, a0 as TextLink, a3 as TooltipSeries, a2 as TopNav, a1 as TopNavProps, ab as YFormatSettings, Z as ZoomStops, ac as clearColorCache, ad as createCategoryColorMap, a7 as createXScale, a8 as createYScale, a9 as defaultMargin, ae as getContrastingTextColor, af as getDefaultChartColor, ag as getDefaultColors, ah as getResolvedColor, ai as getThemeCategoricalColors, aa as getYFormatSettings, aj as isLightColor, a5 as useChartContext } from './server-Utz6Sv9w.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, ReactNode, ComponentType, Component, ErrorInfo } from 'react';
+import React__default, { ComponentProps, ReactNode, ComponentType, Component, ErrorInfo, CSSProperties } from 'react';
 import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps, TabsProps as TabsProps$2, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1 } from 'react-aria-components';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
@@ -1938,6 +1938,219 @@ declare namespace KpiGroup {
     var displayName: string;
 }
 
+interface ListProps<T = unknown> {
+    id?: string;
+    items: T[];
+    /** Render a row; receives item + selection/hover state */
+    renderItem: (args: {
+        item: T;
+        index: number;
+        isSelected: boolean;
+        isHovered: boolean;
+        rowProps: {
+            id: string;
+            role: string;
+            "aria-selected": boolean;
+            "aria-current"?: "page";
+            tabIndex: number;
+            onClick: (id: string) => void;
+            onMouseEnter: (id: string) => void;
+            onMouseLeave: (id: string) => void;
+            onFocus: (id: string) => void;
+            onBlur: (id: string) => void;
+            ref?: (el: HTMLElement | null) => void;
+        };
+    }) => ReactNode;
+    /** Controlled selection (single) */
+    selectedId?: string | null;
+    onSelect?: (id: string | null, item?: T) => void;
+    /** Map/hover sync (e.g., highlight pin) */
+    onHoverChange?: (id: string | null, item?: T) => void;
+    /** Loading & error UI gates */
+    isLoading?: boolean;
+    error?: string | null;
+    /** Empty state */
+    emptyMessage?: string;
+    /** Density & dividers */
+    variant?: "dense" | "relaxed";
+    showDividers?: boolean;
+    /** Virtualization hook (deferred) */
+    /** ARIA */
+    "aria-label"?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * List
+ *
+ * A semantic wrapper and state manager for rows. Handles selection, hover,
+ * keyboard navigation, and accessibility. Composes with ListItem for visual rows.
+ *
+ * Example usage:
+ * ```tsx
+ * <List
+ *   items={sites}
+ *   selectedId={selectedSiteId}
+ *   onSelect={(id) => openDetail(id)}
+ *   onHoverChange={(id) => highlightOnMap(id)}
+ *   renderItem={({ item, rowProps, isSelected }) => (
+ *     <ListItem
+ *       id={item.id}
+ *       title={item.name}
+ *       subtitle={item.address?.city}
+ *       isSelected={isSelected}
+ *       {...rowProps}
+ *     />
+ *   )}
+ * />
+ * ```
+ */
+declare function List<T>({ items, renderItem, selectedId, onSelect, onHoverChange, isLoading, error, emptyMessage, variant, showDividers, "aria-label": ariaLabel, className, style, }: ListProps<T>): react_jsx_runtime.JSX.Element;
+
+interface Filter {
+    id: string;
+    label: string;
+    value: string;
+    onRemove: (id: string) => void;
+}
+interface SortOption {
+    value: string;
+    label: string;
+}
+interface ListHeaderProps {
+    /** Optional title for the list context */
+    title?: string;
+    /** Search input props */
+    search?: {
+        value: string;
+        placeholder?: string;
+        onChange: (value: string) => void;
+        onClear?: () => void;
+    };
+    /** Active filters to display as chips */
+    filters?: Filter[];
+    /** Sort options */
+    sort?: {
+        value: string;
+        options: SortOption[];
+        onChange: (value: string) => void;
+    };
+    /** Optional actions aligned to the right */
+    actions?: ReactNode;
+    /** Clear all filters action */
+    onClearAll?: () => void;
+    /** Layout variant for responsive behavior */
+    variant?: "compact" | "spacious";
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * ListHeader
+ *
+ * A control bar that sits above any list, providing search, filters, sort, and actions.
+ * Layout is responsive: compact in a sidebar, spacious in a full-page list.
+ *
+ * Example usage:
+ * ```tsx
+ * <ListHeader
+ *   title="Sites"
+ *   search={{
+ *     value: searchQuery,
+ *     placeholder: "Search sites...",
+ *     onChange: setSearchQuery,
+ *   }}
+ *   filters={activeFilters}
+ *   sort={{
+ *     value: sortBy,
+ *     options: sortOptions,
+ *     onChange: setSortBy,
+ *   }}
+ *   actions={<Button variant="primary">Save Collection</Button>}
+ *   onClearAll={clearAllFilters}
+ * />
+ * ```
+ */
+declare function ListHeader({ title, search, filters, sort, actions, onClearAll, variant, className, style, }: ListHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface ListItemProps {
+    id: string;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    meta?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    isSelected?: boolean;
+    isHovered?: boolean;
+    disabled?: boolean;
+    /** If provided, renders as <a> with proper a11y; otherwise <button> */
+    href?: string;
+    onClick?: (id: string) => void;
+    onMouseEnter?: (id: string) => void;
+    onMouseLeave?: (id: string) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * ListItem
+ *
+ * A visual row component with consistent anatomy and states for use within List.
+ * Supports both button and link variants with proper accessibility.
+ *
+ * Example usage:
+ * ```tsx
+ * <ListItem
+ *   id="item-1"
+ *   title="Site Name"
+ *   subtitle="City, Region"
+ *   meta={<span>12 devices</span>}
+ *   leading={<Icon name="MapPin" />}
+ *   trailing={<Button variant="icon" icon="Plus" />}
+ *   isSelected={true}
+ *   onClick={(id) => handleSelect(id)}
+ * />
+ * ```
+ */
+declare function ListItem({ id, title, subtitle, meta, leading, trailing, isSelected, isHovered, disabled, href, onClick, onMouseEnter, onMouseLeave, className, style, }: ListItemProps): react_jsx_runtime.JSX.Element;
+
+interface ListPaneProps {
+    /** Content for the header area (typically ListHeader) */
+    header?: ReactNode;
+    /** Main content area (typically List with ListItems) */
+    children: ReactNode;
+    /** Optional footer content */
+    footer?: ReactNode;
+    /** Width of the pane */
+    width?: "sm" | "md" | "lg" | "xl" | "2xl" | "auto";
+    /** Theming */
+    tone?: "neutral" | "subtle" | "brand";
+    elevation?: "none" | "sm" | "md";
+    showDivider?: boolean;
+    /** Accessibility */
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * ListPane
+ *
+ * A simple container component for list-driven UIs.
+ * Provides a structured layout with optional header and footer,
+ * suitable for wrapping ListHeader, List, and ListItem components.
+ *
+ * Example usage:
+ * ```tsx
+ * <ListPane
+ *   width="md"
+ *   header={<ListHeader title="Sites" search={...} />}
+ *   footer={<Button>Add Site</Button>}
+ * >
+ *   <List items={sites} renderItem={...} />
+ * </ListPane>
+ * ```
+ */
+declare function ListPane({ header, children, footer, width, tone, elevation, showDivider, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, style, }: ListPaneProps): react_jsx_runtime.JSX.Element;
+
 /**
  * ListBox
  *
@@ -1960,6 +2173,74 @@ interface ExtendedListBoxItemProps extends Omit<ListBoxItemProps, "className"> {
 }
 declare function ListBoxItem({ size, className, ...props }: ExtendedListBoxItemProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Layer Builder Functions
+ *
+ * Friendly constructor functions that provide:
+ * - TypeScript autocomplete and type safety
+ * - Clear intent (layer.vector vs layer.geojson)
+ * - Automatic 'kind' discriminator injection
+ */
+
+/**
+ * Layer builder namespace - use like:
+ *
+ * @example
+ * const myLayer = layer.vector({
+ *   id: 'feeders',
+ *   tileset: 'mapbox://texture.feeders',
+ *   sourceLayer: 'feeders',
+ *   renderAs: 'line',
+ *   style: { color: { token: 'brand-primary' } }
+ * });
+ */
+declare const layer: {
+    /**
+     * Create a vector tile layer
+     *
+     * Vector tiles are efficient for large datasets served from Mapbox or
+     * custom tile servers. Use this for infrastructure layers, boundaries, etc.
+     */
+    vector: (config: Omit<VectorLayerSpec, "kind">) => VectorLayerSpec;
+    /**
+     * Create a GeoJSON layer
+     *
+     * GeoJSON is great for smaller datasets or data that changes frequently.
+     * Can load from an object or URL. Supports client-side clustering.
+     */
+    geojson: (config: Omit<GeoJsonLayerSpec, "kind">) => GeoJsonLayerSpec;
+    /**
+     * Create a custom markers layer with React components
+     *
+     * Use this when you need fully custom UI for markers (cards, badges, etc.)
+     * Good for small numbers of markers. For many markers, consider vector tiles.
+     */
+    customPins: <T = any>(config: Omit<CustomPinsSpec<T>, "kind">) => CustomPinsSpec<T>;
+    /**
+     * Create a raster layer from image tiles
+     *
+     * Use this for satellite imagery, weather overlays, heatmaps from tile servers, etc.
+     * Raster layers display images rather than vector data.
+     */
+    raster: (config: Omit<RasterLayerSpec, "kind">) => RasterLayerSpec;
+};
+/**
+ * Type guard to check if a layer is a vector layer
+ */
+declare function isVectorLayer(layer: LayerSpec): layer is VectorLayerSpec;
+/**
+ * Type guard to check if a layer is a GeoJSON layer
+ */
+declare function isGeoJsonLayer(layer: LayerSpec): layer is GeoJsonLayerSpec;
+/**
+ * Type guard to check if a layer is a custom pins layer
+ */
+declare function isCustomPinsLayer(layer: LayerSpec): layer is CustomPinsSpec;
+/**
+ * Type guard to check if a layer is a raster layer
+ */
+declare function isRasterLayer(layer: LayerSpec): layer is RasterLayerSpec;
+
 type NoticeVariant = "success" | "error" | "warning" | "info";
 interface NoticeProps {
     /** Unique identifier for the notice */
@@ -2723,4 +3004,4 @@ interface ColorModeProviderProps {
 }
 declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, type DistanceFormat, type DistanceUnit, Drawer, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, Form, FormatRegistry, type FormattedValue, type FormatterFunction, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, 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, LineSeries, type LinkBehavior, ListBox, ListBoxItem, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isExportSupported, isNil, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, 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, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useNotice, yardsToMeters };
+export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, CustomPinsSpec, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, type DistanceFormat, type DistanceUnit, Drawer, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, type Filter, Form, FormatRegistry, type FormattedValue, type FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, 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, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, RasterLayerSpec, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, type SortOption, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, VectorLayerSpec, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, 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, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useNotice, yardsToMeters };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { I as Icon, B as BaseDataPoint, Y as YFormatType, T as TooltipData, a as IconName$2 } from './server-C1hypeJ9.js';
-export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell, d as AppShellProps, g as Avatar, f as AvatarProps, i as Badge, h as BadgeProps, k as Card, C as CardProps, j as CardVariant, V as ChartContext, X as ChartMargin, o as CodeEditor, l as CodeEditorProps, m as CodeLanguage, n as CodeTheme, p as DateField, D as DateFieldProps, q as FileUpload, F as FileUploadProps, H as Heading, t as InteractiveMap, s as InteractiveMapProps, L as Loader, r as Logo, u as MAPBOX_THEMES, M as MapPoint, x as Meter, w as MeterProps, y as RichTextEditor, R as RichTextEditorProps, E as SegmentOption, G as SegmentedControl, z as SegmentedControlProps, N as SideNav, J as SideNavItem, K as SideNavProps, v as StaticMap, S as StaticMapProps, O as TextLink, U as TooltipSeries, Q as TopNav, P as TopNavProps, a1 as YFormatSettings, a2 as clearColorCache, a3 as createCategoryColorMap, Z as createXScale, _ as createYScale, $ as defaultMargin, a4 as getContrastingTextColor, a5 as getDefaultChartColor, a6 as getDefaultColors, a7 as getResolvedColor, a8 as getThemeCategoricalColors, a0 as getYFormatSettings, a9 as isLightColor, W as useChartContext } from './server-C1hypeJ9.js';
+import { I as Icon, B as BaseDataPoint, Y as YFormatType, T as TooltipData, a as IconName$2, L as LayerSpec, C as CustomPinsSpec, G as GeoJsonLayerSpec, R as RasterLayerSpec, V as VectorLayerSpec } from './server-Utz6Sv9w.js';
+export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell, d as AppShellProps, g as Avatar, f as AvatarProps, i as Badge, h as BadgeProps, l as Card, j as CardProps, k as CardVariant, a4 as ChartContext, a6 as ChartMargin, p as CodeEditor, m as CodeEditorProps, n as CodeLanguage, o as CodeTheme, u as ColorSpec, q as DateField, D as DateFieldProps, r as FileUpload, F as FileUploadProps, H as Heading, z as InteractiveMap, v as InteractiveMapProps, w as LayerFeature, x as LayerStyle, s as Loader, t as Logo, E as MAP_TYPES, M as MapPoint, N as Meter, K as MeterProps, y as RenderType, P as RichTextEditor, O as RichTextEditorProps, U as SegmentOption, W as SegmentedControl, Q as SegmentedControlProps, $ as SideNav, X as SideNavItem, _ as SideNavProps, J as StaticMap, S as StaticMapProps, a0 as TextLink, a3 as TooltipSeries, a2 as TopNav, a1 as TopNavProps, ab as YFormatSettings, Z as ZoomStops, ac as clearColorCache, ad as createCategoryColorMap, a7 as createXScale, a8 as createYScale, a9 as defaultMargin, ae as getContrastingTextColor, af as getDefaultChartColor, ag as getDefaultColors, ah as getResolvedColor, ai as getThemeCategoricalColors, aa as getYFormatSettings, aj as isLightColor, a5 as useChartContext } from './server-Utz6Sv9w.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, ReactNode, ComponentType, Component, ErrorInfo } from 'react';
+import React__default, { ComponentProps, ReactNode, ComponentType, Component, ErrorInfo, CSSProperties } from 'react';
 import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps, TabsProps as TabsProps$2, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1 } from 'react-aria-components';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
@@ -1938,6 +1938,219 @@ declare namespace KpiGroup {
     var displayName: string;
 }
 
+interface ListProps<T = unknown> {
+    id?: string;
+    items: T[];
+    /** Render a row; receives item + selection/hover state */
+    renderItem: (args: {
+        item: T;
+        index: number;
+        isSelected: boolean;
+        isHovered: boolean;
+        rowProps: {
+            id: string;
+            role: string;
+            "aria-selected": boolean;
+            "aria-current"?: "page";
+            tabIndex: number;
+            onClick: (id: string) => void;
+            onMouseEnter: (id: string) => void;
+            onMouseLeave: (id: string) => void;
+            onFocus: (id: string) => void;
+            onBlur: (id: string) => void;
+            ref?: (el: HTMLElement | null) => void;
+        };
+    }) => ReactNode;
+    /** Controlled selection (single) */
+    selectedId?: string | null;
+    onSelect?: (id: string | null, item?: T) => void;
+    /** Map/hover sync (e.g., highlight pin) */
+    onHoverChange?: (id: string | null, item?: T) => void;
+    /** Loading & error UI gates */
+    isLoading?: boolean;
+    error?: string | null;
+    /** Empty state */
+    emptyMessage?: string;
+    /** Density & dividers */
+    variant?: "dense" | "relaxed";
+    showDividers?: boolean;
+    /** Virtualization hook (deferred) */
+    /** ARIA */
+    "aria-label"?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * List
+ *
+ * A semantic wrapper and state manager for rows. Handles selection, hover,
+ * keyboard navigation, and accessibility. Composes with ListItem for visual rows.
+ *
+ * Example usage:
+ * ```tsx
+ * <List
+ *   items={sites}
+ *   selectedId={selectedSiteId}
+ *   onSelect={(id) => openDetail(id)}
+ *   onHoverChange={(id) => highlightOnMap(id)}
+ *   renderItem={({ item, rowProps, isSelected }) => (
+ *     <ListItem
+ *       id={item.id}
+ *       title={item.name}
+ *       subtitle={item.address?.city}
+ *       isSelected={isSelected}
+ *       {...rowProps}
+ *     />
+ *   )}
+ * />
+ * ```
+ */
+declare function List<T>({ items, renderItem, selectedId, onSelect, onHoverChange, isLoading, error, emptyMessage, variant, showDividers, "aria-label": ariaLabel, className, style, }: ListProps<T>): react_jsx_runtime.JSX.Element;
+
+interface Filter {
+    id: string;
+    label: string;
+    value: string;
+    onRemove: (id: string) => void;
+}
+interface SortOption {
+    value: string;
+    label: string;
+}
+interface ListHeaderProps {
+    /** Optional title for the list context */
+    title?: string;
+    /** Search input props */
+    search?: {
+        value: string;
+        placeholder?: string;
+        onChange: (value: string) => void;
+        onClear?: () => void;
+    };
+    /** Active filters to display as chips */
+    filters?: Filter[];
+    /** Sort options */
+    sort?: {
+        value: string;
+        options: SortOption[];
+        onChange: (value: string) => void;
+    };
+    /** Optional actions aligned to the right */
+    actions?: ReactNode;
+    /** Clear all filters action */
+    onClearAll?: () => void;
+    /** Layout variant for responsive behavior */
+    variant?: "compact" | "spacious";
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * ListHeader
+ *
+ * A control bar that sits above any list, providing search, filters, sort, and actions.
+ * Layout is responsive: compact in a sidebar, spacious in a full-page list.
+ *
+ * Example usage:
+ * ```tsx
+ * <ListHeader
+ *   title="Sites"
+ *   search={{
+ *     value: searchQuery,
+ *     placeholder: "Search sites...",
+ *     onChange: setSearchQuery,
+ *   }}
+ *   filters={activeFilters}
+ *   sort={{
+ *     value: sortBy,
+ *     options: sortOptions,
+ *     onChange: setSortBy,
+ *   }}
+ *   actions={<Button variant="primary">Save Collection</Button>}
+ *   onClearAll={clearAllFilters}
+ * />
+ * ```
+ */
+declare function ListHeader({ title, search, filters, sort, actions, onClearAll, variant, className, style, }: ListHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface ListItemProps {
+    id: string;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    meta?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    isSelected?: boolean;
+    isHovered?: boolean;
+    disabled?: boolean;
+    /** If provided, renders as <a> with proper a11y; otherwise <button> */
+    href?: string;
+    onClick?: (id: string) => void;
+    onMouseEnter?: (id: string) => void;
+    onMouseLeave?: (id: string) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * ListItem
+ *
+ * A visual row component with consistent anatomy and states for use within List.
+ * Supports both button and link variants with proper accessibility.
+ *
+ * Example usage:
+ * ```tsx
+ * <ListItem
+ *   id="item-1"
+ *   title="Site Name"
+ *   subtitle="City, Region"
+ *   meta={<span>12 devices</span>}
+ *   leading={<Icon name="MapPin" />}
+ *   trailing={<Button variant="icon" icon="Plus" />}
+ *   isSelected={true}
+ *   onClick={(id) => handleSelect(id)}
+ * />
+ * ```
+ */
+declare function ListItem({ id, title, subtitle, meta, leading, trailing, isSelected, isHovered, disabled, href, onClick, onMouseEnter, onMouseLeave, className, style, }: ListItemProps): react_jsx_runtime.JSX.Element;
+
+interface ListPaneProps {
+    /** Content for the header area (typically ListHeader) */
+    header?: ReactNode;
+    /** Main content area (typically List with ListItems) */
+    children: ReactNode;
+    /** Optional footer content */
+    footer?: ReactNode;
+    /** Width of the pane */
+    width?: "sm" | "md" | "lg" | "xl" | "2xl" | "auto";
+    /** Theming */
+    tone?: "neutral" | "subtle" | "brand";
+    elevation?: "none" | "sm" | "md";
+    showDivider?: boolean;
+    /** Accessibility */
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * ListPane
+ *
+ * A simple container component for list-driven UIs.
+ * Provides a structured layout with optional header and footer,
+ * suitable for wrapping ListHeader, List, and ListItem components.
+ *
+ * Example usage:
+ * ```tsx
+ * <ListPane
+ *   width="md"
+ *   header={<ListHeader title="Sites" search={...} />}
+ *   footer={<Button>Add Site</Button>}
+ * >
+ *   <List items={sites} renderItem={...} />
+ * </ListPane>
+ * ```
+ */
+declare function ListPane({ header, children, footer, width, tone, elevation, showDivider, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, style, }: ListPaneProps): react_jsx_runtime.JSX.Element;
+
 /**
  * ListBox
  *
@@ -1960,6 +2173,74 @@ interface ExtendedListBoxItemProps extends Omit<ListBoxItemProps, "className"> {
 }
 declare function ListBoxItem({ size, className, ...props }: ExtendedListBoxItemProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Layer Builder Functions
+ *
+ * Friendly constructor functions that provide:
+ * - TypeScript autocomplete and type safety
+ * - Clear intent (layer.vector vs layer.geojson)
+ * - Automatic 'kind' discriminator injection
+ */
+
+/**
+ * Layer builder namespace - use like:
+ *
+ * @example
+ * const myLayer = layer.vector({
+ *   id: 'feeders',
+ *   tileset: 'mapbox://texture.feeders',
+ *   sourceLayer: 'feeders',
+ *   renderAs: 'line',
+ *   style: { color: { token: 'brand-primary' } }
+ * });
+ */
+declare const layer: {
+    /**
+     * Create a vector tile layer
+     *
+     * Vector tiles are efficient for large datasets served from Mapbox or
+     * custom tile servers. Use this for infrastructure layers, boundaries, etc.
+     */
+    vector: (config: Omit<VectorLayerSpec, "kind">) => VectorLayerSpec;
+    /**
+     * Create a GeoJSON layer
+     *
+     * GeoJSON is great for smaller datasets or data that changes frequently.
+     * Can load from an object or URL. Supports client-side clustering.
+     */
+    geojson: (config: Omit<GeoJsonLayerSpec, "kind">) => GeoJsonLayerSpec;
+    /**
+     * Create a custom markers layer with React components
+     *
+     * Use this when you need fully custom UI for markers (cards, badges, etc.)
+     * Good for small numbers of markers. For many markers, consider vector tiles.
+     */
+    customPins: <T = any>(config: Omit<CustomPinsSpec<T>, "kind">) => CustomPinsSpec<T>;
+    /**
+     * Create a raster layer from image tiles
+     *
+     * Use this for satellite imagery, weather overlays, heatmaps from tile servers, etc.
+     * Raster layers display images rather than vector data.
+     */
+    raster: (config: Omit<RasterLayerSpec, "kind">) => RasterLayerSpec;
+};
+/**
+ * Type guard to check if a layer is a vector layer
+ */
+declare function isVectorLayer(layer: LayerSpec): layer is VectorLayerSpec;
+/**
+ * Type guard to check if a layer is a GeoJSON layer
+ */
+declare function isGeoJsonLayer(layer: LayerSpec): layer is GeoJsonLayerSpec;
+/**
+ * Type guard to check if a layer is a custom pins layer
+ */
+declare function isCustomPinsLayer(layer: LayerSpec): layer is CustomPinsSpec;
+/**
+ * Type guard to check if a layer is a raster layer
+ */
+declare function isRasterLayer(layer: LayerSpec): layer is RasterLayerSpec;
+
 type NoticeVariant = "success" | "error" | "warning" | "info";
 interface NoticeProps {
     /** Unique identifier for the notice */
@@ -2723,4 +3004,4 @@ interface ColorModeProviderProps {
 }
 declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, type DistanceFormat, type DistanceUnit, Drawer, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, Form, FormatRegistry, type FormattedValue, type FormatterFunction, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, 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, LineSeries, type LinkBehavior, ListBox, ListBoxItem, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isExportSupported, isNil, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, 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, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useNotice, yardsToMeters };
+export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, CustomPinsSpec, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, type DistanceFormat, type DistanceUnit, Drawer, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, type Filter, Form, FormatRegistry, type FormattedValue, type FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, 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, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, RasterLayerSpec, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, type SortOption, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, VectorLayerSpec, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, 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, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useNotice, yardsToMeters };