import { createMultiStyleConfigHelpers, defineStyle } from '@chakra-ui/react';
import { menuAnatomy } from '@chakra-ui/anatomy';
import { opacity } from '../shared/opacity.js';

var _a = createMultiStyleConfigHelpers(menuAnatomy.keys), defineMultiStyleConfig = _a.defineMultiStyleConfig, definePartsStyle = _a.definePartsStyle;
var maximumScrollbarWidth = 20;
var baseStyleList = defineStyle({
    bg: 'white',
    boxShadow: 'sm',
    color: 'inherit',
    minW: '3xs',
    maxW: "calc(100vw - ".concat(maximumScrollbarWidth, "px)"),
    py: '2',
    zIndex: 'dropdown',
    borderRadius: 'sm',
    borderWidth: '1px',
    borderColor: 'gray.200',
});
var baseStyleItem = defineStyle({
    paddingY: 'md',
    paddingX: 'lg',
    transitionProperty: 'background',
    transitionDuration: 'ultra-fast',
    transitionTimingFunction: 'ease-in',
    _focus: {
        bg: 'gray.100',
    },
    _active: {
        bg: 'blue.100',
    },
    _expanded: {
        bg: 'gray.100',
    },
    _disabled: {
        opacity: opacity[40],
        cursor: 'not-allowed',
    },
});
var baseStyle = definePartsStyle({
    list: baseStyleList,
    item: baseStyleItem,
});
var Menu = defineMultiStyleConfig({
    baseStyle: baseStyle,
});

export { Menu as default };
//# sourceMappingURL=menu.js.map
