@texturehq/edges 1.5.2 → 1.6.0

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 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, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, ModalOverlayProps, 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, DialogTrigger } from 'react-aria-components';
-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-Cz62pUnv.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-Cz62pUnv.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-C20rH2CQ.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-C20rH2CQ.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ComponentProps, ComponentType, Component, ErrorInfo, CSSProperties } from 'react';
+import React__default, { ReactNode, ComponentProps, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
 import '@phosphor-icons/react';
 import 'react-map-gl';
@@ -955,15 +955,19 @@ interface DialogFooterConfig {
     footerContent?: ReactNode;
 }
 
-interface DialogProps extends DialogHeaderConfig, DialogFooterConfig {
+interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterConfig {
     /**
-     * Whether the dialog is open
+     * Whether the dialog is open (controlled mode)
+     * When using DialogTrigger, leave this undefined for automatic state management
+     * @default undefined
      */
-    isOpen: boolean;
+    isOpen?: boolean;
     /**
-     * Callback when the dialog is closed
+     * Callback when the dialog is closed (controlled mode)
+     * When using DialogTrigger, leave this undefined for automatic state management
+     * @default undefined
      */
-    onClose: () => void;
+    onClose?: () => void;
     /**
      * Dialog content
      */
@@ -978,6 +982,11 @@ interface DialogProps extends DialogHeaderConfig, DialogFooterConfig {
      * @default "600px"
      */
     maxWidth?: string;
+    /**
+     * Minimum width of the dialog (desktop only, mobile uses full width)
+     * @default "400px"
+     */
+    minWidth?: string;
     /**
      * Whether to include padding inside the content area
      * @default true
@@ -997,8 +1006,31 @@ interface DialogProps extends DialogHeaderConfig, DialogFooterConfig {
  * **Mobile (<768px):** Bottom sheet that slides up from bottom
  *
  * Includes optional header with title/back button and footer with action buttons.
+ *
+ * ## Usage Patterns
+ *
+ * ### Uncontrolled with DialogTrigger (Recommended)
+ * ```tsx
+ * import { DialogTrigger, Dialog, Button } from "@texturehq/edges";
+ *
+ * <DialogTrigger>
+ *   <Button>Open Dialog</Button>
+ *   <Dialog title="My Dialog">
+ *     <p>Dialog content</p>
+ *   </Dialog>
+ * </DialogTrigger>
+ * ```
+ *
+ * ### Controlled (Advanced)
+ * ```tsx
+ * const [isOpen, setIsOpen] = useState(false);
+ *
+ * <Dialog isOpen={isOpen} onClose={() => setIsOpen(false)} title="My Dialog">
+ *   <p>Dialog content</p>
+ * </Dialog>
+ * ```
  */
-declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
+declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, minWidth, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
 
 interface AlertProps {
     /**
@@ -1032,6 +1064,11 @@ interface AlertProps {
      * @default "400px"
      */
     maxWidth?: string;
+    /**
+     * Minimum width of the alert dialog (desktop only)
+     * @default "320px"
+     */
+    minWidth?: string;
 }
 /**
  * Alert
@@ -1039,7 +1076,7 @@ interface AlertProps {
  * A simple alert dialog with a single action button.
  * Use for informational messages that require acknowledgment.
  */
-declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
+declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, minWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Control-specific style utilities for form elements and interactive components.
@@ -1277,6 +1314,11 @@ interface ConfirmProps {
      * @default "500px"
      */
     maxWidth?: string;
+    /**
+     * Minimum width of the confirm dialog (desktop only)
+     * @default "400px"
+     */
+    minWidth?: string;
 }
 /**
  * Confirm
@@ -1284,7 +1326,7 @@ interface ConfirmProps {
  * A confirmation dialog with confirm and cancel actions.
  * Use for actions that require user confirmation before proceeding.
  */
-declare function Confirm({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, confirmVariant, isDestructive, isLoading, maxWidth, }: ConfirmProps): react_jsx_runtime.JSX.Element;
+declare function Confirm({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, confirmVariant, isDestructive, isLoading, maxWidth, minWidth, }: ConfirmProps): react_jsx_runtime.JSX.Element;
 
 interface CopyToClipboardProps {
     /**
@@ -1465,6 +1507,230 @@ interface LineSeriesProps {
  */
 declare const LineSeries: React__default.FC<LineSeriesProps>;
 
+interface Filter {
+    id: string;
+    label: string;
+    value: string;
+}
+interface FilterChipsProps {
+    /** Active filters to display */
+    filters: Filter[];
+    /** Callback when a single filter is removed */
+    onRemove: (id: string) => void;
+    /** Callback to clear all filters */
+    onClearAll?: () => void;
+    /** Callback to open filter management UI */
+    onManageFilters?: () => void;
+    /** Maximum number of chips to show before "+ X more" */
+    maxVisibleChips?: number;
+    /** Display mode: "chips" shows individual removable chips, "button" shows compact count button */
+    mode?: "chips" | "button";
+    /** Show "Filters" button in chips mode to open filter panel */
+    showManageButton?: boolean;
+    /** Size variant */
+    size?: Size;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * FilterChips
+ *
+ * Displays active filters as removable chips or a compact button.
+ * This is a presentational component - responsive behavior is handled by the parent.
+ *
+ * Example usage:
+ * ```tsx
+ * <FilterChips
+ *   filters={[
+ *     { id: '1', label: 'Region', value: 'West' },
+ *     { id: '2', label: 'Status', value: 'Active' }
+ *   ]}
+ *   onRemove={(id) => removeFilter(id)}
+ *   onClearAll={clearAllFilters}
+ *   onManageFilters={() => setDrawerOpen(true)}
+ *   mode="chips"
+ * />
+ * ```
+ */
+declare function FilterChips({ filters, onRemove, onClearAll, onManageFilters, maxVisibleChips, mode, showManageButton, size, className, }: FilterChipsProps): react_jsx_runtime.JSX.Element | null;
+
+interface SortOption {
+    value: string;
+    label: string;
+}
+interface SortControlProps {
+    /** Currently selected sort value */
+    value: string;
+    /** Available sort options */
+    options: SortOption[];
+    /** Callback when sort selection changes */
+    onChange: (value: string) => void;
+    /** Whether to show "Sort by:" label */
+    showLabel?: boolean;
+    /** Size variant */
+    size?: Size;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * SortControl
+ *
+ * A dropdown for selecting sort order with optional label.
+ * Wraps Select component with consistent styling for data controls.
+ *
+ * Example usage:
+ * ```tsx
+ * <SortControl
+ *   value={sortBy}
+ *   options={[
+ *     { value: 'name', label: 'Name' },
+ *     { value: 'date', label: 'Date' }
+ *   ]}
+ *   onChange={setSortBy}
+ *   showLabel={true}
+ * />
+ * ```
+ */
+declare function SortControl({ value, options, onChange, showLabel, size, className, }: SortControlProps): react_jsx_runtime.JSX.Element;
+
+interface DataControlsProps {
+    /** Search configuration */
+    search?: {
+        value: string;
+        onChange: (value: string) => void;
+        onClear?: () => void;
+        placeholder?: string;
+    };
+    /** How to display search on narrow containers */
+    searchMobileMode?: "expanded" | "collapsed";
+    /** Active filters */
+    filters?: Filter[];
+    /** Callback when a filter is removed */
+    onRemoveFilter?: (id: string) => void;
+    /** Callback to clear all filters */
+    onClearAllFilters?: () => void;
+    /** Callback to open filter management UI (drawer/modal) */
+    onManageFilters?: () => void;
+    /** Maximum visible filter chips before "+ X more" */
+    maxVisibleFilterChips?: number;
+    /** Sort configuration */
+    sort?: {
+        value: string;
+        options: SortOption[];
+        onChange: (value: string) => void;
+        showLabel?: boolean;
+    };
+    /** Results count configuration */
+    resultsCount?: {
+        count: number;
+        label?: string;
+        isLoading?: boolean;
+    };
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: CSSProperties;
+}
+/**
+ * DataControls
+ *
+ * A unified control bar for data display components (Lists, DataTables).
+ * Provides search, filtering, sorting, results count, and action controls
+ * with responsive layout.
+ *
+ * All data operations (search, filter, sort) are handled server-side.
+ * This component is purely presentational and controlled.
+ *
+ * **Responsive Behavior:**
+ * - Narrow containers (< 640px): Two rows - Row 1: inputs (search + filter icon), Row 2: outputs (results + sort + actions)
+ * - Wide containers (≥ 640px): Single row with all controls visible
+ *
+ * Example usage:
+ * ```tsx
+ * <DataControls
+ *   resultsCount={{ count: 23, label: "sites" }}
+ *   search={{
+ *     value: searchQuery,
+ *     onChange: setSearchQuery,
+ *     onClear: () => setSearchQuery(''),
+ *     placeholder: "Search sites..."
+ *   }}
+ *   filters={activeFilters}
+ *   onRemoveFilter={removeFilter}
+ *   onClearAllFilters={clearAllFilters}
+ *   onManageFilters={() => setFilterDrawerOpen(true)}
+ *   sort={{
+ *     value: sortBy,
+ *     options: sortOptions,
+ *     onChange: setSortBy
+ *   }}
+ * />
+ * ```
+ */
+declare function DataControls({ search, searchMobileMode, filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
+
+interface ResultsCountProps {
+    /** Number of results/items */
+    count: number;
+    /** Label to use (e.g., "results", "items", "sites") */
+    label?: string;
+    /** Whether the count is loading */
+    isLoading?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * ResultsCount
+ *
+ * Displays a count of results or items with proper singular/plural handling.
+ * Shows a loading skeleton when data is being fetched.
+ *
+ * Example usage:
+ * ```tsx
+ * <ResultsCount count={23} label="results" />
+ * // Renders: "23 results"
+ *
+ * <ResultsCount count={1} label="site" />
+ * // Renders: "1 site"
+ *
+ * <ResultsCount count={42} label="items" isLoading={true} />
+ * // Renders: loading skeleton
+ * ```
+ */
+declare function ResultsCount({ count, label, isLoading, className }: ResultsCountProps): react_jsx_runtime.JSX.Element;
+
+interface SearchControlProps {
+    /** Current search value */
+    value: string;
+    /** Callback when search value changes */
+    onChange: (value: string) => void;
+    /** Optional callback to clear search */
+    onClear?: () => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Size variant */
+    size?: Size;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * SearchControl
+ *
+ * A search input with magnifying glass icon and optional clear button.
+ * Thin wrapper around TextField configured for search use cases.
+ *
+ * Example usage:
+ * ```tsx
+ * <SearchControl
+ *   value={searchQuery}
+ *   onChange={setSearchQuery}
+ *   onClear={() => setSearchQuery('')}
+ *   placeholder="Search sites..."
+ * />
+ * ```
+ */
+declare function SearchControl({ value, onChange, onClear, placeholder, size, className, }: SearchControlProps): react_jsx_runtime.JSX.Element;
+
 type SortDirection = "asc" | "desc";
 type CellAlignment = "left" | "center" | "right";
 type TableDensity = "compact" | "default" | "relaxed";
@@ -1733,6 +1999,29 @@ interface DateRangePickerProps<T extends DateValue> extends DateRangePickerProps
 }
 declare function DateRangePicker<T extends DateValue>({ label, description, errorMessage, ...props }: DateRangePickerProps<T>): react_jsx_runtime.JSX.Element;
 
+type BaseDialogHeaderProps = {
+    title?: string;
+    onClose: () => void;
+    hideCloseIcon?: boolean;
+    titleAlign?: "left" | "center";
+    headerContent?: React__default.ReactNode;
+};
+type WithBackArrow = BaseDialogHeaderProps & {
+    hasBackArrow: true;
+    onBack: () => void;
+};
+type WithoutBackArrow = BaseDialogHeaderProps & {
+    hasBackArrow?: false;
+    onBack?: never;
+};
+/**
+ * DialogHeader
+ *
+ * Header area for dialogs with optional back arrow.
+ */
+type DialogHeaderProps = WithBackArrow | WithoutBackArrow;
+declare const DialogHeader: React__default.FC<DialogHeaderProps>;
+
 interface DrawerProps extends DialogHeaderConfig, DialogFooterConfig {
     /**
      * Drawer content
@@ -1873,7 +2162,7 @@ declare function useInputFocus(): {
 /**
  * Wrapper component for input containers
  */
-declare function InputWrapper({ children, className, }: {
+declare function InputWrapper({ children, className }: {
     children: React__default.ReactNode;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
@@ -1954,7 +2243,7 @@ declare function getFieldGroupStyles(props: FieldGroupProps): string;
  * </Label>
  * ```
  */
-declare function Label({ children, size, tooltip, isRequired, className, htmlFor, }: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label({ children, size, tooltip, isRequired, className, htmlFor }: LabelProps): react_jsx_runtime.JSX.Element;
 /**
  * Description component for providing additional context about a form field.
  *
@@ -2278,71 +2567,6 @@ interface ListProps<T = unknown> {
  */
 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;
@@ -2386,7 +2610,7 @@ interface ListItemProps {
 declare function ListItem({ id, title, subtitle, meta, leading, trailing, isSelected, isHovered, disabled, href, size, onClick, onMouseEnter, onMouseLeave, className, style, }: ListItemProps): react_jsx_runtime.JSX.Element;
 
 interface ListPaneProps {
-    /** Content for the header area (typically ListHeader) */
+    /** Content for the header area (typically DataControls or custom header) */
     header?: ReactNode;
     /** Main content area (typically List with ListItems) */
     children: ReactNode;
@@ -2409,13 +2633,13 @@ interface ListPaneProps {
  *
  * 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.
+ * suitable for wrapping DataControls, List, and ListItem components.
  *
  * Example usage:
  * ```tsx
  * <ListPane
  *   width="md"
- *   header={<ListHeader title="Sites" search={...} />}
+ *   header={<DataControls search={...} filters={...} sort={...} />}
  *   footer={<Button>Add Site</Button>}
  * >
  *   <List items={sites} renderItem={...} />
@@ -3337,4 +3561,4 @@ interface ColorModeProviderProps {
 }
 declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-export { type Action, ActionCell, type ActionCellProps, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, type Breakpoint, type BreakpointState, 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, Confirm, type ConfirmProps, 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, type DialogAction, type DialogFooterConfig, type DialogHeaderConfig, type DialogProps, type DistanceFormat, type DistanceUnit, Drawer, type DrawerProps, 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, ModalBackdrop, type ModalBackdropProps, 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, type UseBreakpointReturn, 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, useBreakpoint, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
+export { type Action, ActionCell, type ActionCellProps, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, type Breakpoint, type BreakpointState, 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, Confirm, type ConfirmProps, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, type DistanceFormat, type DistanceUnit, Drawer, type DrawerProps, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, FilterChips, type FilterChipsProps, 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, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, 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, 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, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, 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 UseBreakpointReturn, 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, useBreakpoint, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };