@texturehq/edges 1.12.2 → 1.13.1

package/dist/index.d.cts

@@ -1,9 +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, DisclosurePanelProps, DisclosureProps, DisclosureGroupProps, 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 * as React$1 from 'react';
-import React__default, { HTMLAttributes, ReactNode, ComponentProps, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
-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, Y as YFormatType, k as TooltipData, l as IconName$2, m as ComponentFormatter, L as LayerSpec, n as CustomPinsSpec, G as GeoJsonLayerSpec, o as RasterLayerSpec, p as VectorLayerSpec, q as ClusteredVectorLayerSpec } from './server-8T44SFVa.cjs';
-export { A as ActionItem, s as ActionMenu, r as ActionMenuProps, u as AppShell, t as AppShellProps, w as Avatar, v as AvatarProps, y as Badge, x as BadgeProps, aF as BaseFormat, am as ChartContext, ao as ChartMargin, K as CodeEditor, z as CodeEditorProps, H as CodeLanguage, J as CodeTheme, Z as ColorSpec, aC as ComponentFormatOptions, aM as CurrentUnit, aP as CustomFormat, O as DateField, M as DateFieldProps, aI as DateFormatStyle, aO as DistanceUnit, aJ as EnergyUnit, S as FileUpload, Q as FileUploadProps, U as Heading, a5 as InteractiveMap, _ as InteractiveMapProps, $ as LayerFeature, a0 as LayerStyle, W as Loader, X as Logo, a6 as MAP_TYPES, a1 as MapPoint, a9 as Meter, a8 as MeterProps, aK as PowerUnit, a2 as RenderType, aN as ResistanceUnit, ab as RichTextEditor, aa as RichTextEditorProps, ad as SegmentOption, ae as SegmentedControl, ac as SegmentedControlProps, ah as SideNav, af as SideNavItem, ag as SideNavProps, a7 as StaticMap, a3 as StaticMapProps, ai as TextLink, aG as TextTransform, aH as TextTruncatePosition, al as TooltipSeries, ak as TopNav, aj as TopNavProps, aL as VoltageUnit, at as YFormatSettings, a4 as ZoomStops, au as clearColorCache, av as createCategoryColorMap, ap as createXScale, aq as createYScale, ar as defaultMargin, aD as formatComponentValue, aw as getContrastingTextColor, ax as getDefaultChartColor, ay as getDefaultColors, az as getResolvedColor, aA as getThemeCategoricalColors, as as getYFormatSettings, aB as isLightColor, an as useChartContext, aE as useComponentFormatter } from './server-8T44SFVa.cjs';
+import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
+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, Y as YFormatType, k as TooltipData, l as IconName$2, m as ComponentFormatter, L as LayerSpec, n as CustomPinsSpec, G as GeoJsonLayerSpec, o as RasterLayerSpec, p as VectorLayerSpec, q as ClusteredVectorLayerSpec } from './server-BV15KAF4.cjs';
+export { A as ActionItem, s as ActionMenu, r as ActionMenuProps, u as AppShell, t as AppShellProps, w as Avatar, v as AvatarProps, y as Badge, x as BadgeProps, aF as BaseFormat, am as ChartContext, ao as ChartMargin, K as CodeEditor, z as CodeEditorProps, H as CodeLanguage, J as CodeTheme, Z as ColorSpec, aC as ComponentFormatOptions, aM as CurrentUnit, aP as CustomFormat, O as DateField, M as DateFieldProps, aI as DateFormatStyle, aO as DistanceUnit, aJ as EnergyUnit, S as FileUpload, Q as FileUploadProps, U as Heading, a5 as InteractiveMap, _ as InteractiveMapProps, $ as LayerFeature, a0 as LayerStyle, W as Loader, X as Logo, a6 as MAP_TYPES, a1 as MapPoint, a9 as Meter, a8 as MeterProps, aK as PowerUnit, a2 as RenderType, aN as ResistanceUnit, ab as RichTextEditor, aa as RichTextEditorProps, ad as SegmentOption, ae as SegmentedControl, ac as SegmentedControlProps, ah as SideNav, af as SideNavItem, ag as SideNavProps, a7 as StaticMap, a3 as StaticMapProps, ai as TextLink, aG as TextTransform, aH as TextTruncatePosition, al as TooltipSeries, ak as TopNav, aj as TopNavProps, aL as VoltageUnit, at as YFormatSettings, a4 as ZoomStops, au as clearColorCache, av as createCategoryColorMap, ap as createXScale, aq as createYScale, ar as defaultMargin, aD as formatComponentValue, aw as getContrastingTextColor, ax as getDefaultChartColor, ay as getDefaultColors, az as getResolvedColor, aA as getThemeCategoricalColors, as as getYFormatSettings, aB as isLightColor, an as useChartContext, aE as useComponentFormatter } from './server-BV15KAF4.cjs';
+import { Virtualizer } from '@tanstack/react-virtual';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
 import '@phosphor-icons/react';
@@ -742,8 +743,352 @@ declare function isExportSupported(type: ExportType): boolean;
  */
 declare function getExportFormatName(type: ExportType): string;
 
+/**
+ * Data Controls Types
+ *
+ * Core type definitions for client-side and server-side data filtering,
+ * sorting, faceting, and search operations.
+ */
+type FilterOperator = "eq" | "neq" | "in" | "nin" | "gt" | "gte" | "lt" | "lte" | "contains" | "startsWith" | "endsWith";
+interface FilterCondition {
+    /** Field name (supports nested paths like 'user.profile.name') */
+    field: string;
+    /** Comparison operator */
+    operator: FilterOperator;
+    /** Value to compare against */
+    value: string | number | boolean | (string | number)[];
+}
+interface FilterGroup {
+    /** Logical operator combining conditions */
+    logic: "AND" | "OR";
+    /** Conditions or nested filter groups */
+    conditions: (FilterCondition | FilterGroup)[];
+}
+/** Root filter state - can be empty, a single group, or nested groups */
+type FilterState = FilterGroup | null;
+interface SortState {
+    /** Field to sort by (supports nested paths) */
+    field: string;
+    /** Sort direction */
+    direction: "asc" | "desc";
+}
+interface SearchConfig {
+    /** Search query string */
+    query: string;
+    /** Fields to search across */
+    fields: string[];
+    /** Use fuzzy matching (Fuse.js) - default true */
+    fuzzy?: boolean;
+    /** Fuse.js matching threshold (0.0 = perfect, 1.0 = anything) - default 0.3 */
+    threshold?: number;
+}
+type FacetType = "string" | "number" | "boolean" | "date";
+interface FacetConfig {
+    /** Field name to facet on */
+    field: string;
+    /** Display label for the facet */
+    label: string;
+    /** Data type of the field */
+    type?: FacetType;
+    /** Optional: Provide predefined values for the facet (useful for enums) */
+    values?: Array<{
+        value: string | number;
+        label: string;
+    }>;
+}
+interface FacetCounts {
+    [field: string]: {
+        [value: string]: number;
+    };
+}
+/**
+ * Create a single filter condition
+ */
+declare function createFilter(field: string, operator: FilterOperator, value: string | number | boolean | (string | number)[]): FilterCondition;
+/**
+ * Create a filter group from multiple conditions with AND logic
+ */
+declare function createFilters(conditions: FilterCondition[], logic?: "AND" | "OR"): FilterGroup;
+/**
+ * Create an empty filter state
+ */
+declare function createEmptyFilter(): FilterGroup;
+/**
+ * Check if a filter state is empty (no conditions)
+ */
+declare function isFilterEmpty(filter: FilterState): boolean;
+/**
+ * Convert structured filter state to simple display chips
+ * Used for backward compatibility with existing FilterChips component
+ */
+interface FilterChip {
+    id: string;
+    label: string;
+    value: string;
+}
+declare function filterToChips(filter: FilterState, facetConfigs?: FacetConfig[]): FilterChip[];
+/**
+ * Add a condition to a filter state
+ */
+declare function addFilterCondition(filter: FilterState, condition: FilterCondition): FilterGroup;
+/**
+ * Remove a condition from a filter state by field
+ */
+declare function removeFilterCondition(filter: FilterState, field: string): FilterGroup;
+/**
+ * Get all unique fields being filtered on
+ */
+declare function getFilterFields(filter: FilterState): string[];
+
+interface UseClientDataControlsOptions<T> {
+    /** Raw data to process */
+    data: T[];
+    /** Filter state */
+    filters?: FilterState;
+    /** Sort state */
+    sort?: SortState | null;
+    /** Search configuration */
+    search?: SearchConfig | null;
+    /** Facet configurations */
+    facetConfigs?: FacetConfig[];
+}
+interface UseClientDataControlsResult<T> {
+    /** Processed data (filtered, sorted, searched) */
+    data: T[];
+    /** Facet counts computed from filtered data */
+    facetCounts: FacetCounts;
+    /** Number of results after filtering/searching */
+    resultCount: number;
+}
+/**
+ * useClientDataControls
+ *
+ * Client-side hook for filtering, sorting, searching, and faceting data.
+ * Uses memoization to avoid unnecessary recomputation.
+ *
+ * Operations are applied in this order:
+ * 1. Search (fuzzy or exact matching)
+ * 2. Filter (structured conditions)
+ * 3. Facet computation (on filtered data)
+ * 4. Sort
+ *
+ * @example
+ * ```tsx
+ * const { data, facetCounts, resultCount } = useClientDataControls({
+ *   data: rawData,
+ *   filters: createFilters([
+ *     createFilter('department', 'in', ['Engineering', 'Sales'])
+ *   ]),
+ *   sort: { field: 'name', direction: 'asc' },
+ *   search: { query: searchQuery, fields: ['name', 'email'] },
+ *   facetConfigs: [
+ *     { field: 'department', label: 'Department' },
+ *     { field: 'status', label: 'Status' }
+ *   ]
+ * });
+ * ```
+ */
+declare function useClientDataControls<T>({ data, filters, sort, search, facetConfigs, }: UseClientDataControlsOptions<T>): UseClientDataControlsResult<T>;
+
+interface ServerDataState {
+    filters: FilterState;
+    sort: SortState | null;
+    search: SearchConfig | null;
+}
+interface UseServerDataControlsOptions {
+    /** Filter state */
+    filters: FilterState;
+    /** Sort state */
+    sort: SortState | null;
+    /** Search configuration */
+    search: SearchConfig | null;
+    /** Callback when state changes (debounced for search) */
+    onStateChange: (state: ServerDataState) => void;
+    /** Search debounce delay in ms (default: 300) */
+    searchDebounce?: number;
+}
+/**
+ * useServerDataControls
+ *
+ * Server-side hook that notifies the parent when filter/sort/search state changes.
+ * Search queries are debounced to avoid excessive API calls.
+ *
+ * This hook doesn't manipulate data - it just provides a clean way to:
+ * 1. Debounce search input
+ * 2. Notify when any state changes
+ * 3. Trigger server refetch
+ *
+ * @example
+ * ```tsx
+ * const [filters, setFilters] = useState(null);
+ * const [sort, setSort] = useState({ field: 'name', direction: 'asc' });
+ * const [search, setSearch] = useState({ query: '', fields: ['name'] });
+ *
+ * useServerDataControls({
+ *   filters,
+ *   sort,
+ *   search,
+ *   onStateChange: (state) => {
+ *     // Refetch data with new parameters
+ *     refetch({
+ *       filters: state.filters,
+ *       sort: state.sort,
+ *       search: state.search?.query
+ *     });
+ *   }
+ * });
+ * ```
+ */
+declare function useServerDataControls({ filters, sort, search, onStateChange, searchDebounce, }: UseServerDataControlsOptions): void;
+
+interface UseDataControlsClientOptions<T> {
+    mode: "client";
+    /** Raw data to process (required in client mode) */
+    data: T[];
+    /** Filter state */
+    filters?: FilterState;
+    /** Sort state */
+    sort?: SortState | null;
+    /** Search configuration */
+    search?: SearchConfig | null;
+    /** Facet configurations */
+    facetConfigs?: FacetConfig[];
+}
+interface UseDataControlsServerOptions<T> {
+    mode: "server";
+    /** Data from server (already filtered/sorted) */
+    data: T[];
+    /** Filter state */
+    filters: FilterState;
+    /** Sort state */
+    sort: SortState | null;
+    /** Search configuration */
+    search: SearchConfig | null;
+    /** Callback when state changes (required in server mode) */
+    onStateChange: (state: ServerDataState) => void;
+    /** Search debounce delay in ms (default: 300) */
+    searchDebounce?: number;
+    /** Result count from server */
+    resultCount?: number;
+    /** Facet counts from server */
+    facetCounts?: FacetCounts;
+}
+type UseDataControlsOptions<T> = UseDataControlsClientOptions<T> | UseDataControlsServerOptions<T>;
+interface UseDataControlsResult<T> {
+    /** Processed data (client mode) or server data (server mode) */
+    data: T[];
+    /** Facet counts (computed in client mode, passed through in server mode) */
+    facetCounts: FacetCounts;
+    /** Result count (computed in client mode, passed through in server mode) */
+    resultCount: number;
+}
+/**
+ * useDataControls
+ *
+ * Unified hook for managing data filtering, sorting, searching, and faceting.
+ * Supports both client-side and server-side modes.
+ *
+ * **Client Mode:**
+ * - Processes data locally using pure functions
+ * - Computes facet counts automatically
+ * - Best for datasets < 5000 rows
+ *
+ * **Server Mode:**
+ * - Notifies parent when state changes (debounced for search)
+ * - Passes through server-provided data and counts
+ * - Best for large datasets or complex queries
+ *
+ * @example Client Mode
+ * ```tsx
+ * const { data, facetCounts, resultCount } = useDataControls({
+ *   mode: 'client',
+ *   data: rawData,
+ *   filters: createFilters([...]),
+ *   sort: { field: 'name', direction: 'asc' },
+ *   search: { query: searchQuery, fields: ['name', 'email'] },
+ *   facetConfigs: [{ field: 'department', label: 'Department' }]
+ * });
+ * ```
+ *
+ * @example Server Mode
+ * ```tsx
+ * const { data, facetCounts, resultCount } = useDataControls({
+ *   mode: 'server',
+ *   data: serverData, // Already filtered
+ *   filters,
+ *   sort,
+ *   search,
+ *   resultCount: totalCount,
+ *   facetCounts: serverFacets,
+ *   onStateChange: (state) => refetch(state)
+ * });
+ * ```
+ */
+declare function useDataControls<T>(options: UseDataControlsOptions<T>): UseDataControlsResult<T>;
+
 declare function useDebounce<T>(value: T, delay?: number): T;
 
+type LoadingState = "idle" | "loading" | "loading-more" | "error";
+interface UseInfiniteScrollOptions<T = unknown> {
+    /** Array of items being displayed */
+    items: T[];
+    /** Callback to load more items (optional - if not provided, no infinite scroll) */
+    onLoadMore?: () => void | Promise<void>;
+    /** Whether there are more items to load */
+    hasMore?: boolean;
+    /** Auto-detects initial vs loading-more from items.length */
+    isLoading?: boolean;
+    /** Explicit loading state override (takes precedence) */
+    loadingState?: LoadingState;
+    /** Enable virtualization (default: true for 100+ items) */
+    enableVirtualization?: boolean;
+    /** Estimated size of each item in pixels */
+    estimatedItemSize?: number;
+    /** Number of items to render outside viewport */
+    overscan?: number;
+    /** Custom scroll element (defaults to parent) */
+    scrollElement?: HTMLElement | null;
+    /** Distance from bottom in pixels to trigger load */
+    loadMoreThreshold?: number;
+}
+interface UseInfiniteScrollReturn {
+    virtualizer: Virtualizer<HTMLElement, Element> | null;
+    virtualItems: ReturnType<Virtualizer<HTMLElement, Element>["getVirtualItems"]>;
+    computedLoadingState: LoadingState;
+    isInitialLoad: boolean;
+    isLoadingMore: boolean;
+    scrollRef: RefObject<HTMLDivElement | null>;
+    loadMoreRef: RefObject<HTMLDivElement | null>;
+    scrollToIndex: (index: number, options?: {
+        align?: "start" | "center" | "end";
+    }) => void;
+    scrollToTop: () => void;
+}
+/**
+ * useInfiniteScroll
+ *
+ * Hook for implementing infinite scroll with optional virtualization.
+ * Intelligently detects initial vs loading-more states from context.
+ *
+ * Features:
+ * - Smart loading state detection (initial vs loading-more)
+ * - Optional explicit state control
+ * - TanStack Virtual integration for performance
+ * - Intersection Observer for load triggering
+ * - Configurable virtualization threshold
+ *
+ * @example
+ * ```tsx
+ * const { scrollRef, computedLoadingState, isLoadingMore } = useInfiniteScroll({
+ *   items,
+ *   onLoadMore: fetchNextPage,
+ *   hasMore: hasNextPage,
+ *   isLoading: isFetching,
+ * });
+ * ```
+ */
+declare function useInfiniteScroll<T = unknown>({ items, onLoadMore, hasMore, isLoading, loadingState, enableVirtualization, estimatedItemSize, overscan, scrollElement, loadMoreThreshold, }: UseInfiniteScrollOptions<T>): UseInfiniteScrollReturn;
+
 /**
  * Hook for managing localStorage values with React state synchronization
  * @param key - The localStorage key
@@ -772,15 +1117,42 @@ type ActivityFeedVariant = "timeline" | "stacked";
 type ActivityFeedSize = "md" | "sm";
 type ActivityItemTone = "neutral" | "brand" | "success" | "warning" | "danger" | "info";
 type ActivityItemSurface = "minimal" | "subtle" | "solid";
-interface ActivityFeedProps extends HTMLAttributes<HTMLDivElement> {
+interface ActivityFeedProps<T = unknown> extends HTMLAttributes<HTMLDivElement> {
     /** Visual style for the feed */
     variant?: ActivityFeedVariant;
     /** Density of the feed */
     size?: ActivityFeedSize;
-    /** Feed content */
-    children: ReactNode;
+    /** Data-driven mode: array of items to render */
+    items?: T[];
+    /** Render function for each item (when using items array) */
+    renderItem?: (item: T, index: number) => ReactNode;
+    /** Children mode: manual ActivityItem components */
+    children?: ReactNode;
+    /** Loading & error UI gates */
+    isLoading?: boolean;
+    /** Explicit loading state override (takes precedence over auto-detection) */
+    loadingState?: LoadingState;
+    error?: string | null;
+    /** Custom skeleton for initial loading state - matches your activity item structure */
+    renderLoadingSkeleton?: () => ReactNode;
+    /** Number of skeleton items to show during initial loading */
+    loadingSkeletonCount?: number;
+    /** Empty state */
+    emptyMessage?: string;
+    /** Infinite scroll */
+    onLoadMore?: () => void | Promise<void>;
+    hasMore?: boolean;
+    /** Enable virtualization (default: true for 100+ items) */
+    enableVirtualization?: boolean;
+    /** Estimated size of each item in pixels */
+    estimatedItemSize?: number;
+    /** Custom loading indicator for loading-more state */
+    loadingIndicator?: ReactNode;
+    /** Height/maxHeight for scroll container */
+    height?: string | number;
+    maxHeight?: string | number;
 }
-declare function ActivityFeed({ variant, size, className, children, ...rest }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
+declare function ActivityFeed<T = unknown>({ variant, size, className, children, items, renderItem, isLoading, loadingState, error, renderLoadingSkeleton, loadingSkeletonCount, emptyMessage, onLoadMore, hasMore, enableVirtualization, estimatedItemSize, loadingIndicator, height, maxHeight, ...rest }: ActivityFeedProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace ActivityFeed {
     var displayName: string;
 }
@@ -1281,7 +1653,7 @@ interface CheckboxProps extends Omit<CheckboxProps$1, "children"> {
     children?: ReactNode | ((props: CheckboxRenderProps) => ReactNode);
     /**
      * Visual variant of the checkbox
-     * @default "brand"
+     * @default "default"
      */
     variant?: "default" | "brand";
 }
@@ -1630,12 +2002,16 @@ interface SortOption {
     label: string;
 }
 interface SortControlProps {
-    /** Currently selected sort value */
+    /** Currently selected sort value (field name) */
     value: string;
     /** Available sort options */
     options: SortOption[];
     /** Callback when sort selection changes */
     onChange: (value: string) => void;
+    /** Sort direction (optional, for enhanced mode) */
+    direction?: "asc" | "desc";
+    /** Callback when direction changes (optional, for enhanced mode) */
+    onDirectionChange?: (direction: "asc" | "desc") => void;
     /** Whether to show "Sort by:" label */
     showLabel?: boolean;
     /** Size variant */
@@ -1646,10 +2022,10 @@ interface SortControlProps {
 /**
  * SortControl
  *
- * A dropdown for selecting sort order with optional label.
+ * A dropdown for selecting sort order with optional direction toggle.
  * Wraps Select component with consistent styling for data controls.
  *
- * Example usage:
+ * **Basic Mode (backward compatible):**
  * ```tsx
  * <SortControl
  *   value={sortBy}
@@ -1658,11 +2034,24 @@ interface SortControlProps {
  *     { value: 'date', label: 'Date' }
  *   ]}
  *   onChange={setSortBy}
- *   showLabel={true}
+ * />
+ * ```
+ *
+ * **Enhanced Mode (with direction):**
+ * ```tsx
+ * <SortControl
+ *   value={sortField}
+ *   direction={sortDirection}
+ *   options={[
+ *     { value: 'name', label: 'Name' },
+ *     { value: 'date', label: 'Date' }
+ *   ]}
+ *   onChange={setSortField}
+ *   onDirectionChange={setSortDirection}
  * />
  * ```
  */
-declare function SortControl({ value, options, onChange, showLabel, size, className, }: SortControlProps): react_jsx_runtime.JSX.Element;
+declare function SortControl({ value, options, onChange, direction, onDirectionChange, showLabel, size, className, }: SortControlProps): react_jsx_runtime.JSX.Element;
 
 interface DataControlsProps {
     /** Search configuration */
@@ -1690,6 +2079,8 @@ interface DataControlsProps {
         options: SortOption[];
         onChange: (value: string) => void;
         showLabel?: boolean;
+        direction?: "asc" | "desc";
+        onDirectionChange?: (direction: "asc" | "desc") => void;
     };
     /** Results count configuration */
     resultsCount?: {
@@ -1697,6 +2088,12 @@ interface DataControlsProps {
         label?: string;
         isLoading?: boolean;
     };
+    /** Make controls sticky */
+    sticky?: boolean;
+    /** Sticky top offset - useful when stacking below sticky header (default: "0") */
+    stickyTop?: string;
+    /** Z-index for sticky positioning (default: 10) */
+    zIndex?: number;
     /** Additional CSS classes */
     className?: string;
     /** Inline styles */
@@ -1712,6 +2109,11 @@ interface DataControlsProps {
  * All data operations (search, filter, sort) are handled server-side.
  * This component is purely presentational and controlled.
  *
+ * **Features:**
+ * - Optional sticky positioning for data-heavy pages
+ * - Works with PageLayout sticky headers
+ * - Configurable z-index and offset
+ *
  * **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
@@ -1739,7 +2141,55 @@ interface DataControlsProps {
  * ```
  */
 declare function DataControls({ search, searchMobileMode: _searchMobileMode, // Deprecated: kept for backward compatibility
-filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
+filters, onRemoveFilter, onClearAllFilters, onManageFilters, maxVisibleFilterChips, sort, resultsCount, sticky, stickyTop, zIndex, className, style, }: DataControlsProps): react_jsx_runtime.JSX.Element | null;
+
+interface FilterDialogProps {
+    /** Whether the dialog is open */
+    isOpen: boolean;
+    /** Callback when dialog is closed */
+    onClose: () => void;
+    /** Facet configurations defining available filters */
+    facetConfigs: FacetConfig[];
+    /** Optional facet counts to display next to options */
+    facetCounts?: FacetCounts;
+    /** Current filter state */
+    currentFilters: FilterState;
+    /** Callback when filters are applied */
+    onApply: (filters: FilterState) => void;
+    /** Optional callback to clear all filters */
+    onClear?: () => void;
+    /** Dialog title */
+    title?: string;
+}
+/**
+ * FilterDialog
+ *
+ * A reusable dialog for applying structured filters to data.
+ * Automatically renders appropriate UI based on facet type and configuration.
+ *
+ * **Supported Facet Types:**
+ * - `string`: Checkbox group for multi-select
+ * - `number`: Min/max range inputs
+ * - `boolean`: Single checkbox
+ *
+ * @example
+ * ```tsx
+ * <FilterDialog
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   facetConfigs={[
+ *     { field: 'department', label: 'Department', type: 'string' },
+ *     { field: 'salary', label: 'Salary', type: 'number' }
+ *   ]}
+ *   facetCounts={{
+ *     department: { Engineering: 10, Sales: 5 }
+ *   }}
+ *   currentFilters={filters}
+ *   onApply={setFilters}
+ * />
+ * ```
+ */
+declare function FilterDialog({ isOpen, onClose, facetConfigs, facetCounts, currentFilters, onApply, onClear, title, }: FilterDialogProps): react_jsx_runtime.JSX.Element;
 
 interface ResultsCountProps {
     /** Number of results/items */
@@ -1865,7 +2315,13 @@ interface DataTableProps<T> {
     customMobileRowRender?: (row: T, index: number) => ReactNode;
     mobileBreakpoint?: MobileBreakpoint;
     isLoading?: boolean;
+    loadingState?: LoadingState;
     loadingRowCount?: number;
+    onLoadMore?: () => void | Promise<void>;
+    hasMore?: boolean;
+    enableVirtualization?: boolean;
+    estimatedRowHeight?: number;
+    loadingIndicator?: ReactNode;
     stickyHeader?: boolean;
     onRowClick?: (row: T) => void;
     getRowId?: (row: T) => string;
@@ -2037,10 +2493,11 @@ declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyT
 /**
  * DataTable
  *
- * Advanced table component with sorting, filtering, pagination, and mobile-responsive views.
- * Supports custom cell renderers, column configurations, and multiple display densities.
+ * Advanced table component with sorting, filtering, pagination, and infinite scroll.
+ * Supports custom cell renderers, column configurations, multiple display densities,
+ * and virtualization for large datasets.
  */
-declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingRowCount, stickyHeader, onRowClick, getRowId, hideHeader, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingState, loadingRowCount, onLoadMore, hasMore, enableVirtualization, estimatedRowHeight, loadingIndicator, stickyHeader, onRowClick, getRowId, hideHeader, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface MobileRowProps<T> {
     row: T;
@@ -2313,7 +2770,7 @@ declare function getInputStateStyles(props: {
     isInvalid?: boolean;
     isDisabled?: boolean;
     isFocused?: boolean;
-}): "border rounded-[var(--control-border-radius)] " | "border rounded-[var(--control-border-radius)]  border-border-muted focus:outline-none" | "border rounded-[var(--control-border-radius)]  border-feedback-error-border outline-[1.5px] outline-[var(--control-focus-ring-color-error)]" | "border rounded-[var(--control-border-radius)]  border-feedback-error-border" | "border rounded-[var(--control-border-radius)]  !outline-[1.5px] !outline-[var(--control-focus-ring-color)] ![--tw-outline-style:solid]";
+}): "border rounded-[var(--control-border-radius)] outline-none  border-border-muted" | "border rounded-[var(--control-border-radius)] outline-none  border-feedback-error-border shadow-[inset_0_0_0_1px_var(--color-feedback-error-border)]" | "border rounded-[var(--control-border-radius)] outline-none  border-feedback-error-border" | "border rounded-[var(--control-border-radius)] outline-none  border-border-focus shadow-[inset_0_0_0_1px_var(--color-border-focus)]" | "border rounded-[var(--control-border-radius)] outline-none  border-border-default";
 /**
  * Generates background styles based on the transparent and disabled props.
  * Uses Tailwind classes for consistent styling across light/dark modes.
@@ -2498,6 +2955,42 @@ declare namespace Grid {
 }
 declare function GridItem({ span, className, children, }: GridItemProps): react_jsx_runtime.JSX.Element;
 
+interface InfiniteScrollIndicatorProps {
+    /** Current loading state - determines which indicator to show */
+    state: "loading-more";
+    /** Optional message to display with the spinner (for internationalization support) */
+    message?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Custom loading indicator (replaces default) */
+    customIndicator?: ReactNode;
+}
+/**
+ * InfiniteScrollIndicator
+ *
+ * Lightweight composition component for displaying loading states in infinite scroll contexts.
+ * Uses the Loader component for consistency.
+ *
+ * - For initial loading: Use component-specific Skeleton implementations
+ * - For loading-more: Use this component at the bottom of lists/tables
+ *
+ * By default, shows only a spinner (no text) to avoid internationalization concerns.
+ * Consuming applications can provide their own localized message via the `message` prop.
+ *
+ * Example usage:
+ * ```tsx
+ * // Default: spinner only (no i18n needed)
+ * <InfiniteScrollIndicator state="loading-more" />
+ *
+ * // With localized text
+ * <InfiniteScrollIndicator
+ *   state="loading-more"
+ *   message={t('loading.loadMore')}
+ * />
+ * ```
+ */
+declare function InfiniteScrollIndicator({ state, message, className, customIndicator, }: InfiniteScrollIndicatorProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+
 type KpiFormatter = ComponentFormatter;
 /**
  * Kpi Component — Single metric display
@@ -2647,13 +3140,27 @@ interface ListProps<T = unknown> {
     onHoverChange?: (id: string | null, item?: T) => void;
     /** Loading & error UI gates */
     isLoading?: boolean;
+    /** Explicit loading state override (takes precedence over auto-detection) */
+    loadingState?: LoadingState;
     error?: string | null;
+    /** Custom skeleton for initial loading state - matches your data structure */
+    renderLoadingSkeleton?: () => ReactNode;
+    /** Number of skeleton rows to show during initial loading */
+    loadingSkeletonCount?: number;
     /** Empty state */
     emptyMessage?: string;
     /** Density & dividers */
     variant?: "dense" | "relaxed";
     showDividers?: boolean;
-    /** Virtualization hook (deferred) */
+    /** Infinite scroll */
+    onLoadMore?: () => void | Promise<void>;
+    hasMore?: boolean;
+    /** Enable virtualization (default: true for 100+ items) */
+    enableVirtualization?: boolean;
+    /** Estimated size of each item in pixels */
+    estimatedItemSize?: number;
+    /** Custom loading indicator for loading-more state */
+    loadingIndicator?: ReactNode;
     /** ARIA */
     "aria-label"?: string;
     className?: string;
@@ -2663,7 +3170,8 @@ interface ListProps<T = unknown> {
  * List
  *
  * A semantic wrapper and state manager for rows. Handles selection, hover,
- * keyboard navigation, and accessibility. Composes with ListItem for visual rows.
+ * keyboard navigation, accessibility, and infinite scroll with virtualization.
+ * Composes with ListItem for visual rows.
  *
  * Example usage:
  * ```tsx
@@ -2681,10 +3189,25 @@ interface ListProps<T = unknown> {
  *       {...rowProps}
  *     />
  *   )}
+ *   // Optional: Custom loading skeleton matching your data structure
+ *   renderLoadingSkeleton={() => (
+ *     <div className="flex items-center gap-3 px-4 py-3">
+ *       <Skeleton width={40} height={40} variant="circle" />
+ *       <div className="flex-1">
+ *         <Skeleton width="60%" height={16} />
+ *         <Skeleton width="40%" height={12} />
+ *       </div>
+ *     </div>
+ *   )}
+ *   loadingSkeletonCount={8}
+ *   // Infinite scroll
+ *   onLoadMore={loadMoreSites}
+ *   hasMore={hasMoreSites}
+ *   isLoading={isLoading}
  * />
  * ```
  */
-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;
+declare function List<T>({ items, renderItem, selectedId, onSelect, onHoverChange, isLoading, loadingState, error, renderLoadingSkeleton, loadingSkeletonCount, emptyMessage, variant, showDividers, onLoadMore, hasMore, enableVirtualization, estimatedItemSize, loadingIndicator, "aria-label": ariaLabel, className, style, }: ListProps<T>): react_jsx_runtime.JSX.Element;
 
 interface ListItemProps {
     id: string;
@@ -3049,6 +3572,15 @@ declare function NumberField({ label, description, errorMessage, size, tooltip,
  *     </PageLayout.Content>
  *   </PageLayout>
  *
+ * With Sticky Header and Scrollable Content (data-heavy pages):
+ *   <PageLayout className="flex flex-col min-h-0">
+ *     <PageLayout.Header title="..." sticky={true} stickyTop="0" />
+ *     <DataControls sticky={true} stickyTop="120px" />
+ *     <PageLayout.ScrollableContent>
+ *       <DataTable data={data} columns={columns} />
+ *     </PageLayout.ScrollableContent>
+ *   </PageLayout>
+ *
  * Notes:
  * - Router-agnostic: Breadcrumbs accept either structured items with a Link component, or a custom ReactNode.
  * - Accessible: Header uses h1; Tabs are roving-`tablist`.
@@ -3056,6 +3588,9 @@ declare function NumberField({ label, description, errorMessage, size, tooltip,
  * - Media support: Header can include hero images, maps, or other visual content.
  * - Actions: Right-aligned on desktop, below subtitle on mobile.
  * - Section nav: Automatically extracts navigation from Section children when withSectionNav is enabled.
+ * - Sticky header support: Make headers sticky for data-heavy pages with scrollable content.
+ * - ScrollableContent helper: Ensures proper overflow handling with sticky elements.
+ * - Works with sticky DataControls: Configurable z-index and offset for complex layouts.
  * - Styling: token-oriented utility classes (match to your Tailwind preset/tokens).
  */
 type PageBreadcrumbItem = BreadcrumbItemProps & {
@@ -3075,6 +3610,7 @@ declare namespace PageLayout {
     var Tabs: typeof Tabs$1;
     var Content: typeof Content;
     var Aside: typeof Aside$1;
+    var ScrollableContent: typeof ScrollableContent;
 }
 type PageHeaderProps = {
     title: React__default.ReactNode;
@@ -3090,9 +3626,15 @@ type PageHeaderProps = {
     actions?: React__default.ReactNode[];
     /** Optional slot to replace the default heading element */
     headingAs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /** Make header sticky at top of viewport */
+    sticky?: boolean;
+    /** Sticky top offset in pixels or CSS value (default: "0") */
+    stickyTop?: string;
+    /** Z-index for sticky positioning (default: 10) */
+    zIndex?: number;
     className?: string;
 };
-declare function Header({ title, subtitle, breadcrumbs, breadcrumbsNode, meta, media, actions, headingAs, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ title, subtitle, breadcrumbs, breadcrumbsNode, meta, media, actions, headingAs, sticky, stickyTop, zIndex, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 type PageLayoutTab = {
     id: string;
     label: React__default.ReactNode;
@@ -3133,6 +3675,28 @@ type PageAsideProps = {
     className?: string;
 };
 declare function Aside$1({ children, sticky, className }: PageAsideProps): react_jsx_runtime.JSX.Element;
+type PageScrollableContentProps = {
+    children: React__default.ReactNode;
+    className?: string;
+};
+/**
+ * ScrollableContent
+ *
+ * Helper component for creating scrollable content areas within PageLayout.
+ * Commonly used with sticky headers and controls for data-heavy pages.
+ *
+ * Example usage:
+ * ```tsx
+ * <PageLayout className="flex flex-col h-screen">
+ *   <PageLayout.Header sticky={true} />
+ *   <DataControls sticky={true} stickyTop="120px" />
+ *   <PageLayout.ScrollableContent>
+ *     <DataTable data={data} columns={columns} />
+ *   </PageLayout.ScrollableContent>
+ * </PageLayout>
+ * ```
+ */
+declare function ScrollableContent({ children, className }: PageScrollableContentProps): react_jsx_runtime.JSX.Element;
 
 interface Place {
     id: string;
@@ -3934,4 +4498,4 @@ interface ColorModeProviderProps {
 }
 declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-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, 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, 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, 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, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, 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, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, 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, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
+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, 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, 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, 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, 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, Form, FormatRegistry, FormattedValue, FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, 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, 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, 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, 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, getFilterFields, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, 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, yardsToMeters };