message: feat: export close-button baseStyle
diff: import { mode, styleConfig } from "@chakra-ui/theme-tools"
  -const closeButton = styleConfig({
  - baseStyle: function (props) {
  +const baseStyle = function (props: any) {
  const hoverBg = mode(`blackAlpha.100`, `whiteAlpha.100`)(props)
  const activeBg = mode(`blackAlpha.200`, `whiteAlpha.200`)(props)
  @@ -19,9 +18,9 @@ const closeButton = styleConfig({
  boxShadow: "outline",
  },
  }
  - },
  +}
  - sizes: {
  +const sizes = {
  lg: {
  w: "40px",
  h: "40px",
  @@ -37,11 +36,23 @@ const closeButton = styleConfig({
  h: "24px",
  fontSize: "10px",
  },
  - },
  +}
  - defaultProps: {
  +const defaultProps = {
  size: "md",
  - },
  +}
  +
  +const closeButton = styleConfig({
  + baseStyle,
  + sizes,
  + // @ts-ignore
  + defaultProps,
  })
  +export const closeButtonStyles = {
  + baseStyle,
  + sizes,
  + defaultProps,
  +}
  +
  export default closeButton
  