@marcoschwartz/lite-ui 0.20.0 → 0.22.0

package/dist/index.d.mts

@@ -486,97 +486,298 @@ interface VideoPlayerProps {
 }
 declare const VideoPlayer: React.FC<VideoPlayerProps>;
 
+interface TooltipPayloadItem {
+    name: string;
+    value: number | string;
+    color?: string;
+    dataKey?: string;
+    payload?: Record<string, unknown>;
+}
+interface TooltipProps {
+    /** Whether the tooltip is currently active/visible */
+    active?: boolean;
+    /** The label for the tooltip (usually x-axis value) */
+    label?: string | number;
+    /** Array of data items to display */
+    payload?: TooltipPayloadItem[];
+    /** Custom content renderer */
+    content?: React.FC<TooltipProps> | React.ReactElement;
+    /** X position in pixels */
+    x?: number;
+    /** Y position in pixels */
+    y?: number;
+    /** Offset from cursor position */
+    offset?: number;
+    /** Custom formatter for values */
+    formatter?: (value: number | string, name: string, payload: TooltipPayloadItem) => string;
+    /** Custom formatter for labels */
+    labelFormatter?: (label: string | number) => string;
+    /** Custom CSS class */
+    className?: string;
+    /** Container bounds for positioning */
+    containerBounds?: {
+        width: number;
+        height: number;
+    };
+    /** Animation duration in ms (0 to disable) */
+    animationDuration?: number;
+}
+declare const ChartTooltip: React.FC<TooltipProps>;
+interface UseTooltipReturn {
+    tooltipData: {
+        active: boolean;
+        x: number;
+        y: number;
+        label?: string | number;
+        payload?: TooltipPayloadItem[];
+    };
+    showTooltip: (data: {
+        x: number;
+        y: number;
+        label?: string | number;
+        payload?: TooltipPayloadItem[];
+    }) => void;
+    hideTooltip: () => void;
+    updatePosition: (x: number, y: number) => void;
+}
+declare function useTooltip(): UseTooltipReturn;
+
 interface LineChartDataPoint {
-    x: string | number;
+    x: string | number | Date;
     y: number;
+    [key: string]: unknown;
 }
 interface LineChartSeries {
     name: string;
     data: LineChartDataPoint[];
     color?: string;
+    strokeWidth?: number;
+    type?: 'linear' | 'monotone' | 'step' | 'stepBefore' | 'stepAfter';
+    dot?: boolean;
+    activeDot?: boolean;
+    connectNulls?: boolean;
 }
 interface LineChartProps {
+    /** Chart data - array of series */
     data: LineChartSeries[];
+    /** Chart width in pixels (or use ResponsiveContainer) */
     width?: number;
+    /** Chart height in pixels (or use ResponsiveContainer) */
     height?: number;
-    aspectRatio?: number;
-    responsive?: boolean;
+    /** Padding inside the chart */
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Show grid lines */
     showGrid?: boolean;
+    /** Show X axis */
     showXAxis?: boolean;
+    /** Show Y axis */
     showYAxis?: boolean;
+    /** Show legend */
     showLegend?: boolean;
+    /** Show tooltip on hover */
     showTooltip?: boolean;
+    /** Show dots on data points */
     showDots?: boolean;
-    curved?: boolean;
-    strokeWidth?: number;
-    className?: string;
+    /** Animate on load and data change */
+    animate?: boolean;
+    /** Animation duration in ms */
+    animationDuration?: number;
+    /** X axis label */
     xAxisLabel?: string;
+    /** Y axis label */
     yAxisLabel?: string;
-    baseFontSize?: number;
+    /** Number of Y axis ticks */
+    yAxisTickCount?: number;
+    /** Custom Y axis domain [min, max] */
+    yDomain?: [number, number];
+    /** Custom X axis formatter */
+    formatXValue?: (value: string | number | Date) => string;
+    /** Custom Y axis formatter */
+    formatYValue?: (value: number) => string;
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (value: number | string, name: string, payload: TooltipPayloadItem) => string;
+    /** Custom tooltip label formatter */
+    tooltipLabelFormatter?: (label: string | number) => string;
+    /** Custom tooltip content component */
+    tooltipContent?: React.FC<any>;
+    /** Click handler for data points */
+    onPointClick?: (data: LineChartDataPoint, seriesIndex: number, pointIndex: number) => void;
+    /** Hover handler for data points */
+    onPointHover?: (data: LineChartDataPoint | null, seriesIndex: number, pointIndex: number) => void;
+    /** Show crosshair on hover */
+    showCrosshair?: boolean;
+    /** Show value labels at end of lines */
+    showValueLabels?: boolean;
+    /** Custom CSS class */
+    className?: string;
+    /** Chart children (ReferenceLine, ReferenceArea, etc.) */
+    children?: React.ReactNode;
+    /** Custom colors array */
+    colors?: string[];
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
 }
 declare const LineChart: React.FC<LineChartProps>;
 
 interface BarChartDataPoint {
     x: string | number;
     y: number;
+    [key: string]: unknown;
 }
 interface BarChartSeries {
     name: string;
     data: BarChartDataPoint[];
     color?: string;
+    radius?: number;
 }
 interface BarChartProps {
+    /** Chart data - array of series */
     data: BarChartSeries[];
+    /** Chart width in pixels */
     width?: number;
+    /** Chart height in pixels */
     height?: number;
-    aspectRatio?: number;
-    responsive?: boolean;
+    /** Padding inside the chart */
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Show grid lines */
     showGrid?: boolean;
+    /** Show X axis */
     showXAxis?: boolean;
+    /** Show Y axis */
     showYAxis?: boolean;
+    /** Show legend */
     showLegend?: boolean;
+    /** Show tooltip on hover */
     showTooltip?: boolean;
+    /** Show values on top of bars */
     showValues?: boolean;
+    /** Stack bars on top of each other */
     stacked?: boolean;
+    /** Horizontal bar orientation */
     horizontal?: boolean;
-    barWidth?: number;
-    className?: string;
+    /** Bar corner radius */
+    barRadius?: number;
+    /** Gap between bar groups (0-1) */
+    barGap?: number;
+    /** Gap between bars in a group (0-1) */
+    barCategoryGap?: number;
+    /** Animate on load */
+    animate?: boolean;
+    /** Animation duration in ms */
+    animationDuration?: number;
+    /** X axis label */
     xAxisLabel?: string;
+    /** Y axis label */
     yAxisLabel?: string;
-    baseFontSize?: number;
+    /** Number of Y axis ticks */
+    yAxisTickCount?: number;
+    /** Custom Y axis domain */
+    yDomain?: [number, number];
+    /** Custom Y axis formatter */
+    formatYValue?: (value: number) => string;
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (value: number | string, name: string, payload: TooltipPayloadItem) => string;
+    /** Click handler for bars */
+    onBarClick?: (data: BarChartDataPoint, seriesIndex: number, barIndex: number) => void;
+    /** Hover handler for bars */
+    onBarHover?: (data: BarChartDataPoint | null, seriesIndex: number, barIndex: number) => void;
+    /** Custom CSS class */
+    className?: string;
+    /** Chart children (ReferenceLine, etc.) */
+    children?: React.ReactNode;
+    /** Custom colors array */
     colors?: string[];
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
 }
 declare const BarChart: React.FC<BarChartProps>;
 
 interface AreaChartDataPoint {
-    x: string | number;
+    x: string | number | Date;
     y: number;
+    [key: string]: unknown;
 }
 interface AreaChartSeries {
     name: string;
     data: AreaChartDataPoint[];
     color?: string;
+    fillOpacity?: number;
+    strokeWidth?: number;
+    type?: 'linear' | 'monotone';
+    dot?: boolean;
 }
 interface AreaChartProps {
+    /** Chart data - array of series */
     data: AreaChartSeries[];
+    /** Chart width in pixels */
     width?: number;
+    /** Chart height in pixels */
     height?: number;
-    aspectRatio?: number;
-    responsive?: boolean;
+    /** Padding inside the chart */
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Show grid lines */
     showGrid?: boolean;
+    /** Show X axis */
     showXAxis?: boolean;
+    /** Show Y axis */
     showYAxis?: boolean;
+    /** Show legend */
     showLegend?: boolean;
+    /** Show tooltip on hover */
     showTooltip?: boolean;
+    /** Show dots on data points */
     showDots?: boolean;
-    curved?: boolean;
+    /** Stack areas on top of each other */
     stacked?: boolean;
+    /** Default fill opacity for areas */
     fillOpacity?: number;
-    strokeWidth?: number;
-    className?: string;
+    /** Use curved/smooth lines (shorthand for all series) */
+    curved?: boolean;
+    /** Animate on load */
+    animate?: boolean;
+    /** Animation duration in ms */
+    animationDuration?: number;
+    /** X axis label */
     xAxisLabel?: string;
+    /** Y axis label */
     yAxisLabel?: string;
-    baseFontSize?: number;
+    /** Number of Y axis ticks */
+    yAxisTickCount?: number;
+    /** Custom Y axis domain */
+    yDomain?: [number, number];
+    /** Custom X axis formatter */
+    formatXValue?: (value: string | number | Date) => string;
+    /** Custom Y axis formatter */
+    formatYValue?: (value: number) => string;
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (value: number | string, name: string, payload: TooltipPayloadItem) => string;
+    /** Click handler for data points */
+    onPointClick?: (data: AreaChartDataPoint, seriesIndex: number, pointIndex: number) => void;
+    /** Hover handler for data points */
+    onPointHover?: (data: AreaChartDataPoint | null, seriesIndex: number, pointIndex: number) => void;
+    /** Custom CSS class */
+    className?: string;
+    /** Chart children (ReferenceLine, etc.) */
+    children?: React.ReactNode;
+    /** Custom colors array */
+    colors?: string[];
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
 }
 declare const AreaChart: React.FC<AreaChartProps>;
 
@@ -584,24 +785,397 @@ interface PieChartDataPoint {
     label: string;
     value: number;
     color?: string;
+    [key: string]: unknown;
 }
 interface PieChartProps {
+    /** Chart data - array of slices */
     data: PieChartDataPoint[];
+    /** Chart width in pixels */
     width?: number;
+    /** Chart height in pixels */
     height?: number;
-    aspectRatio?: number;
-    responsive?: boolean;
+    /** Inner radius for donut chart (0 for pie) */
+    innerRadius?: number;
+    /** Outer radius */
+    outerRadius?: number;
+    /** Enable donut mode (sets default inner radius) */
+    donut?: boolean;
+    /** Padding angle between slices (degrees) */
+    paddingAngle?: number;
+    /** Start angle (degrees, 0 = top) */
+    startAngle?: number;
+    /** End angle (degrees) */
+    endAngle?: number;
+    /** Show legend */
     showLegend?: boolean;
+    /** Show tooltip on hover */
+    showTooltip?: boolean;
+    /** Show labels on slices */
     showLabels?: boolean;
-    showValues?: boolean;
+    /** Label type */
+    labelType?: 'percent' | 'value' | 'name' | 'custom';
+    /** Custom label formatter */
+    labelFormatter?: (data: PieChartDataPoint, percent: number) => string;
+    /** Show percentages in labels */
     showPercentages?: boolean;
-    donut?: boolean;
-    donutWidth?: number;
+    /** Minimum percentage to show label */
+    minLabelPercent?: number;
+    /** Animate on load */
+    animate?: boolean;
+    /** Animation duration in ms */
+    animationDuration?: number;
+    /** Center label (for donut charts) */
+    centerLabel?: string | React.ReactNode;
+    /** Center value (for donut charts) */
+    centerValue?: string | number;
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (value: number | string, name: string, payload: TooltipPayloadItem) => string;
+    /** Click handler for slices */
+    onSliceClick?: (data: PieChartDataPoint, index: number) => void;
+    /** Hover handler for slices */
+    onSliceHover?: (data: PieChartDataPoint | null, index: number) => void;
+    /** Custom CSS class */
     className?: string;
-    baseFontSize?: number;
+    /** Custom colors array */
+    colors?: string[];
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
 }
 declare const PieChart: React.FC<PieChartProps>;
 
+interface ScatterChartDataPoint {
+    x: number;
+    y: number;
+    z?: number;
+    label?: string;
+    [key: string]: unknown;
+}
+interface ScatterChartSeries {
+    name: string;
+    data: ScatterChartDataPoint[];
+    color?: string;
+    shape?: 'circle' | 'square' | 'triangle' | 'diamond';
+    size?: number;
+}
+interface ScatterChartProps {
+    /** Chart data - array of series */
+    data: ScatterChartSeries[];
+    /** Chart width in pixels */
+    width?: number;
+    /** Chart height in pixels */
+    height?: number;
+    /** Padding inside the chart */
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show X axis */
+    showXAxis?: boolean;
+    /** Show Y axis */
+    showYAxis?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Show tooltip on hover */
+    showTooltip?: boolean;
+    /** Enable bubble mode (size based on z value) */
+    bubble?: boolean;
+    /** Min bubble size */
+    minBubbleSize?: number;
+    /** Max bubble size */
+    maxBubbleSize?: number;
+    /** Default point size */
+    pointSize?: number;
+    /** Animate on load */
+    animate?: boolean;
+    /** Animation duration in ms */
+    animationDuration?: number;
+    /** X axis label */
+    xAxisLabel?: string;
+    /** Y axis label */
+    yAxisLabel?: string;
+    /** Number of X axis ticks */
+    xAxisTickCount?: number;
+    /** Number of Y axis ticks */
+    yAxisTickCount?: number;
+    /** Custom X axis domain */
+    xDomain?: [number, number];
+    /** Custom Y axis domain */
+    yDomain?: [number, number];
+    /** Custom X axis formatter */
+    formatXValue?: (value: number) => string;
+    /** Custom Y axis formatter */
+    formatYValue?: (value: number) => string;
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (value: number | string, name: string, payload: TooltipPayloadItem) => string;
+    /** Click handler for points */
+    onPointClick?: (data: ScatterChartDataPoint, seriesIndex: number, pointIndex: number) => void;
+    /** Hover handler for points */
+    onPointHover?: (data: ScatterChartDataPoint | null, seriesIndex: number, pointIndex: number) => void;
+    /** Show trend line */
+    showTrendLine?: boolean;
+    /** Custom CSS class */
+    className?: string;
+    /** Chart children (ReferenceLine, etc.) */
+    children?: React.ReactNode;
+    /** Custom colors array */
+    colors?: string[];
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
+}
+declare const ScatterChart: React.FC<ScatterChartProps>;
+
+interface ResponsiveContainerProps {
+    /** Width of the container. Can be number (px) or string (%, auto) */
+    width?: number | string;
+    /** Height of the container. Can be number (px) or string (%, auto) */
+    height?: number | string;
+    /** Aspect ratio (width/height) - used when height is not specified */
+    aspect?: number;
+    /** Minimum width in pixels */
+    minWidth?: number;
+    /** Minimum height in pixels */
+    minHeight?: number;
+    /** Maximum width in pixels */
+    maxWidth?: number;
+    /** Maximum height in pixels */
+    maxHeight?: number;
+    /** Debounce resize events (ms) */
+    debounce?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Children - should be a single chart element */
+    children: React.ReactElement;
+    /** Callback when dimensions change */
+    onResize?: (width: number, height: number) => void;
+}
+declare const ResponsiveContainer: React.FC<ResponsiveContainerProps>;
+
+interface LegendItem {
+    name: string;
+    color: string;
+    type?: 'line' | 'square' | 'circle' | 'rect';
+    inactive?: boolean;
+}
+interface LegendProps {
+    /** Legend items to display */
+    items?: LegendItem[];
+    /** Legend layout direction */
+    layout?: 'horizontal' | 'vertical';
+    /** Alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Vertical alignment */
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    /** Icon size */
+    iconSize?: number;
+    /** Custom formatter for legend text */
+    formatter?: (value: string, entry: LegendItem, index: number) => React.ReactNode;
+    /** Click handler */
+    onClick?: (item: LegendItem, index: number) => void;
+    /** Mouse enter handler */
+    onMouseEnter?: (item: LegendItem, index: number) => void;
+    /** Mouse leave handler */
+    onMouseLeave?: () => void;
+    /** Custom CSS class */
+    className?: string;
+    /** Wrapper style */
+    wrapperStyle?: React.CSSProperties;
+}
+declare const Legend: React.FC<LegendProps>;
+
+interface ReferenceLineProps {
+    /** X-axis value for vertical line */
+    x?: number | string | Date;
+    /** Y-axis value for horizontal line */
+    y?: number;
+    /** Line stroke color */
+    stroke?: string;
+    /** Line stroke width */
+    strokeWidth?: number;
+    /** Line dash pattern (e.g., "5 5") */
+    strokeDasharray?: string;
+    /** Label text */
+    label?: string | React.ReactNode;
+    /** Label position */
+    labelPosition?: 'start' | 'middle' | 'end' | 'insideStart' | 'insideEnd';
+    /** Custom CSS class for the line */
+    className?: string;
+    /** If true, the line extends to the edge of the chart */
+    ifOverflow?: 'hidden' | 'visible' | 'extendDomain';
+    /** Internal - chart dimensions (injected by parent) */
+    _chartDimensions?: {
+        width: number;
+        height: number;
+        padding: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    /** Internal - scale functions (injected by parent) */
+    _scales?: {
+        xScale: (value: number | string | Date) => number;
+        yScale: (value: number) => number;
+    };
+}
+declare const ReferenceLine: React.FC<ReferenceLineProps>;
+
+interface ReferenceAreaProps {
+    /** Start X value (for vertical bands) */
+    x1?: number | string | Date;
+    /** End X value (for vertical bands) */
+    x2?: number | string | Date;
+    /** Start Y value (for horizontal bands) */
+    y1?: number;
+    /** End Y value (for horizontal bands) */
+    y2?: number;
+    /** Fill color */
+    fill?: string;
+    /** Fill opacity (0-1) */
+    fillOpacity?: number;
+    /** Stroke color */
+    stroke?: string;
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Label text */
+    label?: string | React.ReactNode;
+    /** Label position */
+    labelPosition?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'insideTop' | 'insideBottom';
+    /** Custom CSS class */
+    className?: string;
+    /** If true, area clips to chart bounds */
+    ifOverflow?: 'hidden' | 'visible';
+    /** Internal - chart dimensions (injected by parent) */
+    _chartDimensions?: {
+        width: number;
+        height: number;
+        padding: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    /** Internal - scale functions (injected by parent) */
+    _scales?: {
+        xScale: (value: number | string | Date) => number;
+        yScale: (value: number) => number;
+    };
+}
+declare const ReferenceArea: React.FC<ReferenceAreaProps>;
+
+interface CartesianGridProps {
+    /** Show horizontal grid lines */
+    horizontal?: boolean;
+    /** Show vertical grid lines */
+    vertical?: boolean;
+    /** Stroke color */
+    stroke?: string;
+    /** Stroke dash array (e.g., "3 3") */
+    strokeDasharray?: string;
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Stroke opacity */
+    strokeOpacity?: number;
+    /** Custom horizontal line positions */
+    horizontalPoints?: number[];
+    /** Custom vertical line positions */
+    verticalPoints?: number[];
+    /** Custom CSS class */
+    className?: string;
+    /** Internal - chart dimensions (injected by parent) */
+    _chartDimensions?: {
+        width: number;
+        height: number;
+    };
+}
+declare const CartesianGrid: React.FC<CartesianGridProps>;
+
+declare const CHART_DEFAULTS: {
+    readonly viewBox: {
+        readonly width: 1000;
+        readonly height: 600;
+        readonly pieSize: 600;
+    };
+    readonly padding: {
+        readonly top: 40;
+        readonly right: 40;
+        readonly bottom: 60;
+        readonly left: 60;
+    };
+    readonly fontSize: {
+        readonly gridLabel: 12;
+        readonly axisLabel: 14;
+        readonly title: 16;
+        readonly tooltip: 12;
+    };
+    readonly colors: readonly ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#ec4899", "#06b6d4", "#f97316", "#84cc16", "#6366f1"];
+    readonly animation: {
+        readonly duration: 300;
+        readonly easing: "ease-out";
+    };
+    readonly grid: {
+        readonly strokeDasharray: "3 3";
+        readonly strokeWidth: 1;
+    };
+    readonly line: {
+        readonly strokeWidth: 2;
+        readonly dotRadius: 4;
+        readonly activeDotRadius: 6;
+    };
+    readonly bar: {
+        readonly radius: 4;
+        readonly gap: 0.1;
+    };
+    readonly tooltip: {
+        readonly offset: 10;
+    };
+};
+
+interface HeatmapDataPoint {
+    x: string | number;
+    y: string | number;
+    value: number;
+}
+interface HeatmapProps {
+    data: HeatmapDataPoint[];
+    xLabels?: string[];
+    yLabels?: string[];
+    colorScale?: 'blue' | 'green' | 'red' | 'purple' | 'orange' | 'gray';
+    minValue?: number;
+    maxValue?: number;
+    showValues?: boolean;
+    showTooltip?: boolean;
+    cellSize?: number;
+    cellGap?: number;
+    className?: string;
+    onCellClick?: (point: HeatmapDataPoint) => void;
+    formatValue?: (value: number) => string;
+    formatTooltip?: (point: HeatmapDataPoint) => string;
+}
+declare const Heatmap: React.FC<HeatmapProps>;
+interface CalendarHeatmapProps {
+    data: {
+        date: Date | string;
+        value: number;
+    }[];
+    startDate?: Date;
+    endDate?: Date;
+    colorScale?: 'blue' | 'green' | 'red' | 'purple' | 'orange' | 'gray';
+    showMonthLabels?: boolean;
+    showDayLabels?: boolean;
+    cellSize?: number;
+    cellGap?: number;
+    className?: string;
+    onCellClick?: (date: Date, value: number) => void;
+    formatTooltip?: (date: Date, value: number) => string;
+}
+declare const CalendarHeatmap: React.FC<CalendarHeatmapProps>;
+
 type ThemeName = 'default' | 'minimalistic';
 interface ButtonTheme {
     primary: string;
@@ -811,4 +1385,4 @@ declare const YouTubeIcon: IconComponent;
 
 declare const SlackIcon: IconComponent;
 
-export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, AlertCircleIcon, type AlertProps, AppShell, type AppShellProps, AppleIcon, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BeakerIcon, BellIcon, BookIcon, BrainIcon, Button, type ButtonProps, type ButtonTheme, Calendar, CalendarIcon, type CalendarProps, CameraIcon, Card, type CardProps, type Chapter, ChatIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CloudIcon, CodeIcon, type ColorMode, type Column, CopyIcon, DatabaseIcon, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FileIcon, FileUpload, type FileUploadProps, FolderIcon, FullscreenExitIcon, FullscreenIcon, GitHubIcon, GlobeIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, ImageIcon, InfoCircleIcon, KeyIcon, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PauseIcon, PieChart, type PieChartDataPoint, type PieChartProps, PlayIcon, PlugIcon, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, RefreshIcon, RichTextEditor, type RichTextEditorProps, SaveIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, ShieldIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SkipBackIcon, SkipForwardIcon, SlackIcon, Slider, type SliderProps, SparklesIcon, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, StopIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TerminalIcon, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, VideoPlayer, type VideoPlayerProps, VolumeOffIcon, VolumeUpIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
+export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, AlertCircleIcon, type AlertProps, AppShell, type AppShellProps, AppleIcon, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BeakerIcon, BellIcon, BookIcon, BrainIcon, Button, type ButtonProps, type ButtonTheme, CHART_DEFAULTS, Calendar, CalendarHeatmap, type CalendarHeatmapProps, CalendarIcon, type CalendarProps, CameraIcon, Card, type CardProps, CartesianGrid, type CartesianGridProps, type Chapter, ChartTooltip, ChatIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CloudIcon, CodeIcon, type ColorMode, type Column, CopyIcon, DatabaseIcon, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FileIcon, FileUpload, type FileUploadProps, FolderIcon, FullscreenExitIcon, FullscreenIcon, GitHubIcon, GlobeIcon, GoogleIcon, HeartIcon, Heatmap, type HeatmapDataPoint, type HeatmapProps, HomeIcon, type IconComponent, type IconProps, ImageIcon, InfoCircleIcon, KeyIcon, Legend, type LegendItem, type LegendProps, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PauseIcon, PieChart, type PieChartDataPoint, type PieChartProps, PlayIcon, PlugIcon, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ReferenceArea, type ReferenceAreaProps, ReferenceLine, type ReferenceLineProps, RefreshIcon, ResponsiveContainer, type ResponsiveContainerProps, RichTextEditor, type RichTextEditorProps, SaveIcon, ScatterChart, type ScatterChartDataPoint, type ScatterChartProps, type ScatterChartSeries, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, ShieldIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SkipBackIcon, SkipForwardIcon, SlackIcon, Slider, type SliderProps, SparklesIcon, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, StopIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TerminalIcon, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, type TooltipPayloadItem, type TooltipProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, VideoPlayer, type VideoPlayerProps, VolumeOffIcon, VolumeUpIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast, useTooltip };