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

package/cjs/components/Divider/Divider.styles.js

@@ -2,9 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getThemeColor = require('../../theme/utils/get-theme-color/get-theme-color.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
+var styles = require('@mantine/styles');
 
 const sizes = {
   xs: 1,
@@ -13,8 +11,7 @@ const sizes = {
   lg: 4,
   xl: 5
 };
-var useStyles = createMemoStyles.createMemoStyles({
-  root: {},
+var useStyles = styles.createStyles((theme, { size, margins, variant, color }) => ({
   withLabel: {
     borderTop: "0 !important"
   },
@@ -28,15 +25,15 @@ var useStyles = createMemoStyles.createMemoStyles({
       display: "none"
     }
   },
-  label: ({ theme, color, variant }) => ({
+  label: {
     display: "flex",
     alignItems: "center",
-    color: color === "dark" ? theme.colors.dark[1] : getThemeColor.getThemeColor({ theme, color, shade: 6 }),
+    color: color === "dark" ? theme.colors.dark[1] : styles.getThemeColor({ theme, color, shade: 6 }),
     "&::before": {
       content: '""',
       flex: 1,
       height: 1,
-      borderTop: `1px ${variant} ${getThemeColor.getThemeColor({
+      borderTop: `1px ${variant} ${styles.getThemeColor({
         theme,
         color,
         shade: theme.colorScheme === "dark" ? 3 : 4
@@ -46,33 +43,33 @@ var useStyles = createMemoStyles.createMemoStyles({
     "&::after": {
       content: '""',
       flex: 1,
-      borderTop: `1px ${variant} ${getThemeColor.getThemeColor({
+      borderTop: `1px ${variant} ${styles.getThemeColor({
         theme,
         color,
         shade: theme.colorScheme === "dark" ? 3 : 4
       })}`,
       marginLeft: theme.spacing.xs
     }
-  }),
-  horizontal: ({ theme, size, variant, color, margins }) => ({
+  },
+  horizontal: {
     border: 0,
-    borderTopWidth: getSizeValue.getSizeValue({ size, sizes }),
-    borderTopColor: getThemeColor.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 3 : 4 }),
+    borderTopWidth: styles.getSizeValue({ size, sizes }),
+    borderTopColor: styles.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 3 : 4 }),
     borderTopStyle: variant,
     margin: 0,
-    marginTop: getSizeValue.getSizeValue({ size: margins, sizes: theme.spacing }),
-    marginBottom: getSizeValue.getSizeValue({ size: margins, sizes: theme.spacing })
-  }),
-  vertical: ({ theme, size, variant, color, margins }) => ({
+    marginTop: styles.getSizeValue({ size: margins, sizes: theme.spacing }),
+    marginBottom: styles.getSizeValue({ size: margins, sizes: theme.spacing })
+  },
+  vertical: {
     border: 0,
     alignSelf: "stretch",
-    borderLeftWidth: getSizeValue.getSizeValue({ size, sizes }),
-    borderLeftColor: getThemeColor.getThemeColor({ theme, color, shade: 4 }),
+    borderLeftWidth: styles.getSizeValue({ size, sizes }),
+    borderLeftColor: styles.getThemeColor({ theme, color, shade: 4 }),
     borderLeftStyle: variant,
-    marginLeft: getSizeValue.getSizeValue({ size: margins, sizes: theme.spacing }),
-    marginRight: getSizeValue.getSizeValue({ size: margins, sizes: theme.spacing })
-  })
-});
+    marginLeft: styles.getSizeValue({ size: margins, sizes: theme.spacing }),
+    marginRight: styles.getSizeValue({ size: margins, sizes: theme.spacing })
+  }
+}));
 
 exports.default = useStyles;
 exports.sizes = sizes;

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.styles.js","sources":["../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import React from 'react';\nimport {\n  createMemoStyles,\n  MantineNumberSize,\n  MantineTheme,\n  getSizeValue,\n  getThemeColor,\n} from '../../theme';\n\ninterface DividerStyles {\n  theme: MantineTheme;\n  size: MantineNumberSize;\n  margins: MantineNumberSize;\n  variant: React.CSSProperties['borderTopStyle'];\n  color: string;\n}\n\nexport const sizes = {\n  xs: 1,\n  sm: 2,\n  md: 3,\n  lg: 4,\n  xl: 5,\n};\n\nexport default createMemoStyles({\n  root: {},\n\n  withLabel: {\n    borderTop: '0 !important',\n  },\n\n  left: {\n    '&::before': {\n      display: 'none',\n    },\n  },\n\n  right: {\n    '&::after': {\n      display: 'none',\n    },\n  },\n\n  label: ({ theme, color, variant }: DividerStyles) => ({\n    display: 'flex',\n    alignItems: 'center',\n    color: color === 'dark' ? theme.colors.dark[1] : getThemeColor({ theme, color, shade: 6 }),\n\n    '&::before': {\n      content: '\"\"',\n      flex: 1,\n      height: 1,\n      borderTop: `1px ${variant} ${getThemeColor({\n        theme,\n        color,\n        shade: theme.colorScheme === 'dark' ? 3 : 4,\n      })}`,\n      marginRight: theme.spacing.xs,\n    },\n\n    '&::after': {\n      content: '\"\"',\n      flex: 1,\n      borderTop: `1px ${variant} ${getThemeColor({\n        theme,\n        color,\n        shade: theme.colorScheme === 'dark' ? 3 : 4,\n      })}`,\n      marginLeft: theme.spacing.xs,\n    },\n  }),\n\n  horizontal: ({ theme, size, variant, color, margins }: DividerStyles) => ({\n    border: 0,\n    borderTopWidth: getSizeValue({ size, sizes }),\n    borderTopColor: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 3 : 4 }),\n    borderTopStyle: variant,\n    margin: 0,\n    marginTop: getSizeValue({ size: margins, sizes: theme.spacing }),\n    marginBottom: getSizeValue({ size: margins, sizes: theme.spacing }),\n  }),\n\n  vertical: ({ theme, size, variant, color, margins }: DividerStyles) => ({\n    border: 0,\n    alignSelf: 'stretch',\n    borderLeftWidth: getSizeValue({ size, sizes }),\n    borderLeftColor: getThemeColor({ theme, color, shade: 4 }),\n    borderLeftStyle: variant,\n    marginLeft: getSizeValue({ size: margins, sizes: theme.spacing }),\n    marginRight: getSizeValue({ size: margins, sizes: theme.spacing }),\n  }),\n});\n"],"names":["createMemoStyles","getThemeColor","getSizeValue"],"mappings":"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"}
+{"version":3,"file":"Divider.styles.js","sources":["../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  getSizeValue,\n  getThemeColor,\n  MantineColor,\n} from '@mantine/styles';\n\ninterface DividerStyles {\n  size: MantineNumberSize;\n  margins: MantineNumberSize;\n  variant: string;\n  color: MantineColor;\n}\n\nexport const sizes = {\n  xs: 1,\n  sm: 2,\n  md: 3,\n  lg: 4,\n  xl: 5,\n};\n\nexport default createStyles((theme, { size, margins, variant, color }: DividerStyles) => ({\n  withLabel: {\n    borderTop: '0 !important',\n  },\n\n  left: {\n    '&::before': {\n      display: 'none',\n    },\n  },\n\n  right: {\n    '&::after': {\n      display: 'none',\n    },\n  },\n\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n    color: color === 'dark' ? theme.colors.dark[1] : getThemeColor({ theme, color, shade: 6 }),\n\n    '&::before': {\n      content: '\"\"',\n      flex: 1,\n      height: 1,\n      borderTop: `1px ${variant} ${getThemeColor({\n        theme,\n        color,\n        shade: theme.colorScheme === 'dark' ? 3 : 4,\n      })}`,\n      marginRight: theme.spacing.xs,\n    },\n\n    '&::after': {\n      content: '\"\"',\n      flex: 1,\n      borderTop: `1px ${variant} ${getThemeColor({\n        theme,\n        color,\n        shade: theme.colorScheme === 'dark' ? 3 : 4,\n      })}`,\n      marginLeft: theme.spacing.xs,\n    },\n  },\n\n  horizontal: {\n    border: 0,\n    borderTopWidth: getSizeValue({ size, sizes }),\n    borderTopColor: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 3 : 4 }),\n    borderTopStyle: variant as any,\n    margin: 0,\n    marginTop: getSizeValue({ size: margins, sizes: theme.spacing }),\n    marginBottom: getSizeValue({ size: margins, sizes: theme.spacing }),\n  },\n\n  vertical: {\n    border: 0,\n    alignSelf: 'stretch',\n    borderLeftWidth: getSizeValue({ size, sizes }),\n    borderLeftColor: getThemeColor({ theme, color, shade: 4 }),\n    borderLeftStyle: variant as any,\n    marginLeft: getSizeValue({ size: margins, sizes: theme.spacing }),\n    marginRight: getSizeValue({ size: margins, sizes: theme.spacing }),\n  },\n}));\n"],"names":["createStyles","getThemeColor","getSizeValue"],"mappings":"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"}

package/cjs/components/Drawer/Drawer.js

@@ -3,23 +3,19 @@
 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 Overlay = require('../Overlay/Overlay.js');
 var Portal = require('../Portal/Portal.js');
 var Text = require('../Text/Text.js');
 var CloseButton = require('../ActionIcon/CloseButton/CloseButton.js');
 var Drawer_styles = require('./Drawer.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
 var GroupedTransition = require('../Transition/GroupedTransition.js');
-var ClickOutsiteProvider = require('../../utils/ClickOutsideProvider/ClickOutsiteProvider.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;
@@ -52,7 +48,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const DRAWER_SIZES = Drawer_styles.sizes;
 const transitions = {
   top: "slide-down",
   bottom: "slide-up",
@@ -65,7 +60,6 @@ function MantineDrawer(_a) {
     style,
     opened,
     onClose,
-    themeOverride,
     position = "left",
     size = "md",
     noFocusTrap = false,
@@ -86,13 +80,12 @@ function MantineDrawer(_a) {
     hideCloseButton,
     closeButtonLabel,
     classNames,
-    styles
+    styles: styles$1
   } = _b, others = __objRest(_b, [
     "className",
     "style",
     "opened",
     "onClose",
-    "themeOverride",
     "position",
     "size",
     "noFocusTrap",
@@ -115,12 +108,10 @@ function MantineDrawer(_a) {
     "classNames",
     "styles"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const duration = hooks.useReducedMotion() ? 1 : transitionDuration;
-  const classes = Drawer_styles['default']({ theme, size, position }, classNames, "drawer");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const theme = styles.useMantineTheme();
+  const { classes, cx } = Drawer_styles['default']({ size, position }, classNames, "drawer");
+  const _styles = styles.mergeStyles(classes, styles$1);
   const focusTrapRef = hooks.useFocusTrap(!noFocusTrap);
-  const [drawerBodyElement, setDrawerBodyElement] = React.useState(null);
   hooks.useScrollLock(opened && !noScrollLock);
   const drawerTransition = transition || transitions[position];
   const _overlayOpacity = typeof overlayOpacity === "number" ? overlayOpacity : theme.colorScheme === "dark" ? 0.85 : 0.75;
@@ -139,25 +130,26 @@ function MantineDrawer(_a) {
   return /* @__PURE__ */ React__default.createElement(GroupedTransition.GroupedTransition, {
     mounted: opened,
     transitions: {
-      overlay: { duration: duration / 2, transition: "fade", timingFunction: "ease" },
+      overlay: { duration: transitionDuration / 2, transition: "fade", timingFunction: "ease" },
       drawer: {
-        duration,
+        duration: transitionDuration,
         transition: drawerTransition,
         timingFunction: transitionTimingFunction
       }
     }
   }, (transitionStyles) => /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx__default(classes.root, { [classes.noOverlay]: noOverlay }, className),
+    className: cx(classes.root, { [classes.noOverlay]: noOverlay }, className),
     role: "dialog",
     "aria-modal": true,
     style: __spreadValues(__spreadValues(__spreadValues({}, style), _styles.root), noOverlay ? _styles.noOverlay : null)
-  }, others), /* @__PURE__ */ React__default.createElement(ClickOutsiteProvider.ClickOutsideProvider, {
-    onClickOutside: () => !noCloseOnClickOutside && onClose(),
-    componentNodes: [drawerBodyElement]
-  }, /* @__PURE__ */ React__default.createElement(Paper.Paper, {
-    className: cx__default(classes.drawer, className),
-    elementRef: hooks.useMergedRef(focusTrapRef, setDrawerBodyElement),
-    style: __spreadProps(__spreadValues(__spreadValues({}, transitionStyles.drawer), _styles.drawer), { zIndex: zIndex + 1 }),
+  }, others), !noCloseOnClickOutside && /* @__PURE__ */ React__default.createElement("div", {
+    onClick: onClose,
+    className: classes.clickOutsideOverlay,
+    style: { zIndex: zIndex + 1 }
+  }), /* @__PURE__ */ React__default.createElement(Paper.Paper, {
+    className: cx(classes.drawer, className),
+    elementRef: focusTrapRef,
+    style: __spreadProps(__spreadValues(__spreadValues({}, transitionStyles.drawer), _styles.drawer), { zIndex: zIndex + 2 }),
     radius: 0,
     tabIndex: -1,
     onKeyDownCapture: (event) => {
@@ -166,21 +158,18 @@ function MantineDrawer(_a) {
       shouldTrigger && event.nativeEvent.code === "Escape" && !noCloseOnEscape && onClose();
     },
     shadow,
-    padding,
-    themeOverride
+    padding
   }, (title || !hideCloseButton) && /* @__PURE__ */ React__default.createElement("div", {
     className: classes.header,
     style: _styles.header
   }, /* @__PURE__ */ React__default.createElement(Text.Text, {
     className: classes.title,
-    style: _styles.title,
-    themeOverride
+    style: _styles.title
   }, title), !hideCloseButton && /* @__PURE__ */ React__default.createElement(CloseButton.CloseButton, {
     iconSize: 16,
     onClick: onClose,
-    "aria-label": closeButtonLabel,
-    themeOverride
-  })), children)), !noOverlay && /* @__PURE__ */ React__default.createElement("div", {
+    "aria-label": closeButtonLabel
+  })), children), !noOverlay && /* @__PURE__ */ React__default.createElement("div", {
     style: transitionStyles.overlay
   }, /* @__PURE__ */ React__default.createElement(Overlay.Overlay, {
     opacity: _overlayOpacity,
@@ -195,7 +184,6 @@ function Drawer(props) {
 }
 Drawer.displayName = "@mantine/core/Drawer";
 
-exports.DRAWER_SIZES = DRAWER_SIZES;
 exports.Drawer = Drawer;
 exports.MantineDrawer = MantineDrawer;
 //# sourceMappingURL=Drawer.js.map

package/cjs/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport cx from 'clsx';\nimport {\n  useScrollLock,\n  useMergedRef,\n  useReducedMotion,\n  useFocusTrap,\n  useFocusReturn,\n} from '@mantine/hooks';\nimport { DefaultProps, useMantineTheme, MantineNumberSize, mergeStyles } from '../../theme';\nimport { ClickOutsideProvider } from '../../utils';\nimport { Paper } from '../Paper/Paper';\nimport { Overlay } from '../Overlay/Overlay';\nimport { Portal } from '../Portal/Portal';\nimport { Text } from '../Text/Text';\nimport { CloseButton } from '../ActionIcon/CloseButton/CloseButton';\nimport { GroupedTransition, MantineTransition } from '../Transition/Transition';\nimport useStyles, { Position, sizes } from './Drawer.styles';\n\nexport const DRAWER_SIZES = sizes;\n\nexport type DrawerStylesNames = Exclude<keyof ReturnType<typeof useStyles>, 'noOverlay'>;\n\nexport interface DrawerProps\n  extends DefaultProps<DrawerStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** If true drawer is mounted to the dom */\n  opened: boolean;\n\n  /** Called when drawer is closed (Escape key and click outside, depending on options) */\n  onClose(): void;\n\n  /** Drawer body position */\n  position?: 'top' | 'left' | 'bottom' | 'right';\n\n  /** Drawer body width (right | left position) or height (top | bottom position), cannot exceed 100vh for height and 100% for width */\n  size?: string | number;\n\n  /** Drawer body shadow from theme or any css shadow value */\n  shadow?: string;\n\n  /** Drawer body padding from theme or number for padding in px */\n  padding?: MantineNumberSize;\n\n  /** Drawer z-index property */\n  zIndex?: number;\n\n  /** Disables focus trap */\n  noFocusTrap?: boolean;\n\n  /** Disables scroll lock */\n  noScrollLock?: boolean;\n\n  /** Disable onClock trigger for outside events */\n  noCloseOnClickOutside?: boolean;\n\n  /** Disable onClock trigger for escape key press */\n  noCloseOnEscape?: boolean;\n\n  /** Drawer appear and disappear transition, see Transition component for full documentation */\n  transition?: MantineTransition;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Drawer transitionTimingFunction css property */\n  transitionTimingFunction?: string;\n\n  /** Removes overlay entirely */\n  noOverlay?: boolean;\n\n  /** Sets overlay opacity, defaults to 0.75 in light theme and to 0.85 in dark theme */\n  overlayOpacity?: number;\n\n  /** Sets overlay color, defaults to theme.black in light theme and to theme.colors.dark[9] in dark theme */\n  overlayColor?: string;\n\n  /** Drawer title, displayed in header before close button */\n  title?: React.ReactNode;\n\n  /** Hides close button, modal still can be closed with escape key and by clicking outside */\n  hideCloseButton?: boolean;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n}\n\nconst transitions: Record<Position, MantineTransition> = {\n  top: 'slide-down',\n  bottom: 'slide-up',\n  left: 'slide-right',\n  right: 'slide-left',\n};\n\nexport function MantineDrawer({\n  className,\n  style,\n  opened,\n  onClose,\n  themeOverride,\n  position = 'left',\n  size = 'md',\n  noFocusTrap = false,\n  noScrollLock = false,\n  noCloseOnClickOutside = false,\n  noCloseOnEscape = false,\n  transition,\n  transitionDuration = 250,\n  transitionTimingFunction = 'ease',\n  zIndex = 1000,\n  overlayColor,\n  overlayOpacity,\n  children,\n  noOverlay = false,\n  shadow = 'md',\n  padding = 0,\n  title,\n  hideCloseButton,\n  closeButtonLabel,\n  classNames,\n  styles,\n  ...others\n}: DrawerProps) {\n  const theme = useMantineTheme(themeOverride);\n  const duration = useReducedMotion() ? 1 : transitionDuration;\n  const classes = useStyles({ theme, size, position }, classNames, 'drawer');\n  const _styles = mergeStyles(classes, styles);\n  const focusTrapRef = useFocusTrap(!noFocusTrap);\n  const [drawerBodyElement, setDrawerBodyElement] = useState<HTMLDivElement>(null);\n  useScrollLock(opened && !noScrollLock);\n\n  const drawerTransition = transition || transitions[position];\n  const _overlayOpacity =\n    typeof overlayOpacity === 'number'\n      ? overlayOpacity\n      : theme.colorScheme === 'dark'\n      ? 0.85\n      : 0.75;\n\n  const closeOnEscape = (event: KeyboardEvent) => {\n    if (noFocusTrap && event.code === 'Escape' && !noCloseOnEscape) {\n      onClose();\n    }\n  };\n\n  // eslint-disable-next-line consistent-return\n  useEffect(() => {\n    // onKeyDownCapture event will not fire when focus trap is not active\n    if (noFocusTrap) {\n      window.addEventListener('keydown', closeOnEscape);\n      return () => window.removeEventListener('keydown', closeOnEscape);\n    }\n  }, [noFocusTrap]);\n\n  useFocusReturn({ opened, transitionDuration });\n\n  return (\n    <GroupedTransition\n      mounted={opened}\n      transitions={{\n        overlay: { duration: duration / 2, transition: 'fade', timingFunction: 'ease' },\n        drawer: {\n          duration,\n          transition: drawerTransition,\n          timingFunction: transitionTimingFunction,\n        },\n      }}\n    >\n      {(transitionStyles) => (\n        <div\n          className={cx(classes.root, { [classes.noOverlay]: noOverlay }, className)}\n          role=\"dialog\"\n          aria-modal\n          style={{ ...style, ..._styles.root, ...(noOverlay ? _styles.noOverlay : null) }}\n          {...others}\n        >\n          <ClickOutsideProvider\n            onClickOutside={() => !noCloseOnClickOutside && onClose()}\n            componentNodes={[drawerBodyElement]}\n          >\n            <Paper<'div', HTMLDivElement>\n              className={cx(classes.drawer, className)}\n              elementRef={useMergedRef(focusTrapRef, setDrawerBodyElement)}\n              style={{ ...transitionStyles.drawer, ..._styles.drawer, zIndex: zIndex + 1 }}\n              radius={0}\n              tabIndex={-1}\n              onKeyDownCapture={(event) => {\n                const shouldTrigger =\n                  (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n\n                shouldTrigger &&\n                  event.nativeEvent.code === 'Escape' &&\n                  !noCloseOnEscape &&\n                  onClose();\n              }}\n              shadow={shadow}\n              padding={padding}\n              themeOverride={themeOverride}\n            >\n              {(title || !hideCloseButton) && (\n                <div className={classes.header} style={_styles.header}>\n                  <Text\n                    className={classes.title}\n                    style={_styles.title}\n                    themeOverride={themeOverride}\n                  >\n                    {title}\n                  </Text>\n\n                  {!hideCloseButton && (\n                    <CloseButton\n                      iconSize={16}\n                      onClick={onClose}\n                      aria-label={closeButtonLabel}\n                      themeOverride={themeOverride}\n                    />\n                  )}\n                </div>\n              )}\n              {children}\n            </Paper>\n          </ClickOutsideProvider>\n\n          {!noOverlay && (\n            <div style={transitionStyles.overlay}>\n              <Overlay\n                opacity={_overlayOpacity}\n                zIndex={zIndex}\n                color={\n                  overlayColor ||\n                  (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n                }\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </GroupedTransition>\n  );\n}\n\nexport function Drawer(props: React.ComponentPropsWithoutRef<typeof MantineDrawer>) {\n  return (\n    <Portal zIndex={props.zIndex || 1000}>\n      <MantineDrawer {...props} />\n    </Portal>\n  );\n}\n\nDrawer.displayName = '@mantine/core/Drawer';\n"],"names":["sizes","useMantineTheme","useReducedMotion","useStyles","mergeStyles","useFocusTrap","useState","useScrollLock","useEffect","useFocusReturn","React","GroupedTransition","cx","ClickOutsideProvider","Paper","useMergedRef","Text","CloseButton","Overlay","Portal"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn } from '@mantine/hooks';\nimport {\n  useMantineTheme,\n  mergeStyles,\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  ClassNames,\n} from '@mantine/styles';\nimport { Paper } from '../Paper/Paper';\nimport { Overlay } from '../Overlay/Overlay';\nimport { Portal } from '../Portal/Portal';\nimport { Text } from '../Text/Text';\nimport { CloseButton } from '../ActionIcon/CloseButton/CloseButton';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { DrawerPosition } from './Drawer.styles';\n\nexport type DrawerStylesNames = Exclude<\n  ClassNames<typeof useStyles>,\n  'noOverlay' | 'clickOutsideOverlay'\n>;\n\nexport interface DrawerProps\n  extends DefaultProps<DrawerStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** If true drawer is mounted to the dom */\n  opened: boolean;\n\n  /** Called when drawer is closed (Escape key and click outside, depending on options) */\n  onClose(): void;\n\n  /** Drawer body position */\n  position?: DrawerPosition;\n\n  /** Drawer body width (right | left position) or height (top | bottom position), cannot exceed 100vh for height and 100% for width */\n  size?: string | number;\n\n  /** Drawer body shadow from theme or any css shadow value */\n  shadow?: MantineShadow;\n\n  /** Drawer body padding from theme or number for padding in px */\n  padding?: MantineNumberSize;\n\n  /** Drawer z-index property */\n  zIndex?: number;\n\n  /** Disables focus trap */\n  noFocusTrap?: boolean;\n\n  /** Disables scroll lock */\n  noScrollLock?: boolean;\n\n  /** Disable onClock trigger for outside events */\n  noCloseOnClickOutside?: boolean;\n\n  /** Disable onClock trigger for escape key press */\n  noCloseOnEscape?: boolean;\n\n  /** Drawer appear and disappear transition, see Transition component for full documentation */\n  transition?: MantineTransition;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Drawer transitionTimingFunction css property */\n  transitionTimingFunction?: string;\n\n  /** Removes overlay entirely */\n  noOverlay?: boolean;\n\n  /** Sets overlay opacity, defaults to 0.75 in light theme and to 0.85 in dark theme */\n  overlayOpacity?: number;\n\n  /** Sets overlay color, defaults to theme.black in light theme and to theme.colors.dark[9] in dark theme */\n  overlayColor?: string;\n\n  /** Drawer title, displayed in header before close button */\n  title?: React.ReactNode;\n\n  /** Hides close button, modal still can be closed with escape key and by clicking outside */\n  hideCloseButton?: boolean;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n}\n\nconst transitions: Record<DrawerPosition, MantineTransition> = {\n  top: 'slide-down',\n  bottom: 'slide-up',\n  left: 'slide-right',\n  right: 'slide-left',\n};\n\nexport function MantineDrawer({\n  className,\n  style,\n  opened,\n  onClose,\n  position = 'left',\n  size = 'md',\n  noFocusTrap = false,\n  noScrollLock = false,\n  noCloseOnClickOutside = false,\n  noCloseOnEscape = false,\n  transition,\n  transitionDuration = 250,\n  transitionTimingFunction = 'ease',\n  zIndex = 1000,\n  overlayColor,\n  overlayOpacity,\n  children,\n  noOverlay = false,\n  shadow = 'md',\n  padding = 0,\n  title,\n  hideCloseButton,\n  closeButtonLabel,\n  classNames,\n  styles,\n  ...others\n}: DrawerProps) {\n  const theme = useMantineTheme();\n  const { classes, cx } = useStyles({ size, position }, classNames, 'drawer');\n  const _styles = mergeStyles(classes, styles);\n  const focusTrapRef = useFocusTrap(!noFocusTrap);\n  useScrollLock(opened && !noScrollLock);\n\n  const drawerTransition = transition || transitions[position];\n  const _overlayOpacity =\n    typeof overlayOpacity === 'number'\n      ? overlayOpacity\n      : theme.colorScheme === 'dark'\n      ? 0.85\n      : 0.75;\n\n  const closeOnEscape = (event: KeyboardEvent) => {\n    if (noFocusTrap && event.code === 'Escape' && !noCloseOnEscape) {\n      onClose();\n    }\n  };\n\n  // eslint-disable-next-line consistent-return\n  useEffect(() => {\n    // onKeyDownCapture event will not fire when focus trap is not active\n    if (noFocusTrap) {\n      window.addEventListener('keydown', closeOnEscape);\n      return () => window.removeEventListener('keydown', closeOnEscape);\n    }\n  }, [noFocusTrap]);\n\n  useFocusReturn({ opened, transitionDuration });\n\n  return (\n    <GroupedTransition\n      mounted={opened}\n      transitions={{\n        overlay: { duration: transitionDuration / 2, transition: 'fade', timingFunction: 'ease' },\n        drawer: {\n          duration: transitionDuration,\n          transition: drawerTransition,\n          timingFunction: transitionTimingFunction,\n        },\n      }}\n    >\n      {(transitionStyles) => (\n        <div\n          className={cx(classes.root, { [classes.noOverlay]: noOverlay }, className)}\n          role=\"dialog\"\n          aria-modal\n          style={{ ...style, ..._styles.root, ...(noOverlay ? _styles.noOverlay : null) }}\n          {...others}\n        >\n          {!noCloseOnClickOutside && (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n            <div\n              onClick={onClose}\n              className={classes.clickOutsideOverlay}\n              style={{ zIndex: zIndex + 1 }}\n            />\n          )}\n\n          <Paper<'div', HTMLDivElement>\n            className={cx(classes.drawer, className)}\n            elementRef={focusTrapRef}\n            style={{ ...transitionStyles.drawer, ..._styles.drawer, zIndex: zIndex + 2 }}\n            radius={0}\n            tabIndex={-1}\n            onKeyDownCapture={(event) => {\n              const shouldTrigger =\n                (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n\n              shouldTrigger && event.nativeEvent.code === 'Escape' && !noCloseOnEscape && onClose();\n            }}\n            shadow={shadow}\n            padding={padding}\n          >\n            {(title || !hideCloseButton) && (\n              <div className={classes.header} style={_styles.header}>\n                <Text className={classes.title} style={_styles.title}>\n                  {title}\n                </Text>\n\n                {!hideCloseButton && (\n                  <CloseButton iconSize={16} onClick={onClose} aria-label={closeButtonLabel} />\n                )}\n              </div>\n            )}\n            {children}\n          </Paper>\n\n          {!noOverlay && (\n            <div style={transitionStyles.overlay}>\n              <Overlay\n                opacity={_overlayOpacity}\n                zIndex={zIndex}\n                color={\n                  overlayColor ||\n                  (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n                }\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </GroupedTransition>\n  );\n}\n\nexport function Drawer(props: React.ComponentPropsWithoutRef<typeof MantineDrawer>) {\n  return (\n    <Portal zIndex={props.zIndex || 1000}>\n      <MantineDrawer {...props} />\n    </Portal>\n  );\n}\n\nDrawer.displayName = '@mantine/core/Drawer';\n"],"names":["styles","useMantineTheme","useStyles","mergeStyles","useFocusTrap","useScrollLock","useEffect","useFocusReturn","React","GroupedTransition","Paper","Text","CloseButton","Overlay","Portal"],"mappings":"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"}

package/cjs/components/Drawer/Drawer.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');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -38,47 +37,57 @@ function getPositionStyles({
 }) {
   switch (position) {
     case "top":
-      return { top: 0, left: 0, right: 0, height: getSizeValue.getSizeValue({ size, sizes }) };
+      return { top: 0, left: 0, right: 0, height: styles.getSizeValue({ size, sizes }) };
     case "bottom":
-      return { bottom: 0, left: 0, right: 0, height: getSizeValue.getSizeValue({ size, sizes }) };
+      return { bottom: 0, left: 0, right: 0, height: styles.getSizeValue({ size, sizes }) };
     case "right":
-      return { bottom: 0, top: 0, right: 0, width: getSizeValue.getSizeValue({ size, sizes }) };
+      return { bottom: 0, top: 0, right: 0, width: styles.getSizeValue({ size, sizes }) };
     case "left":
-      return { bottom: 0, top: 0, left: 0, width: getSizeValue.getSizeValue({ size, sizes }) };
+      return { bottom: 0, top: 0, left: 0, width: styles.getSizeValue({ size, sizes }) };
     default:
       return null;
   }
 }
-var useStyles = createMemoStyles.createMemoStyles({
-  noOverlay: {},
-  root: {
-    "&:not($noOverlay)": {
+var useStyles = styles.createStyles((theme, { position, size }, getRef) => {
+  const noOverlay = { ref: getRef("noOverlay") };
+  return {
+    noOverlay,
+    root: {
+      [`&:not(.${noOverlay.ref})`]: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      }
+    },
+    drawer: __spreadProps(__spreadValues({}, getPositionStyles({ position, size })), {
+      maxWidth: "100%",
+      maxHeight: "100vh",
       position: "fixed",
+      outline: 0
+    }),
+    clickOutsideOverlay: {
+      position: "absolute",
       top: 0,
       left: 0,
       right: 0,
       bottom: 0
+    },
+    title: {
+      marginRight: theme.spacing.md,
+      textOverflow: "ellipsis",
+      display: "block",
+      wordBreak: "break-word"
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginBottom: theme.spacing.md,
+      padding: theme.spacing.md
     }
-  },
-  drawer: ({ size, position }) => __spreadProps(__spreadValues({}, getPositionStyles({ position, size })), {
-    maxWidth: "100%",
-    maxHeight: "100vh",
-    position: "fixed",
-    outline: 0
-  }),
-  title: ({ theme }) => ({
-    marginRight: theme.spacing.md,
-    textOverflow: "ellipsis",
-    display: "block",
-    wordBreak: "break-word"
-  }),
-  header: ({ theme }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: theme.spacing.md,
-    marginRight: -9
-  })
+  };
 });
 
 exports.default = useStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import React from 'react';\nimport { createMemoStyles, MantineTheme, getSizeValue } from '../../theme';\n\nexport const sizes = {\n  xs: 180,\n  sm: 240,\n  md: 320,\n  lg: 360,\n  xl: 500,\n  full: '100%',\n};\n\nexport type Position = 'top' | 'bottom' | 'left' | 'right';\n\ninterface DrawerStyles {\n  theme: MantineTheme;\n  position: Position;\n  size: number | string;\n}\n\nfunction getPositionStyles({\n  position,\n  size,\n}: {\n  position: Position;\n  size: number | string;\n}): Partial<Record<keyof React.CSSProperties, any>> {\n  switch (position) {\n    case 'top':\n      return { top: 0, left: 0, right: 0, height: getSizeValue({ size, sizes }) };\n\n    case 'bottom':\n      return { bottom: 0, left: 0, right: 0, height: getSizeValue({ size, sizes }) };\n\n    case 'right':\n      return { bottom: 0, top: 0, right: 0, width: getSizeValue({ size, sizes }) };\n\n    case 'left':\n      return { bottom: 0, top: 0, left: 0, width: getSizeValue({ size, sizes }) };\n\n    default:\n      return null;\n  }\n}\n\nexport default createMemoStyles({\n  noOverlay: {},\n\n  root: {\n    '&:not($noOverlay)': {\n      position: 'fixed',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n    },\n  },\n\n  drawer: ({ size, position }: DrawerStyles) => ({\n    ...getPositionStyles({ position, size }),\n    maxWidth: '100%',\n    maxHeight: '100vh',\n    position: 'fixed',\n    outline: 0,\n  }),\n\n  title: ({ theme }: DrawerStyles) => ({\n    marginRight: theme.spacing.md,\n    textOverflow: 'ellipsis',\n    display: 'block',\n    wordBreak: 'break-word',\n  }),\n\n  header: ({ theme }: DrawerStyles) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing.md,\n    marginRight: -9,\n  }),\n});\n"],"names":["getSizeValue","createMemoStyles"],"mappings":";;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,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,IAAI,EAAE,MAAM;AACd,EAAE;AACF,SAAS,iBAAiB,CAAC;AAC3B,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,CAAC,EAAE;AACH,EAAE,QAAQ,QAAQ;AAClB,IAAI,KAAK,KAAK;AACd,MAAM,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAClF,IAAI,KAAK,QAAQ;AACjB,MAAM,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AACrF,IAAI,KAAK,OAAO;AAChB,MAAM,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AACnF,IAAI,KAAK,MAAM;AACf,MAAM,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAClF,IAAI;AACJ,MAAM,OAAO,IAAI,CAAC;AAClB,GAAG;AACH,CAAC;AACD,gBAAeC,iCAAgB,CAAC;AAChC,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,IAAI,EAAE;AACR,IAAI,mBAAmB,EAAE;AACzB,MAAM,QAAQ,EAAE,OAAO;AACvB,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,GAAG;AACH,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE;AAC3G,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,SAAS,EAAE,OAAO;AACtB,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG,CAAC;AACJ,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AACzB,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,IAAI,YAAY,EAAE,UAAU;AAC5B,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,SAAS,EAAE,YAAY;AAC3B,GAAG,CAAC;AACJ,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AAC1B,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,cAAc,EAAE,eAAe;AACnC,IAAI,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAClC,IAAI,WAAW,EAAE,CAAC,CAAC;AACnB,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
+{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import React from 'react';\nimport { createStyles, getSizeValue } from '@mantine/styles';\n\nexport const sizes = {\n  xs: 180,\n  sm: 240,\n  md: 320,\n  lg: 360,\n  xl: 500,\n  full: '100%',\n};\n\nexport type DrawerPosition = 'top' | 'bottom' | 'left' | 'right';\n\ninterface DrawerStyles {\n  position: DrawerPosition;\n  size: number | string;\n}\n\nfunction getPositionStyles({\n  position,\n  size,\n}: {\n  position: DrawerPosition;\n  size: number | string;\n}): Partial<Record<keyof React.CSSProperties, any>> {\n  switch (position) {\n    case 'top':\n      return { top: 0, left: 0, right: 0, height: getSizeValue({ size, sizes }) };\n\n    case 'bottom':\n      return { bottom: 0, left: 0, right: 0, height: getSizeValue({ size, sizes }) };\n\n    case 'right':\n      return { bottom: 0, top: 0, right: 0, width: getSizeValue({ size, sizes }) };\n\n    case 'left':\n      return { bottom: 0, top: 0, left: 0, width: getSizeValue({ size, sizes }) };\n\n    default:\n      return null;\n  }\n}\n\nexport default createStyles((theme, { position, size }: DrawerStyles, getRef) => {\n  const noOverlay = { ref: getRef('noOverlay') } as const;\n\n  return {\n    noOverlay,\n\n    root: {\n      [`&:not(.${noOverlay.ref})`]: {\n        position: 'fixed',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n      },\n    },\n\n    drawer: {\n      ...getPositionStyles({ position, size }),\n      maxWidth: '100%',\n      maxHeight: '100vh',\n      position: 'fixed',\n      outline: 0,\n    },\n\n    clickOutsideOverlay: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n    },\n\n    title: {\n      marginRight: theme.spacing.md,\n      textOverflow: 'ellipsis',\n      display: 'block',\n      wordBreak: 'break-word',\n    },\n\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      marginBottom: theme.spacing.md,\n      padding: theme.spacing.md,\n    },\n  };\n});\n"],"names":["getSizeValue","createStyles"],"mappings":"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"}

package/cjs/components/Grid/Col.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cx = require('clsx');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
+var styles = require('@mantine/styles');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -46,11 +45,9 @@ var __objRest = (source, exclude) => {
 function isValidSpan(span) {
   return typeof span === "number" && span > 0 && span % 1 === 0;
 }
-const breakpoints = ["xs", "sm", "md", "lg", "xl"];
 const getColumnWidth = (colSpan, columns) => `${100 / (columns / colSpan)}%`;
 function Col(_a) {
   var _b = _a, {
-    themeOverride,
     children,
     span,
     gutter,
@@ -66,7 +63,6 @@ function Col(_a) {
     className,
     id
   } = _b, others = __objRest(_b, [
-    "themeOverride",
     "children",
     "span",
     "gutter",
@@ -83,25 +79,25 @@ function Col(_a) {
     "id"
   ]);
   const breakpointValues = { xs, sm, md, lg, xl };
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const spacing = getSizeValue.getSizeValue({ size: gutter, sizes: theme.spacing });
+  const theme = styles.useMantineTheme();
+  const spacing = styles.getSizeValue({ size: gutter, sizes: theme.spacing });
   if (!isValidSpan(span) || span > columns) {
     return null;
   }
-  let styles = {};
-  styles = __spreadProps(__spreadValues({}, style), {
+  let styles$1 = {};
+  styles$1 = __spreadProps(__spreadValues({}, style), {
     boxSizing: "border-box",
     flexGrow: grow ? 1 : 0,
     maxWidth: grow ? "unset" : null,
     padding: spacing / 2
   });
   if (isValidSpan(offset)) {
-    styles.marginLeft = `${100 / (columns / offset)}%`;
+    styles$1.marginLeft = `${100 / (columns / offset)}%`;
   }
   let sizeClassObj = {
     [`${id}-col-${span}`]: span !== void 0
   };
-  breakpoints.forEach((size) => {
+  styles.MANTINE_SIZES.forEach((size) => {
     const propSize = breakpointValues[size];
     if (!isValidSpan(propSize) || propSize > columns) {
       return null;
@@ -112,14 +108,13 @@ function Col(_a) {
     return true;
   });
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    style: styles,
+    style: styles$1,
     className: cx__default("mantine-col", className, sizeClassObj)
   }, others), children);
 }
 Col.displayName = "@mantine/core/Col";
 
 exports.Col = Col;
-exports.breakpoints = breakpoints;
 exports.getColumnWidth = getColumnWidth;
 exports.isValidSpan = isValidSpan;
 //# sourceMappingURL=Col.js.map

package/cjs/components/Grid/Col.js.map

@@ -1 +1 @@
-{"version":3,"file":"Col.js","sources":["../../../src/components/Grid/Col.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, useMantineTheme, MantineNumberSize, getSizeValue } from '../../theme';\n\nexport interface ColProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  span: number;\n  columns?: number;\n  offset?: number;\n  gutter?: MantineNumberSize;\n  grow?: boolean;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n}\n\nexport function isValidSpan(span: number) {\n  return typeof span === 'number' && span > 0 && span % 1 === 0;\n}\n\nexport const breakpoints = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const getColumnWidth = (colSpan: number, columns: number) => `${100 / (columns / colSpan)}%`;\n\nexport function Col({\n  themeOverride,\n  children,\n  span,\n  gutter,\n  offset = 0,\n  grow,\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n  style,\n  columns,\n  className,\n  id,\n  ...others\n}: ColProps) {\n  const breakpointValues = { xs, sm, md, lg, xl };\n  const theme = useMantineTheme(themeOverride);\n  const spacing = getSizeValue({ size: gutter, sizes: theme.spacing });\n\n  if (!isValidSpan(span) || span > columns) {\n    return null;\n  }\n\n  let styles: React.CSSProperties = {};\n  styles = {\n    ...style,\n    boxSizing: 'border-box',\n    flexGrow: grow ? 1 : 0,\n    maxWidth: grow ? 'unset' : null,\n    padding: spacing / 2,\n  };\n\n  if (isValidSpan(offset)) {\n    styles.marginLeft = `${100 / (columns / offset)}%`;\n  }\n\n  let sizeClassObj = {\n    [`${id}-col-${span}`]: span !== undefined,\n  };\n\n  breakpoints.forEach((size) => {\n    const propSize = breakpointValues[size];\n    if (!isValidSpan(propSize) || propSize > columns) {\n      return null;\n    }\n    sizeClassObj = {\n      ...sizeClassObj,\n      [`${id}-col-${size}-${propSize}`]: propSize !== undefined,\n    };\n    return true;\n  });\n\n  return (\n    <div style={styles} className={cx('mantine-col', className, sizeClassObj)} {...others}>\n      {children}\n    </div>\n  );\n}\n\nCol.displayName = '@mantine/core/Col';\n"],"names":["useMantineTheme","getSizeValue","React","cx"],"mappings":"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"}
+{"version":3,"file":"Col.js","sources":["../../../src/components/Grid/Col.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  getSizeValue,\n  MANTINE_SIZES,\n} from '@mantine/styles';\n\nexport interface ColProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  span: number;\n  columns?: number;\n  offset?: number;\n  gutter?: MantineNumberSize;\n  grow?: boolean;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n}\n\nexport function isValidSpan(span: number) {\n  return typeof span === 'number' && span > 0 && span % 1 === 0;\n}\n\nexport const getColumnWidth = (colSpan: number, columns: number) => `${100 / (columns / colSpan)}%`;\n\nexport function Col({\n  children,\n  span,\n  gutter,\n  offset = 0,\n  grow,\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n  style,\n  columns,\n  className,\n  id,\n  ...others\n}: ColProps) {\n  const breakpointValues = { xs, sm, md, lg, xl };\n  const theme = useMantineTheme();\n  const spacing = getSizeValue({ size: gutter, sizes: theme.spacing });\n\n  if (!isValidSpan(span) || span > columns) {\n    return null;\n  }\n\n  let styles: React.CSSProperties = {};\n  styles = {\n    ...style,\n    boxSizing: 'border-box',\n    flexGrow: grow ? 1 : 0,\n    maxWidth: grow ? 'unset' : null,\n    padding: spacing / 2,\n  };\n\n  if (isValidSpan(offset)) {\n    styles.marginLeft = `${100 / (columns / offset)}%`;\n  }\n\n  let sizeClassObj = {\n    [`${id}-col-${span}`]: span !== undefined,\n  };\n\n  MANTINE_SIZES.forEach((size) => {\n    const propSize = breakpointValues[size];\n    if (!isValidSpan(propSize) || propSize > columns) {\n      return null;\n    }\n    sizeClassObj = {\n      ...sizeClassObj,\n      [`${id}-col-${size}-${propSize}`]: propSize !== undefined,\n    };\n    return true;\n  });\n\n  return (\n    <div style={styles} className={clsx('mantine-col', className, sizeClassObj)} {...others}>\n      {children}\n    </div>\n  );\n}\n\nCol.displayName = '@mantine/core/Col';\n"],"names":["useMantineTheme","getSizeValue","styles","MANTINE_SIZES","React","clsx"],"mappings":"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"}

package/cjs/components/Grid/Grid.js

@@ -5,10 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cx = require('clsx');
 var hooks = require('@mantine/hooks');
-var Col = require('./Col.js');
+var styles = require('@mantine/styles');
 var getResponsiveStyles = require('./get-responsive-styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -45,7 +43,6 @@ var __objRest = (source, exclude) => {
 };
 function Grid(_a) {
   var _b = _a, {
-    themeOverride,
     gutter = "md",
     children,
     grow = false,
@@ -56,7 +53,6 @@ function Grid(_a) {
     className,
     id
   } = _b, others = __objRest(_b, [
-    "themeOverride",
     "gutter",
     "children",
     "grow",
@@ -68,11 +64,11 @@ function Grid(_a) {
     "id"
   ]);
   const uuid = hooks.useId(id);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const spacing = getSizeValue.getSizeValue({ size: gutter, sizes: theme.spacing });
+  const theme = styles.useMantineTheme();
+  const spacing = styles.getSizeValue({ size: gutter, sizes: theme.spacing });
   const cols = React.Children.toArray(children).map((col, index) => React__default.cloneElement(col, { gutter, grow, columns, key: index, id: uuid }));
-  let styles = {};
-  styles = __spreadValues({
+  let styles$1 = {};
+  styles$1 = __spreadValues({
     margin: -spacing / 2,
     display: "flex",
     flexWrap: "wrap",
@@ -80,12 +76,11 @@ function Grid(_a) {
     alignItems: align
   }, style);
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    style: styles,
+    style: styles$1,
     className: cx__default("mantine-grid", className)
-  }, others), /* @__PURE__ */ React__default.createElement("style", null, getResponsiveStyles.getResponsiveStyles({ uuid, breakpoints: Col.breakpoints, columns, grow, theme })), cols);
+  }, others), /* @__PURE__ */ React__default.createElement("style", null, getResponsiveStyles.getResponsiveStyles({ uuid, columns, grow, theme })), cols);
 }
 Grid.displayName = "@mantine/core/Grid";
 
-exports.Col = Col.Col;
 exports.Grid = Grid;
 //# sourceMappingURL=Grid.js.map