glintly-ui 1.0.0

package/dist/glintly-ui.d.ts

@@ -0,0 +1,967 @@
+import { default as default_2 } from 'react';
+import { Dropdown } from './dropdown';
+import { DropdownDivider } from './dropdown';
+import { DropdownForm } from './dropdown';
+import { DropdownHeader } from './dropdown';
+import { DropdownItem } from './dropdown';
+import { DropdownMenu } from './dropdown';
+import { DropdownSearch } from './dropdown';
+import { DropdownText } from './dropdown';
+import { DropdownToggle } from './dropdown';
+import { List } from './list';
+import { ListDivider } from './list';
+import { ListItem } from './list';
+import { ListSectionHeader } from './list';
+import { Pagination } from './pagination';
+import { ReactNode } from 'react';
+
+export declare const Accordion: default_2.FC<AccordionProps>;
+
+declare interface AccordionItemData {
+    id: string | number;
+    title: default_2.ReactNode;
+    content: default_2.ReactNode;
+    disabled?: boolean;
+    defaultOpen?: boolean;
+    iconLeft?: string;
+}
+
+declare interface AccordionProps {
+    items: AccordionItemData[];
+    allowMultiple?: boolean;
+    defaultOpenIds?: Array<string | number>;
+    openIds?: Array<string | number>;
+    onChange?: (openIds: Array<string | number>) => void;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    className?: string;
+}
+
+declare type AccordionSize = "sm" | "md" | "lg";
+
+declare type AccordionVariant = "solid" | "bordered" | "shadow";
+
+declare interface Action {
+    type: ActionType;
+    label: string;
+    iconName: string;
+    isVisible?: (row: DataTableItem) => boolean;
+    isDisabled?: (row: DataTableItem) => boolean;
+    onClick?: (row: DataTableItem) => void;
+}
+
+declare type ActionType = string;
+
+export declare const Avatar: default_2.FC<AvatarProps>;
+
+declare interface AvatarProps {
+    src?: string;
+    title?: string;
+    subTitle?: string;
+    data?: Data[];
+    size?: AvatarSize;
+    max?: number;
+    showDetails?: boolean;
+    group?: boolean;
+    placeholder?: string;
+    variant?: AvatarVariant;
+    outlined?: boolean;
+    status?: default_2.ReactNode;
+    showInitials?: 0 | 1 | 2 | 3;
+    theme?: AvatarTheme;
+    badge?: BadgeProps;
+    onClick?: (event: default_2.MouseEvent<HTMLDivElement>, item?: Data) => void;
+}
+
+declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+
+declare type AvatarTheme = 'default' | 'gradient-blue' | 'gradient-purple' | 'gradient-pink' | 'gradient-green';
+
+declare type AvatarVariant = 'circle' | 'square';
+
+export declare const Badge: default_2.FC<BadgeProps_2>;
+
+export declare const BadgeGroup: default_2.FC<BadgeGroupProps>;
+
+declare interface BadgeGroupProps {
+    children: default_2.ReactNode;
+    spacing?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+    'data-testid'?: string;
+}
+
+declare interface BadgeProp {
+    content?: string | number;
+    variant?: 'primary' | 'success' | 'warning' | 'error';
+}
+
+declare interface BadgeProps {
+    content?: string | number;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    variant?: 'primary' | 'success' | 'warning' | 'error' | 'info';
+}
+
+declare interface BadgeProps_2 {
+    children?: default_2.ReactNode;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    radius?: BadgeRadius;
+    icon?: IconProp_2;
+    dot?: boolean;
+    outlined?: boolean;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+    style?: default_2.CSSProperties;
+    'data-testid'?: string;
+}
+
+declare type BadgeRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+
+declare type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
+
+declare type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'gray';
+
+declare interface BorderRadius {
+    [key: string]: string;
+}
+
+export declare const BoxIcon: default_2.FC<{
+    name: string;
+    color?: string;
+    type?: string;
+    height?: string;
+    width?: string;
+    style?: default_2.CSSProperties;
+}>;
+
+declare type BreakpointKey = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+
+declare interface Breakpoints {
+    [key: string]: string;
+}
+
+export declare const Button: default_2.FC<ButtonComponentProps>;
+
+declare interface ButtonComponentProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect"> {
+    children?: default_2.ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    shade?: ShadeKey;
+    icon?: IconProp_2;
+    shadow?: ButtonShadow;
+    border?: boolean;
+    fullWidth?: boolean;
+    transparent?: boolean;
+}
+
+declare type ButtonShadow = "sm" | "md" | "lg";
+
+declare type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+
+declare type ButtonVariant = "primary" | "secondary" | "gray" | "transparent";
+
+export declare const Card: default_2.FC<CardProps>;
+
+declare interface CardProps {
+    title?: string;
+    subtitle?: string;
+    children?: default_2.ReactNode;
+    backgroundColor?: string;
+    borderRadius?: string;
+    padding?: string;
+    shadow?: boolean;
+    width?: string;
+    className?: string;
+    onClick?: () => void;
+    style?: default_2.CSSProperties;
+}
+
+export declare const Carousel: default_2.FC<CarouselProps>;
+
+export declare const CarouselCaption: default_2.FC<CarouselCaptionProps>;
+
+declare interface CarouselCaptionProps {
+    children: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+
+export declare const CarouselItem: default_2.FC<CarouselItemProps>;
+
+declare interface CarouselItemProps {
+    children: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+
+declare interface CarouselProps {
+    children?: ReactNode;
+    slides?: CarouselSlide[];
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    showNavigation?: boolean;
+    showDots?: boolean;
+    showArrows?: boolean;
+    infinite?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onSlideChange?: (currentIndex: number) => void;
+}
+
+declare interface CarouselSlide {
+    id: string | number;
+    content: ReactNode;
+    alt?: string;
+}
+
+export declare const CodeViewer: default_2.FC<CodeViewerProps>;
+
+declare interface CodeViewerProps {
+    isOpen?: boolean;
+    data?: {
+        title?: string;
+        code: {
+            react?: string;
+            css?: string;
+            html?: string;
+        };
+    };
+    onClose?: () => void;
+    variant?: "default" | "modal";
+}
+
+export declare const Col: default_2.FC<ColProps>;
+
+declare interface Colors {
+    light: ColorVariant;
+    dark: ColorVariant;
+    [key: string]: ColorVariant;
+}
+
+declare type ColorScale = {
+    25?: string;
+    50?: string;
+    100?: string;
+    200?: string;
+    300?: string;
+    400?: string;
+    500?: string;
+    600?: string;
+    700?: string;
+    800?: string;
+    900?: string;
+};
+
+declare interface ColorVariant {
+    primary: ColorScale;
+    secondary: ColorScale;
+    background: string;
+    surface: string;
+    text: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    error: ColorScale;
+    success: ColorScale;
+    warning: ColorScale;
+    gray: ColorScale;
+    iconButton: ColorScale;
+    [key: string]: ColorScale | string | {
+        [key: string]: string;
+    };
+}
+
+declare type ColProps = {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    children: default_2.ReactNode;
+    style?: default_2.CSSProperties;
+    className?: string;
+};
+
+declare interface ComingSoonProps {
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    onClick?: () => void;
+}
+
+declare interface ConnectionErrorProps {
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    onClick?: () => void;
+}
+
+declare interface ConnectionVariantsProp {
+    title?: string;
+    description?: string;
+}
+
+export declare const Container: default_2.FC<ContainerProps>;
+
+declare interface ContainerProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    maxWidth?: BreakpointKey | number | false;
+    fullWidth?: boolean;
+    disableGutters?: boolean;
+    center?: boolean;
+    children?: default_2.ReactNode;
+}
+
+declare interface Data {
+    title?: string;
+    subTitle?: string;
+    avatar?: string;
+    status?: default_2.ReactNode;
+    showInitials?: 0 | 1 | 2 | 3;
+    theme?: AvatarTheme;
+    badge?: BadgeProps;
+    [key: string]: unknown;
+}
+
+export declare const DataTable: default_2.FC<DataTableProps>;
+
+declare interface DataTableColumn {
+    title: string;
+    key: string;
+    render?: (value: unknown, rowData: DataTableItem) => default_2.ReactNode;
+    renderLinks?: (value: unknown, rowData: DataTableItem) => default_2.ReactNode;
+    onRowClick?: (id: string | number) => void;
+    link?: string;
+    data?: Record<string, unknown>;
+    sortable?: boolean;
+    actionDisplay?: "menu" | "default";
+    actions?: Action[];
+    maxWords?: number;
+    width?: string | number;
+    align?: "left" | "center" | "right";
+}
+
+declare interface DataTableItem {
+    id: number | string;
+    [key: string]: unknown;
+}
+
+declare interface DataTablePaginationProps {
+    currentPage: number;
+    rowsPerPage: number;
+    totalRows: number;
+    rowsPerPageLabel?: string;
+    onPageChange: (page: number) => void;
+    onRowsPerPageChange?: (rows: number) => void;
+    rowsPerPageOptions?: number[];
+}
+
+declare interface DataTableProps {
+    data: DataTableItem[];
+    columns: DataTableColumn[];
+    searchable?: boolean;
+    pagination?: DataTablePaginationProps;
+    onRowClick?: (row: DataTableItem) => void;
+    checkboxSelection?: boolean;
+    loading?: boolean;
+    emptyStateMessage?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+export declare const DatePicker: default_2.FC<DatePickerProps>;
+
+declare interface DatePickerProps {
+    id?: string;
+    label?: string;
+    name?: string;
+    required?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    mode?: "single" | "range";
+    value?: Date | {
+        start: Date | null;
+        end: Date | null;
+    } | null;
+    onChange?: (e: {
+        target: {
+            name: string;
+            value: any;
+        };
+    }) => void;
+    placeholder?: string;
+    fullwidth?: boolean;
+    dualInput?: boolean;
+    showButtons?: boolean;
+    shadow?: "sm" | "md" | "lg";
+}
+
+declare const defaultFontSizes: {
+    xs: string;
+    sm: string;
+    base: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+};
+
+declare const defaultLineHeights: Record<string, string>;
+
+export { Dropdown }
+
+export { DropdownDivider }
+
+export { DropdownForm }
+
+export { DropdownHeader }
+
+export { DropdownItem }
+
+export { DropdownMenu }
+
+export { DropdownSearch }
+
+export { DropdownText }
+
+export { DropdownToggle }
+
+export declare const ErrorPage: default_2.FC<ErrorPageProps>;
+
+declare interface ErrorPageProps extends EyesVariantProps, ConnectionVariantsProp, ComingSoonProps, ConnectionErrorProps {
+    variant?: 'default' | 'connection' | 'comingSoon';
+    height?: string;
+}
+
+declare interface EyesVariantProps {
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    onClick?: () => void;
+}
+
+export declare const FilterBar: default_2.FC<FilterBarProps>;
+
+declare interface FilterBarProps {
+    filterFields?: FilterField[];
+    onFilterChange?: (filters: Record<string, string | string[]>) => void;
+    onClearFilters?: () => void;
+    disabled?: boolean;
+    className?: string;
+    style?: default_2.CSSProperties;
+    showClearButton?: boolean;
+    compactMode?: boolean;
+    title?: string;
+}
+
+declare interface FilterField {
+    key: string;
+    label: string;
+    type: "input" | "dropdown" | "multiSelect";
+    options?: {
+        label: string;
+        value: string | number;
+    }[];
+    source?: "toolbar" | "dialog";
+    placeholder?: string;
+}
+
+declare type IconPosition = 'left' | 'right' | 'both' | "onlyIcon";
+
+declare type IconPosition_2 = 'left' | 'right' | 'both' | "onlyIcon";
+
+declare interface IconProp {
+    left?: string;
+    right?: string;
+    onlyIcon?: string;
+    both?: [string, string];
+    color?: string;
+    width?: string;
+    height?: string;
+}
+
+declare interface IconProp_2 {
+    position?: IconPosition;
+    name?: string;
+    size?: IconSize;
+    color?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    onMouseDown?: () => void;
+}
+
+declare interface IconProp_3 {
+    position?: IconPosition_2;
+    name?: string;
+    size?: IconSize_2;
+    color?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    onMouseDown?: () => void;
+}
+
+declare type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+declare type IconSize_2 = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const Input: default_2.FC<InputProps>;
+
+declare type InputProps = {
+    label?: string;
+    name: string;
+    icon?: IconProp_3;
+    type?: InputType;
+    value?: string | number | boolean | (string | number)[];
+    checked?: boolean;
+    onChange?: (e: default_2.ChangeEvent<HTMLInputElement | HTMLSelectElement> | {
+        target: {
+            name: string;
+            value: string | number | boolean | (string | number)[];
+        };
+    }) => void;
+    options?: Option_2[];
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    multiple?: boolean;
+    size?: InputSize;
+    autoComplete?: string;
+    helperText?: string;
+    errorMessage?: string;
+    readOnly?: boolean;
+    min?: number | string;
+    max?: number | string;
+    step?: number | string;
+    pattern?: string;
+    maxLength?: number;
+    minLength?: number;
+    defaultCountry?: string;
+    dropdownPosition?: "left" | "right";
+    enableSearch?: boolean;
+    formatValue?: boolean;
+    showToggle?: boolean;
+    accept?: string;
+} & default_2.HTMLAttributes<HTMLInputElement>;
+
+declare type InputSize = "xs" | "sm" | "md" | "lg";
+
+declare type InputType = "text" | "number" | "password" | "email" | "checkbox" | "radio" | "select" | "url" | "tel" | "phone" | "date" | "time" | "datetime-local" | "file";
+
+declare type InternalStepProps = StepProps & {
+    index?: number;
+    last?: boolean;
+};
+
+export { List }
+
+export { ListDivider }
+
+export { ListItem }
+
+export { ListSectionHeader }
+
+export declare const Modal: default_2.FC<ModalProps>;
+
+declare interface ModalProps {
+    isOpen: boolean;
+    title?: string;
+    children: default_2.ReactNode;
+    onClose: () => void;
+    onConfirm?: () => void;
+    showFooter?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "fullWidth";
+}
+
+declare type ModeType = 'light' | 'dark';
+
+export declare const Navbar: default_2.FC<NavbarProps>;
+
+declare interface NavbarLinkItem {
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: (e: default_2.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+}
+
+declare type NavbarPosition = "static" | "sticky" | "fixed";
+
+declare interface NavbarProps {
+    title?: string;
+    logoSrc?: string;
+    onBrandClick?: () => void;
+    links?: NavbarLinkItem[];
+    actions?: default_2.ReactNode;
+    align?: "left" | "center" | "right";
+    fullWidth?: boolean;
+    variant?: NavbarVariant;
+    position?: NavbarPosition;
+    size?: NavbarSize;
+    collapseAt?: number;
+    className?: string;
+}
+
+declare type NavbarSize = "sm" | "md" | "lg";
+
+declare type NavbarVariant = "solid" | "transparent" | "elevated";
+
+export declare const Offcanvas: default_2.FC<OffcanvasProps>;
+
+declare interface OffcanvasProps {
+    isOpen: boolean;
+    onClose: () => void;
+    placement?: 'start' | 'end' | 'top' | 'bottom';
+    backdrop?: boolean;
+    children: default_2.ReactNode;
+    width?: string;
+    height?: string;
+    className?: string;
+}
+
+declare type Option_2 = {
+    label: string;
+    value: string | number;
+};
+
+export { Pagination }
+
+export declare const Row: default_2.FC<RowProps>;
+
+declare type RowProps = {
+    spacing?: number;
+    children: default_2.ReactNode;
+    style?: default_2.CSSProperties;
+    className?: string;
+};
+
+export declare const SearchBar: default_2.FC<SearchBarProps>;
+
+declare interface SearchBarProps {
+    placeholder?: string;
+    onSearch?: (query: string) => void;
+    debounceMs?: number;
+    disabled?: boolean;
+    size?: "xs" | "sm" | "md" | "lg";
+    className?: string;
+    style?: default_2.CSSProperties;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+
+declare type ShadeKey = keyof ColorScale;
+
+export declare const SortBar: default_2.FC<SortBarProps>;
+
+declare interface SortBarProps {
+    sortOptions?: SortOption[];
+    onSortChange?: (sortState: SortState | null) => void;
+    defaultSort?: SortState;
+    disabled?: boolean;
+    className?: string;
+    style?: default_2.CSSProperties;
+    showClearButton?: boolean;
+    compactMode?: boolean;
+    title?: string;
+}
+
+declare interface SortOption {
+    key: string;
+    label: string;
+    defaultDirection?: "asc" | "desc";
+}
+
+declare interface SortState {
+    key: string;
+    direction: "asc" | "desc";
+}
+
+declare interface Spacing {
+    [key: string]: string;
+}
+
+export declare const Spinner: default_2.FC<SpinnerProps>;
+
+declare type SpinnerProps = {
+    variant?: "3d-box" | "pyramid" | "cube" | "bouncing" | "default";
+    size?: "xs" | "sm" | "md" | "lg";
+    color?: string;
+    bgColor?: string;
+} & default_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const Step: default_2.FC<InternalStepProps>;
+
+export declare const StepContent: default_2.FC<StepContentProps>;
+
+declare interface StepContentProps {
+    children?: default_2.ReactNode;
+}
+
+export declare const StepLabel: default_2.FC<StepLabelProps & {
+    centered?: boolean;
+}>;
+
+declare interface StepLabelProps {
+    children?: default_2.ReactNode;
+    optional?: default_2.ReactNode;
+    active?: boolean;
+    completed?: boolean;
+    index?: number;
+    StepIconComponent?: default_2.ComponentType<{
+        active?: boolean;
+        completed?: boolean;
+        icon?: default_2.ReactNode;
+        index?: number;
+    }>;
+}
+
+export declare const Stepper: default_2.FC<StepperProps>;
+
+declare type StepperOrientation = "horizontal" | "vertical";
+
+declare interface StepperProps {
+    activeStep?: number;
+    alternativeLabel?: boolean;
+    orientation?: StepperOrientation;
+    connector?: default_2.ReactNode;
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+declare interface StepProps {
+    children: default_2.ReactNode;
+}
+
+declare type Subscriber = (toasts: ToastRecord[]) => void;
+
+export declare const Table: default_2.FC<TableProps>;
+
+export declare const TableBody: default_2.FC<TableBodyProps>;
+
+declare interface TableBodyProps extends default_2.HTMLAttributes<HTMLTableSectionElement> {
+    children: default_2.ReactNode;
+    striped?: boolean;
+    hover?: boolean;
+    variant?: "default" | "dark";
+    bordered?: boolean;
+}
+
+export declare const TableCell: default_2.FC<TableCellProps>;
+
+declare interface TableCellProps extends default_2.TdHTMLAttributes<HTMLTableCellElement> {
+    children: default_2.ReactNode;
+    size?: "sm" | "md" | "lg";
+    align?: "left" | "center" | "right";
+    variant?: "default" | "dark";
+    header?: boolean;
+    sortable?: boolean;
+    sortDirection?: "asc" | "desc" | null;
+    sticky?: boolean;
+    width?: string;
+    onSort?: () => void;
+}
+
+export declare const TableHead: default_2.FC<TableHeadProps>;
+
+declare interface TableHeadProps extends default_2.HTMLAttributes<HTMLTableSectionElement> {
+    children: default_2.ReactNode;
+    variant?: "default" | "dark";
+    bordered?: boolean;
+}
+
+declare interface TableProps extends default_2.TableHTMLAttributes<HTMLTableElement> {
+    children: default_2.ReactNode;
+    striped?: boolean;
+    bordered?: boolean;
+    hover?: boolean;
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "dark";
+    responsive?: boolean;
+    maxHeight?: string;
+    caption?: string;
+}
+
+export declare const TableRow: default_2.FC<TableRowProps>;
+
+declare interface TableRowProps extends default_2.HTMLAttributes<HTMLTableRowElement> {
+    children: default_2.ReactNode;
+    variant?: "default" | "dark";
+    clickable?: boolean;
+    onClick?: (event: default_2.MouseEvent<HTMLTableRowElement>) => void;
+}
+
+declare interface TabOption {
+    name: string;
+    icon?: IconProp;
+    disabled?: boolean;
+    content?: default_2.ReactNode;
+    badge?: BadgeProp;
+    [key: string]: unknown;
+}
+
+export declare const Tabs: default_2.FC<TabsProps>;
+
+declare interface TabsProps {
+    options: TabOption[];
+    defaultTab?: string;
+    onClick?: (tabName: string) => void;
+    className?: string;
+    ariaLabel?: string;
+    variant?: TabVariant;
+    size?: 'sm' | 'md' | 'lg';
+}
+
+declare type TabVariant = 'default' | 'button' | 'shadow' | 'underline' | 'pills';
+
+declare interface Theme extends Omit<ThemeSet, 'colors' | 'shadows'> {
+    colors: ColorVariant;
+    shadows: {
+        [key: string]: string;
+    };
+}
+
+declare interface ThemeContextType {
+    theme: Theme;
+    mode: ModeType;
+    toggleMode: () => void;
+    setCustomTheme: (theme: Partial<ThemeSet> | any) => void;
+}
+
+export declare const ThemeProvider: default_2.FC<ThemeProviderProps | any>;
+
+declare interface ThemeProviderProps {
+    children: ReactNode;
+    theme?: Partial<ThemeSet> | any;
+}
+
+declare interface ThemeSet {
+    colors: Colors;
+    typography: Typography_2;
+    spacing: Spacing;
+    borderRadius: BorderRadius;
+    breakpoints: Breakpoints;
+    shadows: {
+        light: {
+            [key: string]: string;
+        };
+        dark: {
+            [key: string]: string;
+        };
+        [key: string]: {
+            [key: string]: string;
+        };
+    };
+    [key: string]: any;
+}
+
+export declare const toast: ((content: ReactNode, options?: ToastOptions) => string) & {
+    success: (content: ReactNode, options?: ToastOptions) => string;
+    info: (content: ReactNode, options?: ToastOptions) => string;
+    warning: (content: ReactNode, options?: ToastOptions) => string;
+    error: (content: ReactNode, options?: ToastOptions) => string;
+    loading: (content: ReactNode, options?: ToastOptions) => string;
+    update: (id: string, next: Partial<ToastOptions & {
+        content: ReactNode;
+    }>) => void;
+    dismiss: (id?: string) => void;
+    subscribe: (fn: Subscriber) => () => void;
+};
+
+export declare const ToastContainer: default_2.FC<ToastContainerProps>;
+
+declare interface ToastContainerProps {
+    position?: ToastPosition;
+}
+
+declare interface ToastOptions {
+    id?: string;
+    type?: ToastType;
+    position?: ToastPosition;
+    autoClose?: number | false;
+    closeOnClick?: boolean;
+    pauseOnHover?: boolean;
+    icon?: ReactNode;
+    description?: ReactNode;
+    ariaRole?: 'status' | 'alert';
+    onClose?: (id: string) => void;
+}
+
+declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
+declare interface ToastRecord extends Omit<ToastOptions, 'id'> {
+    id: string;
+    content: ReactNode;
+    type: ToastType;
+    position: ToastPosition;
+    autoClose: number | false;
+    closeOnClick: boolean;
+    pauseOnHover: boolean;
+    ariaRole: 'status' | 'alert';
+}
+
+declare type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error';
+
+export declare const Tooltip: default_2.FC<TooltipProps>;
+
+declare type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+
+declare interface TooltipProps {
+    title: default_2.ReactNode;
+    children: default_2.ReactElement;
+    placement?: TooltipPlacement;
+    open?: boolean;
+    disabled?: boolean;
+    offset?: number;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+export declare const Typography: default_2.FC<TypographyProps>;
+
+declare interface Typography_2 {
+    fontFamily: string;
+    fontSize: {
+        [key: string]: string;
+    };
+    fontWeight: {
+        [key: string]: number;
+    };
+    lineHeight?: {
+        [key: string]: string;
+    };
+}
+
+declare type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
+
+declare interface TypographyProps extends default_2.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    as?: keyof JSX.IntrinsicElements;
+    color?: string;
+    fontWeight?: number | string;
+    fontSize?: keyof typeof defaultFontSizes;
+    lineHeight?: keyof typeof defaultLineHeights | string;
+    align?: TypographyAlign;
+    children: default_2.ReactNode;
+    style?: default_2.CSSProperties;
+}
+
+declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
+
+export declare const useTheme: () => ThemeContextType | any;
+
+export { }