@texturehq/edges 1.0.0 → 1.0.2

package/dist/index.d.ts

@@ -1,227 +1,23 @@
+import { I as Icon, B as BaseDataPoint, Y as YFormatType, T as TooltipData, a as IconName$2 } from './server-DmvMh5XJ.js';
+export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell, d as AppShellProps, g as Avatar, f as AvatarProps, i as Badge, h as BadgeProps, C as Card, Q as ChartContext, V as ChartMargin, m as CodeEditor, j as CodeEditorProps, k as CodeLanguage, l as CodeTheme, n as DateField, D as DateFieldProps, o as FileUpload, F as FileUploadProps, H as Heading, r as InteractiveMap, q as InteractiveMapProps, L as Loader, p as Logo, s as MAPBOX_THEMES, M as MapPoint, v as Meter, u as MeterProps, w as RichTextEditor, R as RichTextEditorProps, y as SegmentOption, z as SegmentedControl, x as SegmentedControlProps, J as SideNav, E as SideNavItem, G as SideNavProps, t as StaticMap, S as StaticMapProps, K as TextLink, P as TooltipSeries, O as TopNav, N as TopNavProps, $ as YFormatSettings, a0 as clearColorCache, a1 as createCategoryColorMap, W as createXScale, X as createYScale, Z as defaultMargin, a2 as getContrastingTextColor, a3 as getDefaultChartColor, a4 as getDefaultColors, a5 as getResolvedColor, a6 as getThemeCategoricalColors, _ as getYFormatSettings, a7 as isLightColor, U as useChartContext } from './server-DmvMh5XJ.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-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';
+import React__default, { ComponentProps, ReactNode, ComponentType, Component, ErrorInfo } from 'react';
+import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps, 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';
+import '@phosphor-icons/react';
+import 'react-map-gl';
 
 declare function useDebounce<T>(value: T, delay?: number): T;
 
-declare const iconMapping: {
-    readonly AppWindow: _phosphor_icons_react.Icon;
-    readonly ArrowCircleUp: _phosphor_icons_react.Icon;
-    readonly ArrowDown: _phosphor_icons_react.Icon;
-    readonly ArrowLeft: _phosphor_icons_react.Icon;
-    readonly ArrowLineLeft: _phosphor_icons_react.Icon;
-    readonly ArrowRight: _phosphor_icons_react.Icon;
-    readonly ArrowSquareOut: _phosphor_icons_react.Icon;
-    readonly ArrowUp: _phosphor_icons_react.Icon;
-    readonly ArrowsClockwise: _phosphor_icons_react.Icon;
-    readonly BatteryCharging: _phosphor_icons_react.Icon;
-    readonly BatteryEmpty: _phosphor_icons_react.Icon;
-    readonly BatteryFull: _phosphor_icons_react.Icon;
-    readonly BatteryHigh: _phosphor_icons_react.Icon;
-    readonly BatteryLow: _phosphor_icons_react.Icon;
-    readonly BatteryMedium: _phosphor_icons_react.Icon;
-    readonly BatteryWarning: _phosphor_icons_react.Icon;
-    readonly BookOpen: _phosphor_icons_react.Icon;
-    readonly BookmarkSimple: _phosphor_icons_react.Icon;
-    readonly BracketsCurly: _phosphor_icons_react.Icon;
-    readonly Broadcast: _phosphor_icons_react.Icon;
-    readonly Buildings: _phosphor_icons_react.Icon;
-    readonly CalendarBlank: _phosphor_icons_react.Icon;
-    readonly CaretDown: _phosphor_icons_react.Icon;
-    readonly CaretLeft: _phosphor_icons_react.Icon;
-    readonly CaretRight: _phosphor_icons_react.Icon;
-    readonly CaretUp: _phosphor_icons_react.Icon;
-    readonly CarSimple: _phosphor_icons_react.Icon;
-    readonly ChargingStation: _phosphor_icons_react.Icon;
-    readonly ChartBar: _phosphor_icons_react.Icon;
-    readonly ChartLine: _phosphor_icons_react.Icon;
-    readonly ChartLineUp: _phosphor_icons_react.Icon;
-    readonly Check: _phosphor_icons_react.Icon;
-    readonly CheckCircle: _phosphor_icons_react.Icon;
-    readonly CheckSquare: _phosphor_icons_react.Icon;
-    readonly Circle: _phosphor_icons_react.Icon;
-    readonly CircleDashed: _phosphor_icons_react.Icon;
-    readonly CircleNotch: _phosphor_icons_react.Icon;
-    readonly ClipboardText: _phosphor_icons_react.Icon;
-    readonly ClockCountdown: _phosphor_icons_react.Icon;
-    readonly Cloud: _phosphor_icons_react.Icon;
-    readonly CloudArrowDown: _phosphor_icons_react.Icon;
-    readonly CloudFog: _phosphor_icons_react.Icon;
-    readonly CloudLightning: _phosphor_icons_react.Icon;
-    readonly CloudRain: _phosphor_icons_react.Icon;
-    readonly CloudSnow: _phosphor_icons_react.Icon;
-    readonly CloudSun: _phosphor_icons_react.Icon;
-    readonly Code: _phosphor_icons_react.Icon;
-    readonly Columns: _phosphor_icons_react.Icon;
-    readonly Copy: _phosphor_icons_react.Icon;
-    readonly Cursor: _phosphor_icons_react.Icon;
-    readonly Database: _phosphor_icons_react.Icon;
-    readonly DotsSix: _phosphor_icons_react.Icon;
-    readonly DotsThree: _phosphor_icons_react.Icon;
-    readonly DownloadSimple: _phosphor_icons_react.Icon;
-    readonly EnvelopeSimple: _phosphor_icons_react.Icon;
-    readonly Eye: _phosphor_icons_react.Icon;
-    readonly EyeClosed: _phosphor_icons_react.Icon;
-    readonly EyeSlash: _phosphor_icons_react.Icon;
-    readonly Export: _phosphor_icons_react.Icon;
-    readonly FireSimple: _phosphor_icons_react.Icon;
-    readonly Flag: _phosphor_icons_react.Icon;
-    readonly Gauge: _phosphor_icons_react.Icon;
-    readonly GearSix: _phosphor_icons_react.Icon;
-    readonly GitBranch: _phosphor_icons_react.Icon;
-    readonly HandPointing: _phosphor_icons_react.Icon;
-    readonly Handshake: _phosphor_icons_react.Icon;
-    readonly Info: _phosphor_icons_react.Icon;
-    readonly IntersectSquare: _phosphor_icons_react.Icon;
-    readonly Lightning: _phosphor_icons_react.Icon;
-    readonly LightningSlash: _phosphor_icons_react.Icon;
-    readonly List: _phosphor_icons_react.Icon;
-    readonly ListBullets: _phosphor_icons_react.Icon;
-    readonly ListNumbers: _phosphor_icons_react.Icon;
-    readonly Lock: _phosphor_icons_react.Icon;
-    readonly MagnifyingGlass: _phosphor_icons_react.Icon;
-    readonly MapPin: _phosphor_icons_react.Icon;
-    readonly MapPinArea: _phosphor_icons_react.Icon;
-    readonly MaskHappy: _phosphor_icons_react.Icon;
-    readonly Moon: _phosphor_icons_react.Icon;
-    readonly PaperPlaneRight: _phosphor_icons_react.Icon;
-    readonly PaperPlaneTilt: _phosphor_icons_react.Icon;
-    readonly PaperclipHorizontal: _phosphor_icons_react.Icon;
-    readonly PencilSimple: _phosphor_icons_react.Icon;
-    readonly Plugs: _phosphor_icons_react.Icon;
-    readonly PlugsConnected: _phosphor_icons_react.Icon;
-    readonly Plus: _phosphor_icons_react.Icon;
-    readonly Power: _phosphor_icons_react.Icon;
-    readonly Pulse: _phosphor_icons_react.Icon;
-    readonly Question: _phosphor_icons_react.Icon;
-    readonly Repeat: _phosphor_icons_react.Icon;
-    readonly Rocket: _phosphor_icons_react.Icon;
-    readonly ShareNetwork: _phosphor_icons_react.Icon;
-    readonly ShieldCheck: _phosphor_icons_react.Icon;
-    readonly SignOut: _phosphor_icons_react.Icon;
-    readonly SlackLogo: _phosphor_icons_react.Icon;
-    readonly Sliders: _phosphor_icons_react.Icon;
-    readonly SlidersHorizontal: _phosphor_icons_react.Icon;
-    readonly Snowflake: _phosphor_icons_react.Icon;
-    readonly SolarPanel: _phosphor_icons_react.Icon;
-    readonly Square: _phosphor_icons_react.Icon;
-    readonly SquaresFour: _phosphor_icons_react.Icon;
-    readonly Stack: _phosphor_icons_react.Icon;
-    readonly Sun: _phosphor_icons_react.Icon;
-    readonly Terminal: _phosphor_icons_react.Icon;
-    readonly ThermometerCold: _phosphor_icons_react.Icon;
-    readonly ThermometerHot: _phosphor_icons_react.Icon;
-    readonly ThermometerSimple: _phosphor_icons_react.Icon;
-    readonly Trash: _phosphor_icons_react.Icon;
-    readonly TreeEvergreen: _phosphor_icons_react.Icon;
-    readonly User: _phosphor_icons_react.Icon;
-    readonly UserCircle: _phosphor_icons_react.Icon;
-    readonly UserPlus: _phosphor_icons_react.Icon;
-    readonly Users: _phosphor_icons_react.Icon;
-    readonly UsersFour: _phosphor_icons_react.Icon;
-    readonly Warning: _phosphor_icons_react.Icon;
-    readonly WarningCircle: _phosphor_icons_react.Icon;
-    readonly WebhooksLogo: _phosphor_icons_react.Icon;
-    readonly Wind: _phosphor_icons_react.Icon;
-    readonly X: _phosphor_icons_react.Icon;
-    readonly TextureMenuLight: () => react_jsx_runtime.JSX.Element;
-    readonly TextureMenuDark: () => react_jsx_runtime.JSX.Element;
-    readonly WaveSine: _phosphor_icons_react.Icon;
-};
-type IconName$2 = keyof typeof iconMapping;
-type IconVariant = "default" | "container" | "brand";
-interface ExtendedIconProps {
-    name: IconName$2;
-    size?: number;
-    color?: string;
-    weight?: "thin" | "light" | "regular" | "bold" | "fill" | "duotone";
-    className?: string;
-    title?: string;
-    ariaLabel?: string;
-    grow?: boolean;
-    variant?: IconVariant;
-    rounded?: boolean;
-    bgColor?: string;
-    [key: string]: unknown;
-}
-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.
+ * Hook for managing localStorage values with React state synchronization
+ * @param key - The localStorage key
+ * @param initialValue - The initial value if nothing is stored
+ * @returns [value, setValue, removeValue] - Current value, setter function, and remove function
  */
-declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
+declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((val: T) => T)) => void, () => void];
 
 /**
  * Control-specific style utilities for form elements and interactive components.
@@ -296,92 +92,6 @@ interface AutocompleteProps {
 }
 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
  *
@@ -447,21 +157,16 @@ interface CalendarProps<T extends DateValue> extends Omit<CalendarProps$1<T>, "v
 declare function Calendar<T extends DateValue>({ errorMessage, ...props }: CalendarProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
- * Card
+ * CheckboxGroup
  *
- * Surface container with optional heading and actions.
+ * Groups multiple checkboxes with shared label/description.
  */
-interface CardProps {
-    heading?: React__default.ReactNode;
-    upperRightText?: React__default.ReactNode;
-    withPadding?: boolean;
-    isGhost?: boolean;
-    children?: React__default.ReactNode;
-    className?: string;
-    isLoading?: boolean;
+interface CheckboxGroupProps extends Omit<CheckboxGroupProps$1, "children"> {
+    label?: string;
+    children?: ReactNode;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
 }
-declare const Card: React__default.FC<CardProps>;
-
 /**
  * Checkbox
  *
@@ -470,6 +175,7 @@ declare const Card: React__default.FC<CardProps>;
 interface CheckboxProps extends Omit<CheckboxProps$1, "children"> {
     children?: ReactNode | ((props: CheckboxRenderProps) => ReactNode);
 }
+declare function CheckboxGroup(props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
 
 interface ChipProps {
@@ -498,88 +204,6 @@ 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
@@ -600,63 +224,6 @@ 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;
@@ -962,32 +529,6 @@ declare function AutoMobileRenderer<T>({ row, columns, density, isLoading, onCli
  */
 declare function CardMobileRenderer<T>({ row, columns, density, isLoading, onClick, }: MobileRowProps<T>): react_jsx_runtime.JSX.Element;
 
-/**
- * DateField
- *
- * 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, showCalendar, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
-
 /**
  * DateRangePicker
  *
@@ -1278,56 +819,6 @@ declare function Input({ size, isInvalid, isDisabled, isFocused, transparent, cl
  */
 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
- *
- * A file upload component with drag-and-drop support.
- * Supports image preview, custom upload handlers, and file validation.
- */
-declare function FileUpload({ value, onChange, onUrlChange, accept, maxSize, isDisabled, onUpload, className, showPreview, placeholder, }: FileUploadProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Form
  *
@@ -1335,32 +826,6 @@ declare function FileUpload({ value, onChange, onUrlChange, accept, maxSize, isD
  */
 declare function Form(props: FormProps): react_jsx_runtime.JSX.Element;
 
-declare const sizeVariants: {
-    readonly xs: "text-lg font-semibold";
-    readonly sm: "text-xl font-semibold";
-    readonly md: "text-2xl font-semibold";
-    readonly lg: "text-3xl font-semibold";
-    readonly xl: "text-4xl font-semibold";
-};
-declare const heightVariants: {
-    readonly page: "h-16 leading-[62px]";
-};
-type HeadingSize = keyof typeof sizeVariants;
-type HeadingHeight = keyof typeof heightVariants;
-/**
- * Heading
- *
- * Typography component for page/section headings with size and height options.
- */
-interface HeadingProps {
-    tag?: keyof JSX.IntrinsicElements;
-    size?: HeadingSize;
-    height?: HeadingHeight;
-    className?: string;
-    children?: React__default.ReactNode;
-}
-declare function Heading({ tag: Tag, size, height, className, children, }: HeadingProps): react_jsx_runtime.JSX.Element;
-
 /**
  * ListBox
  *
@@ -1383,175 +848,6 @@ interface ExtendedListBoxItemProps extends Omit<ListBoxItemProps, "className"> {
 }
 declare function ListBoxItem({ size, className, ...props }: ExtendedListBoxItemProps): react_jsx_runtime.JSX.Element;
 
-interface LoaderProps {
-    /**
-     * Optional className for custom styling
-     */
-    className?: string;
-    /**
-     * Size of the loader in pixels
-     * @default 24
-     */
-    size?: number;
-    /**
-     * Color of the loader
-     * @default "text-action-primary"
-     */
-    color?: string;
-}
-declare const Loader: ({ className, size, color }: LoaderProps) => react_jsx_runtime.JSX.Element;
-
-interface LogoProps {
-    className?: string;
-    showWordmark?: boolean;
-}
-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 */
@@ -1774,80 +1070,6 @@ 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
  */
@@ -2034,20 +1256,6 @@ interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" |
  */
 declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
 
-interface TextLinkProps {
-    href?: string;
-    children: ReactNode;
-    className?: string;
-    external?: boolean;
-    title?: string;
-    variant?: "default" | "primary" | "muted";
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
-    asButton?: boolean;
-    onPress?: () => void;
-    showArrow?: boolean;
-}
-declare const TextLink: ({ href, children, className, external, title, variant, onClick, asButton, onPress, showArrow, }: TextLinkProps) => react_jsx_runtime.JSX.Element;
-
 /**
  * TimeField
  *
@@ -2107,47 +1315,15 @@ interface TooltipProps extends Omit<TooltipProps$1, "children"> {
 }
 declare function Tooltip({ children, content, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-/**
- * 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;
+interface ColorModeContextType {
+    colorMode: string;
+    isDarkTheme: boolean;
+    toggleTheme: () => void;
+}
+declare const useColorMode: () => ColorModeContextType;
+interface ColorModeProviderProps {
+    children: React.ReactNode;
+}
+declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-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 };
+export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, Breadcrumb, Breadcrumbs, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, CopyToClipboard, DataTable, type DataTableProps, DateCell, type DateCellProps, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, Drawer, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, Form, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Label, type LabelProps, LineSeries, type LinkBehavior, ListBox, ListBoxItem, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, PlaceSearch, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, SKELETON_SIZES, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TimeField, ToggleButton, Tooltip, TooltipData, YFormatType, exportChart, formatEmptyValue, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, isExportSupported, resolveValue, useColorMode, useDebounce, useInputFocus, useLocalStorage, useNotice };