td-stylekit 24.8.0 → 25.2.0

package/dist/es/ThemeProvider/v4/index.d.ts

@@ -6,7 +6,343 @@ declare const _default: {
             backgroundColor: any;
             color: any;
         }) | ((({ circle, small, theme, plain, icon, ignoreFocus, disabled, loading }: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             plain: boolean;
             icon: boolean;
             ignoreFocus: boolean;
@@ -38,7 +374,343 @@ declare const _default: {
                 boxShadow: string;
             };
         }) | (({ theme, primary, disabled, loading }: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             primary: boolean;
             disabled: boolean;
             loading: boolean;
@@ -56,7 +728,343 @@ declare const _default: {
                 color: string;
             };
         }) | (({ theme, borderless, disabled, loading }: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             borderless: boolean;
             disabled: boolean;
             loading: boolean;
@@ -79,7 +1087,343 @@ declare const _default: {
                 textDecoration: string;
             };
         }) | (({ theme, borderlessAlt, disabled, loading }: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             borderlessAlt: boolean;
             disabled: boolean;
             loading: boolean;
@@ -106,7 +1450,343 @@ declare const _default: {
             borderRadius: string;
             padding: number;
         }) | (({ theme, danger, disabled, loading }: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             danger: boolean;
             disabled: boolean;
             loading: boolean;
@@ -125,7 +1805,343 @@ declare const _default: {
                 boxShadow: string;
             };
         }) | (({ theme, dangerAlt, disabled, loading }: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             dangerAlt: boolean;
             disabled: boolean;
             loading: boolean;
@@ -143,7 +2159,343 @@ declare const _default: {
                 boxShadow: string;
             };
         }) | (({ theme, disabled, loading }: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             disabled: boolean;
             loading: boolean;
         }) => false | {
@@ -152,7 +2504,343 @@ declare const _default: {
             color: string;
             cursor: string;
         }) | (({ theme, colorFocus }: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             colorFocus: boolean;
         }) => false | {
             outline: string;
@@ -260,8 +2948,344 @@ declare const _default: {
             secondary?: boolean | undefined;
             disabled?: boolean | undefined;
             error?: boolean | undefined;
-            theme: import("..").Theme;
-        }) => import("@emotion/serialize").CSSObject) | (({ theme }: {
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
+        }) => import("@emotion/react").CSSObject) | (({ theme }: {
             theme: any;
         }) => {
             marginBottom: any;
@@ -310,15 +3334,9 @@ declare const _default: {
         }) | (({ theme, selected }: {
             theme: any;
             selected: any;
-        }) => {
-            color: any;
-            backgroundColor: any;
-            borderColor: string;
-        }) | (({ selecting }: {
+        }) => any) | (({ selecting }: {
             selecting: any;
-        }) => {
-            userSelect: string;
-        }))[] | (({ theme }: {
+        }) => any))[] | (({ theme }: {
             theme: any;
         }) => {
             border: string;
@@ -435,19 +3453,351 @@ declare const _default: {
             theme: any;
         }) => ((({ required }: {
             required: any;
-        }) => {
-            '&:after': {
-                content: string;
-            };
-        }) | {
+        }) => any) | {
             color: any;
         })[]) | (() => {
             viewBox: string;
         }) | ((props: {
-            theme: import("..").Theme;
+            theme: {
+                readonly space: string[];
+                readonly palette: {
+                    success: string[];
+                    warning: string[];
+                    error: string[];
+                    primary: string[];
+                    secondary: string[];
+                    neutral: string[];
+                };
+                readonly fontFamily: {
+                    body: string;
+                    monospace: string;
+                };
+                readonly fontSize: string[];
+                readonly lineHeight: number[];
+                readonly radius: string[];
+                readonly borderWidth: string[];
+                readonly grid: number[];
+                readonly shadows: {
+                    small: string;
+                    big: string;
+                    pill: string;
+                    bigCentered: string;
+                    popover: string;
+                    secondaryNavActiveItem: string;
+                };
+                readonly sizes: {
+                    PageHeaderIcon: number;
+                };
+                readonly zIndex: {
+                    Base: number;
+                    Overlay: number;
+                    FormControl: number;
+                    SecondaryNav: number;
+                    SecondaryNavActiveItem: number;
+                    PrimaryNav: number;
+                    PopOver: number;
+                    PageHeaderSearch: number;
+                    Modal: number;
+                    Tether: number;
+                    GlobalNav: number;
+                    Toast: number;
+                };
+                readonly color: {
+                    Dune: string;
+                    CuriousBlue: string;
+                    FlushMahogany: string;
+                    Maroon: string;
+                    PinkSwan: string;
+                    Matisse: string;
+                    HummingBird: string;
+                    Primary: string;
+                    PrimaryContrast: string;
+                    PrimaryFade: string;
+                    PrimaryLight: string;
+                    PrimaryLightFade: string;
+                    PrimaryLightHighlight: string;
+                    PrimaryAccent: string;
+                    DarkBackground: string;
+                    DarkBar: string;
+                    DarkHover: string;
+                    DarkPrimary: string;
+                    DarkSecondary: string;
+                    LightBackground: string;
+                    LightBar: string;
+                    LightDisabled: string;
+                    LightDivider: string;
+                    LightDividerNew: string;
+                    LightHint: string;
+                    LightHover: string;
+                    LightPrimary: string;
+                    LightSecondary: string;
+                    BorderGrey: string;
+                    Blue: string;
+                    BlueFade: string;
+                    Green: string;
+                    GreenFade: string;
+                    GreenBackground: string;
+                    Red: string;
+                    RedFade: string;
+                    Yellow: string;
+                    YellowFade: string;
+                    YellowHighlight: string;
+                    Orange: string;
+                    OrangeFill: string;
+                    OrangeBackground: string;
+                    Error: string;
+                    ErrorFade: string;
+                    ErrorBackground: string;
+                    DraggableDraggingBackground: string;
+                    Aquamarine: string;
+                    Azure: string;
+                    AzureNew: string;
+                    AzureFade: string;
+                    AzureHighlight: string;
+                    Silver: string;
+                    BlueNavy: string;
+                    Black: string;
+                    TurquoiseBlue: string;
+                    SummerSky: string;
+                    Mondo: string;
+                    HeavyMetal: string;
+                    BokaraGrey: string;
+                    Cyan: string;
+                    Eucalyptus: string;
+                    Flamingo: string;
+                    Zorba: string;
+                    Flint: string;
+                    Maya: string;
+                    Bondi: string;
+                    Emerald: string;
+                    Carissma: string;
+                    Solitude: string;
+                    WhiteSmoke: string;
+                    Violet: string;
+                    FireBrick: string;
+                    Purple: string;
+                    Buckthorn: string;
+                };
+                readonly gradient: {
+                    main: string;
+                    neutral: string;
+                };
+            } & {
+                overrides?: {
+                    Badge: {
+                        Root: symbol;
+                        Error: symbol;
+                        Neutral: symbol;
+                        Success: symbol;
+                        Warning: symbol;
+                    };
+                    Button: {
+                        Root: symbol;
+                    };
+                    Card: {
+                        Root: symbol;
+                    };
+                    Checkbox: {
+                        CheckIcon: symbol;
+                        Input: symbol;
+                        Label: symbol;
+                        VisualCheckbox: symbol;
+                    };
+                    CollapsibleToggle: {
+                        Root: symbol;
+                        ToggleButton: symbol;
+                    };
+                    Color: {
+                        Root: symbol;
+                    };
+                    DataGrid: {
+                        Root: symbol;
+                        CategoryInput: symbol;
+                        CategoryOptionsContainer: symbol;
+                        Cell: symbol;
+                        CollapsibleIcon: symbol;
+                        ColumnHeaderActionsContainer: symbol;
+                        ColumnHeaderContainer: symbol;
+                        ColumnHeaderIcon: symbol;
+                        ColumnHeaderLabel: symbol;
+                        ColumnHeaderPopover: symbol;
+                        FilterButtons: symbol;
+                        FilterHeader: symbol;
+                        FilterSeparator: symbol;
+                        RightFilterButton: symbol;
+                        Row: symbol;
+                        SortButton: symbol;
+                        TableContainer: symbol;
+                    };
+                    DatePicker: {
+                        Root: symbol;
+                        Container: symbol;
+                        NavBar: symbol;
+                        NavButtonPrev: symbol;
+                        NavButtonNext: symbol;
+                        Caption: symbol;
+                        Weekdays: symbol;
+                        WeekdaysRow: symbol;
+                        Weekday: symbol;
+                        Body: symbol;
+                        Week: symbol;
+                        Day: symbol;
+                        Today: symbol;
+                        Selected: symbol;
+                        Disabled: symbol;
+                        Outside: symbol;
+                    };
+                    DropdownButton: {
+                        Root: symbol;
+                        ActionTrigger: symbol;
+                        DropdownTrigger: symbol;
+                        DropdownTriggerContainer: symbol;
+                        GetPopoverItemClassName: symbol;
+                        Popover: symbol;
+                        SecondaryAction: symbol;
+                    };
+                    Icon: {
+                        Root: symbol;
+                    };
+                    Input: {
+                        Root: symbol;
+                    };
+                    FormFieldAddon: {
+                        Root: symbol;
+                        AddonError: symbol;
+                        AddonHint: symbol;
+                        AddonWarning: symbol;
+                    };
+                    FormLabel: {
+                        Root: symbol;
+                    };
+                    Link: {
+                        Root: symbol;
+                    };
+                    Menu: {
+                        Box: symbol;
+                        Divider: symbol;
+                        Item: symbol;
+                    };
+                    Modal: {
+                        Backdrop: symbol;
+                        CloseIcon: symbol;
+                        ConfirmationLabel: symbol;
+                        Dialog: symbol;
+                        ErrorIcon: symbol;
+                        Footer: symbol;
+                        Header: symbol;
+                        ModalBody: symbol;
+                        ModalTitle: symbol;
+                        ModalSubtitle: symbol;
+                        NavButton: symbol;
+                        NavButtonIconWrapper: symbol;
+                        NavWrapper: symbol;
+                    };
+                    MultiSelect: {
+                        Root: symbol;
+                        ClearButton: symbol;
+                        Counter: symbol;
+                        DefaultRowRenderer: symbol;
+                        ListContainer: symbol;
+                        ListItem: symbol;
+                        SearchIcon: symbol;
+                        SearchInputStyled: symbol;
+                        SearchInputWrapper: symbol;
+                        SelectDivider: symbol;
+                        SelectSpacer: symbol;
+                    };
+                    Popover: {
+                        Root: symbol;
+                        Arrow: symbol;
+                        ArrowBase: symbol;
+                    };
+                    Radio: {
+                        Root: symbol;
+                        Input: symbol;
+                        VisualBox: symbol;
+                        VisualRadio: symbol;
+                    };
+                    Section: {
+                        Root: symbol;
+                        Header: symbol;
+                        IconContainer: symbol;
+                        Content: symbol;
+                        ContentPadder: symbol;
+                    };
+                    Select: {
+                        ArrowDownIcon: symbol;
+                        Control: symbol;
+                        DataGridControlStyles: symbol;
+                        DisableControlStyles: symbol;
+                        DisabledMultiValueLabel: symbol;
+                        DisabledMultiValueStyles: symbol;
+                        FocusedControlStyles: symbol;
+                        InvalidControlStyles: symbol;
+                        WarningControlStyles: symbol;
+                        ListContainer: symbol;
+                        Menu: symbol;
+                        MultiValue: symbol;
+                        MultiValueLabel: symbol;
+                        MultiValueRemove: symbol;
+                        NoResultsMessage: symbol;
+                        Option: symbol;
+                        Placeholder: symbol;
+                        SingleValue: symbol;
+                        StyledRow: symbol;
+                        ValueContainer: symbol;
+                    };
+                    Shuttle: {
+                        Root: symbol;
+                        MiddleMenuButton: symbol;
+                    };
+                    Tagger: {
+                        Root: symbol;
+                        PopupSelector: symbol;
+                        PopupSelectorListItem: symbol;
+                        PopupSelectorListContainer: symbol;
+                        PopupSelectorSearchListContainer: symbol;
+                        PopupSelectorSearchInputContainer: symbol;
+                        PopupSelectorTextarea: symbol;
+                    };
+                    Toast: {
+                        Root: symbol;
+                        Error: symbol;
+                        ErrorIcon: symbol;
+                        Warning: symbol;
+                        WarningIcon: symbol;
+                        Default: symbol;
+                        DefaultIcon: symbol;
+                        Success: symbol;
+                        SuccessIcon: symbol;
+                        ToastText: symbol;
+                        ToastTitle: symbol;
+                        ToastExitDivider: symbol;
+                        ToastContent: symbol;
+                        ToastExitIconWrapper: symbol;
+                    };
+                    Toggle: {
+                        Root: symbol;
+                        ToggleKnob: symbol;
+                    };
+                    UserAvatar: {
+                        Root: symbol;
+                        AvatarFallback: symbol;
+                    };
+                    View: {
+                        Root: symbol;
+                    };
+                } | undefined;
+                name?: "v4" | "v5" | undefined;
+                icons?: {
+                    [name: string]: {
+                        [name: string]: string | number | symbol;
+                    };
+                } | undefined;
+            };
             invalid?: boolean | undefined;
             disabled?: boolean | undefined;
-        }) => import("@emotion/serialize").CSSObject) | (({ theme, disabled }: {
+        }) => import("@emotion/react").CSSObject) | (({ theme, disabled }: {
             theme: any;
             disabled: any;
         }) => {
@@ -478,11 +3828,7 @@ declare const _default: {
         }) => ((({ theme, focused }: {
             theme: any;
             focused: any;
-        }) => {
-            backgroundColor: any;
-            color: any;
-            borderRadius: any;
-        }) | {
+        }) => any) | {
             height: string | number;
             padding: string;
             borderBottom: string;
@@ -502,7 +3848,16 @@ declare const _default: {
             theme: any;
         }) => {
             background: string;
-        }[]) | (({ theme }: {
+        }[]) | ((({ theme, dynamite }: {
+            theme: any;
+            dynamite: any;
+        }) => any) | (({ theme, disabled }: {
+            theme: any;
+            disabled: any;
+        }) => any) | (({ theme, destructive }: {
+            theme: any;
+            destructive: any;
+        }) => any))[] | (({ theme }: {
             theme: any;
         }) => {
             color: any;
@@ -516,46 +3871,13 @@ declare const _default: {
             smallFont: any;
         }) => {
             fontSize: any;
-        })[] | ((({ theme }: {
-            theme: any;
-        }) => {
-            ':active': {
-                background: any;
-                borderTop: string;
-                borderBottom: string;
-                borderRadius: number;
-                boxShadow: any;
-                color: any;
-            };
-            ':hover': {
-                color: string;
-            };
-        }) | (({ theme, active }: {
+        })[] | ((({ theme, active }: {
             theme: any;
             active: any;
-        }) => {
-            background: any;
-            borderTop: string;
-            borderBottom: string;
-            borderRadius: number;
-            boxShadow: any;
-            color: any;
-        }) | (({ theme, disabled }: {
+        }) => any) | (({ theme, disabled }: {
             theme: any;
             disabled: any;
-        }) => {
-            color: any;
-            ':active': {
-                background: string;
-                color: any;
-                borderTop: string;
-                borderBottom: string;
-                boxShadow: string;
-            };
-            ':hover': {
-                color: any;
-            };
-        }) | (({ disabled, ignoreFocus, loading }: {
+        }) => any) | (({ disabled, ignoreFocus, loading }: {
             disabled: any;
             ignoreFocus: any;
             loading: any;
@@ -563,11 +3885,7 @@ declare const _default: {
             ':focus': false | {
                 outline: string;
             };
-        }))[] | (({ theme }: {
-            theme: any;
-        }) => {
-            color: any;
-        })[] | (({ theme, width }: {
+        }))[] | (({ theme, width }: {
             theme: any;
             width: any;
         }) => {
@@ -605,101 +3923,25 @@ declare const _default: {
         }) | ((({ focused, theme }: {
             focused: any;
             theme: any;
-        }) => {
-            border: string;
-            borderRadius: number;
-        }) | (({ selected, theme }: {
-            selected: any;
-            theme: any;
-        }) => {
-            backgroundColor: any;
-            borderRadius: number;
-            color: any;
-        }) | (({ selected, theme }: {
-            selected: any;
-            theme: any;
-        }) => {
-            '&:hover': {
-                backgroundColor: any;
-                borderRadius: number;
-            };
-        }) | (({ focused, selected, theme }: {
-            focused: any;
+        }) => any) | (({ selected, theme }: {
             selected: any;
             theme: any;
-        }) => {
-            border: string;
-            color: any;
-        }))[] | (({ theme }: {
+        }) => any))[] | (({ theme }: {
             theme: any;
         }) => {
             borderColor: any;
             paddingLeft: any;
-        }) | import("../types").CSSFunction | import("../types").CSSFunction[] | (({ theme }: {
-            theme: any;
-        }) => {
-            ':focus + div': {
-                borderColor: any;
-                boxShadow: string;
-            };
-            ':disabled': {
-                cursor: string;
-                color: any;
-            };
-        })[] | ((({ theme }: {
-            theme: any;
-        }) => {
-            borderColor: any;
-            width: string;
-            height: string;
-            top: string;
-        }) | (({ theme, disabled }: {
-            theme: any;
-            disabled: any;
-        }) => {
-            backgroundColor: any;
-            borderColor: any;
-        }))[] | (({ theme, disabled }: {
+        }) | import("../types").CSSFunction | import("../types").CSSFunction[] | (({ theme, disabled }: {
             theme: any;
             disabled: any;
-        }) => {
-            backgroundColor: any;
-        } | {
-            backgroundColor?: undefined;
-        })[] | ((({ theme }: {
-            theme: any;
-        }) => {
-            borderBottom: string;
-            lineHeight: string;
-            fontSize: string;
-            fontWeight: string;
-            color: any;
-            textTransform: string;
-            paddingRight: any;
-            paddingLeft: any;
-            alignItems: string;
-        }) | (({ theme, sub }: {
-            theme: any;
-            sub: any;
-        }) => {
-            height: string;
-            backgroundColor: any;
-            border: number;
-            borderRadius: any;
-            alignItems: string;
-            textTransform: string;
-            paddingRight: any;
-            paddingLeft: any;
-        }))[] | ((({ theme }: {
+        }) => any)[] | ((({ theme }: {
             theme: any;
         }) => {
             marginRight: any;
             transform: string;
         }) | (({ isOpen }: {
             isOpen: any;
-        }) => {
-            transform: string;
-        }))[] | ((({ theme, open }: {
+        }) => any))[] | ((({ theme, open }: {
             theme: any;
             open: any;
         }) => {
@@ -712,14 +3954,7 @@ declare const _default: {
         }) | (({ theme, sub }: {
             theme: any;
             sub: any;
-        }) => {
-            backgroundColor: any;
-            border: number;
-        }))[] | (({ theme }: {
-            theme: any;
-        }) => {
-            padding: any;
-        })[] | (({ theme }: {
+        }) => any))[] | (({ theme }: {
             theme: any;
         }) => {
             color: any;
@@ -767,10 +4002,7 @@ declare const _default: {
             isDisabled: any;
             isFocused: any;
             isHeader: any;
-        }) => {
-            backgroundColor: any;
-            color: any;
-        })[] | (() => {
+        }) => any)[] | (() => {
             fontSize: number;
         }) | (({ theme }: {
             theme: any;
@@ -798,21 +4030,10 @@ declare const _default: {
         }) => {
             marginBottom: any;
             marginTop: any;
-        }) | ((({ theme }: {
-            theme: any;
-        }) => {
-            borderRadius: number;
-            borderTop: string;
         }) | (({ theme, hovered }: {
             theme: any;
             hovered: any;
-        }) => {
-            backgroundColor: any;
-            color: any;
-            ':hover': {
-                color: any;
-            };
-        }))[] | (({ theme }: {
+        }) => any)[] | (({ theme }: {
             theme: any;
         }) => {
             borderRight: string;
@@ -858,50 +4079,16 @@ declare const _default: {
             theme: any;
             on: any;
             color: any;
-        }) => {
-            borderColor: any;
-            background: any;
-        }) | (({ theme, disabled }: {
+        }) => any) | (({ theme, disabled }: {
             theme: any;
             disabled: any;
-        }) => {
-            borderColor: any;
-            background: string;
-            opacity: number;
-        }) | (({ focused }: {
+        }) => any) | (({ focused }: {
             focused: any;
-        }) => {
-            boxShadow: string;
-            outlineWidth: number;
-            outlineStyle: string;
-            outlineColor: string;
-        }) | (({ theme, toggleSwitch, color }: {
+        }) => any) | (({ theme, toggleSwitch, color }: {
             theme: any;
             toggleSwitch: any;
             color: any;
-        }) => {
-            background: any;
-            borderColor: any;
-        }))[] | ((({ theme, on, color }: {
-            theme: any;
-            on: any;
-            color: any;
-        }) => {
-            left: number;
-            borderColor: any;
-        }) | (({ theme, toggleSwitch, color }: {
-            theme: any;
-            toggleSwitch: any;
-            color: any;
-        }) => {
-            right: number;
-            borderColor: any;
-        }) | (({ theme, disabled }: {
-            theme: any;
-            disabled: any;
-        }) => {
-            borderColor: any;
-        }))[] | (() => {
+        }) => any))[] | (() => {
             width: number;
             height: number;
         }) | (({ background, theme }: {
@@ -927,10 +4114,7 @@ declare const _default: {
         })[] | ((({ theme, sub }: {
             theme: any;
             sub: any;
-        }) => {
-            border: string;
-            borderRadius: any;
-        }) | {
+        }) => any) | {
             backgroundColor: string;
             border: string;
             borderRadius: string;
@@ -943,7 +4127,6 @@ declare const _default: {
         };
     };
     radius: string[];
-    v4: boolean;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map