@memelabui/ui 0.8.0 → 0.9.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 export { MemelabColors, colors } from './tokens/index.cjs';
 import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ReactElement, ComponentType, Component, ErrorInfo } from 'react';
+import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ReactElement, ComponentType, ComponentPropsWithoutRef, CSSProperties, Component, ErrorInfo } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type ClassValue = string | number | null | undefined | boolean | Record<string, boolean | null | undefined> | ClassValue[];
@@ -162,6 +162,40 @@ declare const SearchInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttribu
     label?: string;
 } & react.RefAttributes<HTMLInputElement>>;
 
+type DateRangeValue = {
+    from: Date | null;
+    to: Date | null;
+};
+type DateRangePreset = {
+    label: string;
+    range: DateRangeValue;
+};
+type DateRangePickerPlaceholder = {
+    trigger?: string;
+    from?: string;
+    to?: string;
+};
+type DateRangePickerProps = {
+    value: DateRangeValue;
+    onChange: (range: DateRangeValue) => void;
+    presets?: DateRangePreset[];
+    format?: string;
+    placeholder?: string | DateRangePickerPlaceholder;
+    min?: Date;
+    max?: Date;
+    maxRangeDays?: number;
+    label?: string;
+    helperText?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    error?: string;
+    closeOnSelect?: boolean;
+    compact?: boolean;
+    className?: string;
+};
+declare function DateRangePicker({ value, onChange, presets, format, placeholder, min, max, maxRangeDays, label, helperText, clearable, disabled, hasError, error, closeOnSelect, compact, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
 type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
     hasError?: boolean;
     label?: string;
@@ -199,7 +233,7 @@ type TagInputProps = {
     className?: string;
     id?: string;
 };
-declare function TagInput({ value, onChange, placeholder, disabled, label, error, maxTags, className, id: externalId, }: TagInputProps): react_jsx_runtime.JSX.Element;
+declare const TagInput: react.ForwardRefExoticComponent<TagInputProps & react.RefAttributes<HTMLInputElement>>;
 
 type BadgeVariant = 'neutral' | 'primary' | 'success' | 'successSolid' | 'warning' | 'danger' | 'dangerSolid' | 'accent';
 type BadgeSize = 'sm' | 'md';
@@ -468,51 +502,176 @@ type DividerProps = {
 };
 declare function Divider({ orientation, label, className }: DividerProps): react_jsx_runtime.JSX.Element;
 
-type TableProps = {
+type TableProps = ComponentPropsWithoutRef<'table'> & {
     children: ReactNode;
-    className?: string;
 };
-type TableHeaderProps = {
+type TableHeaderProps = ComponentPropsWithoutRef<'thead'> & {
     children: ReactNode;
-    className?: string;
 };
-type TableBodyProps = {
+type TableBodyProps = ComponentPropsWithoutRef<'tbody'> & {
     children: ReactNode;
-    className?: string;
 };
-type TableRowProps = {
+type TableRowProps = ComponentPropsWithoutRef<'tr'> & {
     children: ReactNode;
-    className?: string;
     hoverable?: boolean;
 };
-type TableHeadProps = {
+type TableHeadProps = ComponentPropsWithoutRef<'th'> & {
     children: ReactNode;
-    className?: string;
 };
-type TableCellProps = {
+type TableCellProps = ComponentPropsWithoutRef<'td'> & {
     children: ReactNode;
-    className?: string;
     align?: 'left' | 'center' | 'right';
 };
-declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: react.ForwardRefExoticComponent<TableHeaderProps & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: react.ForwardRefExoticComponent<TableBodyProps & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: react.ForwardRefExoticComponent<TableHeadProps & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
+declare const Table: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+    children: ReactNode;
+} & react.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    children: ReactNode;
+} & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    children: ReactNode;
+} & react.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+    children: ReactNode;
+    hoverable?: boolean;
+} & react.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
+    children: ReactNode;
+} & react.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    children: ReactNode;
+    align?: "left" | "center" | "right";
+} & react.RefAttributes<HTMLTableCellElement>>;
 
+type DataTableSort = {
+    id: string;
+    desc: boolean;
+};
+type DataTableColumnFilterType = 'text' | 'select' | 'boolean' | 'date-range';
+type DataTableFilterOption = {
+    label: string;
+    value: string;
+};
+type DataTableCellContext<T> = {
+    row: T;
+    value: unknown;
+    rowIndex: number;
+    column: DataTableColumnDef<T>;
+};
+type DataTableFilterContext<T> = {
+    column: DataTableColumnDef<T>;
+    value: unknown;
+    onChange: (value: unknown) => void;
+    data: T[];
+};
+type DataTableHeaderContext<T> = {
+    column: DataTableColumnDef<T>;
+    sort: DataTableSort | null;
+};
+type DataTableColumnDef<T> = {
+    id: string;
+    header: ReactNode | ((context: DataTableHeaderContext<T>) => ReactNode);
+    accessorKey?: keyof T;
+    accessorFn?: (row: T) => unknown;
+    cell?: (context: DataTableCellContext<T>) => ReactNode;
+    sortable?: boolean;
+    sortDescFirst?: boolean;
+    filter?: DataTableColumnFilterType | ((context: DataTableFilterContext<T>) => ReactNode);
+    filterOptions?: DataTableFilterOption[];
+    filterFn?: (value: unknown, row: T, filterValue: unknown) => boolean;
+    searchable?: boolean;
+    align?: 'left' | 'center' | 'right';
+    width?: CSSProperties['width'];
+    minWidth?: CSSProperties['minWidth'];
+    hidden?: boolean;
+    className?: string;
+    headerClassName?: string;
+};
+type DataTableProps<T> = {
+    data: T[];
+    columns: Array<DataTableColumnDef<T>>;
+    caption?: string;
+    searchValue?: string;
+    defaultSearchValue?: string;
+    onSearchValueChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    enableSearch?: boolean;
+    sortBy?: DataTableSort | null;
+    defaultSortBy?: DataTableSort | null;
+    onSortChange?: (sort: DataTableSort | null) => void;
+    filters?: Record<string, unknown>;
+    defaultFilters?: Record<string, unknown>;
+    onFiltersChange?: (filters: Record<string, unknown>) => void;
+    showFilters?: boolean;
+    defaultShowFilters?: boolean;
+    onShowFiltersChange?: (show: boolean) => void;
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    pageSize?: number;
+    defaultPageSize?: number;
+    onPageSizeChange?: (pageSize: number) => void;
+    pageSizeOptions?: number[];
+    totalItems?: number;
+    loading?: boolean;
+    loadingRows?: number;
+    error?: ReactNode;
+    onRetry?: () => void;
+    emptyState?: ReactNode;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    filterToggleLabel?: string;
+    clearFiltersLabel?: string;
+    pageSizeLabel?: string;
+    resultsLabel?: (meta: {
+        from: number;
+        to: number;
+        total: number;
+    }) => ReactNode;
+    toolbarActions?: ReactNode;
+    stickyHeader?: boolean;
+    dense?: boolean;
+    className?: string;
+    manualSorting?: boolean;
+    manualFiltering?: boolean;
+    manualPagination?: boolean;
+    onRowClick?: (row: T) => void;
+    rowHref?: (row: T) => string | undefined;
+    getRowId?: (row: T, index: number) => string;
+    getRowClassName?: (row: T, index: number) => string | undefined;
+};
+declare function DataTable<T>({ data, columns, caption, searchValue, defaultSearchValue, onSearchValueChange, searchPlaceholder, enableSearch, sortBy, defaultSortBy, onSortChange, filters, defaultFilters, onFiltersChange, showFilters, defaultShowFilters, onShowFiltersChange, page, defaultPage, onPageChange, pageSize, defaultPageSize, onPageSizeChange, pageSizeOptions, totalItems, loading, loadingRows, error, onRetry, emptyState, emptyTitle, emptyDescription, filterToggleLabel, clearFiltersLabel, pageSizeLabel, resultsLabel, toolbarActions, stickyHeader, dense, className, manualSorting, manualFiltering, manualPagination, onRowClick, rowHref, getRowId, getRowClassName, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+type StatCardSize = 'sm' | 'md' | 'lg';
+type StatCardValueColor = 'default' | 'success' | 'danger' | 'warning' | 'auto';
 type StatCardTrend = {
     value: number;
+    percentValue?: number;
     label?: string;
+    format?: (trend: {
+        value: number;
+        percentValue?: number;
+    }) => string;
+};
+type StatCardMetric = {
+    value: string | number;
+    label: string;
+    trend?: StatCardTrend;
 };
 type StatCardProps = {
     value: string | number;
     label: string;
     icon?: ReactNode;
     trend?: StatCardTrend;
+    size?: StatCardSize;
+    valueColor?: StatCardValueColor;
+    href?: string;
+    onClick?: () => void;
+    loading?: boolean;
+    secondaryMetric?: StatCardMetric;
     className?: string;
 };
-declare function StatCard({ value, label, icon, trend, className }: StatCardProps): react_jsx_runtime.JSX.Element;
+declare function StatCard({ value, label, icon, trend, size, valueColor, href, onClick, loading, secondaryMetric, className, }: StatCardProps): react_jsx_runtime.JSX.Element;
 
 type PaginationProps = {
     page: number;
@@ -573,6 +732,39 @@ type DotIndicatorProps = {
 };
 declare function DotIndicator({ remaining, max, showLabel, labelFormat, className, }: DotIndicatorProps): react_jsx_runtime.JSX.Element;
 
+type TimelineGroupBy = 'day' | 'month' | 'year' | 'none';
+type TimelineVariant = 'default' | 'compact';
+type TimelineLineStyle = 'solid' | 'dashed' | 'none';
+type TimelineOrder = 'asc' | 'desc';
+type TimelineTimestampPosition = 'above' | 'inline' | 'side';
+type TimelineIconTone = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'accent' | string;
+type TimelineEvent = {
+    id: string;
+    icon?: ReactNode;
+    iconColor?: TimelineIconTone;
+    title: ReactNode;
+    description?: ReactNode;
+    timestamp?: Date | string;
+    metadata?: Record<string, ReactNode>;
+};
+type TimelineProps = {
+    events: TimelineEvent[];
+    timestampFormatter?: (value: Date) => ReactNode;
+    timestampPosition?: TimelineTimestampPosition;
+    groupBy?: TimelineGroupBy;
+    groupHeaderFormatter?: (value: Date, groupBy: Exclude<TimelineGroupBy, 'none'>) => ReactNode;
+    variant?: TimelineVariant;
+    lineStyle?: TimelineLineStyle;
+    order?: TimelineOrder;
+    maxVisible?: number;
+    onLoadMore?: () => void;
+    hasMore?: boolean;
+    loading?: boolean;
+    emptyState?: ReactNode;
+    className?: string;
+};
+declare function Timeline({ events, timestampFormatter, timestampPosition, groupBy, groupHeaderFormatter, variant, lineStyle, order, maxVisible, onLoadMore, hasMore, loading, emptyState, className, }: TimelineProps): react_jsx_runtime.JSX.Element;
+
 type FilterPill = {
     key: string;
     label: string;
@@ -626,15 +818,41 @@ type SidebarProps = {
 };
 declare function Sidebar({ children, collapsed, onToggle, className }: SidebarProps): react_jsx_runtime.JSX.Element;
 
+type DashboardLayoutWidth = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+type DashboardLayoutNavItem = {
+    key?: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: ReactNode;
+    target?: string;
+    rel?: string;
+};
+type DashboardLayoutNavRenderContext = {
+    type: 'desktop' | 'mobile';
+    className: string;
+};
 type DashboardLayoutProps = {
     children: ReactNode;
     navbar?: ReactNode;
     sidebar?: ReactNode;
+    brand?: ReactNode;
+    user?: ReactNode;
+    headerActions?: ReactNode;
+    navItems?: DashboardLayoutNavItem[];
+    renderNavItem?: (item: DashboardLayoutNavItem, context: DashboardLayoutNavRenderContext) => ReactNode;
+    navigationLabel?: string;
+    mobileNavigationLabel?: string;
+    shellClassName?: string;
+    shellWidth?: DashboardLayoutWidth;
     className?: string;
     mainClassName?: string;
-    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    maxWidth?: DashboardLayoutWidth;
 };
-declare function DashboardLayout({ children, navbar, sidebar, className, mainClassName, maxWidth }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
+declare function DashboardLayout({ children, navbar, sidebar, brand, user, headerActions, navItems, renderNavItem, navigationLabel, mobileNavigationLabel, shellClassName, shellWidth, className, mainClassName, maxWidth, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
 
 type AlertVariant = 'info' | 'success' | 'warning' | 'error';
 type AlertProps = {
@@ -649,11 +867,16 @@ declare function Alert({ variant, title, children, onDismiss, className }: Alert
 type CopyFieldProps = {
     value: string;
     label?: string;
+    description?: ReactNode;
     masked?: boolean;
+    emptyText?: string;
+    rightActions?: ReactNode;
+    copyOnClick?: boolean;
+    maskFormatter?: (value: string) => string;
     className?: string;
     id?: string;
 };
-declare function CopyField({ value, label, masked, className, id: externalId }: CopyFieldProps): react_jsx_runtime.JSX.Element;
+declare function CopyField({ value, label, description, masked, emptyText, rightActions, copyOnClick, maskFormatter, className, id: externalId, }: CopyFieldProps): react_jsx_runtime.JSX.Element;
 
 type ProgressButtonProps = Omit<ButtonProps, 'leftIcon' | 'rightIcon' | 'loading'> & {
     isLoading?: boolean;
@@ -822,13 +1045,25 @@ type BreadcrumbItem = {
     label: ReactNode;
     href?: string;
     onClick?: () => void;
+    icon?: ReactNode;
+};
+type BreadcrumbRenderLinkProps = {
+    href: string;
+    onClick?: () => void;
+    className: string;
+    children: ReactNode;
+    item: BreadcrumbItem;
 };
 type BreadcrumbsProps = {
     items: BreadcrumbItem[];
     separator?: ReactNode;
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
+    renderLink?: (props: BreadcrumbRenderLinkProps) => ReactNode;
     className?: string;
 };
-declare function Breadcrumbs({ items, separator, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
+declare function Breadcrumbs({ items, separator, maxItems, itemsBeforeCollapse, itemsAfterCollapse, renderLink, className, }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
 
 type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
 type PopoverProps = {
@@ -922,10 +1157,21 @@ type VisuallyHiddenProps = HTMLAttributes<HTMLSpanElement> & {
  */
 declare function VisuallyHidden({ children, as: Tag, style, ...props }: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
 
+type ErrorBoundaryActionContext = {
+    error: Error;
+    reset: () => void;
+};
 type ErrorBoundaryProps = {
     children: ReactNode;
     fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    resetKey?: string | number | boolean | null;
+    resetKeys?: readonly unknown[];
+    fullScreen?: boolean;
+    title?: ReactNode;
+    description?: ReactNode | ((error: Error) => ReactNode);
+    actionLabel?: ReactNode;
+    onAction?: (context: ErrorBoundaryActionContext) => void;
 };
 type State = {
     error: Error | null;
@@ -934,6 +1180,7 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, State> {
     state: State;
     static getDerivedStateFromError(error: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps): void;
     private reset;
     render(): string | number | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | null | undefined;
 }
@@ -945,4 +1192,4 @@ type LoadingScreenProps = {
 };
 declare function LoadingScreen({ message, size, className }: LoadingScreenProps): react_jsx_runtime.JSX.Element;
 
-export { ActiveFilterPills, type ActiveFilterPillsProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, type CardVariant, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ColorInput, type ColorInputProps, Combobox, type ComboboxOption, type ComboboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, CooldownRing, type CooldownRingProps, type CooldownRingSize, CopyField, type CopyFieldProps, DashboardLayout, type DashboardLayoutProps, Divider, type DividerProps, DotIndicator, type DotIndicatorProps, Drawer, type DrawerProps, type DrawerSide, type DrawerSize, DropZone, type DropZoneProps, Dropdown, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStateProps, ErrorBoundary, type ErrorBoundaryProps, type FilterPill, FormField, type FormFieldProps, Heading, type HeadingLevel, type HeadingProps, type HotkeyBinding, type HotkeyModifiers, IconButton, type IconButtonProps, Input, type InputProps, LoadingScreen, type LoadingScreenProps, Modal, type ModalProps, MutationOverlay, type MutationOverlayProps, type MutationOverlayStatus, Navbar, type NavbarProps, NotificationBell, type NotificationBellProps, PageShell, type PageShellProps, type PageShellVariant, Pagination, type PaginationProps, Pill, Popover, type PopoverPlacement, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, ProgressButton, type ProgressButtonProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, Select, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StageProgress, type StageProgressProps, StatCard, type StatCardProps, type StatCardTrend, type Step, Stepper, type StepperProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagInput, type TagInputProps, Text, type TextColor, type TextProps, type TextSize, Textarea, type TextareaProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPlacement, type TooltipProps, Transition, type TransitionPreset, type TransitionProps, type UseClipboardReturn, type UseDisclosureReturn, type UseHotkeysOptions, type UseIntersectionObserverOptions, type UseIntersectionObserverReturn, type UseSharedNowOptions, VisuallyHidden, type VisuallyHiddenProps, cn, focusSafely, getFocusableElements, useClipboard, useDebounce, useDisclosure, useHotkeys, useIntersectionObserver, useMediaQuery, useScrollLock, useSharedNow, useToast };
+export { ActiveFilterPills, type ActiveFilterPillsProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, type BreadcrumbItem, type BreadcrumbRenderLinkProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, type CardVariant, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ColorInput, type ColorInputProps, Combobox, type ComboboxOption, type ComboboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, CooldownRing, type CooldownRingProps, type CooldownRingSize, CopyField, type CopyFieldProps, DashboardLayout, type DashboardLayoutNavItem, type DashboardLayoutNavRenderContext, type DashboardLayoutProps, type DashboardLayoutWidth, DataTable, type DataTableCellContext, type DataTableColumnDef, type DataTableColumnFilterType, type DataTableFilterContext, type DataTableFilterOption, type DataTableHeaderContext, type DataTableProps, type DataTableSort, DateRangePicker, type DateRangePickerPlaceholder, type DateRangePickerProps, type DateRangePreset, type DateRangeValue, Divider, type DividerProps, DotIndicator, type DotIndicatorProps, Drawer, type DrawerProps, type DrawerSide, type DrawerSize, DropZone, type DropZoneProps, Dropdown, DropdownItem, type DropdownItemProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStateProps, ErrorBoundary, type ErrorBoundaryActionContext, type ErrorBoundaryProps, type FilterPill, FormField, type FormFieldProps, Heading, type HeadingLevel, type HeadingProps, type HotkeyBinding, type HotkeyModifiers, IconButton, type IconButtonProps, Input, type InputProps, LoadingScreen, type LoadingScreenProps, Modal, type ModalProps, MutationOverlay, type MutationOverlayProps, type MutationOverlayStatus, Navbar, type NavbarProps, NotificationBell, type NotificationBellProps, PageShell, type PageShellProps, type PageShellVariant, Pagination, type PaginationProps, Pill, Popover, type PopoverPlacement, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, ProgressButton, type ProgressButtonProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, Select, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StageProgress, type StageProgressProps, StatCard, type StatCardMetric, type StatCardProps, type StatCardSize, type StatCardTrend, type StatCardValueColor, type Step, Stepper, type StepperProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagInput, type TagInputProps, Text, type TextColor, type TextProps, type TextSize, Textarea, type TextareaProps, Timeline, type TimelineEvent, type TimelineGroupBy, type TimelineIconTone, type TimelineLineStyle, type TimelineOrder, type TimelineProps, type TimelineTimestampPosition, type TimelineVariant, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPlacement, type TooltipProps, Transition, type TransitionPreset, type TransitionProps, type UseClipboardReturn, type UseDisclosureReturn, type UseHotkeysOptions, type UseIntersectionObserverOptions, type UseIntersectionObserverReturn, type UseSharedNowOptions, VisuallyHidden, type VisuallyHiddenProps, cn, focusSafely, getFocusableElements, useClipboard, useDebounce, useDisclosure, useHotkeys, useIntersectionObserver, useMediaQuery, useScrollLock, useSharedNow, useToast };