import { createMultiStyleConfigHelpers, defineStyle } from '@chakra-ui/react';
import { listAnatomy } from '@chakra-ui/anatomy';

var _a = createMultiStyleConfigHelpers(listAnatomy.keys), defineMultiStyleConfig = _a.defineMultiStyleConfig, definePartsStyle = _a.definePartsStyle;
var baseStyleIcon = defineStyle({
    marginEnd: '2',
    display: 'inline',
    verticalAlign: 'text-bottom',
});
var baseStyle = definePartsStyle({
    icon: baseStyleIcon,
});
var sizes = {
    md: definePartsStyle({
        container: {
            textStyle: 'body',
        },
    }),
    sm: definePartsStyle({
        container: {
            textStyle: 'body-small',
        },
    }),
};
var variants = {
    'icon-inside': definePartsStyle({
        container: defineStyle({
            listStylePos: 'inside',
        }),
    }),
    'icon-outside': definePartsStyle({
        container: defineStyle({
            listStylePos: 'outside',
            marginStart: '1em',
        }),
    }),
};
var List = defineMultiStyleConfig({
    baseStyle: baseStyle,
    sizes: sizes,
    variants: variants,
    defaultProps: {
        size: 'md',
        variant: 'icon-inside',
    },
});

export { List as default };
//# sourceMappingURL=list.js.map
