import { __assign } from '../../node_modules/tslib/tslib.es6.js';
import { inputAnatomy } from '@chakra-ui/anatomy';

var baseStyle = {
    field: {
        width: 'full',
        minWidth: 0,
        outline: 0,
        position: 'relative',
        appearance: 'none',
        transitionProperty: 'common',
        transitionDuration: 'normal',
        px: 'md',
        py: 'xs',
        textAlign: 'right',
    },
};
var size = {
    lg: {
        textStyle: 'body-small',
        h: 'lg',
    },
};
var sizes = {
    lg: {
        field: size.lg,
    },
};
var variantOutline = {
    field: {
        border: '1px solid',
        borderColor: 'gray.400',
        borderRadius: 'sm',
        bg: 'inherit',
        color: 'gray.900',
        _placeholder: {
            color: 'gray.400',
        },
        _hover: {
            borderColor: 'gray.900',
        },
        _focus: {
            backgroundColor: 'blue.50',
        },
        _active: {},
        _invalid: {
            borderColor: 'red.500',
        },
        _disabled: {
            cursor: 'not-allowed',
            color: 'gray.300',
            borderColor: 'gray.200',
        },
    },
};
var variantInputLeft = {
    field: __assign(__assign({}, variantOutline.field), { borderTopEndRadius: 0, borderBottomEndRadius: 0, borderRight: 0 }),
};
var variantInputRight = {
    field: __assign(__assign({}, variantOutline.field), { borderTopStartRadius: 0, borderBottomStartRadius: 0 }),
};
var variants = {
    inputLeft: variantInputLeft,
    inputRight: variantInputRight,
};
var defaultProps = {
    size: 'lg',
};
var NumberInput = {
    parts: inputAnatomy.keys,
    baseStyle: baseStyle,
    sizes: sizes,
    variants: variants,
    defaultProps: defaultProps,
};

export { NumberInput as default };
//# sourceMappingURL=numberInput.js.map
