@texturehq/edges 0.1.8 → 1.0.1

package/dist/index.d.ts

@@ -1,8 +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, { 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 * as _phosphor_icons_react from '@phosphor-icons/react';
+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 { ScaleTime, ScaleLinear } from 'd3-scale';
+import '@phosphor-icons/react';
+import 'react-map-gl';
+
+declare function useDebounce<T>(value: T, delay?: number): T;
+
+/**
+ * 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 useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((val: T) => T)) => void, () => void];
 
 /**
  * Control-specific style utilities for form elements and interactive components.
@@ -77,147 +92,20 @@ 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;
 
-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>;
+/**
+ * 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">;
@@ -269,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
  *
@@ -292,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 {
@@ -340,17 +224,310 @@ interface CopyToClipboardProps {
 }
 declare function CopyToClipboard({ value, children, className, size }: CopyToClipboardProps): react_jsx_runtime.JSX.Element;
 
+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>;
+};
+
 /**
- * DateField
- *
- * Segmented date input with Edges styling.
+ * 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
  */
-interface DateFieldProps<T extends DateValue> extends DateFieldProps$1<T> {
+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;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
+    strokeWidth?: number;
+    /** CSS stroke-dasharray value (e.g. "4 2" for dotted, "8 4" for dashed) */
+    strokeDasharray?: string;
+    categoryColors?: Record<string, string>;
 }
-declare function DateField<T extends DateValue>({ label, description, errorMessage, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+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;
 
 /**
  * DateRangePicker
@@ -512,7 +689,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 +770,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.
  *
@@ -649,32 +826,6 @@ declare function FieldGroup(props: FieldGroupProps): react_jsx_runtime.JSX.Eleme
  */
 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
  *
@@ -697,29 +848,117 @@ 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
-     */
+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;
-    /**
-     * 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;
+/**
+ * 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 LogoProps {
+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;
-    showWordmark?: boolean;
 }
-declare const Logo: ({ className, showWordmark }: LogoProps) => react_jsx_runtime.JSX.Element;
+/**
+ * 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 +1045,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
  *
@@ -882,6 +1136,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;
 }
@@ -983,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
  *
@@ -1056,40 +1315,15 @@ 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;
+interface ColorModeContextType {
+    colorMode: string;
+    isDarkTheme: boolean;
+    toggleTheme: () => void;
 }
-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 const useColorMode: () => ColorModeContextType;
+interface ColorModeProviderProps {
+    children: React.ReactNode;
 }
-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;
+declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
 
-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, 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 };