message: feat: split and export menu baseStyle
diff: import { mode, multiStyleConfig } from "@chakra-ui/theme-tools"
  -const menu = multiStyleConfig({
  - parts: {
  +const parts = {
  item: "the menu item button",
  command: "the menu item command",
  list: "the menu items wrapper",
  button: "the menu list trigger",
  groupTitle: "the menu group title",
  - },
  - baseStyle: function (props) {
  +}
  +
  +const baseStyleList = function (props: any) {
  return {
  - list: {
  bg: mode(`#fff`, `gray.700`)(props),
  boxShadow: mode(`sm`, `dark-lg`)(props),
  color: "inherit",
  @@ -19,9 +18,11 @@ const menu = multiStyleConfig({
  zIndex: 1,
  borderRadius: "md",
  borderWidth: "1px",
  - },
  + }
  +}
  - item: {
  +const baseStyleItem = function (props: any) {
  + return {
  py: "0.4rem",
  px: "0.8rem",
  transition: "background 50ms ease-in 0s",
  @@ -38,18 +39,40 @@ const menu = multiStyleConfig({
  opacity: 0.4,
  cursor: "not-allowed",
  },
  - },
  - groupTitle: {
  + }
  +}
  +
  +const baseStyleGroupTitle = {
  mx: 4,
  my: 2,
  fontWeight: "semibold",
  fontSize: "sm",
  - },
  - command: {
  +}
  +
  +const baseStyleCommand = {
  opacity: 0.6,
  - },
  }
  - },
  +
  +const baseStyle = function (props: any) {
  + return {
  + list: baseStyleList(props),
  + item: baseStyleItem(props),
  + groupTitle: baseStyleGroupTitle,
  + command: baseStyleCommand,
  + }
  +}
  +
  +const menu = multiStyleConfig({
  + parts,
  + baseStyle,
  })
  +export const menuStyles = {
  + parts,
  + baseStyleList,
  + baseStyleItem,
  + baseStyleGroupTitle,
  + baseStyleCommand,
  +}
  +
  export default menu
  