message: feat: split and export popover baseStyle
diff: import { mode, multiStyleConfig } from "@chakra-ui/theme-tools"
  -const popover = multiStyleConfig({
  - parts: {
  +const parts = {
  content: "the popover's content wrapper",
  header: "the popover heading",
  body: "the popover main content",
  footer: "the action footers for popover",
  - },
  +}
  - baseStyle: function (props) {
  +// @ts-ignore
  +const baseStyleContent = function (props) {
  return {
  - content: {
  bg: mode("white", "gray.700")(props),
  border: "1px solid",
  borderColor: "inherit",
  @@ -23,23 +22,47 @@ const popover = multiStyleConfig({
  outline: 0,
  boxShadow: "outline",
  },
  - },
  - header: {
  + }
  +}
  +
  +const baseStyleHeader = {
  px: 3,
  py: 2,
  borderBottomWidth: "1px",
  - },
  - body: {
  +}
  +
  +const baseStyleBody = {
  px: 3,
  py: 2,
  - },
  - footer: {
  +}
  +
  +const baseStyleFooter = {
  px: 3,
  py: 2,
  borderTopWidth: "1px",
  - },
  }
  - },
  +
  +// @ts-ignore
  +const baseStyle = function (props) {
  + return {
  + content: baseStyleContent(props),
  + header: baseStyleHeader,
  + body: baseStyleBody,
  + footer: baseStyleFooter,
  + }
  +}
  +
  +const popover = multiStyleConfig({
  + parts,
  + baseStyle,
  })
  +export const popoverStyles = {
  + parts,
  + baseStyleContent,
  + baseStyleHeader,
  + baseStyleFooter,
  + baseStyleBody,
  +}
  +
  export default popover
  