@texturehq/edges 0.1.7 → 1.0.0

package/dist/index.d.cts

@@ -1,81 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, ReactNode, Component, ErrorInfo } from 'react';
-import { Key, ValidationResult, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, DateFieldProps as DateFieldProps$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, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps, TabPanelProps, TabsProps, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps } from 'react-aria-components';
+import React__default, { ReactNode, ComponentProps, ComponentType, Component, ErrorInfo } from 'react';
 import * as _phosphor_icons_react from '@phosphor-icons/react';
+import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, DateFieldProps as DateFieldProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, MeterProps as MeterProps$1, 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, TabPanelProps, TabsProps, 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 * as d3_scale from 'd3-scale';
+import { ScaleTime, ScaleLinear } from 'd3-scale';
+import { ViewState } from 'react-map-gl';
 
-/**
- * Control-specific style utilities for form elements and interactive components.
- * These styles use CSS variables defined in the theme for consistent sizing
- * and spacing across all control elements.
- *
- * Text sizes follow the relationships defined in theme.css:
- * sm: --control-text-sm (maps to --text-xs)
- * md: --control-text-md (maps to --text-sm)
- * lg: --control-text-lg (maps to --text-base)
- * xl: --control-text-xl (maps to --text-lg)
- */
-type Size = "sm" | "md" | "lg" | "xl";
-
-interface Item {
-    id: string;
-    name: string;
-}
-interface Section {
-    name: string;
-    items: Item[];
-}
-type RequestMethod = "GET" | "POST";
-interface BaseRequestConfig {
-    url: string;
-    headers?: Record<string, string>;
-    transformResponse: (data: unknown) => Item[];
-}
-interface RestRequestConfig extends BaseRequestConfig {
-    requestType: "REST";
-    method?: RequestMethod;
-    queryKey?: string;
-    extraParams?: Record<string, string>;
-    shouldLoad?: (filterText: string) => boolean;
-}
-interface GraphQLRequestConfig extends BaseRequestConfig {
-    requestType: "GraphQL";
-    graphqlQuery: string;
-    variableKey?: string;
-    responsePath?: string;
-    shouldLoad?: (filterText: string) => boolean;
-}
-type AutocompleteRequestConfig = RestRequestConfig | GraphQLRequestConfig;
-/**
- * Autocomplete
- *
- * Text input with typeahead suggestions and keyboard navigation.
- */
-interface AutocompleteProps {
-    label?: string;
-    staticItems?: Item[];
-    sections?: Section[];
-    selectedKey?: Key | null;
-    defaultSelectedKey?: Key | null;
-    onSelectionChange?: (key: Key | null) => void;
-    requestConfig?: AutocompleteRequestConfig;
-    defaultFilter?: (textValue: string, inputValue: string) => boolean;
-    placeholder?: string;
-    renderItem?: (item: Item) => React__default.ReactNode;
-    renderLeftIcon?: (isLoading: boolean) => React__default.ReactNode;
-    renderSection?: (section: Section, children: React__default.ReactNode) => React__default.ReactNode;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    description?: string;
-    size?: Size;
-    tooltip?: string;
-    isRequired?: boolean;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    validationResult?: ValidationResult;
-    showErrors?: boolean;
-    autoFocus?: boolean;
-}
-declare function Autocomplete({ label, staticItems, sections, selectedKey, defaultSelectedKey, onSelectionChange, requestConfig, defaultFilter, placeholder, errorMessage, description, size, tooltip, isRequired, isDisabled, isInvalid, validationResult, showErrors, renderItem, renderLeftIcon, renderSection, autoFocus, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+declare function useDebounce<T>(value: T, delay?: number): T;
 
 declare const iconMapping: {
     readonly AppWindow: _phosphor_icons_react.Icon;
@@ -219,6 +152,251 @@ interface ExtendedIconProps {
 }
 declare const Icon: React$1.MemoExoticComponent<({ name, size, color, weight, className, title, ariaLabel, grow, variant, rounded, bgColor, ...props }: ExtendedIconProps) => react_jsx_runtime.JSX.Element | null>;
 
+interface ActionItem {
+    /**
+     * Unique identifier for the action
+     */
+    id: number | string;
+    /**
+     * Display name for the action
+     */
+    name: string;
+    /**
+     * Visual variant of the action
+     */
+    variant?: "default" | "destructive";
+    /**
+     * Icon to display with the action
+     */
+    iconName?: IconName$2;
+    /**
+     * Whether the action is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Handler for when the action is selected
+     */
+    onAction?: () => void;
+    /**
+     * Test ID for testing
+     */
+    testId?: string;
+}
+interface ActionMenuProps {
+    /**
+     * List of actions to display
+     */
+    items: ActionItem[];
+    /**
+     * Trigger button component
+     */
+    children: ReactNode;
+    /**
+     * Alignment of the popover
+     * @default "left"
+     */
+    align?: "left" | "right";
+    /**
+     * Size of menu items
+     * @default "md"
+     */
+    size?: "sm" | "md";
+    /**
+     * Text alignment within menu items
+     * @default "left"
+     */
+    textAlign?: "left" | "right";
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Global action handler (called if item doesn't have its own onAction)
+     */
+    onAction?: (item: ActionItem) => void;
+}
+/**
+ * ActionMenu
+ *
+ * A dropdown menu for actions, typically triggered by a button.
+ * Supports icons, destructive actions, and flexible alignment.
+ */
+declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Control-specific style utilities for form elements and interactive components.
+ * These styles use CSS variables defined in the theme for consistent sizing
+ * and spacing across all control elements.
+ *
+ * Text sizes follow the relationships defined in theme.css:
+ * sm: --control-text-sm (maps to --text-xs)
+ * md: --control-text-md (maps to --text-sm)
+ * lg: --control-text-lg (maps to --text-base)
+ * xl: --control-text-xl (maps to --text-lg)
+ */
+type Size = "sm" | "md" | "lg" | "xl";
+
+interface Item {
+    id: string;
+    name: string;
+}
+interface Section {
+    name: string;
+    items: Item[];
+}
+type RequestMethod = "GET" | "POST";
+interface BaseRequestConfig {
+    url: string;
+    headers?: Record<string, string>;
+    transformResponse: (data: unknown) => Item[];
+}
+interface RestRequestConfig extends BaseRequestConfig {
+    requestType: "REST";
+    method?: RequestMethod;
+    queryKey?: string;
+    extraParams?: Record<string, string>;
+    shouldLoad?: (filterText: string) => boolean;
+}
+interface GraphQLRequestConfig extends BaseRequestConfig {
+    requestType: "GraphQL";
+    graphqlQuery: string;
+    variableKey?: string;
+    responsePath?: string;
+    shouldLoad?: (filterText: string) => boolean;
+}
+type AutocompleteRequestConfig = RestRequestConfig | GraphQLRequestConfig;
+/**
+ * Autocomplete
+ *
+ * Text input with typeahead suggestions and keyboard navigation.
+ */
+interface AutocompleteProps {
+    label?: string;
+    staticItems?: Item[];
+    sections?: Section[];
+    selectedKey?: Key | null;
+    defaultSelectedKey?: Key | null;
+    onSelectionChange?: (key: Key | null) => void;
+    requestConfig?: AutocompleteRequestConfig;
+    defaultFilter?: (textValue: string, inputValue: string) => boolean;
+    placeholder?: string;
+    renderItem?: (item: Item) => React__default.ReactNode;
+    renderLeftIcon?: (isLoading: boolean) => React__default.ReactNode;
+    renderSection?: (section: Section, children: React__default.ReactNode) => React__default.ReactNode;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    description?: string;
+    size?: Size;
+    tooltip?: string;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    validationResult?: ValidationResult;
+    showErrors?: boolean;
+    autoFocus?: boolean;
+}
+declare function Autocomplete({ label, staticItems, sections, selectedKey, defaultSelectedKey, onSelectionChange, requestConfig, defaultFilter, placeholder, errorMessage, description, size, tooltip, isRequired, isDisabled, isInvalid, validationResult, showErrors, renderItem, renderLeftIcon, renderSection, autoFocus, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+
+interface AvatarProps {
+    /**
+     * URL of the avatar image
+     */
+    src?: string;
+    /**
+     * Alternative text for the image
+     */
+    alt?: string;
+    /**
+     * First name for generating initials
+     */
+    firstName?: string;
+    /**
+     * Last name for generating initials
+     */
+    lastName?: string;
+    /**
+     * Full name (used as fallback for alt text)
+     */
+    fullName?: string;
+    /**
+     * Click handler
+     */
+    onClick?: () => void;
+    /**
+     * Size of the avatar
+     * @default "md"
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * Shape of the avatar
+     * @default "circle"
+     */
+    shape?: "circle" | "square";
+    /**
+     * Visual variant
+     * @default "user"
+     */
+    variant?: "user" | "team" | "organization";
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Status indicator
+     */
+    status?: "online" | "offline" | "away" | "busy";
+    /**
+     * Whether to show a border
+     * @default false
+     */
+    bordered?: boolean;
+}
+/**
+ * Avatar
+ *
+ * Display user, team, or organization avatars with support for images,
+ * initials, and fallback icons. Includes optional status indicators.
+ */
+declare function Avatar({ src, alt, firstName, lastName, fullName, onClick, size, shape, variant, className, status, bordered, }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+interface BadgeProps {
+    /** The content to display inside the badge */
+    children: React__default.ReactNode;
+    /** Visual variant of the badge */
+    variant?: "default" | "success" | "error" | "warning" | "info" | "primary" | "secondary" | "neutral";
+    /** Size of the badge */
+    size?: "sm" | "md" | "lg";
+    /** Shape of the badge */
+    shape?: "pill" | "rounded" | "square";
+    /** Whether to show a dot indicator */
+    dot?: boolean;
+    /** Position of the dot */
+    dotPosition?: "left" | "right";
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Badge
+ *
+ * A non-interactive label for displaying status, counts, or categories.
+ * Use for read-only indicators. For interactive elements, use Chip instead.
+ */
+declare function Badge({ children, variant, size, shape, dot, dotPosition, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Breadcrumbs
+ *
+ * Navigation breadcrumbs that show the user's current location in the hierarchy
+ */
+declare function Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>): react_jsx_runtime.JSX.Element;
+/**
+ * Breadcrumb
+ *
+ * Individual breadcrumb item with optional link
+ */
+declare function Breadcrumb(props: BreadcrumbProps & {
+    href?: string;
+}): react_jsx_runtime.JSX.Element;
+
 type IconName$1 = ComponentProps<typeof Icon>["name"];
 type BaseButtonProps = Omit<ButtonProps$1, "className">;
 /**
@@ -320,6 +498,88 @@ interface ChipProps {
  */
 declare function Chip({ children, onRemove, size, variant, isRemovable, isDisabled, className, onClick, }: ChipProps): react_jsx_runtime.JSX.Element;
 
+type CodeLanguage = "json" | "javascript" | "typescript" | "html" | "css" | "markdown" | "yaml" | "xml" | "python" | "sql";
+type CodeTheme = "github" | "github_dark";
+interface CodeEditorProps {
+    /**
+     * The code content to display
+     */
+    value: string;
+    /**
+     * Whether the editor is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Callback when the content changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * The programming language mode
+     * @default "json"
+     */
+    language?: CodeLanguage;
+    /**
+     * The editor theme
+     * @default "github_dark"
+     */
+    theme?: CodeTheme;
+    /**
+     * The height of the editor. If not provided, height will be calculated based on content.
+     */
+    height?: string;
+    /**
+     * The width of the editor
+     * @default "100%"
+     */
+    width?: string;
+    /**
+     * Additional className to apply
+     */
+    className?: string;
+    /**
+     * Line height in pixels for auto-height calculation
+     * @default 19
+     */
+    lineHeight?: number;
+    /**
+     * Minimum number of lines to show when auto-sizing
+     * @default 3
+     */
+    minLines?: number;
+    /**
+     * Maximum number of lines to show when auto-sizing
+     * @default 50
+     */
+    maxLines?: number;
+    /**
+     * Whether to show line numbers
+     * @default true
+     */
+    showLineNumbers?: boolean;
+    /**
+     * Whether to show the gutter
+     * @default true
+     */
+    showGutter?: boolean;
+    /**
+     * Font size for the editor
+     * @default 14
+     */
+    fontSize?: number;
+    /**
+     * Whether to wrap long lines
+     * @default false
+     */
+    wrapEnabled?: boolean;
+}
+/**
+ * CodeEditor
+ *
+ * A code editor component with syntax highlighting and various language support.
+ * Built on top of Ace Editor.
+ */
+declare function CodeEditor({ value, readOnly, onChange, language, theme, height, width, className, lineHeight, minLines, maxLines, showLineNumbers, showGutter, fontSize, wrapEnabled, }: CodeEditorProps): react_jsx_runtime.JSX.Element;
+
 interface CopyToClipboardProps {
     /**
      * The value to copy to clipboard. If not provided, will use the text content of children
@@ -340,17 +600,393 @@ interface CopyToClipboardProps {
 }
 declare function CopyToClipboard({ value, children, className, size }: CopyToClipboardProps): react_jsx_runtime.JSX.Element;
 
+type YFormatType = "number" | "percent" | "kWh" | "kW" | "amperes" | "temperature" | "percentageChange" | "decimal" | "currency" | "scientific" | "integer" | "logarithmic" | "timeDuration" | "compact" | "si" | "bytes" | "rate" | "ordinal" | "date" | "largeCurrency" | "coordinates" | "ranked";
+interface TooltipData {
+    xValue: Date;
+    series: TooltipSeries[];
+    x: number;
+    y: number;
+    position: "left" | "right";
+}
+interface TooltipSeries {
+    label: string;
+    value: number;
+    color: string;
+    type?: "area" | "line" | "bar";
+}
+interface ChartContextType {
+    xScale: ScaleTime<number, number>;
+    yScale: ScaleLinear<number, number>;
+    width: number;
+    height: number;
+    yFormatType: YFormatType;
+    animationSettings: {
+        duration: number;
+        ease: string;
+    };
+    tooltip: {
+        data: TooltipData | null;
+        show: (data: TooltipData) => void;
+        hide: () => void;
+    };
+}
+declare const ChartContext: React$1.Context<ChartContextType | null>;
+
+declare const useChartContext: () => ChartContextType;
+
+interface BaseDataPoint {
+    xValue: Date;
+    yValue: number;
+    category?: string;
+}
+interface ChartMargin {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+declare const defaultMargin: ChartMargin;
+interface YFormatSettings {
+    format: (value: number) => string;
+    min?: number;
+    max?: number;
+    tickInterval?: number;
+    tickFormat?: (value: number) => string;
+}
+declare function getYFormatSettings(formatType: YFormatType, currencySymbol?: string): YFormatSettings;
+declare const createXScale: (data: BaseDataPoint[], width: number) => d3_scale.ScaleTime<number, number, never>;
+declare const createYScale: (data: BaseDataPoint[], height: number, formatType: YFormatType) => d3_scale.ScaleLinear<number, number, never>;
+
+interface AreaSeriesProps {
+    data: BaseDataPoint[];
+    color?: string;
+    label?: string;
+    categoryColors?: Record<string, string>;
+}
+declare const AreaSeries: React__default.FC<AreaSeriesProps>;
+
+interface BarSeriesProps {
+    data: BaseDataPoint[];
+    color?: string;
+    label?: string;
+    opacity?: number;
+    categoryColors?: Record<string, string>;
+}
+declare const BarSeries: React__default.FC<BarSeriesProps>;
+
+interface AxisBottomProps {
+    top: number;
+    scale: ScaleTime<number, number>;
+    width: number;
+}
+interface AxisLeftProps {
+    left: number;
+    scale: ScaleLinear<number, number>;
+    yFormatType: YFormatType;
+}
+declare const ChartAxis: {
+    Bottom: React__default.FC<AxisBottomProps>;
+    Left: React__default.FC<AxisLeftProps>;
+};
+
+/**
+ * Chart export utilities for CSV, SVG, and PNG formats
+ * Provides comprehensive export functionality for chart visualizations
+ */
+
+type ExportType = "csv" | "svg" | "png";
+interface ChartExportMetadata {
+    xLabel?: string;
+    yLabel?: string;
+    seriesLabels?: string[];
+    filename?: string;
+    timestamp?: boolean;
+}
+/**
+ * Main export function that handles all export types
+ */
+declare function exportChart(type: ExportType, datasets: BaseDataPoint[][] | BaseDataPoint[], metadata: ChartExportMetadata | undefined, svgRef: React__default.RefObject<SVGSVGElement>): Promise<void>;
+/**
+ * Utility to check if export is supported in the current environment
+ */
+declare function isExportSupported(type: ExportType): boolean;
+/**
+ * Get human-readable export format name
+ */
+declare function getExportFormatName(type: ExportType): string;
+
+interface LegendItem {
+    category: string;
+    fill: string;
+}
+interface ChartBottomBarProps {
+    items: LegendItem[];
+    onExport: (type: ExportType) => void | Promise<void>;
+}
+declare const ChartBottomBar: React__default.FC<ChartBottomBarProps>;
+
+interface ChartContainerProps {
+    children: React__default.ReactNode;
+    parentWidth: number;
+    parentHeight: number;
+    yFormatType?: YFormatType;
+    isLoading?: boolean;
+}
+declare const ChartContainer: React__default.FC<Omit<ChartContainerProps, "parentWidth" | "parentHeight">>;
+
+interface ChartTooltipProps {
+    data: TooltipData | null;
+    formatType: YFormatType;
+}
+declare const ChartTooltip: React__default.FC<ChartTooltipProps>;
+
+interface LineSeriesProps {
+    data: BaseDataPoint[];
+    color?: string;
+    label?: string;
+    strokeWidth?: number;
+    /** CSS stroke-dasharray value (e.g. "4 2" for dotted, "8 4" for dashed) */
+    strokeDasharray?: string;
+    categoryColors?: Record<string, string>;
+}
+declare const LineSeries: React__default.FC<LineSeriesProps>;
+
+type SortDirection = "asc" | "desc";
+type CellAlignment = "left" | "center" | "right";
+type TableDensity = "compact" | "default" | "relaxed";
+type CellEmphasis = "high" | "normal" | "low";
+type LinkBehavior = "none" | "hover" | "visible";
+type TableLayout = "auto" | "fixed" | "responsive";
+type TableWidth = "full" | "auto" | "contained";
+type MobileRenderer = "auto" | "cards" | "custom" | "none";
+type MobileBreakpoint = "sm" | "md" | "lg" | "xl";
+interface SortConfig {
+    columnId: string;
+    direction: SortDirection;
+}
+interface CellContext {
+    isLoading: boolean;
+    isSelected?: boolean;
+    isHovered?: boolean;
+    rowIndex: number;
+    columnIndex: number;
+    density: TableDensity;
+}
+interface CellComponentProps<T = any> {
+    value: any;
+    row: T;
+    context: CellContext;
+    [key: string]: any;
+}
+type CellComponent<T = any> = ComponentType<CellComponentProps<T>>;
+interface MobileConfig {
+    priority?: 1 | 2 | 3;
+    format?: "primary" | "secondary" | "badge" | "inline";
+    label?: boolean;
+    icon?: string;
+}
+interface Column<T> {
+    id: string;
+    label: string;
+    accessor?: keyof T | ((row: T) => any);
+    align?: CellAlignment;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    flex?: number;
+    cell?: CellComponent<T>;
+    cellProps?: Record<string, any> | ((value: any, row: T) => Record<string, any>);
+    render?: (value: any, row: T, context: CellContext) => ReactNode;
+    sortable?: boolean;
+    mobile?: MobileConfig | false;
+}
+interface DataTableProps<T> {
+    columns: Column<T>[];
+    data: T[];
+    className?: string;
+    density?: TableDensity;
+    width?: TableWidth;
+    height?: string | number;
+    maxHeight?: string | number;
+    layout?: TableLayout;
+    mobileRenderer?: MobileRenderer;
+    customMobileRowRender?: (row: T, index: number) => ReactNode;
+    mobileBreakpoint?: MobileBreakpoint;
+    isLoading?: boolean;
+    loadingRowCount?: number;
+    stickyHeader?: boolean;
+    onRowClick?: (row: T) => void;
+    getRowId?: (row: T) => string;
+    hideHeader?: boolean;
+    onSort?: (sortConfig: SortConfig | null) => void;
+    "aria-label"?: string;
+}
+
+interface Action<T = any> {
+    id: string;
+    label?: string;
+    icon?: IconName$2;
+    onClick: (row: T) => void;
+    disabled?: boolean | ((row: T) => boolean);
+    hidden?: boolean | ((row: T) => boolean);
+    variant?: "primary" | "secondary" | "icon";
+}
+interface ActionCellProps<T = any> extends CellComponentProps<T> {
+    actions: Action<T>[];
+    align?: "left" | "center" | "right";
+    size?: "sm" | "md" | "lg";
+}
+declare function ActionCell<T = any>({ row, context, actions, align, size, }: ActionCellProps<T>): react_jsx_runtime.JSX.Element | null;
+
+interface BooleanCellProps<T = any> extends CellComponentProps<T> {
+    format?: "icon" | "text" | "badge";
+    trueText?: string;
+    falseText?: string;
+    trueIcon?: IconName$2;
+    falseIcon?: IconName$2;
+    showFalse?: boolean;
+    align?: "left" | "center" | "right";
+    emphasis?: CellEmphasis;
+}
+declare function BooleanCell<T = any>({ value, context, format, trueText, falseText, trueIcon, falseIcon, showFalse, align, emphasis, }: BooleanCellProps<T>): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Get alignment classes for cell content
+ */
+declare function getCellAlignmentClasses(align?: CellAlignment): string;
+/**
+ * Get text styling based on emphasis level
+ */
+declare function getCellTextClasses(emphasis?: CellEmphasis, isLink?: boolean): string;
+/**
+ * Get container classes for cells
+ */
+declare function getCellContainerClasses(align?: CellAlignment, additionalClasses?: string): string;
+/**
+ * Format empty/null values consistently
+ */
+declare function formatEmptyValue(value: unknown, emptyText?: string): string;
+/**
+ * Common loading skeleton sizes
+ */
+declare const SKELETON_SIZES: {
+    readonly xs: "h-4 w-12";
+    readonly sm: "h-4 w-20";
+    readonly md: "h-4 w-24";
+    readonly lg: "h-4 w-32";
+    readonly xl: "h-4 w-40";
+};
+/**
+ * Get skeleton size based on emphasis level
+ */
+declare function getSkeletonSize(emphasis?: CellEmphasis): string;
+/**
+ * Resolve a value that can be either static or dynamic (function)
+ */
+declare function resolveValue<T, R>(value: R | ((row: T) => R), row: T): R;
+/**
+ * Common badge/chip styles for status indicators
+ */
+declare function getBadgeClasses(variant?: "success" | "error" | "warning" | "info" | "neutral", size?: "sm" | "md"): string;
+/**
+ * Determine badge variant from boolean value
+ */
+declare function getBooleanBadgeVariant(value: boolean): "success" | "neutral";
+/**
+ * Get color classes for numeric values
+ */
+declare function getNumericColorClasses(value: number, colorCode?: boolean): string;
+
+interface DateCellProps<T = any> extends CellComponentProps<T> {
+    format?: "date" | "time" | "datetime" | "relative" | "custom";
+    customFormat?: Intl.DateTimeFormatOptions;
+    emptyText?: string;
+    align?: "left" | "center" | "right";
+    emphasis?: CellEmphasis;
+    href?: string | ((row: T) => string);
+    linkBehavior?: LinkBehavior;
+}
+declare function DateCell<T = any>({ value, row, context, format, customFormat, emptyText, align, emphasis, href, linkBehavior, }: DateCellProps<T>): react_jsx_runtime.JSX.Element;
+
+interface NumberCellProps<T = any> extends CellComponentProps<T> {
+    format?: "number" | "currency" | "percent" | "compact";
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    emptyText?: string;
+    align?: "left" | "center" | "right";
+    emphasis?: CellEmphasis;
+    href?: string | ((row: T) => string);
+    linkBehavior?: LinkBehavior;
+    showPositiveSign?: boolean;
+    colorCode?: boolean;
+}
+declare function NumberCell<T = any>({ value, row, context, format, decimals, prefix, suffix, emptyText, align, emphasis, href, linkBehavior, showPositiveSign, colorCode, }: NumberCellProps<T>): react_jsx_runtime.JSX.Element;
+
+interface SelectCellProps<T = any> extends CellComponentProps<T> {
+    isSelected?: boolean;
+    onSelect?: (row: T, checked: boolean) => void;
+    isDisabled?: boolean | ((row: T) => boolean);
+    align?: "left" | "center" | "right";
+}
+declare function SelectCell<T = any>({ row, context, isSelected, onSelect, isDisabled, align, }: SelectCellProps<T>): react_jsx_runtime.JSX.Element;
+
+interface TextCellProps<T = any> extends CellComponentProps<T> {
+    prefix?: string;
+    suffix?: string;
+    emptyText?: string;
+    href?: string | ((row: T) => string);
+    linkBehavior?: LinkBehavior;
+    emphasis?: CellEmphasis;
+    truncate?: boolean;
+    align?: "left" | "center" | "right";
+}
+declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyText, href, linkBehavior, emphasis, truncate, align, }: TextCellProps<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, loadingRowCount, stickyHeader, onRowClick, getRowId, hideHeader, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface MobileRowProps<T> {
+    row: T;
+    columns: Column<T>[];
+    density: "compact" | "default" | "relaxed";
+    isLoading?: boolean;
+    onClick?: () => void;
+}
+/**
+ * Automatic mobile card renderer
+ * Groups columns by priority and formats them appropriately
+ */
+declare function AutoMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
+/**
+ * Simple card renderer - displays all columns in a simple stacked layout
+ */
+declare function CardMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
+
 /**
  * DateField
  *
- * Segmented date input with Edges styling.
+ * Segmented date input with optional calendar popup.
  */
 interface DateFieldProps<T extends DateValue> extends DateFieldProps$1<T> {
+    /**
+     * Label for the date field
+     */
     label?: string;
+    /**
+     * Description text to show below the field
+     */
     description?: string;
+    /**
+     * Error message to display
+     */
     errorMessage?: string | ((validation: ValidationResult) => string);
+    /**
+     * Whether to show a calendar button for date selection
+     * @default false
+     */
+    showCalendar?: boolean;
 }
-declare function DateField<T extends DateValue>({ label, description, errorMessage, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+declare function DateField<T extends DateValue>({ label, description, errorMessage, showCalendar, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * DateRangePicker
@@ -512,7 +1148,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;
@@ -593,7 +1229,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.
  *
@@ -629,18 +1265,68 @@ declare function FieldError({ children, size, className }: FieldErrorProps): rea
  */
 declare function Input({ size, isInvalid, isDisabled, isFocused, transparent, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 /**
- * Container for grouping form elements with consistent styling.
- * Useful for creating compound components like input with buttons.
+ * Container for grouping form elements with consistent styling.
+ * Useful for creating compound components like input with buttons.
+ *
+ * @example
+ * ```tsx
+ * <FieldGroup>
+ *   <Input placeholder="Search..." />
+ *   <Button>Search</Button>
+ * </FieldGroup>
+ * ```
+ */
+declare function FieldGroup(props: FieldGroupProps): react_jsx_runtime.JSX.Element;
+
+interface FileUploadProps {
+    /**
+     * Current file URL or preview
+     */
+    value?: string;
+    /**
+     * Callback when file is selected
+     */
+    onChange?: (file: File | null, url?: string) => void;
+    /**
+     * Callback when file URL changes (for external upload handlers)
+     */
+    onUrlChange?: (url: string) => void;
+    /**
+     * Accepted file types
+     */
+    accept?: string;
+    /**
+     * Maximum file size in bytes
+     */
+    maxSize?: number;
+    /**
+     * Whether the component is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom upload handler (e.g., for cloud storage)
+     */
+    onUpload?: (file: File) => Promise<string>;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Show image preview for image files
+     */
+    showPreview?: boolean;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+}
+/**
+ * FileUpload
  *
- * @example
- * ```tsx
- * <FieldGroup>
- *   <Input placeholder="Search..." />
- *   <Button>Search</Button>
- * </FieldGroup>
- * ```
+ * A file upload component with drag-and-drop support.
+ * Supports image preview, custom upload handlers, and file validation.
  */
-declare function FieldGroup(props: FieldGroupProps): react_jsx_runtime.JSX.Element;
+declare function FileUpload({ value, onChange, onUrlChange, accept, maxSize, isDisabled, onUpload, className, showPreview, placeholder, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Form
@@ -673,7 +1359,7 @@ interface HeadingProps {
     className?: string;
     children?: React__default.ReactNode;
 }
-declare function Heading({ tag: Tag, size, height, className, children }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function Heading({ tag: Tag, size, height, className, children, }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 /**
  * ListBox
@@ -721,6 +1407,263 @@ interface LogoProps {
 }
 declare const Logo: ({ className, showWordmark }: LogoProps) => react_jsx_runtime.JSX.Element;
 
+declare const MAPBOX_THEMES: {
+    dark: string;
+    light: string;
+    streets: string;
+    satellite: string;
+};
+interface StaticMapProps {
+    /**
+     * Map width
+     * @default "100%"
+     */
+    width?: number | string;
+    /**
+     * Map height
+     * @default "100%"
+     */
+    height?: number | string;
+    /**
+     * Initial viewport configuration
+     */
+    initialViewState?: {
+        longitude: number;
+        latitude: number;
+        zoom: number;
+    };
+    /**
+     * Show loading skeleton
+     */
+    isLoading?: boolean;
+    /**
+     * Map theme
+     * @default "streets"
+     */
+    theme?: keyof typeof MAPBOX_THEMES;
+    /**
+     * Mapbox access token
+     */
+    mapboxAccessToken?: string;
+    /**
+     * Show marker at center
+     * @default true
+     */
+    showMarker?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * StaticMap
+ *
+ * A non-interactive map component for displaying a location.
+ * Perfect for showing addresses, store locations, or any single point of interest.
+ */
+declare function StaticMap({ width, height, initialViewState, isLoading, theme, mapboxAccessToken, showMarker, className, }: StaticMapProps): react_jsx_runtime.JSX.Element;
+
+interface MapPoint {
+    id: string;
+    latitude: number;
+    longitude: number;
+    properties?: Record<string, unknown>;
+}
+interface InteractiveMapProps {
+    /**
+     * Array of points to display on the map
+     */
+    data: MapPoint[];
+    /**
+     * Initial viewport configuration
+     */
+    initialViewState?: ViewState;
+    /**
+     * Controlled viewport state
+     */
+    viewState?: ViewState;
+    /**
+     * Callback when viewport changes
+     */
+    onViewStateChange?: (viewState: ViewState) => void;
+    /**
+     * Callback when a point is clicked
+     */
+    onPointClick?: (pointId: string) => void;
+    /**
+     * Currently selected point ID
+     */
+    selectedPointId?: string | null;
+    /**
+     * Enable scroll zoom
+     * @default true
+     */
+    scrollEnabled?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Map theme
+     * @default "streets"
+     */
+    theme?: keyof typeof MAPBOX_THEMES;
+    /**
+     * Mapbox access token
+     */
+    mapboxAccessToken?: string;
+    /**
+     * Enable clustering for many points
+     * @default true
+     */
+    enableClustering?: boolean;
+    /**
+     * Custom marker component
+     */
+    renderMarker?: (point: MapPoint, isSelected: boolean) => React__default.ReactNode;
+}
+/**
+ * InteractiveMap
+ *
+ * An interactive map component for displaying multiple locations with clustering support.
+ * Supports point selection, custom markers, and viewport control.
+ */
+declare function InteractiveMap({ data, initialViewState, viewState, onViewStateChange, onPointClick, selectedPointId, scrollEnabled, className, theme, mapboxAccessToken, enableClustering, renderMarker, }: InteractiveMapProps): react_jsx_runtime.JSX.Element;
+
+interface MeterProps extends MeterProps$1 {
+    /** Label displayed above the meter */
+    label?: string;
+    /** Size variant of the meter */
+    size?: "sm" | "md" | "lg";
+    /** Visual variant based on semantic meaning */
+    variant?: "default" | "success" | "warning" | "error" | "info";
+    /** Whether to show warning indicator at high values */
+    showWarningIndicator?: boolean;
+    /** Threshold percentage for showing warning (default: 80) */
+    warningThreshold?: number;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Meter
+ *
+ * Displays a measurement within a known range, with visual indicators for different value ranges.
+ * Perfect for showing capacity, usage levels, scores, or any bounded measurement.
+ */
+declare function Meter({ label, size, variant, showWarningIndicator, warningThreshold, className, ...props }: MeterProps): react_jsx_runtime.JSX.Element;
+
+type NoticeVariant = "success" | "error" | "warning" | "info";
+interface NoticeProps {
+    /** Unique identifier for the notice */
+    id: string;
+    /** The message to display */
+    message: string;
+    /** Visual variant of the notice */
+    variant?: NoticeVariant;
+    /** Duration in milliseconds before auto-dismissal (0 = no auto-dismiss) */
+    duration?: number;
+    /** Whether the notice can be dismissed */
+    dismissible?: boolean;
+    /** Callback when the notice is dismissed */
+    onDismiss?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Notice
+ *
+ * Individual notification component that displays a message with an icon.
+ * Typically used within a NoticeProvider for managing multiple notifications.
+ */
+declare function Notice({ id: _id, message, variant, duration, dismissible, onDismiss, className, }: NoticeProps): react_jsx_runtime.JSX.Element;
+
+interface NoticeData {
+    id: string;
+    message: string;
+    variant: "success" | "error" | "warning" | "info";
+    duration: number;
+    dismissible: boolean;
+}
+interface NoticeContainerProps {
+    /** Array of notices to display */
+    notices: NoticeData[];
+    /** Callback when a notice is dismissed */
+    onDismiss: (id: string) => void;
+    /** Position of the container on the screen */
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * NoticeContainer
+ *
+ * Container component that positions and animates notices.
+ * Renders notices in a portal to ensure they appear above other content.
+ */
+declare function NoticeContainer({ notices, onDismiss, position, className, }: NoticeContainerProps): React$1.ReactPortal | null;
+
+interface NoticeProviderProps {
+    /** Child components */
+    children: ReactNode;
+    /** Position of the notice container */
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    /** Maximum number of notices to display at once */
+    maxNotices?: number;
+    /** Default duration for notices in milliseconds */
+    defaultDuration?: number;
+    /** Whether notices are dismissible by default */
+    defaultDismissible?: boolean;
+}
+/**
+ * NoticeProvider
+ *
+ * Provides notice functionality to child components.
+ * Manages the state of all active notices and renders them in a container.
+ */
+declare function NoticeProvider({ children, position, maxNotices, defaultDuration, defaultDismissible, }: NoticeProviderProps): react_jsx_runtime.JSX.Element;
+
+interface NoticeOptions {
+    variant?: NoticeVariant;
+    duration?: number;
+    dismissible?: boolean;
+}
+/**
+ * useNotice
+ *
+ * Hook to display notices from anywhere in the component tree.
+ * Must be used within a NoticeProvider.
+ *
+ * @example
+ * ```tsx
+ * const notice = useNotice();
+ *
+ * // Show different types of notices
+ * notice.success("Settings saved!");
+ * notice.error("Failed to save settings");
+ * notice.warning("Your session will expire soon");
+ * notice.info("New features are available");
+ *
+ * // With custom options
+ * notice.show("Custom notice", {
+ *   variant: "success",
+ *   duration: 10000,
+ *   dismissible: false
+ * });
+ *
+ * // Clear all notices
+ * notice.clear();
+ * ```
+ */
+declare function useNotice(): {
+    show: (message: string, options?: NoticeOptions) => string;
+    success: (message: string, options?: Omit<NoticeOptions, "variant">) => string;
+    error: (message: string, options?: Omit<NoticeOptions, "variant">) => string;
+    warning: (message: string, options?: Omit<NoticeOptions, "variant">) => string;
+    info: (message: string, options?: Omit<NoticeOptions, "variant">) => string;
+    dismiss: (id: string) => void;
+    clear: () => void;
+};
+
 /**
  * NumberField
  *
@@ -806,6 +1749,21 @@ interface ProgressBarProps extends ProgressBarProps$1 {
 }
 declare function ProgressBar({ label, rightLabel, progressWidth, hideLabels, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
 
+interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
+    /** Label for the radio group */
+    label?: string;
+    /** Children elements */
+    children?: ReactNode;
+    /** Optional description for the radio group */
+    description?: string;
+    /** Error message to display when validation fails */
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /** Validation result object for functional errorMessage */
+    validationResult?: ValidationResult;
+}
+declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
+
 /**
  * RangeCalendar
  *
@@ -816,6 +1774,80 @@ interface RangeCalendarProps<T extends DateValue> extends Omit<RangeCalendarProp
 }
 declare function RangeCalendar<T extends DateValue>({ errorMessage, ...props }: RangeCalendarProps<T>): react_jsx_runtime.JSX.Element;
 
+interface RichTextEditorProps {
+    /**
+     * The initial content of the editor
+     */
+    initialContent?: string;
+    /**
+     * Callback when the content changes
+     */
+    onChange?: (html: string) => void;
+    /**
+     * Additional className to apply to the editor
+     */
+    className?: string;
+    /**
+     * Whether the editor is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Placeholder text when editor is empty
+     */
+    placeholder?: string;
+}
+/**
+ * RichTextEditor
+ *
+ * A rich text editor with formatting capabilities including headings, bold, italic, lists, and links.
+ * Built on top of TipTap/ProseMirror.
+ */
+declare function RichTextEditor({ initialContent, onChange, className, isDisabled, placeholder, }: RichTextEditorProps): react_jsx_runtime.JSX.Element | null;
+
+type SegmentOption = {
+    id: string;
+    label: string;
+    icon?: IconName$2;
+};
+interface SegmentedControlProps {
+    /**
+     * Array of segment options
+     */
+    options: SegmentOption[];
+    /**
+     * Currently selected value
+     */
+    value: string;
+    /**
+     * Callback when selection changes
+     */
+    onChange: (value: string) => void;
+    /**
+     * Size of the control
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg" | "xl";
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Whether the control is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Aria label for accessibility
+     */
+    "aria-label"?: string;
+}
+/**
+ * SegmentedControl
+ *
+ * A segmented control component for selecting between multiple options.
+ * Similar to a radio group but with a more compact, button-like appearance.
+ */
+declare function SegmentedControl({ options, value, onChange, size, className, isDisabled, "aria-label": ariaLabel, }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Interface defining the shape of items in the Select component
  */
@@ -882,6 +1914,25 @@ interface SkeletonProps {
 }
 declare const Skeleton: React__default.FC<SkeletonProps>;
 
+interface SliderProps {
+    label?: string;
+    description?: string;
+    tooltip?: string;
+    errorMessage?: string;
+    size?: Size;
+    className?: string;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Show the current numeric value to the right of the track */
+    showValue?: boolean;
+}
+declare function Slider({ label, description, tooltip, errorMessage, size, className, value, defaultValue, onChange, min, max, step, disabled, showValue, }: SliderProps): react_jsx_runtime.JSX.Element;
+
 interface SwitchProps extends Omit<SwitchProps$1, "children"> {
     children: React__default.ReactNode;
 }
@@ -915,16 +1966,17 @@ declare function TabPanel(props: TabPanelProps): react_jsx_runtime.JSX.Element;
  *
  * Multi-line text input with Edges styling, label, description, and error.
  */
-interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, BaseInputProps {
+interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "disabled">, BaseInputProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     tooltip?: string;
     size?: Size;
     isInvalid?: boolean;
+    isDisabled?: boolean;
     validationResult?: ValidationResult;
 }
-declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
 
 interface ChipData {
     id: string;
@@ -936,13 +1988,14 @@ interface TriggerInfo {
     position: number;
     startIndex: number;
 }
-interface TextAreaWithChipsProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "value" | "onChange">, BaseInputProps {
+interface TextAreaWithChipsProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "value" | "onChange" | "disabled">, BaseInputProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     tooltip?: string;
     size?: Size;
     isInvalid?: boolean;
+    isDisabled?: boolean;
     validationResult?: ValidationResult;
     value?: string;
     onChange?: (value: string) => void;
@@ -955,7 +2008,7 @@ interface TextAreaWithChipsProps extends Omit<React__default.TextareaHTMLAttribu
     chipVariant?: "default" | "primary" | "secondary";
     chipSize?: Size;
 }
-declare function TextAreaWithChips({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, className, validationResult, value, onChange, chips, onChipsChange, triggerPattern, onTriggerDetected, onTriggerDismissed, renderChip, chipVariant, chipSize, ...props }: TextAreaWithChipsProps): react_jsx_runtime.JSX.Element;
+declare function TextAreaWithChips({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, className, validationResult, value, onChange, chips, onChipsChange, triggerPattern, onTriggerDetected, onTriggerDismissed, renderChip, chipVariant, chipSize, ...props }: TextAreaWithChipsProps): react_jsx_runtime.JSX.Element;
 
 /**
  * TextField
@@ -1054,40 +2107,47 @@ interface TooltipProps extends Omit<TooltipProps$1, "children"> {
 }
 declare function Tooltip({ children, content, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-interface SliderProps {
-    label?: string;
-    description?: string;
-    tooltip?: string;
-    errorMessage?: string;
-    size?: Size;
-    className?: string;
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    disabled?: boolean;
-    /** Show the current numeric value to the right of the track */
-    showValue?: boolean;
-}
-declare function Slider({ label, description, tooltip, errorMessage, size, className, value, defaultValue, onChange, min, max, step, disabled, showValue, }: SliderProps): react_jsx_runtime.JSX.Element;
-
-interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
-    /** Label for the radio group */
-    label?: string;
-    /** Children elements */
-    children?: ReactNode;
-    /** Optional description for the radio group */
-    description?: string;
-    /** Error message to display when validation fails */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /** Validation result object for functional errorMessage */
-    validationResult?: ValidationResult;
-}
-declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
-declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
-
-declare function useDebounce<T>(value: T, delay?: number): T;
+/**
+ * Color utilities for the edges design system
+ * Provides theme-aware color resolution and management
+ */
+/**
+ * Resolves a CSS variable to its computed color value
+ * Supports both var(--name) format and plain --name format
+ *
+ * @param variableName - CSS variable name (e.g., "--brand-primary" or "var(--brand-primary)")
+ * @returns Resolved color value or fallback
+ */
+declare const getResolvedColor: (variableName: string, fallback?: string) => string;
+/**
+ * Clears the color cache - useful when theme changes
+ */
+declare const clearColorCache: () => void;
+/**
+ * Gets theme colors from CSS variables
+ * Returns an array of resolved color values
+ */
+declare const getThemeCategoricalColors: () => string[];
+/**
+ * Default color palette matching the edges design system
+ */
+declare const getDefaultColors: () => string[];
+/**
+ * Gets the default chart color from theme
+ */
+declare const getDefaultChartColor: () => string;
+/**
+ * Maps categories to colors based on a color scheme
+ */
+declare const createCategoryColorMap: (categories: string[], customColors?: Record<string, string>) => Record<string, string>;
+/**
+ * Determines if a color is light or dark
+ * Useful for determining text color on colored backgrounds
+ */
+declare const isLightColor: (color: string) => boolean;
+/**
+ * Gets contrasting text color for a background
+ */
+declare const getContrastingTextColor: (backgroundColor: string) => string;
 
-export { Autocomplete, type BaseInputProps, type BaseProps, Button, Calendar, Card, Checkbox, Chip, ClearButton, CopyToClipboard, DateField, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, Drawer, ErrorBoundary, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, Form, Heading, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Label, type LabelProps, ListBox, ListBoxItem, Loader, Logo, NumberField, PlaceSearch, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, Select, Skeleton, Slider, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextAreaWithChips, TextField, TextLink, TimeField, ToggleButton, Tooltip, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, useDebounce, useInputFocus };
+export { type Action, ActionCell, type ActionCellProps, type ActionItem, ActionMenu, type ActionMenuProps, AreaSeries, AutoMobileRenderer, Autocomplete, Avatar, type AvatarProps, Badge, type BadgeProps, BarSeries, type BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, Breadcrumb, Breadcrumbs, Button, Calendar, Card, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartContext, type ChartExportMetadata, type ChartMargin, ChartTooltip, Checkbox, Chip, ClearButton, CodeEditor, type CodeEditorProps, type CodeLanguage, type CodeTheme, type Column, CopyToClipboard, DataTable, type DataTableProps, DateCell, type DateCellProps, DateField, type DateFieldProps, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, Drawer, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FileUpload, type FileUploadProps, Form, Heading, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, InteractiveMap, type InteractiveMapProps, Label, type LabelProps, LineSeries, type LinkBehavior, ListBox, ListBoxItem, Loader, Logo, MAPBOX_THEMES, type MapPoint, Meter, type MeterProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, PlaceSearch, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, RichTextEditor, type RichTextEditorProps, SKELETON_SIZES, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, StaticMap, type StaticMapProps, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextLink, TimeField, ToggleButton, Tooltip, type TooltipData, type TooltipSeries, type YFormatSettings, type YFormatType, clearColorCache, createCategoryColorMap, createXScale, createYScale, defaultMargin, exportChart, formatEmptyValue, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getContrastingTextColor, getDefaultChartColor, getDefaultColors, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getResolvedColor, getSkeletonSize, getThemeCategoricalColors, getYFormatSettings, isExportSupported, isLightColor, resolveValue, useChartContext, useDebounce, useInputFocus, useNotice };