@mantine/core 4.2.9 → 5.0.0-alpha.10

package/cjs/components/List/ListItem/ListItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.js","sources":["../../../../src/components/List/ListItem/ListItem.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface ListItemStyles {\n  spacing: MantineNumberSize;\n  center: boolean;\n}\n\nexport default createStyles((theme, { spacing, center }: ListItemStyles, getRef) => {\n  const itemWrapper = {\n    ref: getRef('itemWrapper'),\n    display: 'inline',\n  } as const;\n\n  return {\n    itemWrapper,\n\n    item: {\n      lineHeight: center ? 1 : theme.lineHeight,\n\n      '&:not(:first-of-type)': {\n        marginTop: theme.fn.size({ size: spacing, sizes: theme.spacing }),\n      },\n    },\n\n    withIcon: {\n      listStyle: 'none',\n\n      [`& .${itemWrapper.ref}`]: {\n        display: 'inline-flex',\n        alignItems: center ? 'center' : 'flex-start',\n      },\n    },\n\n    itemIcon: {\n      display: 'inline-block',\n      verticalAlign: 'middle',\n      marginRight: theme.spacing.sm,\n    },\n  };\n});\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,KAAK;AACpE,EAAE,MAAM,WAAW,GAAG;AACtB,IAAI,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC;AAC9B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,WAAW;AACf,IAAI,IAAI,EAAE;AACV,MAAM,UAAU,EAAE,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU;AAC/C,MAAM,uBAAuB,EAAE;AAC/B,QAAQ,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACzE,OAAO;AACP,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG;AACjC,QAAQ,OAAO,EAAE,aAAa;AAC9B,QAAQ,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY;AACpD,OAAO;AACP,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,OAAO,EAAE,cAAc;AAC7B,MAAM,aAAa,EAAE,QAAQ;AAC7B,MAAM,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACnC,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"ListItem.styles.js","sources":["../../../../src/components/List/ListItem/ListItem.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface ListItemStyles {\n  spacing: MantineNumberSize;\n  center: boolean;\n}\n\nexport default createStyles((theme, { spacing, center }: ListItemStyles, getRef) => ({\n  itemWrapper: {\n    ref: getRef('itemWrapper'),\n    display: 'inline',\n  },\n\n  item: {\n    lineHeight: center ? 1 : theme.lineHeight,\n\n    '&:not(:first-of-type)': {\n      marginTop: theme.fn.size({ size: spacing, sizes: theme.spacing }),\n    },\n  },\n\n  withIcon: {\n    listStyle: 'none',\n\n    [`& .${getRef('itemWrapper')}`]: {\n      display: 'inline-flex',\n      alignItems: center ? 'center' : 'flex-start',\n    },\n  },\n\n  itemIcon: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    marginRight: theme.spacing.sm,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,MAAM;AACrE,EAAE,WAAW,EAAE;AACf,IAAI,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC;AAC9B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,UAAU,EAAE,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU;AAC7C,IAAI,uBAAuB,EAAE;AAC7B,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACvE,KAAK;AACL,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;AACrC,MAAM,OAAO,EAAE,aAAa;AAC5B,MAAM,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY;AAClD,KAAK;AACL,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/Loader/Loader.js

@@ -46,7 +46,7 @@ const LOADERS = {
   oval: Oval.Oval,
   dots: Dots.Dots
 };
-const LOADER_SIZES = {
+const sizes = {
   xs: 18,
   sm: 22,
   md: 36,
@@ -57,27 +57,18 @@ const defaultProps = {
   size: "md"
 };
 function Loader(props) {
-  const _a = styles.useMantineDefaultProps("Loader", defaultProps, props), {
-    size = "md",
-    color,
-    variant
-  } = _a, others = __objRest(_a, [
-    "size",
-    "color",
-    "variant"
-  ]);
+  const _a = styles.useComponentDefaultProps("Loader", defaultProps, props), { size, color, variant } = _a, others = __objRest(_a, ["size", "color", "variant"]);
   const theme = styles.useMantineTheme();
   const defaultLoader = variant in LOADERS ? variant : theme.loader;
   const _color = color || theme.primaryColor;
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     role: "presentation",
     component: LOADERS[defaultLoader] || LOADERS.bars,
-    size: theme.fn.size({ size, sizes: LOADER_SIZES }),
-    color: _color in theme.colors ? theme.fn.themeColor(_color, theme.colorScheme === "dark" ? 4 : theme.fn.primaryShade("light")) : color
+    size: theme.fn.size({ size, sizes }),
+    color: _color in theme.colors ? theme.fn.themeColor(_color, theme.fn.primaryShade()) : color
   }, others));
 }
 Loader.displayName = "@mantine/core/Loader";
 
-exports.LOADER_SIZES = LOADER_SIZES;
 exports.Loader = Loader;
 //# sourceMappingURL=Loader.js.map

package/cjs/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n  MantineTheme,\n  useMantineTheme,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Bars } from './loaders/Bars';\nimport { Oval } from './loaders/Oval';\nimport { Dots } from './loaders/Dots';\n\nconst LOADERS = {\n  bars: Bars,\n  oval: Oval,\n  dots: Dots,\n} as const;\n\nexport const LOADER_SIZES = {\n  xs: 18,\n  sm: 22,\n  md: 36,\n  lg: 44,\n  xl: 58,\n};\n\nexport interface LoaderProps extends DefaultProps, React.ComponentPropsWithoutRef<'svg'> {\n  /** Defines width of loader */\n  size?: MantineNumberSize;\n\n  /** Loader color from theme */\n  color?: MantineColor;\n\n  /** Loader appearance */\n  variant?: MantineTheme['loader'];\n}\n\nconst defaultProps: Partial<LoaderProps> = {\n  size: 'md',\n};\n\nexport function Loader(props: LoaderProps) {\n  const {\n    size = 'md',\n    color,\n    variant,\n    ...others\n  } = useMantineDefaultProps('Loader', defaultProps, props);\n\n  const theme = useMantineTheme();\n  const defaultLoader = variant in LOADERS ? variant : theme.loader;\n  const _color = color || theme.primaryColor;\n\n  return (\n    <Box\n      role=\"presentation\"\n      component={LOADERS[defaultLoader] || LOADERS.bars}\n      size={theme.fn.size({ size, sizes: LOADER_SIZES })}\n      color={\n        _color in theme.colors\n          ? theme.fn.themeColor(\n              _color,\n              theme.colorScheme === 'dark' ? 4 : theme.fn.primaryShade('light')\n            )\n          : color\n      }\n      {...others}\n    />\n  );\n}\n\nLoader.displayName = '@mantine/core/Loader';\n"],"names":["Bars","Oval","Dots","useMantineDefaultProps","useMantineTheme","React","Box"],"mappings":"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"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n  MantineTheme,\n  useMantineTheme,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Bars } from './loaders/Bars';\nimport { Oval } from './loaders/Oval';\nimport { Dots } from './loaders/Dots';\n\nconst LOADERS = {\n  bars: Bars,\n  oval: Oval,\n  dots: Dots,\n};\n\nconst sizes = {\n  xs: 18,\n  sm: 22,\n  md: 36,\n  lg: 44,\n  xl: 58,\n};\n\nexport interface LoaderProps extends DefaultProps, React.ComponentPropsWithoutRef<'svg'> {\n  /** Defines width of loader */\n  size?: MantineNumberSize;\n\n  /** Loader color from theme */\n  color?: MantineColor;\n\n  /** Loader appearance */\n  variant?: MantineTheme['loader'];\n}\n\nconst defaultProps: Partial<LoaderProps> = {\n  size: 'md',\n};\n\nexport function Loader(props: LoaderProps) {\n  const { size, color, variant, ...others } = useComponentDefaultProps(\n    'Loader',\n    defaultProps,\n    props\n  );\n  const theme = useMantineTheme();\n  const defaultLoader = variant in LOADERS ? variant : theme.loader;\n  const _color = color || theme.primaryColor;\n\n  return (\n    <Box\n      role=\"presentation\"\n      component={LOADERS[defaultLoader] || LOADERS.bars}\n      size={theme.fn.size({ size, sizes })}\n      color={_color in theme.colors ? theme.fn.themeColor(_color, theme.fn.primaryShade()) : color}\n      {...others}\n    />\n  );\n}\n\nLoader.displayName = '@mantine/core/Loader';\n"],"names":["Bars","Oval","Dots","useComponentDefaultProps","useMantineTheme","React","Box"],"mappings":"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"}

package/cjs/components/LoadingOverlay/LoadingOverlay.js

@@ -47,11 +47,11 @@ var __objRest = (source, exclude) => {
 };
 const defaultProps = {
   overlayOpacity: 0.75,
-  transitionDuration: 200,
+  transitionDuration: 0,
   zIndex: styles.getDefaultZIndex("overlay")
 };
 const LoadingOverlay = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("LoadingOverlay", defaultProps, props), {
+  const _a = styles.useComponentDefaultProps("LoadingOverlay", defaultProps, props), {
     className,
     visible,
     loaderProps,
@@ -63,8 +63,8 @@ const LoadingOverlay = React.forwardRef((props, ref) => {
     style,
     loader,
     radius,
-    classNames,
-    styles: styles$1
+    overlayBlur,
+    unstyled
   } = _a, others = __objRest(_a, [
     "className",
     "visible",
@@ -77,10 +77,11 @@ const LoadingOverlay = React.forwardRef((props, ref) => {
     "style",
     "loader",
     "radius",
-    "classNames",
-    "styles"
+    "overlayBlur",
+    "unstyled"
   ]);
-  const { classes, cx, theme } = LoadingOverlay_styles['default'](null, { name: "LoadingOverlay", classNames, styles: styles$1 });
+  const { classes, cx, theme } = LoadingOverlay_styles['default'](null, { name: "LoadingOverlay", unstyled });
+  const _zIndex = `calc(${zIndex} + 1)`;
   return /* @__PURE__ */ React__default.createElement(Transition.Transition, {
     duration: transitionDuration,
     exitDuration: exitTransitionDuration,
@@ -91,13 +92,15 @@ const LoadingOverlay = React.forwardRef((props, ref) => {
     style: __spreadProps(__spreadValues(__spreadValues({}, transitionStyles), style), { zIndex }),
     ref
   }, others), loader ? /* @__PURE__ */ React__default.createElement("div", {
-    style: { zIndex: zIndex + 1 }
+    style: { zIndex: _zIndex }
   }, loader) : /* @__PURE__ */ React__default.createElement(Loader.Loader, __spreadValues({
-    style: { zIndex: zIndex + 1 }
+    style: { zIndex: _zIndex }
   }, loaderProps)), /* @__PURE__ */ React__default.createElement(Overlay.Overlay, {
     opacity: overlayOpacity,
     zIndex,
     radius,
+    blur: overlayBlur,
+    unstyled,
     color: overlayColor || (theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.white)
   })));
 });

package/cjs/components/LoadingOverlay/LoadingOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingOverlay.js","sources":["../../../src/components/LoadingOverlay/LoadingOverlay.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  getDefaultZIndex,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Overlay } from '../Overlay';\nimport { Transition } from '../Transition';\nimport { Loader, LoaderProps } from '../Loader';\nimport { Box } from '../Box';\nimport useStyles from './LoadingOverlay.styles';\n\nexport interface LoadingOverlayProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Provide custom loader */\n  loader?: React.ReactNode;\n\n  /** Loader component props */\n  loaderProps?: LoaderProps;\n\n  /** Sets overlay opacity */\n  overlayOpacity?: number;\n\n  /** Sets overlay color, defaults to theme.white in light theme and to theme.colors.dark[5] in dark theme */\n  overlayColor?: string;\n\n  /** Loading overlay z-index */\n  zIndex?: number;\n\n  /** If visible overlay will take 100% width and height of first parent with relative position and overlay all of its content */\n  visible: boolean;\n\n  /** Animation duration in ms */\n  transitionDuration?: number;\n\n  /** Exit transition duration in ms */\n  exitTransitionDuration?: number;\n\n  /** Value from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<LoadingOverlayProps> = {\n  overlayOpacity: 0.75,\n  transitionDuration: 200,\n  zIndex: getDefaultZIndex('overlay'),\n};\n\nexport const LoadingOverlay = forwardRef<HTMLDivElement, LoadingOverlayProps>(\n  (props: LoadingOverlayProps, ref) => {\n    const {\n      className,\n      visible,\n      loaderProps,\n      overlayOpacity,\n      overlayColor,\n      transitionDuration,\n      exitTransitionDuration,\n      zIndex,\n      style,\n      loader,\n      radius,\n      classNames,\n      styles,\n      ...others\n    } = useMantineDefaultProps('LoadingOverlay', defaultProps, props);\n    const { classes, cx, theme } = useStyles(null, { name: 'LoadingOverlay', classNames, styles });\n\n    return (\n      <Transition\n        duration={transitionDuration}\n        exitDuration={exitTransitionDuration}\n        mounted={visible}\n        transition=\"fade\"\n      >\n        {(transitionStyles) => (\n          <Box\n            className={cx(classes.root, className)}\n            style={{ ...transitionStyles, ...style, zIndex }}\n            ref={ref}\n            {...others}\n          >\n            {loader ? (\n              <div style={{ zIndex: zIndex + 1 }}>{loader}</div>\n            ) : (\n              <Loader style={{ zIndex: zIndex + 1 }} {...loaderProps} />\n            )}\n\n            <Overlay\n              opacity={overlayOpacity}\n              zIndex={zIndex}\n              radius={radius}\n              color={\n                overlayColor || (theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.white)\n              }\n            />\n          </Box>\n        )}\n      </Transition>\n    );\n  }\n);\n\nLoadingOverlay.displayName = '@mantine/core/LoadingOverlay';\n"],"names":["getDefaultZIndex","forwardRef","useMantineDefaultProps","styles","useStyles","React","Transition","Box","Loader","Overlay"],"mappings":"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"}
+{"version":3,"file":"LoadingOverlay.js","sources":["../../../src/components/LoadingOverlay/LoadingOverlay.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  getDefaultZIndex,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Overlay } from '../Overlay';\nimport { Transition } from '../Transition';\nimport { Loader, LoaderProps } from '../Loader';\nimport { Box } from '../Box';\nimport useStyles from './LoadingOverlay.styles';\n\nexport interface LoadingOverlayProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Provide custom loader */\n  loader?: React.ReactNode;\n\n  /** Loader component props */\n  loaderProps?: LoaderProps;\n\n  /** Sets overlay opacity */\n  overlayOpacity?: number;\n\n  /** Sets overlay color, defaults to theme.white in light theme and to theme.colors.dark[5] in dark theme */\n  overlayColor?: string;\n\n  /** Sets overlay blur in px */\n  overlayBlur?: number;\n\n  /** Loading overlay z-index */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** If visible overlay will take 100% width and height of first parent with relative position and overlay all of its content */\n  visible: boolean;\n\n  /** Animation duration in ms */\n  transitionDuration?: number;\n\n  /** Exit transition duration in ms */\n  exitTransitionDuration?: number;\n\n  /** Value from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<LoadingOverlayProps> = {\n  overlayOpacity: 0.75,\n  transitionDuration: 0,\n  zIndex: getDefaultZIndex('overlay'),\n};\n\nexport const LoadingOverlay = forwardRef<HTMLDivElement, LoadingOverlayProps>((props, ref) => {\n  const {\n    className,\n    visible,\n    loaderProps,\n    overlayOpacity,\n    overlayColor,\n    transitionDuration,\n    exitTransitionDuration,\n    zIndex,\n    style,\n    loader,\n    radius,\n    overlayBlur,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('LoadingOverlay', defaultProps, props);\n  const { classes, cx, theme } = useStyles(null, { name: 'LoadingOverlay', unstyled });\n  const _zIndex = `calc(${zIndex} + 1)` as any;\n\n  return (\n    <Transition\n      duration={transitionDuration}\n      exitDuration={exitTransitionDuration}\n      mounted={visible}\n      transition=\"fade\"\n    >\n      {(transitionStyles) => (\n        <Box\n          className={cx(classes.root, className)}\n          style={{ ...transitionStyles, ...style, zIndex }}\n          ref={ref}\n          {...others}\n        >\n          {loader ? (\n            <div style={{ zIndex: _zIndex }}>{loader}</div>\n          ) : (\n            <Loader style={{ zIndex: _zIndex }} {...loaderProps} />\n          )}\n\n          <Overlay\n            opacity={overlayOpacity}\n            zIndex={zIndex}\n            radius={radius}\n            blur={overlayBlur}\n            unstyled={unstyled}\n            color={\n              overlayColor || (theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.white)\n            }\n          />\n        </Box>\n      )}\n    </Transition>\n  );\n});\n\nLoadingOverlay.displayName = '@mantine/core/LoadingOverlay';\n"],"names":["getDefaultZIndex","forwardRef","useComponentDefaultProps","useStyles","React","Transition","Box","Loader","Overlay"],"mappings":"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"}

package/cjs/components/Mark/Mark.js

@@ -43,8 +43,8 @@ const defaultProps = {
   color: "yellow"
 };
 const Mark = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Mark", defaultProps, props), { color, className, classNames, styles: styles$1 } = _a, others = __objRest(_a, ["color", "className", "classNames", "styles"]);
-  const { classes, cx } = Mark_styles['default']({ color }, { classNames, styles: styles$1, name: "Mark" });
+  const _a = styles.useComponentDefaultProps("Mark", defaultProps, props), { color, className, unstyled } = _a, others = __objRest(_a, ["color", "className", "unstyled"]);
+  const { classes, cx } = Mark_styles['default']({ color }, { unstyled, name: "Mark" });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     component: "mark",
     ref,

package/cjs/components/Mark/Mark.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mark.js","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Mark.styles';\n\nexport interface MarkProps extends DefaultProps, React.ComponentPropsWithoutRef<'mark'> {\n  /** Background color from theme.colors */\n  color?: MantineColor;\n}\n\nconst defaultProps: Partial<MarkProps> = {\n  color: 'yellow',\n};\n\nexport const Mark = forwardRef<HTMLElement, MarkProps>((props: MarkProps, ref) => {\n  const { color, className, classNames, styles, ...others } = useMantineDefaultProps(\n    'Mark',\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles({ color }, { classNames, styles, name: 'Mark' });\n  return <Box component=\"mark\" ref={ref} className={cx(classes.root, className)} {...others} />;\n});\n\nMark.displayName = '@mantine/core/Mark';\n"],"names":["forwardRef","useMantineDefaultProps","styles","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"Mark.js","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Mark.styles';\n\nexport interface MarkProps extends DefaultProps, React.ComponentPropsWithoutRef<'mark'> {\n  /** Background color from theme.colors */\n  color?: MantineColor;\n}\n\nconst defaultProps: Partial<MarkProps> = {\n  color: 'yellow',\n};\n\nexport const Mark = forwardRef<HTMLElement, MarkProps>((props, ref) => {\n  const { color, className, unstyled, ...others } = useComponentDefaultProps(\n    'Mark',\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles({ color }, { unstyled, name: 'Mark' });\n  return <Box component=\"mark\" ref={ref} className={cx(classes.root, className)} {...others} />;\n});\n\nMark.displayName = '@mantine/core/Mark';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"mappings":"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"}

package/cjs/components/MediaQuery/MediaQuery.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function MediaQuery(props) {
   var _a;
-  const { children, smallerThan, largerThan, query, styles: styles$1, className } = styles.useMantineDefaultProps("MediaQuery", {}, props);
+  const { children, smallerThan, largerThan, query, styles: styles$1, className } = styles.useComponentDefaultProps("MediaQuery", {}, props);
   const { classes, cx } = MediaQuery_styles['default']({ smallerThan, largerThan, query, styles: styles$1 }, { name: "MediaQuery" });
   const child = React.Children.only(children);
   if (typeof child === "object" && child !== null && "props" in child) {

package/cjs/components/MediaQuery/MediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaQuery.js","sources":["../../../src/components/MediaQuery/MediaQuery.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { MantineNumberSize, CSSObject, useMantineDefaultProps } from '@mantine/styles';\nimport useStyles from './MediaQuery.styles';\n\nexport interface MediaQueryProps {\n  className?: string;\n\n  /** Child that should be shown at given breakpoint, it must accept className prop */\n  children: React.ReactNode;\n\n  /** Styles applied to child when viewport is smaller than given breakpoint */\n  smallerThan?: MantineNumberSize;\n\n  /** Styles applied to child when viewport is larger than given breakpoint */\n  largerThan?: MantineNumberSize;\n\n  /** Any other media query */\n  query?: string;\n\n  /** Styles applied to child when breakpoint matches */\n  styles: CSSObject;\n}\n\nexport function MediaQuery(props: MediaQueryProps) {\n  const { children, smallerThan, largerThan, query, styles, className } = useMantineDefaultProps(\n    'MediaQuery',\n    {},\n    props\n  );\n\n  const { classes, cx } = useStyles(\n    { smallerThan, largerThan, query, styles },\n    { name: 'MediaQuery' }\n  );\n\n  const child = Children.only(children) as React.ReactElement;\n\n  if (typeof child === 'object' && child !== null && 'props' in child) {\n    return React.cloneElement(child, {\n      className: cx(classes.media, child.props?.className, className),\n    });\n  }\n\n  return child;\n}\n\nMediaQuery.displayName = '@mantine/core/MediaQuery';\n"],"names":["styles","useMantineDefaultProps","useStyles","Children","React"],"mappings":";;;;;;;;;;;;AAGO,SAAS,UAAU,CAAC,KAAK,EAAE;AAClC,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,UAAEA,QAAM,EAAE,SAAS,EAAE,GAAGC,6BAAsB,CAAC,YAAY,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;AAC1H,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,4BAAS,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,UAAEF,QAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AACxG,EAAE,MAAM,KAAK,GAAGG,cAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxC,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;AACvE,IAAI,OAAOC,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACrC,MAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AACjG,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
+{"version":3,"file":"MediaQuery.js","sources":["../../../src/components/MediaQuery/MediaQuery.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { MantineNumberSize, CSSObject, useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './MediaQuery.styles';\n\nexport interface MediaQueryProps {\n  className?: string;\n\n  /** Child that should be shown at given breakpoint, it must accept className prop */\n  children: React.ReactNode;\n\n  /** Styles applied to child when viewport is smaller than given breakpoint */\n  smallerThan?: MantineNumberSize;\n\n  /** Styles applied to child when viewport is larger than given breakpoint */\n  largerThan?: MantineNumberSize;\n\n  /** Any other media query */\n  query?: string;\n\n  /** Styles applied to child when breakpoint matches */\n  styles: CSSObject;\n}\n\nexport function MediaQuery(props: MediaQueryProps) {\n  const { children, smallerThan, largerThan, query, styles, className } = useComponentDefaultProps(\n    'MediaQuery',\n    {},\n    props\n  );\n\n  const { classes, cx } = useStyles(\n    { smallerThan, largerThan, query, styles },\n    { name: 'MediaQuery' }\n  );\n\n  const child = Children.only(children) as React.ReactElement;\n\n  if (typeof child === 'object' && child !== null && 'props' in child) {\n    return React.cloneElement(child, {\n      className: cx(classes.media, child.props?.className, className),\n    });\n  }\n\n  return child;\n}\n\nMediaQuery.displayName = '@mantine/core/MediaQuery';\n"],"names":["styles","useComponentDefaultProps","useStyles","Children","React"],"mappings":";;;;;;;;;;;;AAGO,SAAS,UAAU,CAAC,KAAK,EAAE;AAClC,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,UAAEA,QAAM,EAAE,SAAS,EAAE,GAAGC,+BAAwB,CAAC,YAAY,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;AAC5H,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,4BAAS,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,UAAEF,QAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AACxG,EAAE,MAAM,KAAK,GAAGG,cAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxC,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;AACvE,IAAI,OAAOC,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACrC,MAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AACjG,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/cjs/components/Menu/Menu.context.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createUseContext = require('../../utils/create-use-context/create-use-context.js');
+var utils = require('@mantine/utils');
+var Menu_errors = require('./Menu.errors.js');
 
-const [MenuProvider, useMenuContext] = createUseContext.createUseContext(null);
+const [MenuContextProvider, useMenuContext] = utils.createSafeContext(Menu_errors.MENU_ERRORS.context);
 
-exports.MenuProvider = MenuProvider;
+exports.MenuContextProvider = MenuContextProvider;
 exports.useMenuContext = useMenuContext;
 //# sourceMappingURL=Menu.context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.context.js","sources":["../../../src/components/Menu/Menu.context.ts"],"sourcesContent":["import { MantineNumberSize, MantineTheme, CSSObject } from '@mantine/styles';\nimport { createUseContext } from '../../utils';\nimport type { MenuStylesNames } from './Menu';\n\ninterface MenuContextValue {\n  hovered: number;\n  radius: MantineNumberSize;\n  classNames: Partial<Record<MenuStylesNames, string>>;\n  styles:\n    | Partial<Record<MenuStylesNames, CSSObject>>\n    | ((theme: MantineTheme) => Partial<Record<MenuStylesNames, CSSObject>>);\n  onItemHover(index: number): void;\n  onItemKeyDown(event: React.KeyboardEvent<HTMLElement>): void;\n  onItemClick(): void;\n}\n\nexport const [MenuProvider, useMenuContext] = createUseContext<MenuContextValue>(null);\n"],"names":["createUseContext"],"mappings":";;;;;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,iCAAgB,CAAC,IAAI;;;;;"}
+{"version":3,"file":"Menu.context.js","sources":["../../../src/components/Menu/Menu.context.ts"],"sourcesContent":["import { MantineNumberSize } from '@mantine/styles';\nimport { createSafeContext } from '@mantine/utils';\nimport { MENU_ERRORS } from './Menu.errors';\nimport { MenuTriggerEvent } from './Menu.types';\n\ninterface MenuContext {\n  toggleDropdown(): void;\n  closeDropdownImmediately(): void;\n  closeDropdown(): void;\n  openDropdown(): void;\n  getItemIndex(node: HTMLButtonElement): number;\n  setHovered(index: number): void;\n  hovered: number;\n  closeOnItemClick: boolean;\n  loop: boolean;\n  trigger: MenuTriggerEvent;\n  radius: MantineNumberSize;\n  opened: boolean;\n}\n\nexport const [MenuContextProvider, useMenuContext] = createSafeContext<MenuContext>(\n  MENU_ERRORS.context\n);\n"],"names":["createSafeContext","MENU_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAACC,uBAAW,CAAC,OAAO;;;;;"}

package/cjs/components/Menu/Menu.errors.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const MENU_ERRORS = {
+  context: "Menu component was not found in the tree",
+  children: "Menu.Target component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
+};
+
+exports.MENU_ERRORS = MENU_ERRORS;
+//# sourceMappingURL=Menu.errors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.errors.js","sources":["../../../src/components/Menu/Menu.errors.ts"],"sourcesContent":["export const MENU_ERRORS = {\n  context: 'Menu component was not found in the tree',\n  children:\n    'Menu.Target component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported',\n};\n"],"names":[],"mappings":";;;;AAAY,MAAC,WAAW,GAAG;AAC3B,EAAE,OAAO,EAAE,0CAA0C;AACrD,EAAE,QAAQ,EAAE,+JAA+J;AAC3K;;;;"}

package/cjs/components/Menu/Menu.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var utils = require('@mantine/utils');
 var hooks = require('@mantine/hooks');
 var styles = require('@mantine/styles');
-var MenuIcon = require('./MenuIcon.js');
+var MenuDivider = require('./MenuDivider/MenuDivider.js');
+var MenuDropdown = require('./MenuDropdown/MenuDropdown.js');
 var MenuItem = require('./MenuItem/MenuItem.js');
 var MenuLabel = require('./MenuLabel/MenuLabel.js');
+var MenuTarget = require('./MenuTarget/MenuTarget.js');
 var Menu_context = require('./Menu.context.js');
-var Menu_styles = require('./Menu.styles.js');
-var Box = require('../Box/Box.js');
-var Popper = require('../Popper/Popper.js');
-var Paper = require('../Paper/Paper.js');
-var ActionIcon = require('../ActionIcon/ActionIcon.js');
+var useDelayedHover = require('../Floating/use-delayed-hover.js');
+var Popover = require('../Popover/Popover.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -50,262 +50,104 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const defaultControl = /* @__PURE__ */ React__default.createElement(ActionIcon.ActionIcon, null, /* @__PURE__ */ React__default.createElement(MenuIcon.MenuIcon, null));
-function getNextItem(active, items) {
-  for (let i = active + 1; i < items.length; i += 1) {
-    if (!items[i].disabled) {
-      return i;
-    }
-  }
-  return active;
-}
-function findInitialItem(items) {
-  for (let i = 0; i < items.length; i += 1) {
-    if (!items[i].disabled) {
-      return i;
-    }
-  }
-  return -1;
-}
-function getPreviousItem(active, items) {
-  for (let i = active - 1; i >= 0; i -= 1) {
-    if (!items[i].disabled) {
-      return i;
-    }
-  }
-  if (!items[active]) {
-    return findInitialItem(items);
-  }
-  return active;
-}
 const defaultProps = {
-  control: defaultControl,
   closeOnItemClick: true,
-  transitionDuration: 150,
-  size: "md",
-  shadow: "md",
-  position: "bottom",
-  placement: "start",
-  gutter: 5,
-  withArrow: false,
-  transition: "pop-top-left",
-  controlRefProp: "ref",
+  loop: true,
   trigger: "click",
-  radius: "sm",
-  delay: 100,
-  zIndex: styles.getDefaultZIndex("popover"),
-  withinPortal: true,
-  trapFocus: true,
-  closeOnScroll: false,
-  clickOutsideEvents: ["mousedown", "touchstart"]
+  openDelay: 0,
+  closeDelay: 100
 };
-const Menu = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Menu", defaultProps, props), {
-    control,
+function Menu(props) {
+  const _a = styles.useComponentDefaultProps("Menu", defaultProps, props), {
     children,
-    onClose,
     onOpen,
+    onClose,
     opened,
-    menuId,
+    defaultOpened,
+    onChange,
     closeOnItemClick,
-    transitionDuration,
-    size,
-    shadow,
-    position,
-    placement,
-    gutter,
-    withArrow,
-    transition,
-    transitionTimingFunction,
-    menuButtonLabel,
-    controlRefProp,
+    loop,
+    closeOnEscape,
     trigger,
-    radius,
-    delay,
-    zIndex,
-    withinPortal,
-    trapFocus,
+    openDelay,
+    closeDelay,
     classNames,
     styles: styles$1,
-    closeOnScroll,
-    onMouseLeave,
-    onMouseEnter,
-    onChange,
-    className,
-    sx,
-    clickOutsideEvents
+    unstyled,
+    radius
   } = _a, others = __objRest(_a, [
-    "control",
     "children",
-    "onClose",
     "onOpen",
+    "onClose",
     "opened",
-    "menuId",
+    "defaultOpened",
+    "onChange",
     "closeOnItemClick",
-    "transitionDuration",
-    "size",
-    "shadow",
-    "position",
-    "placement",
-    "gutter",
-    "withArrow",
-    "transition",
-    "transitionTimingFunction",
-    "menuButtonLabel",
-    "controlRefProp",
+    "loop",
+    "closeOnEscape",
     "trigger",
-    "radius",
-    "delay",
-    "zIndex",
-    "withinPortal",
-    "trapFocus",
+    "openDelay",
+    "closeDelay",
     "classNames",
     "styles",
-    "closeOnScroll",
-    "onMouseLeave",
-    "onMouseEnter",
-    "onChange",
-    "className",
-    "sx",
-    "clickOutsideEvents"
+    "unstyled",
+    "radius"
   ]);
-  const [hovered, setHovered] = React.useState(-1);
-  const { classes, cx } = Menu_styles['default']({ size }, { classNames, styles: styles$1, name: "Menu" });
-  const delayTimeout = React.useRef();
-  const [referenceElement, setReferenceElement] = React.useState(null);
-  const [wrapperElement, setWrapperElement] = React.useState(null);
-  const [dropdownElement, setDropdownElement] = React.useState(null);
-  const uuid = hooks.useUuid(menuId);
-  const focusReference = () => window.setTimeout(() => referenceElement == null ? void 0 : referenceElement.focus(), 0);
+  const [hovered, { setHovered, resetHovered }] = utils.useHovered();
   const [_opened, setOpened] = hooks.useUncontrolled({
     value: opened,
-    defaultValue: false,
+    defaultValue: defaultOpened,
     finalValue: false,
-    rule: (val) => typeof val === "boolean",
-    onChange: (value) => value ? typeof onOpen === "function" && onOpen() : typeof onClose === "function" && onClose()
+    onChange
   });
-  const openedRef = React.useRef(_opened);
-  const handleClose = () => {
-    if (openedRef.current) {
-      openedRef.current = false;
-      setOpened(false);
-    }
+  const close = () => {
+    setOpened(false);
+    onClose == null ? void 0 : onClose();
   };
-  const handleOpen = () => {
-    openedRef.current = true;
+  const open = () => {
     setOpened(true);
+    onOpen == null ? void 0 : onOpen();
   };
-  hooks.useWindowEvent("scroll", () => closeOnScroll && handleClose());
-  hooks.useClickOutside(() => _opened && handleClose(), clickOutsideEvents, [
-    dropdownElement,
-    wrapperElement
-  ]);
-  const toggleMenu = () => {
-    _opened ? handleClose() : handleOpen();
-  };
-  const controlEventHandlers = trigger === "click" ? { onClick: toggleMenu } : { onMouseEnter: handleOpen, onClick: toggleMenu };
-  const handleMouseLeave = (event) => {
-    typeof onMouseLeave === "function" && onMouseLeave(event);
-    if (trigger === "hover") {
-      if (delay > 0) {
-        delayTimeout.current = window.setTimeout(() => handleClose(), delay);
-      } else {
-        handleClose();
-      }
-    }
-  };
-  const handleMouseEnter = (event) => {
-    typeof onMouseEnter === "function" && onMouseEnter(event);
-    window.clearTimeout(delayTimeout.current);
-  };
-  const handleKeyDown = (event) => {
-    if (_opened) {
-      const elements = Array.from(dropdownElement.querySelectorAll(".mantine-Menu-item"));
-      if (event.nativeEvent.code === "Tab" && trapFocus) {
-        event.preventDefault();
-      }
-      if (event.nativeEvent.code === "ArrowDown") {
-        event.preventDefault();
-        const prevIndex = getNextItem(hovered, elements);
-        setHovered(prevIndex);
-        elements[prevIndex].focus();
-      }
-      if (event.nativeEvent.code === "ArrowUp") {
-        event.preventDefault();
-        const prevIndex = getPreviousItem(hovered, elements);
-        setHovered(prevIndex);
-        elements[prevIndex].focus();
-      }
-      if (event.nativeEvent.code === "Escape") {
-        handleClose();
-        focusReference();
-      }
-    }
-  };
-  const menuControl = React.cloneElement(control, __spreadProps(__spreadValues({}, controlEventHandlers), {
-    onClick: (event) => {
-      controlEventHandlers.onClick();
-      typeof control.props.onClick === "function" && control.props.onClick(event);
-    },
-    role: "button",
-    "aria-haspopup": "menu",
-    "aria-expanded": _opened,
-    "aria-controls": uuid,
-    "aria-label": menuButtonLabel,
-    title: menuButtonLabel,
-    [controlRefProp]: hooks.useMergedRef(setReferenceElement, ref),
-    onKeyDown: handleKeyDown
-  }));
-  const handleItemClick = () => {
-    if (closeOnItemClick) {
-      handleClose();
-      trigger === "click" && focusReference();
-    }
-  };
-  return /* @__PURE__ */ React__default.createElement(Menu_context.MenuProvider, {
+  const toggleDropdown = () => _opened ? close() : open();
+  const { openDropdown, closeDropdown } = useDelayedHover.useDelayedHover({ open, close, closeDelay, openDelay });
+  const getItemIndex = (node) => utils.getContextItemIndex("[data-menu-item]", "[data-menu-dropdown]", node);
+  hooks.useDidUpdate(() => {
+    resetHovered();
+  }, [_opened]);
+  return /* @__PURE__ */ React__default.createElement(Menu_context.MenuContextProvider, {
     value: {
+      opened: _opened,
+      toggleDropdown,
+      getItemIndex,
       hovered,
-      radius,
-      styles: styles$1,
-      classNames,
-      onItemHover: setHovered,
-      onItemKeyDown: handleKeyDown,
-      onItemClick: handleItemClick
+      setHovered,
+      closeOnItemClick,
+      closeDropdown: trigger === "click" ? close : closeDropdown,
+      openDropdown: trigger === "click" ? open : openDropdown,
+      closeDropdownImmediately: close,
+      loop,
+      trigger,
+      radius
     }
-  }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
-    ref: setWrapperElement,
-    onMouseLeave: handleMouseLeave,
-    onMouseEnter: handleMouseEnter,
-    className: cx(classes.root, className),
-    sx
-  }, others), menuControl, /* @__PURE__ */ React__default.createElement(Popper.Popper, {
-    referenceElement,
-    transitionDuration,
-    transitionTimingFunction,
-    transition,
-    mounted: _opened,
-    position,
-    placement,
-    gutter,
-    withArrow,
-    arrowSize: 3,
-    zIndex,
-    arrowClassName: classes.arrow,
-    withinPortal
-  }, /* @__PURE__ */ React__default.createElement(Paper.Paper, __spreadValues({
-    shadow,
-    className: classes.body,
-    role: "menu",
-    "aria-orientation": "vertical",
+  }, /* @__PURE__ */ React__default.createElement(Popover.Popover, __spreadProps(__spreadValues({}, others), {
     radius,
-    onMouseLeave: () => setHovered(-1),
-    ref: setDropdownElement,
-    id: uuid
-  }, others), children))));
-});
+    opened: _opened,
+    onChange: setOpened,
+    defaultOpened,
+    trapFocus: trigger === "click",
+    closeOnEscape: closeOnEscape && trigger === "click",
+    __staticSelector: "Menu",
+    classNames,
+    styles: styles$1,
+    unstyled
+  }), children));
+}
+Menu.displayName = "@mantine/core/Menu";
 Menu.Item = MenuItem.MenuItem;
 Menu.Label = MenuLabel.MenuLabel;
-Menu.displayName = "@mantine/core/Menu";
+Menu.Dropdown = MenuDropdown.MenuDropdown;
+Menu.Target = MenuTarget.MenuTarget;
+Menu.Divider = MenuDivider.MenuDivider;
 
 exports.Menu = Menu;
 //# sourceMappingURL=Menu.js.map