import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__ from "@chakra-ui/theme-tools";
import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_anatomy__ from "@chakra-ui/anatomy";
import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_styled_system__ from "@chakra-ui/styled-system";
const getBorderAccent = (variant)=>{
    switch(variant){
        case 'left-accent':
            return 'borderLeftColor';
        case 'top-accent':
            return 'borderTopColor';
        default:
            return '';
    }
};
const getAlertStyle = ({ variant, status })=>{
    const borderAccent = getBorderAccent(variant);
    const borderNoAccent = 'borderTopColor' === borderAccent ? 'borderLeft' : 'borderTop';
    const errorStyle = {
        [borderAccent]: 'red.500',
        [borderNoAccent]: '1px solid var(--chakra-colors-red-400)',
        borderRight: '1px solid var(--chakra-colors-red-400)',
        borderBottom: '1px solid var(--chakra-colors-red-400)'
    };
    const loadingStyle = {
        [borderAccent]: 'blue.500',
        [borderNoAccent]: '1px solid var(--chakra-colors-blue-400)',
        borderRight: '1px solid var(--chakra-colors-blue-400)',
        borderBottom: '1px solid var(--chakra-colors-blue-400)'
    };
    const successStyle = {
        [borderAccent]: 'green.500',
        [borderNoAccent]: '1px solid var(--chakra-colors-green-400)',
        borderRight: '1px solid var(--chakra-colors-green-400)',
        borderBottom: '1px solid var(--chakra-colors-green-400)'
    };
    const warningStyle = {
        [borderAccent]: 'orange.500',
        [borderNoAccent]: '1px solid var(--chakra-colors-orange-400)',
        borderRight: '1px solid var(--chakra-colors-orange-400)',
        borderBottom: '1px solid var(--chakra-colors-orange-400)'
    };
    const infoStyle = {
        [borderAccent]: 'blue.500',
        [borderNoAccent]: '1px solid var(--chakra-colors-blue-400)',
        borderRight: '1px solid var(--chakra-colors-blue-400)',
        borderBottom: '1px solid var(--chakra-colors-blue-400)'
    };
    switch(status){
        case 'error':
            return errorStyle;
        case 'loading':
            return loadingStyle;
        case 'success':
            return successStyle;
        case 'warning':
            return warningStyle;
        case 'info':
        default:
            return infoStyle;
    }
};
const { definePartsStyle } = (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_styled_system__.createMultiStyleConfigHelpers)(__WEBPACK_EXTERNAL_MODULE__chakra_ui_anatomy__.popoverAnatomy.keys);
/* 
Chakra component overrides
1. Override existing styles
2. Add your own variants
*/ const components = {
    Heading: {
        baseStyle: {
            fontWeight: '600',
            color: 'gray.800',
            lineHeight: '100%',
            _dark: {
                color: 'white'
            }
        },
        // for backwards compatability between the old <Heading size="xxx"> and the new <Heading variant="xxx">
        sizes: {
            xl: {
                fontSize: '1.71rem'
            },
            lg: {
                fontSize: '1.71rem'
            },
            md: {
                fontSize: '1.29rem'
            },
            sm: {
                fontSize: '1.14rem'
            },
            xs: {
                fontSize: '1rem'
            }
        },
        variants: {
            xl: {
                fontSize: '1.71rem',
                lineHeight: '100%'
            },
            lg: {
                fontSize: '1.29rem',
                lineHeight: '100%'
            },
            md: {
                fontSize: '1.14rem',
                lineHeight: '100%'
            },
            sm: {
                fontSize: '1rem',
                lineHeight: '100%'
            }
        }
    },
    Badge: {
        baseStyle: {
            fontSize: '12px',
            fontWeight: 'medium',
            textTransform: 'inherit',
            borderRadius: 'sm',
            borderWidth: '1px',
            boxShadow: 'none',
            paddingX: 1
        },
        variants: {
            default: (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('gray.500', 0.6)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('gray.500', 0.6)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('white', 0.8)(theme))(props)
                };
            },
            inverted: (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.200', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('gray.200', 0.16)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.200', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('gray.200', 0.16)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.800', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('white', 0.8)(theme))(props)
                };
            },
            outline: (props)=>{
                const { theme } = props;
                return {
                    bg: 'transparent',
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.600', 'gray.200')(props),
                    borderWidth: '1px',
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.500', 'gray.200')(props),
                    boxShadow: 'none'
                };
            },
            info: (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blue.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('blue.500', 0.6)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blue.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('blue.500', 0.6)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('white', 0.8)(theme))(props)
                };
            },
            'info-inverted': (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blue.100', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('blue.400', 0.25)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blue.100', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('blue.400', 0.25)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blue.800', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('white', 0.8)(theme))(props)
                };
            },
            'info-outline': (props)=>{
                const { theme } = props;
                return {
                    bg: 'transparent',
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blue.600', 'blue.200')(props),
                    borderWidth: '1px',
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blue.500', 'blue.200')(props),
                    boxShadow: 'none'
                };
            },
            error: (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('red.200', 0.16)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('red.200', 0.16)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'red.200')(props)
                };
            },
            'error-inverted': (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.100', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('red.200', 0.16)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.100', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('red.200', 0.16)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.800', 'red.200')(props)
                };
            },
            'error-outline': (props)=>{
                const { theme } = props;
                return {
                    bg: 'transparent',
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.600', 'red.200')(props),
                    borderWidth: '1px',
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.500', 'red.200')(props)
                };
            },
            success: (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('green.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('green.200', 0.16)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('green.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('green.200', 0.16)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'green.200')(props)
                };
            },
            'success-inverted': (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('green.100', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('green.200', 0.16)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('green.100', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('green.200', 0.16)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('green.800', 'green.200')(props)
                };
            },
            'success-outline': (props)=>{
                const { theme } = props;
                return {
                    bg: 'transparent',
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('green.600', 'green.200')(props),
                    borderWidth: '1px',
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('green.500', 'green.200')(props)
                };
            },
            warning: (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('yellow.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('yellow.200', 0.16)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('yellow.500', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('yellow.200', 0.16)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'yellow.200')(props)
                };
            },
            'warning-inverted': (props)=>{
                const { theme } = props;
                return {
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('yellow.100', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('yellow.200', 0.16)(theme))(props),
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('yellow.100', (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.transparentize)('yellow.200', 0.16)(theme))(props),
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('yellow.800', 'yellow.200')(props)
                };
            },
            'warning-outline': (props)=>{
                const { theme } = props;
                return {
                    bg: 'transparent',
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('yellow.600', 'yellow.200')(props),
                    borderWidth: '1px',
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('yellow.500', 'yellow.200')(props)
                };
            }
        }
    },
    Input: {
        defaultProps: {
            focusBorderColor: 'focus.500'
        },
        sizes: {
            md: {
                borderRadius: 'full'
            }
        }
    },
    NumberInput: {
        defaultProps: {
            focusBorderColor: 'focus.500'
        }
    },
    Button: {
        baseStyle: {
            color: 'darkblue.600',
            borderRadius: 'md',
            borderColor: 'darkblue.600',
            padding: '0 1.15rem !important',
            fontWeight: '600',
            lineHeight: '1.7142857143rem'
        },
        defaultProps: {
            variant: 'solid',
            size: 'md'
        },
        sizes: {
            sm: {
                fontSize: '0.8571428571rem',
                padding: '0 0.8571428571 !important',
                height: '100%'
            },
            md: {
                height: '2.4285714286rem'
            }
        },
        variants: {
            solid: (props)=>{
                const { colorScheme: c } = props;
                const bg = 'brand' === c ? [
                    `${c}.500`,
                    `${c}.200`
                ] : [
                    `${c}.600`,
                    `${c}.200`
                ];
                const bgHover = 'brand' === c ? [
                    `${c}.600`,
                    `${c}.300`
                ] : [
                    `${c}.800`,
                    `${c}.300`
                ];
                return {
                    ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Button?.variants?.solid(props),
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)(bg[0], bg[1])(props),
                    _hover: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)(bgHover[0], bgHover[1])(props)
                    },
                    _disabled: {
                        opacity: 0.335
                    }
                };
            },
            'solid-brand': (props)=>{
                const { colorScheme: c } = props;
                return {
                    ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Button?.variants?.solid(props),
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('brand.500', 'brand.200')(props),
                    _hover: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('brand.600', 'brand.300')(props),
                        _disabled: {
                            bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('brand.500', 'brand.200')(props)
                        }
                    },
                    _active: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('brand.700', 'brand.400')(props)
                    }
                };
            },
            outline: (props)=>({
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('darkblue.600 !important', 'darkblue.200 !important')(props),
                    lineHeight: '1.5714285714rem',
                    _hover: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('darkblue.50 !important', 'whiteAlpha.200')(props)
                    }
                }),
            delete: (props)=>({
                    ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Button?.variants?.solid(props),
                    bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.500', 'red.200')(props),
                    // color: 'white',
                    // color: mode('blackAlpha.200', 'gray.800')(props),
                    _hover: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.600', 'red.300')(props),
                        _disabled: {
                            bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.500', 'red.200')(props)
                        }
                    },
                    _active: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('red.700', 'red.400')(props)
                    }
                }),
            'outline-delete': (props)=>({
                    ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Button?.variants?.outline(props),
                    color: 'red.600',
                    lineHeight: '1.5714285714rem',
                    _hover: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)("red.50", "whiteAlpha.200")(props)
                    },
                    _active: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)("red.100", "whiteAlpha.300")(props)
                    }
                }),
            inputOutline: (props)=>({
                    ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Button?.variants?.outline(props)
                }),
            link: (props)=>({
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('darkblue.600', 'darkblue.200')(props),
                    textDecoration: 'underline',
                    lineHeight: '1.714285714285714rem',
                    px: '0.5rem',
                    _hover: {
                        _disabled: {
                            textDecoration: 'underline'
                        }
                    }
                }),
            nav: {
                borderRadius: 'sm',
                background: 'transparent',
                color: 'gray.500',
                alignContent: 'left',
                _hover: {
                    background: 'gray.100'
                }
            },
            icon: (props)=>({
                    opacity: 1,
                    background: 'transparent',
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blackAlpha.800', 'whiteAlpha.800')(props),
                    _hover: {
                        color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('brand.500', 'brand.400')(props)
                    },
                    _active: {
                        color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('brand.600', 'brand.500')(props)
                    }
                }),
            ghost: (props)=>({
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('darkblue.600', 'darkblue.200')(props),
                    _hover: {
                        background: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blackAlpha.100', 'whiteAlpha.100')(props)
                    },
                    _active: {
                        background: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blackAlpha.300', 'whiteAlpha.300')(props)
                    }
                }),
            'ghost-white': ()=>({
                    color: 'white',
                    _hover: {
                        background: 'blackAlpha.100',
                        color: 'darkblue.600'
                    },
                    _active: {
                        background: 'blackAlpha.300'
                    }
                }),
            subtle: (props)=>({
                    background: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blackAlpha.200', 'whiteAlpha.200')(props)
                }),
            unstyled: (props)=>({
                    color: 'darkblue.600'
                })
        }
    },
    Link: {
        defaultProps: {
            variant: 'primary'
        },
        variants: {
            primary: (props)=>({
                    textDecoration: 'underline',
                    textUnderlineOffset: '2px',
                    transitionDuration: '100ms',
                    color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('black', 'white')(props),
                    _hover: {
                        color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('brand.500', 'brand.400')(props)
                    },
                    _active: {
                        color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('brand.600', 'brand.500')(props)
                    }
                }),
            nav: (props)=>({
                    borderRadius: 'md',
                    bg: 'transparent',
                    color: 'white',
                    padding: '0.5rem 0.75rem',
                    fontSize: '0.9rem',
                    fontWeight: '400',
                    _hover: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('whiteAlpha.200', 'blackAlpha.400')(props),
                        textDecoration: 'none'
                    },
                    _activeLink: {
                        fontWeight: '600',
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('whiteAlpha.200', 'blackAlpha.400')(props)
                    }
                }),
            'nav-previous': (props)=>({
                    borderRadius: 'md',
                    bg: 'transparent',
                    color: 'gray.500',
                    padding: '0.5rem 0.75rem',
                    fontSize: '0.8rem',
                    fontWeight: 'medium',
                    _hover: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('whiteAlpha.100', 'gray.900')(props),
                        textDecoration: 'none'
                    }
                }),
            'nav-disabled': (props)=>({
                    borderRadius: 'md',
                    bg: 'transparent',
                    color: 'gray.500',
                    padding: '0.5rem 0.75rem',
                    fontSize: '0.9rem',
                    fontWeight: 'medium',
                    cursor: 'not-allowed',
                    _hover: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('whiteAlpha.100', 'gray.900')(props),
                        textDecoration: 'none'
                    },
                    _activeLink: {
                        color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.500', 'white')(props),
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.50', 'gray.900')(props)
                    }
                })
        }
    },
    Tabs: {
        defaultProps: {
            colorScheme: 'darkblue'
        },
        variants: {
            line: (props)=>({
                    tab: {
                        border: 0,
                        borderBottom: 0,
                        position: 'relative',
                        fontWeight: '500',
                        _active: {
                            bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blackAlpha.200', 'whiteAlpha.200')(props)
                        },
                        _selected: {
                            color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)("darkblue.700", 'white')(props),
                            _after: {
                                position: 'absolute',
                                left: 0,
                                right: 0,
                                bottom: 0,
                                content: '" "',
                                height: '3px',
                                width: '100%',
                                bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)("darkblue.700", 'white')(props),
                                borderRadius: '2px'
                            }
                        }
                    }
                }),
            fitted: (props)=>({
                    tab: {
                        margin: 1,
                        padding: 1,
                        fontWeight: 'bold',
                        color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blackAlpha.600', 'white')(props),
                        _disabled: {
                            color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blackAlpha.400', 'white')(props)
                        },
                        _selected: {
                            bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'gray.700')(props),
                            rounded: 'md',
                            boxShadow: 'base',
                            color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('blackAlpha.900', 'white')(props)
                        }
                    },
                    tablist: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.100', 'gray.500')(props),
                        rounded: 'md'
                    }
                })
        }
    },
    Table: {
        parts: [
            'th',
            'tbody',
            'td',
            'thead',
            'table'
        ],
        baseStyle: (props)=>({
                th: {
                    ...tableBorderStyle(props)
                },
                tbody: {
                    tr: {
                        _hover: {
                            bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('whiteAlpha.500', 'blackAlpha.200')(props)
                        }
                    }
                },
                td: {
                    ...tableBorderStyle(props)
                }
            }),
        sizes: {
            md: {
                td: {
                    paddingTop: 3,
                    paddingBottom: 3
                }
            }
        },
        variants: {
            default: (props)=>({
                    table: {
                        border: '1px solid',
                        borderColor: 'gray.100',
                        shadow: 'base',
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'gray.700')(props)
                    },
                    thead: {
                        bg: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.50', 'gray.600')(props)
                    },
                    tbody: {
                        tr: {
                            borderBottom: '1px solid',
                            borderBottomColor: 'gray.100'
                        }
                    }
                })
        }
    },
    FormLabel: {
        baseStyle: {
            fontWeight: '600',
            fontSize: 'sm',
            span: {
                color: 'darkblue.800',
                _dark: {
                    color: 'white'
                }
            },
            marginBottom: '3px'
        }
    },
    List: {
        defaultProps: {
            spacing: '50px'
        },
        baseStyle: {
            container: {
                spacing: '150px !important'
            }
        }
    },
    Accordion: {
        parts: [
            'container',
            'button',
            'panel',
            'icon'
        ],
        baseStyle: (props)=>({
                container: {
                    _first: {
                        borderTopWidth: '0'
                    },
                    _last: {
                        borderBottomWidth: '0'
                    }
                }
            })
    },
    Radio: {
        parts: [
            'control',
            'label',
            'container'
        ],
        baseStyle: (props)=>({
                control: {
                    borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('black', 'white')(props),
                    border: '1px solid',
                    _checked: {
                        background: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'black')(props),
                        borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('darkblue.600', 'white')(props),
                        color: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('darkblue.600', 'white')(props),
                        _hover: {
                            background: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'black')(props),
                            borderColor: 'currentColor'
                        },
                        _before: {
                            content: '""',
                            display: 'inline-block',
                            position: 'relative',
                            width: '66%',
                            height: '66%',
                            borderRadius: '50%'
                        },
                        _disabled: {
                            background: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'black')(props),
                            borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.300', 'whiteAlpha.500')(props)
                        }
                    },
                    _disabled: {
                        background: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('white', 'black')(props),
                        borderColor: (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('gray.300', 'whiteAlpha.500')(props)
                    }
                }
            })
    },
    RadioCard: {
        baseStyle: ()=>({
                _invalid: {
                    textColor: 'red.500',
                    borderColor: 'red.500'
                }
            })
    },
    Slider: {
        /**
     * @see https://chakra-ui.com/docs/components/slider/theming#anatomy
     */ parts: [
            'container',
            'track',
            'thumb',
            'filledTrack',
            'mark'
        ],
        baseStyle: {
            mark: {
                mt: 2.5,
                ml: -1,
                fontSize: 'sm'
            },
            track: {
                height: 2.5,
                borderRadius: 4
            }
        }
    },
    Progress: {
        baseStyle: {
            track: {
                borderRadius: 4
            }
        }
    },
    Alert: {
        /**
     * @see https://chakra-ui.com/docs/components/alert/theming#anatomy
     */ parts: [
            'container',
            'title',
            'description',
            'icon',
            'spinner'
        ],
        variants: {
            'left-accent': (props)=>({
                    ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Alert?.variants?.['left-accent'](props),
                    container: {
                        ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Alert?.variants?.['left-accent'](props).container,
                        borderLeftWidth: '4px',
                        borderRadius: '4px',
                        ...getAlertStyle({
                            variant: props.variant,
                            status: props.status
                        })
                    }
                }),
            'top-accent': (props)=>({
                    ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Alert?.variants?.['top-accent'](props),
                    container: {
                        ...__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.theme?.components?.Alert?.variants?.['top-accent'](props).container,
                        borderLeftWidth: '4px',
                        borderRadius: '4px',
                        ...getAlertStyle({
                            variant: props.variant,
                            status: props.status
                        })
                    }
                })
        }
    },
    Popover: {
        parts: [
            'content',
            'header'
        ],
        baseStyle: (props)=>({
                header: {
                    color: 'gray.900',
                    fontWeight: 'semibold'
                }
            }),
        sizes: {
            md: definePartsStyle({
                content: {
                    w: 'var(--chakra-sizes-md)'
                }
            }),
            lg: definePartsStyle({
                content: {
                    w: 'var(--chakra-sizes-lg)'
                }
            }),
            xl: definePartsStyle({
                content: {
                    w: 'var(--chakra-sizes-xl)'
                }
            }),
            stretch: definePartsStyle({
                content: {
                    minW: 'max-content',
                    maxW: 'max-content'
                }
            }),
            auto: definePartsStyle({
                content: {
                    w: 'auto'
                }
            })
        }
    },
    Text: {
        variants: {
            sm: {
                fontSize: '0.875rem'
            },
            lg: {
                fontSize: '1.125rem'
            },
            xl: {
                fontSize: '1.25rem'
            },
            label: {
                fontSize: '0.875rem',
                fontWeight: 'bold'
            }
        }
    }
};
const tableBorderStyle = (props)=>({
        'border-bottom-color': (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_theme_tools__.mode)('var(--chakra-colors-blackAlpha-200) !important', 'var(--chakra-colors-whiteAlpha-200) !important')(props)
    });
// Alias 'brand' to 'solid-brand' for Button
if (components?.Button?.variants?.['solid-brand']) components.Button.variants['brand'] = components?.Button?.variants?.['solid-brand'];
// Alias 'subtle' (old) to 'inverted' (new) for Badge to preserve backwards-compatability
// TODO: remove this eventually as we no longer need/use the `subtle` variant
if (components?.Badge?.variants?.['inverted']) components.Badge.variants['subtle'] = components?.Badge?.variants?.['inverted'];
export { components };
