@mantine/core 2.5.0-alpha.5 → 2.6.0-alpha.1

package/cjs/components/Menu/Menu.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
 var ActionIcon = require('../ActionIcon/ActionIcon.js');
 var Popper = require('../Popper/Popper.js');
 var MenuIcon = require('./MenuIcon.js');
 var MenuBody = require('./MenuBody/MenuBody.js');
-var MenuBody_styles = require('./MenuBody/MenuBody.styles.js');
 var MenuItem = require('./MenuItem/MenuItem.js');
 var MenuLabel = require('./MenuLabel/MenuLabel.js');
 var Menu_styles = require('./Menu.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
-var ClickOutsiteProvider = require('../../utils/ClickOutsideProvider/ClickOutsiteProvider.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -51,7 +48,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const MENU_SIZES = MenuBody_styles.sizes;
 const defaultControl = /* @__PURE__ */ React__default.createElement(ActionIcon.ActionIcon, null, /* @__PURE__ */ React__default.createElement(MenuIcon.MenuIcon, null));
 function Menu(_a) {
   var _b = _a, {
@@ -60,7 +56,6 @@ function Menu(_a) {
     onClose,
     onOpen,
     opened,
-    themeOverride,
     style,
     menuId,
     menuBodyProps = {},
@@ -82,7 +77,7 @@ function Menu(_a) {
     zIndex = 1,
     elementRef,
     classNames,
-    styles,
+    styles: styles$1,
     closeOnScroll = true,
     trapFocus = true,
     onMouseLeave,
@@ -94,7 +89,6 @@ function Menu(_a) {
     "onClose",
     "onOpen",
     "opened",
-    "themeOverride",
     "style",
     "menuId",
     "menuBodyProps",
@@ -123,16 +117,13 @@ function Menu(_a) {
     "onMouseEnter",
     "onChange"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = Menu_styles['default']({ theme }, classNames, "menu");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes } = Menu_styles['default'](null, classNames, "menu");
+  const _styles = styles.mergeStyles(classes, styles$1);
   const controlRefFocusTimeout = React.useRef();
   const delayTimeout = React.useRef();
   const [referenceElement, setReferenceElement] = React.useState(null);
   const [wrapperElement, setWrapperElement] = React.useState(null);
   const [dropdownElement, setDropdownElement] = React.useState(null);
-  const _transitionDuration = hooks.useReducedMotion() ? 0 : transitionDuration;
-  const clickOutsideRegister = ClickOutsiteProvider.useClickOutsideRegister();
   const uuid = hooks.useId(menuId);
   const [_opened, setOpened] = hooks.useUncontrolled({
     value: opened,
@@ -160,9 +151,6 @@ function Menu(_a) {
   };
   hooks.useWindowEvent("scroll", () => closeOnScroll && handleClose(true));
   hooks.useClickOutside(() => _opened && handleClose(), null, [dropdownElement, wrapperElement]);
-  React.useEffect(() => {
-    clickOutsideRegister(`${uuid}-menu`, dropdownElement);
-  }, [dropdownElement]);
   const toggleMenu = () => {
     _opened ? handleClose() : handleOpen();
   };
@@ -197,7 +185,7 @@ function Menu(_a) {
     onMouseEnter: handleMouseEnter
   }, others), menuControl, /* @__PURE__ */ React__default.createElement(Popper.Popper, {
     referenceElement,
-    transitionDuration: _transitionDuration,
+    transitionDuration,
     transitionTimingFunction,
     transition,
     mounted: _opened,
@@ -213,15 +201,14 @@ function Menu(_a) {
     opened: _opened,
     onClose: handleClose,
     id: uuid,
-    themeOverride,
     closeOnItemClick,
     size,
     shadow,
     classNames,
-    styles,
+    styles: styles$1,
     radius,
     trapFocus: trigger !== "hover" && trapFocus,
-    transitionDuration: _transitionDuration,
+    transitionDuration,
     elementRef: setDropdownElement
   }), children)));
 }
@@ -229,9 +216,5 @@ Menu.Item = MenuItem.MenuItem;
 Menu.Label = MenuLabel.MenuLabel;
 Menu.displayName = "@mantine/core/Menu";
 
-exports.MenuBody = MenuBody.MenuBody;
-exports.MenuItem = MenuItem.MenuItem;
-exports.MenuLabel = MenuLabel.MenuLabel;
-exports.MENU_SIZES = MENU_SIZES;
 exports.Menu = Menu;
 //# sourceMappingURL=Menu.js.map

package/cjs/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, useRef, cloneElement, useEffect } from 'react';\nimport {\n  useId,\n  useClickOutside,\n  useMergedRef,\n  useWindowEvent,\n  useUncontrolled,\n  useReducedMotion,\n} from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize, mergeStyles, useMantineTheme } from '../../theme';\nimport { ActionIcon } from '../ActionIcon/ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper/Popper';\nimport { useClickOutsideRegister } from '../../utils';\nimport { MenuIcon } from './MenuIcon';\nimport { MenuBody, MenuBodyProps, MenuBodyStylesNames } from './MenuBody/MenuBody';\nimport { sizes } from './MenuBody/MenuBody.styles';\nimport { MenuItem, MenuItemProps } from './MenuItem/MenuItem';\nimport { MenuLabel, MenuLabelProps } from './MenuLabel/MenuLabel';\nimport useStyles from './Menu.styles';\n\nexport { MenuBody, MenuItem, MenuLabel };\nexport type { MenuBodyProps, MenuItemProps, MenuLabelProps };\n\nexport type MenuStylesNames = keyof ReturnType<typeof useStyles> | MenuBodyStylesNames;\n\nexport const MENU_SIZES = sizes;\n\nexport interface MenuProps\n  extends DefaultProps<MenuStylesNames>,\n    SharedPopperProps,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component  */\n  children: React.ReactNode;\n\n  /** React element that will be used as menu control */\n  control?: React.ReactElement;\n\n  /** Use opened and onClose props to setup controlled menu */\n  opened?: boolean;\n\n  /** Called every time menu is closed */\n  onClose?(): void;\n\n  /** Called every time menu is opened */\n  onOpen?(): void;\n\n  /** Menu button aria-label and title props */\n  menuButtonLabel?: string;\n\n  /** MenuBody component props */\n  menuBodyProps?: Record<string, any>;\n\n  /** Predefined menu width or number for width in px */\n  size?: MantineNumberSize;\n\n  /** Predefined shadow from theme or box-shadow value */\n  shadow?: string;\n\n  /** Should menu close on item click */\n  closeOnItemClick?: boolean;\n\n  /** Id attribute of menu */\n  menuId?: string;\n\n  /** Control prop to get element ref */\n  controlRefProp?: string;\n\n  /** Menu body z-index */\n  zIndex?: number;\n\n  /** Get control ref */\n  elementRef?: React.ForwardedRef<HTMLButtonElement>;\n\n  /** Event which should open menu */\n  trigger?: 'click' | 'hover';\n\n  /** Close delay for hover trigger */\n  delay?: number;\n\n  /** Menu body and items border-radius */\n  radius?: MantineNumberSize;\n\n  /** Close menu on scroll */\n  closeOnScroll?: boolean;\n\n  /** Trap focus inside menu */\n  trapFocus?: boolean;\n}\n\nconst defaultControl = (\n  <ActionIcon>\n    <MenuIcon />\n  </ActionIcon>\n);\n\nexport function Menu({\n  control = defaultControl,\n  children,\n  onClose,\n  onOpen,\n  opened,\n  themeOverride,\n  style,\n  menuId,\n  menuBodyProps = {},\n  closeOnItemClick = true,\n  transitionDuration = 250,\n  size = 'md',\n  shadow = 'md',\n  position = 'bottom',\n  placement = 'start',\n  gutter = 5,\n  withArrow = false,\n  transition = 'pop-top-left',\n  transitionTimingFunction,\n  menuButtonLabel,\n  controlRefProp = 'elementRef',\n  trigger = 'click',\n  radius = 'sm',\n  delay = 0,\n  zIndex = 1,\n  elementRef,\n  classNames,\n  styles,\n  closeOnScroll = true,\n  trapFocus = true,\n  onMouseLeave,\n  onMouseEnter,\n  onChange,\n  ...others\n}: MenuProps) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ theme }, classNames, 'menu');\n  const _styles = mergeStyles(classes, styles);\n  const controlRefFocusTimeout = useRef<number>();\n  const delayTimeout = useRef<number>();\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement>(null);\n  const [wrapperElement, setWrapperElement] = useState<HTMLDivElement>(null);\n  const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n  const _transitionDuration = useReducedMotion() ? 0 : transitionDuration;\n  const clickOutsideRegister = useClickOutsideRegister();\n  const uuid = useId(menuId);\n\n  const [_opened, setOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: false,\n    finalValue: false,\n    rule: (val) => typeof val === 'boolean',\n    onChange: (value) =>\n      value ? typeof onOpen === 'function' && onOpen() : typeof onClose === 'function' && onClose(),\n  });\n\n  const openedRef = useRef(_opened);\n\n  const handleClose = (scroll = false) => {\n    if (openedRef.current) {\n      openedRef.current = false;\n      setOpened(false);\n      if (trigger === 'click') {\n        controlRefFocusTimeout.current = window.setTimeout(() => {\n          !scroll && typeof referenceElement?.focus === 'function' && referenceElement.focus();\n        }, transitionDuration + 10);\n      }\n    }\n  };\n\n  const handleOpen = () => {\n    openedRef.current = true;\n    setOpened(true);\n    window.clearTimeout(controlRefFocusTimeout.current);\n  };\n\n  useWindowEvent('scroll', () => closeOnScroll && handleClose(true));\n\n  useClickOutside(() => _opened && handleClose(), null, [dropdownElement, wrapperElement]);\n\n  useEffect(() => {\n    clickOutsideRegister(`${uuid}-menu`, dropdownElement);\n  }, [dropdownElement]);\n\n  const toggleMenu = () => {\n    _opened ? handleClose() : handleOpen();\n  };\n\n  const controlEventHandlers =\n    trigger === 'click'\n      ? { onClick: toggleMenu }\n      : { onMouseEnter: handleOpen, onFocus: handleOpen };\n\n  const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    typeof onMouseLeave === 'function' && onMouseLeave(event);\n\n    if (trigger === 'hover') {\n      if (delay > 0) {\n        delayTimeout.current = window.setTimeout(() => handleClose(true), delay);\n      } else {\n        handleClose(true);\n      }\n    }\n  };\n\n  const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    typeof onMouseEnter === 'function' && onMouseEnter(event);\n    window.clearTimeout(delayTimeout.current);\n  };\n\n  const menuControl = cloneElement(control, {\n    ...controlEventHandlers,\n    role: 'button',\n    'aria-haspopup': 'menu',\n    'aria-expanded': _opened,\n    'aria-controls': uuid,\n    'aria-label': menuButtonLabel,\n    title: menuButtonLabel,\n    [controlRefProp]: useMergedRef(setReferenceElement, elementRef),\n  });\n\n  return (\n    <div\n      ref={setWrapperElement}\n      style={{ display: 'inline-block', position: 'relative', ...style }}\n      onMouseLeave={handleMouseLeave}\n      onMouseEnter={handleMouseEnter}\n      {...others}\n    >\n      {menuControl}\n\n      <Popper\n        referenceElement={referenceElement}\n        transitionDuration={_transitionDuration}\n        transitionTimingFunction={transitionTimingFunction}\n        transition={transition}\n        mounted={_opened}\n        position={position}\n        placement={placement}\n        gutter={gutter}\n        withArrow={withArrow}\n        arrowSize={3}\n        zIndex={zIndex}\n        arrowClassName={classes.arrow}\n        arrowStyle={_styles.arrow}\n      >\n        <MenuBody\n          {...menuBodyProps}\n          opened={_opened}\n          onClose={handleClose}\n          id={uuid}\n          themeOverride={themeOverride}\n          closeOnItemClick={closeOnItemClick}\n          size={size}\n          shadow={shadow}\n          classNames={classNames}\n          styles={styles}\n          radius={radius}\n          trapFocus={trigger !== 'hover' && trapFocus}\n          transitionDuration={_transitionDuration}\n          elementRef={setDropdownElement}\n        >\n          {children}\n        </MenuBody>\n      </Popper>\n    </div>\n  );\n}\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":["sizes","React","ActionIcon","MenuIcon","useMantineTheme","useStyles","mergeStyles","useRef","useState","useReducedMotion","useClickOutsideRegister","useId","useUncontrolled","useWindowEvent","useClickOutside","useEffect","cloneElement","useMergedRef","Popper","MenuBody","MenuItem","MenuLabel"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, useRef, cloneElement } from 'react';\nimport {\n  useId,\n  useClickOutside,\n  useMergedRef,\n  useWindowEvent,\n  useUncontrolled,\n} from '@mantine/hooks';\nimport {\n  mergeStyles,\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  ClassNames,\n} from '@mantine/styles';\nimport { ActionIcon } from '../ActionIcon/ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper/Popper';\nimport { MenuIcon } from './MenuIcon';\nimport { MenuBody, MenuBodyStylesNames } from './MenuBody/MenuBody';\nimport { MenuItem } from './MenuItem/MenuItem';\nimport { MenuLabel } from './MenuLabel/MenuLabel';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames = ClassNames<typeof useStyles> | MenuBodyStylesNames;\n\nexport interface MenuProps\n  extends DefaultProps<MenuStylesNames>,\n    SharedPopperProps,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component  */\n  children: React.ReactNode;\n\n  /** React element that will be used as menu control */\n  control?: React.ReactElement;\n\n  /** Use opened and onClose props to setup controlled menu */\n  opened?: boolean;\n\n  /** Called every time menu is closed */\n  onClose?(): void;\n\n  /** Called every time menu is opened */\n  onOpen?(): void;\n\n  /** Menu button aria-label and title props */\n  menuButtonLabel?: string;\n\n  /** MenuBody component props */\n  menuBodyProps?: React.ComponentPropsWithoutRef<'div'> & { [key: string]: any };\n\n  /** Predefined menu width or number for width in px */\n  size?: MantineNumberSize;\n\n  /** Predefined shadow from theme or box-shadow value */\n  shadow?: MantineShadow;\n\n  /** Should menu close on item click */\n  closeOnItemClick?: boolean;\n\n  /** Id attribute of menu */\n  menuId?: string;\n\n  /** Control prop to get element ref */\n  controlRefProp?: string;\n\n  /** Menu body z-index */\n  zIndex?: number;\n\n  /** Get control ref */\n  elementRef?: React.ForwardedRef<HTMLButtonElement>;\n\n  /** Event which should open menu */\n  trigger?: 'click' | 'hover';\n\n  /** Close delay for hover trigger */\n  delay?: number;\n\n  /** Menu body and items border-radius */\n  radius?: MantineNumberSize;\n\n  /** Close menu on scroll */\n  closeOnScroll?: boolean;\n\n  /** Trap focus inside menu */\n  trapFocus?: boolean;\n}\n\nconst defaultControl = (\n  <ActionIcon>\n    <MenuIcon />\n  </ActionIcon>\n);\n\nexport function Menu({\n  control = defaultControl,\n  children,\n  onClose,\n  onOpen,\n  opened,\n  style,\n  menuId,\n  menuBodyProps = {},\n  closeOnItemClick = true,\n  transitionDuration = 250,\n  size = 'md',\n  shadow = 'md',\n  position = 'bottom',\n  placement = 'start',\n  gutter = 5,\n  withArrow = false,\n  transition = 'pop-top-left',\n  transitionTimingFunction,\n  menuButtonLabel,\n  controlRefProp = 'elementRef',\n  trigger = 'click',\n  radius = 'sm',\n  delay = 0,\n  zIndex = 1,\n  elementRef,\n  classNames,\n  styles,\n  closeOnScroll = true,\n  trapFocus = true,\n  onMouseLeave,\n  onMouseEnter,\n  onChange,\n  ...others\n}: MenuProps) {\n  const { classes } = useStyles(null, classNames, 'menu');\n  const _styles = mergeStyles(classes, styles);\n  const controlRefFocusTimeout = useRef<number>();\n  const delayTimeout = useRef<number>();\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement>(null);\n  const [wrapperElement, setWrapperElement] = useState<HTMLDivElement>(null);\n  const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n  const uuid = useId(menuId);\n\n  const [_opened, setOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: false,\n    finalValue: false,\n    rule: (val) => typeof val === 'boolean',\n    onChange: (value) =>\n      value ? typeof onOpen === 'function' && onOpen() : typeof onClose === 'function' && onClose(),\n  });\n\n  const openedRef = useRef(_opened);\n\n  const handleClose = (scroll = false) => {\n    if (openedRef.current) {\n      openedRef.current = false;\n      setOpened(false);\n      if (trigger === 'click') {\n        controlRefFocusTimeout.current = window.setTimeout(() => {\n          !scroll && typeof referenceElement?.focus === 'function' && referenceElement.focus();\n        }, transitionDuration + 10);\n      }\n    }\n  };\n\n  const handleOpen = () => {\n    openedRef.current = true;\n    setOpened(true);\n    window.clearTimeout(controlRefFocusTimeout.current);\n  };\n\n  useWindowEvent('scroll', () => closeOnScroll && handleClose(true));\n\n  useClickOutside(() => _opened && handleClose(), null, [dropdownElement, wrapperElement]);\n\n  const toggleMenu = () => {\n    _opened ? handleClose() : handleOpen();\n  };\n\n  const controlEventHandlers =\n    trigger === 'click'\n      ? { onClick: toggleMenu }\n      : { onMouseEnter: handleOpen, onFocus: handleOpen };\n\n  const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    typeof onMouseLeave === 'function' && onMouseLeave(event);\n\n    if (trigger === 'hover') {\n      if (delay > 0) {\n        delayTimeout.current = window.setTimeout(() => handleClose(true), delay);\n      } else {\n        handleClose(true);\n      }\n    }\n  };\n\n  const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    typeof onMouseEnter === 'function' && onMouseEnter(event);\n    window.clearTimeout(delayTimeout.current);\n  };\n\n  const menuControl = cloneElement(control, {\n    ...controlEventHandlers,\n    role: 'button',\n    'aria-haspopup': 'menu',\n    'aria-expanded': _opened,\n    'aria-controls': uuid,\n    'aria-label': menuButtonLabel,\n    title: menuButtonLabel,\n    [controlRefProp]: useMergedRef(setReferenceElement, elementRef),\n  });\n\n  return (\n    <div\n      ref={setWrapperElement}\n      style={{ display: 'inline-block', position: 'relative', ...style }}\n      onMouseLeave={handleMouseLeave}\n      onMouseEnter={handleMouseEnter}\n      {...others}\n    >\n      {menuControl}\n\n      <Popper\n        referenceElement={referenceElement}\n        transitionDuration={transitionDuration}\n        transitionTimingFunction={transitionTimingFunction}\n        transition={transition}\n        mounted={_opened}\n        position={position}\n        placement={placement}\n        gutter={gutter}\n        withArrow={withArrow}\n        arrowSize={3}\n        zIndex={zIndex}\n        arrowClassName={classes.arrow}\n        arrowStyle={_styles.arrow}\n      >\n        <MenuBody\n          {...menuBodyProps}\n          opened={_opened}\n          onClose={handleClose}\n          id={uuid}\n          closeOnItemClick={closeOnItemClick}\n          size={size}\n          shadow={shadow}\n          classNames={classNames}\n          styles={styles}\n          radius={radius}\n          trapFocus={trigger !== 'hover' && trapFocus}\n          transitionDuration={transitionDuration}\n          elementRef={setDropdownElement}\n        >\n          {children}\n        </MenuBody>\n      </Popper>\n    </div>\n  );\n}\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":["React","ActionIcon","MenuIcon","styles","useStyles","mergeStyles","useRef","useState","useId","useUncontrolled","useWindowEvent","useClickOutside","cloneElement","useMergedRef","Popper","MenuBody","MenuItem","MenuLabel"],"mappings":"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"}

package/cjs/components/Menu/Menu.styles.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
+var styles = require('@mantine/styles');
 
-var useStyles = createMemoStyles.createMemoStyles({
-  arrow: ({ theme }) => ({
+var useStyles = styles.createStyles((theme) => ({
+  arrow: {
     borderColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2],
     background: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white
-  })
-});
+  }
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=Menu.styles.js.map

package/cjs/components/Menu/Menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.js","sources":["../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineTheme } from '../../theme';\n\ninterface MenuStyles {\n  theme: MantineTheme;\n}\n\nexport default createMemoStyles({\n  arrow: ({ theme }: MenuStyles) => ({\n    borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n    background: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  }),\n});\n"],"names":["createMemoStyles"],"mappings":";;;;;;AACA,gBAAeA,iCAAgB,CAAC;AAChC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AACzB,IAAI,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,IAAI,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACjF,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"Menu.styles.js","sources":["../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  arrow: {\n    borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n    background: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,IAAI,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACjF,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/Menu/MenuBody/MenuBody.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
 var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
 var Paper = require('../../Paper/Paper.js');
 var Divider = require('../../Divider/Divider.js');
 var Text = require('../../Text/Text.js');
@@ -12,13 +12,10 @@ var MenuItem = require('../MenuItem/MenuItem.js');
 var MenuLabel = require('../MenuLabel/MenuLabel.js');
 var MenuButton = require('../MenuButton/MenuButton.js');
 var MenuBody_styles = require('./MenuBody.styles.js');
-var useMantineTheme = require('../../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../../theme/utils/merge-styles/merge-styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -82,7 +79,6 @@ function MenuBody(_a) {
   var _b = _a, {
     className,
     style,
-    themeOverride,
     opened,
     onClose,
     children,
@@ -91,14 +87,13 @@ function MenuBody(_a) {
     closeOnItemClick = true,
     transitionDuration = 150,
     classNames,
-    styles,
+    styles: styles$1,
     radius,
     trapFocus = true,
     elementRef
   } = _b, others = __objRest(_b, [
     "className",
     "style",
-    "themeOverride",
     "opened",
     "onClose",
     "children",
@@ -115,9 +110,9 @@ function MenuBody(_a) {
   const items = React__default.Children.toArray(children).filter((item) => item.type === MenuItem.MenuItem || item.type === Divider.Divider || item.type === MenuLabel.MenuLabel);
   const hoveredTimeout = React.useRef();
   const buttonsRefs = React.useRef({});
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = MenuBody_styles['default']({ size, theme }, classNames, "menu");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const theme = styles.useMantineTheme();
+  const { classes, cx } = MenuBody_styles['default']({ size }, classNames, "menu");
+  const _styles = styles.mergeStyles(classes, styles$1);
   const [hovered, setHovered] = React.useState(-1);
   const focusTrapRef = hooks.useFocusTrap(trapFocus);
   React.useEffect(() => {
@@ -162,7 +157,7 @@ function MenuBody(_a) {
         onHover: () => setHovered(index),
         radius,
         classNames,
-        styles,
+        styles: styles$1,
         onMouseLeave: () => setHovered(-1),
         onClick: (event) => {
           if (closeOnItemClick) {
@@ -197,7 +192,7 @@ function MenuBody(_a) {
   });
   return /* @__PURE__ */ React__default.createElement(Paper.Paper, __spreadValues({
     shadow,
-    className: cx__default(classes.body, className),
+    className: cx(classes.body, className),
     style: __spreadValues(__spreadValues({}, style), _styles.body),
     onKeyDownCapture: handleKeyDown,
     role: "menu",

package/cjs/components/Menu/MenuBody/MenuBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBody.js","sources":["../../../../src/components/Menu/MenuBody/MenuBody.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport cx from 'clsx';\nimport { useFocusTrap } from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize, mergeStyles, useMantineTheme } from '../../../theme';\nimport { MantineTransition } from '../../Transition/Transition';\nimport { Paper } from '../../Paper/Paper';\nimport { Divider } from '../../Divider/Divider';\nimport { Text } from '../../Text/Text';\nimport { MenuItem, MenuItemType } from '../MenuItem/MenuItem';\nimport { MenuLabel } from '../MenuLabel/MenuLabel';\nimport { MenuButton, MenuButtonStylesNames } from '../MenuButton/MenuButton';\nimport useStyles from './MenuBody.styles';\n\nexport type MenuBodyStylesNames = keyof ReturnType<typeof useStyles> | MenuButtonStylesNames;\n\nexport interface MenuBodyProps\n  extends DefaultProps<MenuBodyStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** When true menu is mounted to the dom */\n  opened: boolean;\n\n  /** Triggers when menu is closed */\n  onClose(): void;\n\n  /** <MenuItem /> and <Divider /> components only */\n  children: React.ReactNode;\n\n  /** Transition styles */\n  transition?: MantineTransition;\n\n  /** Transitions duration in ms */\n  transitionDuration?: number;\n\n  /** Transition timing function */\n  transitionTimingFunction?: string;\n\n  /** Predefined menu width or number for width in px */\n  size?: MantineNumberSize;\n\n  /** Predefined shadow from theme or box-shadow value */\n  shadow?: string;\n\n  /** Should menu close on outside click */\n  closeOnClickOutside?: boolean;\n\n  /** Should menu close on item click */\n  closeOnItemClick?: boolean;\n\n  /** Body border-radius */\n  radius?: MantineNumberSize;\n\n  /** Trap focus inside menu */\n  trapFocus?: boolean;\n\n  /** Get body ref */\n  elementRef?: React.ForwardedRef<HTMLDivElement>;\n}\n\nfunction getNextItem(active: number, items: MenuItemType[]) {\n  for (let i = active + 1; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return active;\n}\n\nfunction findInitialItem(items: MenuItemType[]) {\n  for (let i = 0; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction getPreviousItem(active: number, items: MenuItemType[]) {\n  for (let i = active - 1; i >= 0; i -= 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  if (!items[active] || items[active].type !== MenuItem) {\n    return findInitialItem(items);\n  }\n\n  return active;\n}\n\nexport function MenuBody({\n  className,\n  style,\n  themeOverride,\n  opened,\n  onClose,\n  children,\n  size = 'md',\n  shadow = 'md',\n  closeOnItemClick = true,\n  transitionDuration = 150,\n  classNames,\n  styles,\n  radius,\n  trapFocus = true,\n  elementRef,\n  ...others\n}: MenuBodyProps) {\n  const items = React.Children.toArray(children).filter(\n    (item: MenuItemType) =>\n      item.type === MenuItem || item.type === Divider || item.type === MenuLabel\n  ) as MenuItemType[];\n\n  const hoveredTimeout = useRef<number>();\n  const buttonsRefs = useRef<Record<string, HTMLButtonElement>>({});\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ size, theme }, classNames, 'menu');\n  const _styles = mergeStyles(classes, styles);\n  const [hovered, setHovered] = useState(-1);\n  const focusTrapRef = useFocusTrap(trapFocus);\n\n  useEffect(() => {\n    if (!opened) {\n      hoveredTimeout.current = window.setTimeout(() => {\n        setHovered(-1);\n      }, transitionDuration);\n    } else {\n      window.clearTimeout(hoveredTimeout.current);\n    }\n\n    return () => window.clearTimeout(hoveredTimeout.current);\n  }, [opened]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const { code } = event.nativeEvent;\n\n    if (code === 'Escape') {\n      onClose();\n    }\n\n    if (code === 'Tab' && trapFocus) {\n      event.preventDefault();\n    }\n\n    if (code === 'ArrowUp') {\n      event.preventDefault();\n      const prevIndex = getPreviousItem(hovered, items);\n      setHovered(prevIndex);\n      buttonsRefs.current[prevIndex].focus();\n    }\n\n    if (code === 'ArrowDown') {\n      event.preventDefault();\n      const nextIndex = getNextItem(hovered, items);\n      setHovered(nextIndex);\n      buttonsRefs.current[nextIndex].focus();\n    }\n  };\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  const buttons = items.map((item, index) => {\n    if (item.type === MenuItem) {\n      return (\n        <MenuButton<'button'>\n          {...item.props}\n          key={index}\n          hovered={hovered === index}\n          onHover={() => setHovered(index)}\n          radius={radius}\n          classNames={classNames}\n          styles={styles}\n          onMouseLeave={() => setHovered(-1)}\n          onClick={(event) => {\n            if (closeOnItemClick) {\n              onClose();\n            }\n\n            if (typeof item.props.onClick === 'function') {\n              item.props.onClick(event);\n            }\n          }}\n          elementRef={(node) => {\n            buttonsRefs.current[index] = node;\n          }}\n        />\n      );\n    }\n\n    if (item.type === MenuLabel) {\n      return (\n        <Text\n          key={index}\n          className={classes.label}\n          style={_styles.label}\n          {...(item.props as any)}\n        />\n      );\n    }\n\n    if (item.type === Divider) {\n      return (\n        <Divider\n          variant=\"solid\"\n          className={classes.divider}\n          margins={theme.spacing.xs / 2}\n          style={_styles.divider}\n          key={index}\n        />\n      );\n    }\n\n    return null;\n  });\n\n  return (\n    <Paper\n      shadow={shadow}\n      className={cx(classes.body, className)}\n      style={{ ...style, ..._styles.body }}\n      onKeyDownCapture={handleKeyDown}\n      role=\"menu\"\n      aria-orientation=\"vertical\"\n      radius={radius}\n      onMouseLeave={() => setHovered(-1)}\n      elementRef={elementRef}\n      {...others}\n    >\n      <div ref={focusTrapRef}>{buttons}</div>\n    </Paper>\n  );\n}\n\nMenuBody.displayName = '@mantine/core/MenuBody';\n"],"names":["MenuItem","React","Divider","MenuLabel","useRef","useMantineTheme","useStyles","mergeStyles","useState","useFocusTrap","useEffect","MenuButton","Text","Paper","cx"],"mappings":"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"}
+{"version":3,"file":"MenuBody.js","sources":["../../../../src/components/Menu/MenuBody/MenuBody.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { useFocusTrap } from '@mantine/hooks';\nimport {\n  mergeStyles,\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  ClassNames,\n} from '@mantine/styles';\nimport { MantineTransition } from '../../Transition';\nimport { Paper } from '../../Paper/Paper';\nimport { Divider } from '../../Divider/Divider';\nimport { Text } from '../../Text/Text';\nimport { MenuItem, MenuItemType } from '../MenuItem/MenuItem';\nimport { MenuLabel } from '../MenuLabel/MenuLabel';\nimport { MenuButton, MenuButtonStylesNames } from '../MenuButton/MenuButton';\nimport useStyles from './MenuBody.styles';\n\nexport type MenuBodyStylesNames = ClassNames<typeof useStyles> | MenuButtonStylesNames;\n\nexport interface MenuBodyProps\n  extends DefaultProps<MenuBodyStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** When true menu is mounted to the dom */\n  opened: boolean;\n\n  /** Triggers when menu is closed */\n  onClose(): void;\n\n  /** <MenuItem /> and <Divider /> components only */\n  children: React.ReactNode;\n\n  /** Transition styles */\n  transition?: MantineTransition;\n\n  /** Transitions duration in ms */\n  transitionDuration?: number;\n\n  /** Transition timing function */\n  transitionTimingFunction?: string;\n\n  /** Predefined menu width or number for width in px */\n  size?: MantineNumberSize;\n\n  /** Predefined shadow from theme or box-shadow value */\n  shadow?: MantineShadow;\n\n  /** Should menu close on outside click */\n  closeOnClickOutside?: boolean;\n\n  /** Should menu close on item click */\n  closeOnItemClick?: boolean;\n\n  /** Body border-radius */\n  radius?: MantineNumberSize;\n\n  /** Trap focus inside menu */\n  trapFocus?: boolean;\n\n  /** Get body ref */\n  elementRef?: React.ForwardedRef<HTMLDivElement>;\n}\n\nfunction getNextItem(active: number, items: MenuItemType[]) {\n  for (let i = active + 1; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return active;\n}\n\nfunction findInitialItem(items: MenuItemType[]) {\n  for (let i = 0; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction getPreviousItem(active: number, items: MenuItemType[]) {\n  for (let i = active - 1; i >= 0; i -= 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  if (!items[active] || items[active].type !== MenuItem) {\n    return findInitialItem(items);\n  }\n\n  return active;\n}\n\nexport function MenuBody({\n  className,\n  style,\n  opened,\n  onClose,\n  children,\n  size = 'md',\n  shadow = 'md',\n  closeOnItemClick = true,\n  transitionDuration = 150,\n  classNames,\n  styles,\n  radius,\n  trapFocus = true,\n  elementRef,\n  ...others\n}: MenuBodyProps) {\n  const items = React.Children.toArray(children).filter(\n    (item: MenuItemType) =>\n      item.type === MenuItem || item.type === Divider || item.type === MenuLabel\n  ) as MenuItemType[];\n\n  const hoveredTimeout = useRef<number>();\n  const buttonsRefs = useRef<Record<string, HTMLButtonElement>>({});\n  const theme = useMantineTheme();\n  const { classes, cx } = useStyles({ size }, classNames, 'menu');\n  const _styles = mergeStyles(classes, styles);\n  const [hovered, setHovered] = useState(-1);\n  const focusTrapRef = useFocusTrap(trapFocus);\n\n  useEffect(() => {\n    if (!opened) {\n      hoveredTimeout.current = window.setTimeout(() => {\n        setHovered(-1);\n      }, transitionDuration);\n    } else {\n      window.clearTimeout(hoveredTimeout.current);\n    }\n\n    return () => window.clearTimeout(hoveredTimeout.current);\n  }, [opened]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const { code } = event.nativeEvent;\n\n    if (code === 'Escape') {\n      onClose();\n    }\n\n    if (code === 'Tab' && trapFocus) {\n      event.preventDefault();\n    }\n\n    if (code === 'ArrowUp') {\n      event.preventDefault();\n      const prevIndex = getPreviousItem(hovered, items);\n      setHovered(prevIndex);\n      buttonsRefs.current[prevIndex].focus();\n    }\n\n    if (code === 'ArrowDown') {\n      event.preventDefault();\n      const nextIndex = getNextItem(hovered, items);\n      setHovered(nextIndex);\n      buttonsRefs.current[nextIndex].focus();\n    }\n  };\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  const buttons = items.map((item, index) => {\n    if (item.type === MenuItem) {\n      return (\n        <MenuButton<'button'>\n          {...item.props}\n          key={index}\n          hovered={hovered === index}\n          onHover={() => setHovered(index)}\n          radius={radius}\n          classNames={classNames}\n          styles={styles}\n          onMouseLeave={() => setHovered(-1)}\n          onClick={(event) => {\n            if (closeOnItemClick) {\n              onClose();\n            }\n\n            if (typeof item.props.onClick === 'function') {\n              item.props.onClick(event);\n            }\n          }}\n          elementRef={(node) => {\n            buttonsRefs.current[index] = node;\n          }}\n        />\n      );\n    }\n\n    if (item.type === MenuLabel) {\n      return (\n        <Text\n          key={index}\n          className={classes.label}\n          style={_styles.label}\n          {...(item.props as any)}\n        />\n      );\n    }\n\n    if (item.type === Divider) {\n      return (\n        <Divider\n          variant=\"solid\"\n          className={classes.divider}\n          margins={theme.spacing.xs / 2}\n          style={_styles.divider}\n          key={index}\n        />\n      );\n    }\n\n    return null;\n  });\n\n  return (\n    <Paper\n      shadow={shadow}\n      className={cx(classes.body, className)}\n      style={{ ...style, ..._styles.body }}\n      onKeyDownCapture={handleKeyDown}\n      role=\"menu\"\n      aria-orientation=\"vertical\"\n      radius={radius}\n      onMouseLeave={() => setHovered(-1)}\n      elementRef={elementRef}\n      {...others}\n    >\n      <div ref={focusTrapRef}>{buttons}</div>\n    </Paper>\n  );\n}\n\nMenuBody.displayName = '@mantine/core/MenuBody';\n"],"names":["MenuItem","styles","React","Divider","MenuLabel","useRef","useMantineTheme","useStyles","mergeStyles","useState","useFocusTrap","useEffect","MenuButton","Text","Paper"],"mappings":"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"}

package/cjs/components/Menu/MenuBody/MenuBody.styles.js

@@ -2,8 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../../theme/create-memo-styles.js');
-var getSizeValue = require('../../../theme/utils/get-size-value/get-size-value.js');
+var styles = require('@mantine/styles');
 
 const sizes = {
   xs: 120,
@@ -13,27 +12,27 @@ const sizes = {
   xl: 300
 };
 const MENU_PADDING = 4;
-var useStyles = createMemoStyles.createMemoStyles({
-  body: ({ theme, size }) => ({
-    width: getSizeValue.getSizeValue({ size, sizes }),
+var useStyles = styles.createStyles((theme, { size }) => ({
+  body: {
+    width: styles.getSizeValue({ size, sizes }),
     overflow: "hidden",
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
     pointerEvents: "all",
     border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,
     padding: MENU_PADDING
-  }),
-  divider: ({ theme }) => ({
+  },
+  divider: {
     borderTopColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[2],
-    margin: [theme.spacing.xs / 2, -MENU_PADDING]
-  }),
-  label: ({ theme }) => ({
+    margin: `${theme.spacing.xs / 2}px -${MENU_PADDING}px`
+  },
+  label: {
     color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
     fontWeight: 500,
     fontSize: theme.fontSizes.xs,
-    padding: [theme.spacing.xs / 2, theme.spacing.sm],
+    padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,
     cursor: "default"
-  })
-});
+  }
+}));
 
 exports.default = useStyles;
 exports.sizes = sizes;

package/cjs/components/Menu/MenuBody/MenuBody.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBody.styles.js","sources":["../../../../src/components/Menu/MenuBody/MenuBody.styles.ts"],"sourcesContent":["import { createMemoStyles, getSizeValue, MantineNumberSize, MantineTheme } from '../../../theme';\n\ninterface MenuBodyStyles {\n  theme: MantineTheme;\n  size: MantineNumberSize;\n}\n\nexport const sizes = {\n  xs: 120,\n  sm: 160,\n  md: 200,\n  lg: 240,\n  xl: 300,\n};\n\nconst MENU_PADDING = 4;\n\nexport default createMemoStyles({\n  body: ({ theme, size }: MenuBodyStyles) => ({\n    width: getSizeValue({ size, sizes }),\n    overflow: 'hidden',\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n    pointerEvents: 'all',\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n    }`,\n    padding: MENU_PADDING,\n  }),\n\n  divider: ({ theme }: MenuBodyStyles) => ({\n    borderTopColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.colors.gray[2],\n    margin: [theme.spacing.xs / 2, -MENU_PADDING],\n  }),\n\n  label: ({ theme }: MenuBodyStyles) => ({\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    fontWeight: 500,\n    fontSize: theme.fontSizes.xs,\n    padding: [theme.spacing.xs / 2, theme.spacing.sm],\n    cursor: 'default',\n  }),\n});\n"],"names":["createMemoStyles","getSizeValue"],"mappings":";;;;;;;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE;AACF,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,gBAAeA,iCAAgB,CAAC;AAChC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AAC9B,IAAI,KAAK,EAAEC,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACxC,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,aAAa,EAAE,KAAK;AACxB,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AAC3B,IAAI,cAAc,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9F,IAAI,MAAM,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,YAAY,CAAC;AACjD,GAAG,CAAC;AACJ,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AACzB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;AACrD,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
+{"version":3,"file":"MenuBody.styles.js","sources":["../../../../src/components/Menu/MenuBody/MenuBody.styles.ts"],"sourcesContent":["import { createStyles, getSizeValue, MantineNumberSize } from '@mantine/styles';\n\ninterface MenuBodyStyles {\n  size: MantineNumberSize;\n}\n\nexport const sizes = {\n  xs: 120,\n  sm: 160,\n  md: 200,\n  lg: 240,\n  xl: 300,\n};\n\nconst MENU_PADDING = 4;\n\nexport default createStyles((theme, { size }: MenuBodyStyles) => ({\n  body: {\n    width: getSizeValue({ size, sizes }),\n    overflow: 'hidden',\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n    pointerEvents: 'all',\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n    }`,\n    padding: MENU_PADDING,\n  },\n\n  divider: {\n    borderTopColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.colors.gray[2],\n    margin: `${theme.spacing.xs / 2}px -${MENU_PADDING}px`,\n  },\n\n  label: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    fontWeight: 500,\n    fontSize: theme.fontSizes.xs,\n    padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,\n    cursor: 'default',\n  },\n}));\n"],"names":["createStyles","getSizeValue"],"mappings":";;;;;;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE;AACF,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,IAAI,EAAE;AACR,IAAI,KAAK,EAAEC,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACxC,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,aAAa,EAAE,KAAK;AACxB,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,cAAc,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9F,IAAI,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,YAAY,CAAC,EAAE,CAAC;AAC1D,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}

package/cjs/components/Menu/MenuButton/MenuButton.js

@@ -3,15 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
+var styles = require('@mantine/styles');
 var MenuButton_styles = require('./MenuButton.styles.js');
-var useMantineTheme = require('../../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../../theme/utils/merge-styles/merge-styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -48,7 +45,6 @@ function MenuButton(_a) {
     children,
     onHover,
     hovered,
-    themeOverride,
     elementRef,
     icon,
     color,
@@ -56,7 +52,7 @@ function MenuButton(_a) {
     rightSection,
     component,
     classNames,
-    styles,
+    styles: styles$1,
     radius
   } = _b, others = __objRest(_b, [
     "className",
@@ -64,7 +60,6 @@ function MenuButton(_a) {
     "children",
     "onHover",
     "hovered",
-    "themeOverride",
     "elementRef",
     "icon",
     "color",
@@ -75,14 +70,13 @@ function MenuButton(_a) {
     "styles",
     "radius"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = MenuButton_styles['default']({ color, theme, radius }, classNames, "menu");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes, cx } = MenuButton_styles['default']({ color, radius }, classNames, "menu");
+  const _styles = styles.mergeStyles(classes, styles$1);
   const Element = component || "button";
   return /* @__PURE__ */ React__default.createElement(Element, __spreadValues({
     type: "button",
     role: "menuitem",
-    className: cx__default(classes.item, { [classes.itemHovered]: hovered }, className),
+    className: cx(classes.item, { [classes.itemHovered]: hovered }, className),
     onMouseEnter: () => !disabled && onHover(),
     ref: elementRef,
     disabled,

package/cjs/components/Menu/MenuButton/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/Menu/MenuButton/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { MantineNumberSize, mergeStyles, useMantineTheme } from '../../../theme';\nimport { SharedMenuItemProps } from '../MenuItem/MenuItem';\nimport useStyles from './MenuButton.styles';\n\nexport type MenuButtonStylesNames = keyof ReturnType<typeof useStyles>;\n\ninterface _MenuButtonProps<C extends React.ElementType, R extends HTMLElement>\n  extends SharedMenuItemProps {\n  /** Root element or custom component */\n  component?: C;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<R>;\n\n  /** Menu item label */\n  children: React.ReactNode;\n\n  /** Is item hovered */\n  hovered: boolean;\n\n  /** Called when item is hovered */\n  onHover(): void;\n\n  /** Border radius */\n  radius?: MantineNumberSize;\n}\n\nexport type MenuButtonProps<\n  C extends React.ElementType = 'div',\n  R extends HTMLElement = HTMLDivElement\n> = _MenuButtonProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _MenuButtonProps<C, R>>;\n\nexport function MenuButton<\n  C extends React.ElementType = 'button',\n  R extends HTMLElement = HTMLButtonElement\n>({\n  className,\n  style,\n  children,\n  onHover,\n  hovered,\n  themeOverride,\n  elementRef,\n  icon,\n  color,\n  disabled,\n  rightSection,\n  component,\n  classNames,\n  styles,\n  radius,\n  ...others\n}: MenuButtonProps<C, R>) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ color, theme, radius }, classNames, 'menu');\n  const _styles = mergeStyles(classes, styles);\n  const Element = component || 'button';\n\n  return (\n    <Element\n      type=\"button\"\n      role=\"menuitem\"\n      className={cx(classes.item, { [classes.itemHovered]: hovered }, className)}\n      onMouseEnter={() => !disabled && onHover()}\n      ref={elementRef as any}\n      disabled={disabled}\n      style={{ ...style, ..._styles.item, ...(hovered ? _styles.itemHovered : null) }}\n      {...others}\n    >\n      <div className={classes.itemInner} style={_styles.itemInner}>\n        {icon && (\n          <div className={classes.itemIcon} style={_styles.itemIcon}>\n            {icon}\n          </div>\n        )}\n\n        <div className={classes.itemBody} style={_styles.itemBody}>\n          <div className={classes.itemLabel} style={_styles.itemLabel}>\n            {children}\n          </div>\n          {rightSection}\n        </div>\n      </div>\n    </Element>\n  );\n}\n\nMenuButton.displayName = '@mantine/core/MenuButton';\n"],"names":["useMantineTheme","useStyles","mergeStyles","React","cx"],"mappings":"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"}
+{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/Menu/MenuButton/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, MantineNumberSize, ClassNames } from '@mantine/styles';\nimport { SharedMenuItemProps } from '../MenuItem/MenuItem';\nimport useStyles from './MenuButton.styles';\n\nexport type MenuButtonStylesNames = ClassNames<typeof useStyles>;\n\ninterface _MenuButtonProps<C extends React.ElementType, R extends HTMLElement>\n  extends SharedMenuItemProps {\n  /** Root element or custom component */\n  component?: C;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<R>;\n\n  /** Menu item label */\n  children: React.ReactNode;\n\n  /** Is item hovered */\n  hovered: boolean;\n\n  /** Called when item is hovered */\n  onHover(): void;\n\n  /** Border radius */\n  radius?: MantineNumberSize;\n}\n\nexport type MenuButtonProps<\n  C extends React.ElementType = 'div',\n  R extends HTMLElement = HTMLDivElement\n> = _MenuButtonProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _MenuButtonProps<C, R>>;\n\nexport function MenuButton<\n  C extends React.ElementType = 'button',\n  R extends HTMLElement = HTMLButtonElement\n>({\n  className,\n  style,\n  children,\n  onHover,\n  hovered,\n  elementRef,\n  icon,\n  color,\n  disabled,\n  rightSection,\n  component,\n  classNames,\n  styles,\n  radius,\n  ...others\n}: MenuButtonProps<C, R>) {\n  const { classes, cx } = useStyles({ color, radius }, classNames, 'menu');\n  const _styles = mergeStyles(classes, styles);\n  const Element = component || 'button';\n\n  return (\n    <Element\n      type=\"button\"\n      role=\"menuitem\"\n      className={cx(classes.item, { [classes.itemHovered]: hovered }, className)}\n      onMouseEnter={() => !disabled && onHover()}\n      ref={elementRef as any}\n      disabled={disabled}\n      style={{ ...style, ..._styles.item, ...(hovered ? _styles.itemHovered : null) }}\n      {...others}\n    >\n      <div className={classes.itemInner} style={_styles.itemInner}>\n        {icon && (\n          <div className={classes.itemIcon} style={_styles.itemIcon}>\n            {icon}\n          </div>\n        )}\n\n        <div className={classes.itemBody} style={_styles.itemBody}>\n          <div className={classes.itemLabel} style={_styles.itemLabel}>\n            {children}\n          </div>\n          {rightSection}\n        </div>\n      </div>\n    </Element>\n  );\n}\n\nMenuButton.displayName = '@mantine/core/MenuButton';\n"],"names":["styles","useStyles","mergeStyles","React"],"mappings":"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"}

package/cjs/components/Menu/MenuButton/MenuButton.styles.js

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../../theme/create-memo-styles.js');
-var getSizeValue = require('../../../theme/utils/get-size-value/get-size-value.js');
-var getThemeColor = require('../../../theme/utils/get-theme-color/get-theme-color.js');
-var getFontStyles = require('../../../theme/utils/get-font-styles/get-font-styles.js');
-var hexToRgba = require('../../../theme/utils/hex-to-rgba/hex-to-rgba.js');
+var styles = require('@mantine/styles');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -27,8 +23,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createMemoStyles.createMemoStyles({
-  item: ({ theme, color, radius }) => __spreadProps(__spreadValues({}, getFontStyles.getFontStyles(theme)), {
+var useStyles = styles.createStyles((theme, { radius, color }) => ({
+  item: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
     WebkitTapHighlightColor: "transparent",
     fontSize: theme.fontSizes.sm,
     border: 0,
@@ -39,18 +35,18 @@ var useStyles = createMemoStyles.createMemoStyles({
     display: "inline-block",
     textDecoration: "none",
     boxSizing: "border-box",
-    padding: [theme.spacing.xs, theme.spacing.sm],
+    padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
     cursor: "pointer",
-    borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }),
-    color: color ? getThemeColor.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }) : theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
+    color: color ? styles.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }) : theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
     "&:disabled": {
       color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5],
       cursor: "not-allowed"
     }
   }),
-  itemHovered: ({ theme, color }) => ({
-    backgroundColor: color ? hexToRgba.hexToRgba(getThemeColor.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 9 : 0 }), theme.colorScheme === "dark" ? 0.2 : 1) : theme.colorScheme === "dark" ? hexToRgba.hexToRgba(theme.colors.dark[3], 0.35) : theme.colors.gray[0]
-  }),
+  itemHovered: {
+    backgroundColor: color ? styles.hexToRgba(styles.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 9 : 0 }), theme.colorScheme === "dark" ? 0.2 : 1) : theme.colorScheme === "dark" ? styles.hexToRgba(theme.colors.dark[3], 0.35) : theme.colors.gray[0]
+  },
   itemInner: {
     display: "flex",
     alignItems: "center",
@@ -62,16 +58,16 @@ var useStyles = createMemoStyles.createMemoStyles({
     justifyContent: "space-between",
     flex: 1
   },
-  itemIcon: ({ theme }) => ({
+  itemIcon: {
     marginRight: theme.spacing.xs,
     "& *": {
       display: "block"
     }
-  }),
+  },
   itemLabel: {
     lineHeight: 1
   }
-});
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=MenuButton.styles.js.map