@mantine/core 5.1.2 → 5.1.5

package/esm/Box/use-sx/get-system-styles/get-system-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-system-styles.js","sources":["../../../../src/Box/use-sx/get-system-styles/get-system-styles.ts"],"sourcesContent":["import { MantineStyleSystemProps, MantineTheme, CSSObject } from '@mantine/styles';\n\nconst SYSTEM_PROPS = {\n  mt: 'marginTop',\n  mb: 'marginBottom',\n  ml: 'marginLeft',\n  mr: 'marginRight',\n  pt: 'paddingTop',\n  pb: 'paddingBottom',\n  pl: 'paddingLeft',\n  pr: 'paddingRight',\n};\n\nconst NEGATIVE_VALUES = ['-xs', '-sm', '-md', '-lg', '-xl'];\n\nfunction isValidSizeValue(margin: any) {\n  return typeof margin === 'string' || typeof margin === 'number';\n}\n\nfunction getSizeValue(margin: any, theme: MantineTheme) {\n  if (NEGATIVE_VALUES.includes(margin)) {\n    return theme.fn.size({ size: margin.replace('-', ''), sizes: theme.spacing }) * -1;\n  }\n\n  return theme.fn.size({ size: margin, sizes: theme.spacing });\n}\n\nexport function getSystemStyles(systemStyles: MantineStyleSystemProps, theme: MantineTheme) {\n  const styles: CSSObject = {};\n\n  if (isValidSizeValue(systemStyles.p)) {\n    const value = getSizeValue(systemStyles.p, theme);\n    styles.padding = value;\n  }\n\n  if (isValidSizeValue(systemStyles.m)) {\n    const value = getSizeValue(systemStyles.m, theme);\n    styles.margin = value;\n  }\n\n  if (isValidSizeValue(systemStyles.py)) {\n    const value = getSizeValue(systemStyles.py, theme);\n    styles.paddingTop = value;\n    styles.paddingBottom = value;\n  }\n\n  if (isValidSizeValue(systemStyles.px)) {\n    const value = getSizeValue(systemStyles.px, theme);\n    styles.paddingLeft = value;\n    styles.paddingRight = value;\n  }\n\n  if (isValidSizeValue(systemStyles.my)) {\n    const value = getSizeValue(systemStyles.my, theme);\n    styles.marginTop = value;\n    styles.marginBottom = value;\n  }\n\n  if (isValidSizeValue(systemStyles.mx)) {\n    const value = getSizeValue(systemStyles.mx, theme);\n    styles.marginLeft = value;\n    styles.marginRight = value;\n  }\n\n  Object.keys(SYSTEM_PROPS).forEach((property) => {\n    if (isValidSizeValue(systemStyles[property])) {\n      styles[SYSTEM_PROPS[property]] = theme.fn.size({\n        size: getSizeValue(systemStyles[property], theme),\n        sizes: theme.spacing,\n      });\n    }\n  });\n\n  return styles;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"get-system-styles.js","sources":["../../../../src/Box/use-sx/get-system-styles/get-system-styles.ts"],"sourcesContent":["import { MantineStyleSystemProps, MantineTheme, CSSObject } from '@mantine/styles';\n\nconst SYSTEM_PROPS = {\n  mt: 'marginTop',\n  mb: 'marginBottom',\n  ml: 'marginLeft',\n  mr: 'marginRight',\n  pt: 'paddingTop',\n  pb: 'paddingBottom',\n  pl: 'paddingLeft',\n  pr: 'paddingRight',\n};\n\nconst NEGATIVE_VALUES = ['-xs', '-sm', '-md', '-lg', '-xl'];\n\nfunction isValidSizeValue(size: any) {\n  return typeof size === 'string' || typeof size === 'number';\n}\n\nfunction getSizeValue(size: any, theme: MantineTheme) {\n  if (NEGATIVE_VALUES.includes(size)) {\n    return theme.fn.size({ size: size.replace('-', ''), sizes: theme.spacing }) * -1;\n  }\n\n  return theme.fn.size({ size, sizes: theme.spacing });\n}\n\nexport function getSystemStyles(systemStyles: MantineStyleSystemProps, theme: MantineTheme) {\n  const styles: CSSObject = {};\n\n  if (isValidSizeValue(systemStyles.p)) {\n    const value = getSizeValue(systemStyles.p, theme);\n    styles.padding = value;\n  }\n\n  if (isValidSizeValue(systemStyles.m)) {\n    const value = getSizeValue(systemStyles.m, theme);\n    styles.margin = value;\n  }\n\n  if (isValidSizeValue(systemStyles.py)) {\n    const value = getSizeValue(systemStyles.py, theme);\n    styles.paddingTop = value;\n    styles.paddingBottom = value;\n  }\n\n  if (isValidSizeValue(systemStyles.px)) {\n    const value = getSizeValue(systemStyles.px, theme);\n    styles.paddingLeft = value;\n    styles.paddingRight = value;\n  }\n\n  if (isValidSizeValue(systemStyles.my)) {\n    const value = getSizeValue(systemStyles.my, theme);\n    styles.marginTop = value;\n    styles.marginBottom = value;\n  }\n\n  if (isValidSizeValue(systemStyles.mx)) {\n    const value = getSizeValue(systemStyles.mx, theme);\n    styles.marginLeft = value;\n    styles.marginRight = value;\n  }\n\n  Object.keys(SYSTEM_PROPS).forEach((property) => {\n    if (isValidSizeValue(systemStyles[property])) {\n      styles[SYSTEM_PROPS[property]] = theme.fn.size({\n        size: getSizeValue(systemStyles[property], theme),\n        sizes: theme.spacing,\n      });\n    }\n  });\n\n  return styles;\n}\n"],"names":[],"mappings":"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"}

package/esm/Button/ButtonGroup/ButtonGroup.styles.js

@@ -19,6 +19,12 @@ var useStyles = createStyles((_theme, { orientation, buttonBorderWidth }) => ({
         borderRadius: 0,
         [orientation === "vertical" ? "borderTopWidth" : "borderLeftWidth"]: buttonBorderWidth / 2,
         [orientation === "vertical" ? "borderBottomWidth" : "borderRightWidth"]: buttonBorderWidth / 2
+      },
+      "& + [data-button]": {
+        [orientation === "vertical" ? "marginTop" : "marginLeft"]: -buttonBorderWidth,
+        "@media (min-resolution: 192dpi)": {
+          [orientation === "vertical" ? "marginTop" : "marginLeft"]: 0
+        }
       }
     }
   }

package/esm/Button/ButtonGroup/ButtonGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.styles.js","sources":["../../../src/Button/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface ButtonGroupStylesParams {\n  orientation: 'vertical' | 'horizontal';\n  buttonBorderWidth: number;\n}\n\nexport default createStyles(\n  (_theme, { orientation, buttonBorderWidth }: ButtonGroupStylesParams) => ({\n    root: {\n      display: 'flex',\n      flexDirection: orientation === 'vertical' ? 'column' : 'row',\n\n      '& [data-button]': {\n        '&:first-of-type': {\n          borderBottomRightRadius: 0,\n          [orientation === 'vertical' ? 'borderBottomLeftRadius' : 'borderTopRightRadius']: 0,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '&:last-of-type': {\n          borderTopLeftRadius: 0,\n          [orientation === 'vertical' ? 'borderTopRightRadius' : 'borderBottomLeftRadius']: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '&:not(:first-of-type):not(:last-of-type)': {\n          borderRadius: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']:\n            buttonBorderWidth / 2,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:\n            buttonBorderWidth / 2,\n        },\n      },\n    },\n  })\n);\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM;AAC7E,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK;AAChE,IAAI,iBAAiB,EAAE;AACvB,MAAM,iBAAiB,EAAE;AACzB,QAAQ,uBAAuB,EAAE,CAAC;AAClC,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,wBAAwB,GAAG,sBAAsB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,CAAC;AACtG,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,mBAAmB,EAAE,CAAC;AAC9B,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,CAAC;AAClG,OAAO;AACP,MAAM,0CAA0C,EAAE;AAClD,QAAQ,YAAY,EAAE,CAAC;AACvB,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,CAAC;AAClG,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,CAAC;AACtG,OAAO;AACP,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"ButtonGroup.styles.js","sources":["../../../src/Button/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface ButtonGroupStylesParams {\n  orientation: 'vertical' | 'horizontal';\n  buttonBorderWidth: number;\n}\n\nexport default createStyles(\n  (_theme, { orientation, buttonBorderWidth }: ButtonGroupStylesParams) => ({\n    root: {\n      display: 'flex',\n      flexDirection: orientation === 'vertical' ? 'column' : 'row',\n\n      '& [data-button]': {\n        '&:first-of-type': {\n          borderBottomRightRadius: 0,\n          [orientation === 'vertical' ? 'borderBottomLeftRadius' : 'borderTopRightRadius']: 0,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '&:last-of-type': {\n          borderTopLeftRadius: 0,\n          [orientation === 'vertical' ? 'borderTopRightRadius' : 'borderBottomLeftRadius']: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '&:not(:first-of-type):not(:last-of-type)': {\n          borderRadius: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']:\n            buttonBorderWidth / 2,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '& + [data-button]': {\n          [orientation === 'vertical' ? 'marginTop' : 'marginLeft']: -buttonBorderWidth,\n          '@media (min-resolution: 192dpi)': {\n            [orientation === 'vertical' ? 'marginTop' : 'marginLeft']: 0,\n          },\n        },\n      },\n    },\n  })\n);\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM;AAC7E,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK;AAChE,IAAI,iBAAiB,EAAE;AACvB,MAAM,iBAAiB,EAAE;AACzB,QAAQ,uBAAuB,EAAE,CAAC;AAClC,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,wBAAwB,GAAG,sBAAsB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,CAAC;AACtG,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,mBAAmB,EAAE,CAAC;AAC9B,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,CAAC;AAClG,OAAO;AACP,MAAM,0CAA0C,EAAE;AAClD,QAAQ,YAAY,EAAE,CAAC;AACvB,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,CAAC;AAClG,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,CAAC;AACtG,OAAO;AACP,MAAM,mBAAmB,EAAE;AAC3B,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,CAAC,iBAAiB;AACrF,QAAQ,iCAAiC,EAAE;AAC3C,UAAU,CAAC,WAAW,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,CAAC;AACtE,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/Drawer/Drawer.js

@@ -65,6 +65,7 @@ const defaultProps = {
   withOverlay: true,
   withCloseButton: true,
   withinPortal: true,
+  withFocusReturn: true,
   overlayBlur: 0
 };
 function Drawer(props) {
@@ -96,7 +97,8 @@ function Drawer(props) {
     target,
     withinPortal,
     overlayBlur,
-    unstyled
+    unstyled,
+    withFocusReturn
   } = _a, others = __objRest(_a, [
     "className",
     "opened",
@@ -125,7 +127,8 @@ function Drawer(props) {
     "target",
     "withinPortal",
     "overlayBlur",
-    "unstyled"
+    "unstyled",
+    "withFocusReturn"
   ]);
   const { classes, cx, theme } = useStyles({ size, position, zIndex }, { classNames, styles, unstyled, name: "Drawer" });
   const focusTrapRef = useFocusTrap(trapFocus && opened);
@@ -144,7 +147,7 @@ function Drawer(props) {
     }
     return void 0;
   }, [trapFocus]);
-  useFocusReturn({ opened, shouldReturnFocus: trapFocus });
+  useFocusReturn({ opened, shouldReturnFocus: trapFocus && withFocusReturn });
   return /* @__PURE__ */ React.createElement(OptionalPortal, {
     withinPortal,
     target

package/esm/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  Selectors,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { OptionalPortal } from '../Portal';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { CloseButton } from '../CloseButton';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { DrawerPosition } from './Drawer.styles';\n\nexport type DrawerStylesNames = Exclude<Selectors<typeof useStyles>, 'withOverlay'>;\n\nexport interface DrawerProps\n  extends Omit<DefaultProps<DrawerStylesNames>, MantineStyleSystemSize>,\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?: React.CSSProperties['zIndex'];\n\n  /** Disables focus trap */\n  trapFocus?: boolean;\n\n  /** Disables scroll lock */\n  lockScroll?: boolean;\n\n  /** Disable onMouseDown trigger for outside events */\n  closeOnClickOutside?: boolean;\n\n  /** Disable onKeyDownCapture trigger for escape key press */\n  closeOnEscape?: 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  withOverlay?: boolean;\n\n  /** Overlay opacity, number from 0 to 1 */\n  overlayOpacity?: number;\n\n  /** Overlay color, for example, #000 */\n  overlayColor?: string;\n\n  /** Overlay blur in px */\n  overlayBlur?: number;\n\n  /** Drawer title, displayed in header before close button */\n  title?: React.ReactNode;\n\n  /** Hides close button if set to false, drawer still can be closed with escape key and by clicking outside */\n  withCloseButton?: boolean;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n\n  /** Target element or selector where drawer portal should be rendered */\n  target?: HTMLElement | string;\n\n  /** Determines whether drawer should be rendered within Portal, defaults to true */\n  withinPortal?: boolean;\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\nconst rtlTransitions: Record<DrawerPosition, MantineTransition> = {\n  top: 'slide-down',\n  bottom: 'slide-up',\n  right: 'slide-right',\n  left: 'slide-left',\n};\n\nconst defaultProps: Partial<DrawerProps> = {\n  position: 'left',\n  size: 'md',\n  transitionDuration: 250,\n  transitionTimingFunction: 'ease',\n  zIndex: getDefaultZIndex('modal'),\n  shadow: 'md',\n  padding: 0,\n  lockScroll: true,\n  closeOnClickOutside: true,\n  closeOnEscape: true,\n  trapFocus: true,\n  withOverlay: true,\n  withCloseButton: true,\n  withinPortal: true,\n  overlayBlur: 0,\n};\n\nexport function Drawer(props: DrawerProps) {\n  const {\n    className,\n    opened,\n    onClose,\n    position,\n    size,\n    trapFocus,\n    lockScroll,\n    closeOnClickOutside,\n    closeOnEscape,\n    transition,\n    transitionDuration,\n    transitionTimingFunction,\n    zIndex,\n    overlayColor,\n    overlayOpacity,\n    children,\n    withOverlay,\n    shadow,\n    padding,\n    title,\n    withCloseButton,\n    closeButtonLabel,\n    classNames,\n    styles,\n    target,\n    withinPortal,\n    overlayBlur,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Drawer', defaultProps, props);\n\n  const { classes, cx, theme } = useStyles(\n    { size, position, zIndex },\n    { classNames, styles, unstyled, name: 'Drawer' }\n  );\n\n  const focusTrapRef = useFocusTrap(trapFocus && opened);\n\n  const [, _lockScroll] = useScrollLock();\n\n  const drawerTransition =\n    transition || (theme.dir === 'rtl' ? rtlTransitions : 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 (event.key === 'Escape' && closeOnEscape) {\n      onClose();\n    }\n  };\n\n  useEffect(() => {\n    if (!trapFocus) {\n      window.addEventListener('keydown', _closeOnEscape);\n      return () => window.removeEventListener('keydown', _closeOnEscape);\n    }\n\n    return undefined;\n  }, [trapFocus]);\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus });\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} target={target}>\n      <GroupedTransition\n        onExited={() => _lockScroll(false)}\n        onEntered={() => _lockScroll(lockScroll && true)}\n        mounted={opened}\n        timingFunction={transitionTimingFunction}\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          <Box className={cx(classes.root, className)} role=\"dialog\" aria-modal {...others}>\n            <Paper<'div'>\n              className={cx(classes.drawer, className)}\n              ref={focusTrapRef}\n              style={transitionStyles.drawer}\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.key === 'Escape' && closeOnEscape && onClose();\n              }}\n              shadow={shadow}\n              p={padding}\n              unstyled={unstyled}\n            >\n              {(title || withCloseButton) && (\n                <div className={classes.header}>\n                  <Text className={classes.title} unstyled={unstyled}>\n                    {title}\n                  </Text>\n\n                  {withCloseButton && (\n                    <CloseButton\n                      iconSize={16}\n                      onClick={onClose}\n                      aria-label={closeButtonLabel}\n                      className={classes.closeButton}\n                      unstyled={unstyled}\n                    />\n                  )}\n                </div>\n              )}\n              {children}\n            </Paper>\n\n            {withOverlay && (\n              <div style={transitionStyles.overlay}>\n                <Overlay\n                  unstyled={unstyled}\n                  blur={overlayBlur}\n                  onMouseDown={() => closeOnClickOutside && onClose()}\n                  className={classes.overlay}\n                  opacity={_overlayOpacity}\n                  zIndex={0}\n                  color={\n                    overlayColor ||\n                    (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n                  }\n                />\n              </div>\n            )}\n          </Box>\n        )}\n      </GroupedTransition>\n    </OptionalPortal>\n  );\n}\n\nDrawer.displayName = '@mantine/core/Drawer';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  Selectors,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { OptionalPortal } from '../Portal';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { CloseButton } from '../CloseButton';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { DrawerPosition } from './Drawer.styles';\n\nexport type DrawerStylesNames = Exclude<Selectors<typeof useStyles>, 'withOverlay'>;\n\nexport interface DrawerProps\n  extends Omit<DefaultProps<DrawerStylesNames>, MantineStyleSystemSize>,\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?: React.CSSProperties['zIndex'];\n\n  /** Disables focus trap */\n  trapFocus?: boolean;\n\n  /** Disables scroll lock */\n  lockScroll?: boolean;\n\n  /** Disable onMouseDown trigger for outside events */\n  closeOnClickOutside?: boolean;\n\n  /** Disable onKeyDownCapture trigger for escape key press */\n  closeOnEscape?: 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  withOverlay?: boolean;\n\n  /** Overlay opacity, number from 0 to 1 */\n  overlayOpacity?: number;\n\n  /** Overlay color, for example, #000 */\n  overlayColor?: string;\n\n  /** Overlay blur in px */\n  overlayBlur?: number;\n\n  /** Drawer title, displayed in header before close button */\n  title?: React.ReactNode;\n\n  /** Hides close button if set to false, drawer still can be closed with escape key and by clicking outside */\n  withCloseButton?: boolean;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n\n  /** Target element or selector where drawer portal should be rendered */\n  target?: HTMLElement | string;\n\n  /** Determines whether drawer should be rendered within Portal, defaults to true */\n  withinPortal?: boolean;\n\n  /** Determines whether focus should be returned to the last active element when drawer is closed */\n  withFocusReturn?: boolean;\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\nconst rtlTransitions: Record<DrawerPosition, MantineTransition> = {\n  top: 'slide-down',\n  bottom: 'slide-up',\n  right: 'slide-right',\n  left: 'slide-left',\n};\n\nconst defaultProps: Partial<DrawerProps> = {\n  position: 'left',\n  size: 'md',\n  transitionDuration: 250,\n  transitionTimingFunction: 'ease',\n  zIndex: getDefaultZIndex('modal'),\n  shadow: 'md',\n  padding: 0,\n  lockScroll: true,\n  closeOnClickOutside: true,\n  closeOnEscape: true,\n  trapFocus: true,\n  withOverlay: true,\n  withCloseButton: true,\n  withinPortal: true,\n  withFocusReturn: true,\n  overlayBlur: 0,\n};\n\nexport function Drawer(props: DrawerProps) {\n  const {\n    className,\n    opened,\n    onClose,\n    position,\n    size,\n    trapFocus,\n    lockScroll,\n    closeOnClickOutside,\n    closeOnEscape,\n    transition,\n    transitionDuration,\n    transitionTimingFunction,\n    zIndex,\n    overlayColor,\n    overlayOpacity,\n    children,\n    withOverlay,\n    shadow,\n    padding,\n    title,\n    withCloseButton,\n    closeButtonLabel,\n    classNames,\n    styles,\n    target,\n    withinPortal,\n    overlayBlur,\n    unstyled,\n    withFocusReturn,\n    ...others\n  } = useComponentDefaultProps('Drawer', defaultProps, props);\n\n  const { classes, cx, theme } = useStyles(\n    { size, position, zIndex },\n    { classNames, styles, unstyled, name: 'Drawer' }\n  );\n\n  const focusTrapRef = useFocusTrap(trapFocus && opened);\n\n  const [, _lockScroll] = useScrollLock();\n\n  const drawerTransition =\n    transition || (theme.dir === 'rtl' ? rtlTransitions : 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 (event.key === 'Escape' && closeOnEscape) {\n      onClose();\n    }\n  };\n\n  useEffect(() => {\n    if (!trapFocus) {\n      window.addEventListener('keydown', _closeOnEscape);\n      return () => window.removeEventListener('keydown', _closeOnEscape);\n    }\n\n    return undefined;\n  }, [trapFocus]);\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus && withFocusReturn });\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} target={target}>\n      <GroupedTransition\n        onExited={() => _lockScroll(false)}\n        onEntered={() => _lockScroll(lockScroll && true)}\n        mounted={opened}\n        timingFunction={transitionTimingFunction}\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          <Box className={cx(classes.root, className)} role=\"dialog\" aria-modal {...others}>\n            <Paper<'div'>\n              className={cx(classes.drawer, className)}\n              ref={focusTrapRef}\n              style={transitionStyles.drawer}\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.key === 'Escape' && closeOnEscape && onClose();\n              }}\n              shadow={shadow}\n              p={padding}\n              unstyled={unstyled}\n            >\n              {(title || withCloseButton) && (\n                <div className={classes.header}>\n                  <Text className={classes.title} unstyled={unstyled}>\n                    {title}\n                  </Text>\n\n                  {withCloseButton && (\n                    <CloseButton\n                      iconSize={16}\n                      onClick={onClose}\n                      aria-label={closeButtonLabel}\n                      className={classes.closeButton}\n                      unstyled={unstyled}\n                    />\n                  )}\n                </div>\n              )}\n              {children}\n            </Paper>\n\n            {withOverlay && (\n              <div style={transitionStyles.overlay}>\n                <Overlay\n                  unstyled={unstyled}\n                  blur={overlayBlur}\n                  onMouseDown={() => closeOnClickOutside && onClose()}\n                  className={classes.overlay}\n                  opacity={_overlayOpacity}\n                  zIndex={0}\n                  color={\n                    overlayColor ||\n                    (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n                  }\n                />\n              </div>\n            )}\n          </Box>\n        )}\n      </GroupedTransition>\n    </OptionalPortal>\n  );\n}\n\nDrawer.displayName = '@mantine/core/Drawer';\n"],"names":[],"mappings":"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"}

package/esm/HoverCard/HoverCardTarget/HoverCardTarget.js

@@ -1,20 +1,50 @@
-import React, { cloneElement } from 'react';
+import React, { forwardRef, cloneElement } from 'react';
 import { isElement, createEventHandler } from '@mantine/utils';
 import { useHoverCardContext } from '../HoverCard.context.js';
 import { HOVER_CARD_ERRORS } from '../HoverCard.errors.js';
 import { Popover } from '../../Popover/Popover.js';
 
-function HoverCardTarget({ children, refProp }) {
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const HoverCardTarget = forwardRef((_a, ref) => {
+  var _b = _a, { children, refProp } = _b, others = __objRest(_b, ["children", "refProp"]);
   if (!isElement(children)) {
     throw new Error(HOVER_CARD_ERRORS.children);
   }
   const ctx = useHoverCardContext();
   const onMouseEnter = createEventHandler(children.props.onMouseEnter, ctx.openDropdown);
   const onMouseLeave = createEventHandler(children.props.onMouseLeave, ctx.closeDropdown);
-  return /* @__PURE__ */ React.createElement(Popover.Target, {
-    refProp
-  }, cloneElement(children, { onMouseEnter, onMouseLeave }));
-}
+  return /* @__PURE__ */ React.createElement(Popover.Target, __spreadValues({
+    refProp,
+    ref
+  }, others), cloneElement(children, { onMouseEnter, onMouseLeave }));
+});
 HoverCardTarget.displayName = "@mantine/core/HoverCardTarget";
 
 export { HoverCardTarget };

package/esm/HoverCard/HoverCardTarget/HoverCardTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCardTarget.js","sources":["../../../src/HoverCard/HoverCardTarget/HoverCardTarget.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { isElement, createEventHandler } from '@mantine/utils';\nimport { Popover, PopoverTargetProps } from '../../Popover';\nimport { useHoverCardContext } from '../HoverCard.context';\nimport { HOVER_CARD_ERRORS } from '../HoverCard.errors';\n\nexport interface HoverCardTargetProps extends PopoverTargetProps {}\n\nexport function HoverCardTarget({ children, refProp }: HoverCardTargetProps) {\n  if (!isElement(children)) {\n    throw new Error(HOVER_CARD_ERRORS.children);\n  }\n\n  const ctx = useHoverCardContext();\n  const onMouseEnter = createEventHandler(children.props.onMouseEnter, ctx.openDropdown);\n  const onMouseLeave = createEventHandler(children.props.onMouseLeave, ctx.closeDropdown);\n\n  return (\n    <Popover.Target refProp={refProp}>\n      {cloneElement(children as React.ReactElement, { onMouseEnter, onMouseLeave })}\n    </Popover.Target>\n  );\n}\n\nHoverCardTarget.displayName = '@mantine/core/HoverCardTarget';\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;AACvD,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;AAC5B,IAAI,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAChD,GAAG;AACH,EAAE,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACpC,EAAE,MAAM,YAAY,GAAG,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;AACzF,EAAE,MAAM,YAAY,GAAG,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;AAC1F,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,EAAE;AAC7D,IAAI,OAAO;AACX,GAAG,EAAE,YAAY,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;AAC7D,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}
+{"version":3,"file":"HoverCardTarget.js","sources":["../../../src/HoverCard/HoverCardTarget/HoverCardTarget.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef } from 'react';\nimport { isElement, createEventHandler } from '@mantine/utils';\nimport { Popover, PopoverTargetProps } from '../../Popover';\nimport { useHoverCardContext } from '../HoverCard.context';\nimport { HOVER_CARD_ERRORS } from '../HoverCard.errors';\n\nexport interface HoverCardTargetProps extends PopoverTargetProps {}\n\nexport const HoverCardTarget = forwardRef<HTMLElement, HoverCardTargetProps>(\n  ({ children, refProp, ...others }, ref) => {\n    if (!isElement(children)) {\n      throw new Error(HOVER_CARD_ERRORS.children);\n    }\n\n    const ctx = useHoverCardContext();\n    const onMouseEnter = createEventHandler(children.props.onMouseEnter, ctx.openDropdown);\n    const onMouseLeave = createEventHandler(children.props.onMouseLeave, ctx.closeDropdown);\n\n    return (\n      <Popover.Target refProp={refProp} ref={ref} {...others}>\n        {cloneElement(children as React.ReactElement, { onMouseEnter, onMouseLeave })}\n      </Popover.Target>\n    );\n  }\n);\n\nHoverCardTarget.displayName = '@mantine/core/HoverCardTarget';\n"],"names":[],"mappings":"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"}

package/esm/Input/InputError/InputError.js

@@ -35,7 +35,8 @@ const InputError = forwardRef((_a, ref) => {
   const { classes, cx } = useStyles({ size }, { name: ["InputWrapper", __staticSelector], classNames, styles, unstyled });
   return /* @__PURE__ */ React.createElement(Text, __spreadValues({
     className: cx(classes.error, className),
-    ref
+    ref,
+    role: "alert"
   }, others), children);
 });
 InputError.displayName = "@mantine/core/InputError";

package/esm/Input/InputError/InputError.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputError.js","sources":["../../../src/Input/InputError/InputError.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { Text } from '../../Text';\nimport useStyles, { InputErrorStylesParams } from './InputError.styles';\n\nexport type InputErrorStylesNames = Selectors<typeof useStyles>;\n\nexport interface InputErrorProps\n  extends DefaultProps<InputErrorStylesNames, InputErrorStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Error content */\n  children?: React.ReactNode;\n\n  /** Predefined size */\n  size?: MantineSize;\n\n  __staticSelector?: string;\n}\n\nexport const InputError = forwardRef<HTMLDivElement, InputErrorProps>(\n  (\n    { children, className, classNames, styles, unstyled, size = 'sm', __staticSelector, ...others },\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { size },\n      { name: ['InputWrapper', __staticSelector], classNames, styles, unstyled }\n    );\n    return (\n      <Text className={cx(classes.error, className)} ref={ref} {...others}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nInputError.displayName = '@mantine/core/InputError';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"InputError.js","sources":["../../../src/Input/InputError/InputError.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { Text } from '../../Text';\nimport useStyles, { InputErrorStylesParams } from './InputError.styles';\n\nexport type InputErrorStylesNames = Selectors<typeof useStyles>;\n\nexport interface InputErrorProps\n  extends DefaultProps<InputErrorStylesNames, InputErrorStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Error content */\n  children?: React.ReactNode;\n\n  /** Predefined size */\n  size?: MantineSize;\n\n  __staticSelector?: string;\n}\n\nexport const InputError = forwardRef<HTMLDivElement, InputErrorProps>(\n  (\n    { children, className, classNames, styles, unstyled, size = 'sm', __staticSelector, ...others },\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { size },\n      { name: ['InputWrapper', __staticSelector], classNames, styles, unstyled }\n    );\n    return (\n      <Text className={cx(classes.error, className)} ref={ref} role=\"alert\" {...others}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nInputError.displayName = '@mantine/core/InputError';\n"],"names":[],"mappings":"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"}

package/esm/Menu/MenuTarget/MenuTarget.js

@@ -1,10 +1,39 @@
-import React, { cloneElement } from 'react';
+import React, { forwardRef, cloneElement } from 'react';
 import { isElement, createEventHandler } from '@mantine/utils';
 import { useMenuContext } from '../Menu.context.js';
 import { MENU_ERRORS } from '../Menu.errors.js';
 import { Popover } from '../../Popover/Popover.js';
 
-function MenuTarget({ children, refProp = "ref" }) {
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const MenuTarget = forwardRef((_a, ref) => {
+  var _b = _a, { children, refProp = "ref" } = _b, others = __objRest(_b, ["children", "refProp"]);
   if (!isElement(children)) {
     throw new Error(MENU_ERRORS.children);
   }
@@ -12,16 +41,17 @@ function MenuTarget({ children, refProp = "ref" }) {
   const onClick = createEventHandler(children.props.onClick, () => ctx.trigger === "click" && ctx.toggleDropdown());
   const onMouseEnter = createEventHandler(children.props.onMouseEnter, () => ctx.trigger === "hover" && ctx.openDropdown());
   const onMouseLeave = createEventHandler(children.props.onMouseLeave, () => ctx.trigger === "hover" && ctx.closeDropdown());
-  return /* @__PURE__ */ React.createElement(Popover.Target, {
+  return /* @__PURE__ */ React.createElement(Popover.Target, __spreadValues({
     refProp,
-    popupType: "menu"
-  }, cloneElement(children, {
+    popupType: "menu",
+    ref
+  }, others), cloneElement(children, {
     onClick,
     onMouseEnter,
     onMouseLeave,
     "data-expanded": ctx.opened ? true : void 0
   }));
-}
+});
 MenuTarget.displayName = "@mantine/core/MenuTarget";
 
 export { MenuTarget };

package/esm/Menu/MenuTarget/MenuTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTarget.js","sources":["../../../src/Menu/MenuTarget/MenuTarget.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { isElement, createEventHandler } from '@mantine/utils';\nimport { useMenuContext } from '../Menu.context';\nimport { Popover } from '../../Popover';\nimport { MENU_ERRORS } from '../Menu.errors';\n\nexport interface MenuTargetProps {\n  /** Target element */\n  children: React.ReactNode;\n\n  /** Key of the prop that should be used to get element ref */\n  refProp?: string;\n}\n\nexport function MenuTarget({ children, refProp = 'ref' }: MenuTargetProps) {\n  if (!isElement(children)) {\n    throw new Error(MENU_ERRORS.children);\n  }\n\n  const ctx = useMenuContext();\n\n  const onClick = createEventHandler(\n    children.props.onClick,\n    () => ctx.trigger === 'click' && ctx.toggleDropdown()\n  );\n\n  const onMouseEnter = createEventHandler(\n    children.props.onMouseEnter,\n    () => ctx.trigger === 'hover' && ctx.openDropdown()\n  );\n\n  const onMouseLeave = createEventHandler(\n    children.props.onMouseLeave,\n    () => ctx.trigger === 'hover' && ctx.closeDropdown()\n  );\n\n  return (\n    <Popover.Target refProp={refProp} popupType=\"menu\">\n      {cloneElement(children, {\n        onClick,\n        onMouseEnter,\n        onMouseLeave,\n        'data-expanded': ctx.opened ? true : undefined,\n      })}\n    </Popover.Target>\n  );\n}\n\nMenuTarget.displayName = '@mantine/core/MenuTarget';\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE;AAC1D,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;AAC5B,IAAI,MAAM,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;AAC/B,EAAE,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,CAAC,OAAO,KAAK,OAAO,IAAI,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC;AACpH,EAAE,MAAM,YAAY,GAAG,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,OAAO,KAAK,OAAO,IAAI,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;AAC5H,EAAE,MAAM,YAAY,GAAG,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,OAAO,KAAK,OAAO,IAAI,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC;AAC7H,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,EAAE;AAC7D,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,MAAM;AACrB,GAAG,EAAE,YAAY,CAAC,QAAQ,EAAE;AAC5B,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,eAAe,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AAC/C,GAAG,CAAC,CAAC,CAAC;AACN,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
+{"version":3,"file":"MenuTarget.js","sources":["../../../src/Menu/MenuTarget/MenuTarget.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef } from 'react';\nimport { isElement, createEventHandler } from '@mantine/utils';\nimport { useMenuContext } from '../Menu.context';\nimport { Popover } from '../../Popover';\nimport { MENU_ERRORS } from '../Menu.errors';\n\nexport interface MenuTargetProps {\n  /** Target element */\n  children: React.ReactNode;\n\n  /** Key of the prop that should be used to get element ref */\n  refProp?: string;\n}\n\nexport const MenuTarget = forwardRef<HTMLElement, MenuTargetProps>(\n  ({ children, refProp = 'ref', ...others }, ref) => {\n    if (!isElement(children)) {\n      throw new Error(MENU_ERRORS.children);\n    }\n\n    const ctx = useMenuContext();\n\n    const onClick = createEventHandler(\n      children.props.onClick,\n      () => ctx.trigger === 'click' && ctx.toggleDropdown()\n    );\n\n    const onMouseEnter = createEventHandler(\n      children.props.onMouseEnter,\n      () => ctx.trigger === 'hover' && ctx.openDropdown()\n    );\n\n    const onMouseLeave = createEventHandler(\n      children.props.onMouseLeave,\n      () => ctx.trigger === 'hover' && ctx.closeDropdown()\n    );\n\n    return (\n      <Popover.Target refProp={refProp} popupType=\"menu\" ref={ref} {...others}>\n        {cloneElement(children, {\n          onClick,\n          onMouseEnter,\n          onMouseLeave,\n          'data-expanded': ctx.opened ? true : undefined,\n        })}\n      </Popover.Target>\n    );\n  }\n);\n\nMenuTarget.displayName = '@mantine/core/MenuTarget';\n"],"names":[],"mappings":"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"}

package/esm/Modal/Modal.js

@@ -50,6 +50,7 @@ const defaultProps = {
   withCloseButton: true,
   withinPortal: true,
   lockScroll: true,
+  withFocusReturn: true,
   overlayBlur: 0,
   zIndex: getDefaultZIndex("modal")
 };
@@ -85,7 +86,8 @@ function Modal(props) {
     transitionTimingFunction,
     fullScreen,
     unstyled,
-    lockScroll: shouldLockScroll
+    lockScroll: shouldLockScroll,
+    withFocusReturn
   } = _a, others = __objRest(_a, [
     "className",
     "opened",
@@ -117,7 +119,8 @@ function Modal(props) {
     "transitionTimingFunction",
     "fullScreen",
     "unstyled",
-    "lockScroll"
+    "lockScroll",
+    "withFocusReturn"
   ]);
   const baseId = useId(id);
   const titleId = `${baseId}-title`;
@@ -138,7 +141,7 @@ function Modal(props) {
     }
     return void 0;
   }, [trapFocus]);
-  useFocusReturn({ opened, shouldReturnFocus: trapFocus });
+  useFocusReturn({ opened, shouldReturnFocus: trapFocus && withFocusReturn });
   return /* @__PURE__ */ React.createElement(OptionalPortal, {
     withinPortal,
     target

package/esm/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn, useId } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  Selectors,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { CloseButton } from '../CloseButton';\nimport { Text } from '../Text';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { OptionalPortal } from '../Portal';\nimport { Box } from '../Box';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { ModalStylesParams } from './Modal.styles';\n\nexport type ModalStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalProps\n  extends Omit<DefaultProps<ModalStylesNames, ModalStylesParams>, MantineStyleSystemSize>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Mounts modal if true */\n  opened: boolean;\n\n  /** Called when close button clicked and when escape key is pressed */\n  onClose(): void;\n\n  /** Modal title, displayed in header before close button */\n  title?: React.ReactNode;\n\n  /** Modal z-index property */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Control vertical overflow behavior */\n  overflow?: 'outside' | 'inside';\n\n  /** Hides close button if set to false, modal still can be closed with escape key and by clicking outside */\n  withCloseButton?: boolean;\n\n  /** Overlay opacity */\n  overlayOpacity?: number;\n\n  /** Overlay color */\n  overlayColor?: string;\n\n  /** Overlay blur in px */\n  overlayBlur?: number;\n\n  /** Determines whether the modal should take the entire screen */\n  fullScreen?: boolean;\n\n  /** Modal radius */\n  radius?: MantineNumberSize;\n\n  /** Modal body width */\n  size?: string | number;\n\n  /** Modal body transition */\n  transition?: MantineTransition;\n\n  /** Duration in ms of modal transitions, set to 0 to disable all animations */\n  transitionDuration?: number;\n\n  /** Modal body transitionTimingFunction, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n\n  /** id base, used to generate ids to connect modal title and body with aria- attributes, defaults to random id */\n  id?: string;\n\n  /** Modal shadow from theme or css value */\n  shadow?: MantineShadow;\n\n  /** Modal padding from theme or number value for padding in px */\n  padding?: MantineNumberSize;\n\n  /** Should modal be closed when outside click was registered? */\n  closeOnClickOutside?: boolean;\n\n  /** Should modal be closed when escape is pressed? */\n  closeOnEscape?: boolean;\n\n  /** Disables focus trap */\n  trapFocus?: boolean;\n\n  /** Controls if modal should be centered */\n  centered?: boolean;\n\n  /** Determines whether scroll should be locked when modal is opened, defaults to true */\n  lockScroll?: boolean;\n\n  /** Target element or selector where modal portal should be rendered */\n  target?: HTMLElement | string;\n\n  /** Determines whether modal should be rendered within Portal, defaults to true */\n  withinPortal?: boolean;\n}\n\nconst defaultProps: Partial<ModalProps> = {\n  size: 'md',\n  transitionDuration: 250,\n  overflow: 'outside',\n  padding: 'lg',\n  shadow: 'lg',\n  closeOnClickOutside: true,\n  closeOnEscape: true,\n  trapFocus: true,\n  withCloseButton: true,\n  withinPortal: true,\n  lockScroll: true,\n  overlayBlur: 0,\n  zIndex: getDefaultZIndex('modal'),\n};\n\nexport function Modal(props: ModalProps) {\n  const {\n    className,\n    opened,\n    title,\n    onClose,\n    children,\n    withCloseButton,\n    overlayOpacity,\n    size,\n    transitionDuration,\n    closeButtonLabel,\n    overlayColor,\n    overflow,\n    transition,\n    padding,\n    shadow,\n    radius,\n    id,\n    classNames,\n    styles,\n    closeOnClickOutside,\n    trapFocus,\n    closeOnEscape,\n    centered,\n    target,\n    withinPortal,\n    zIndex,\n    overlayBlur,\n    transitionTimingFunction,\n    fullScreen,\n    unstyled,\n    lockScroll: shouldLockScroll,\n    ...others\n  } = useComponentDefaultProps('Modal', defaultProps, props);\n  const baseId = useId(id);\n  const titleId = `${baseId}-title`;\n  const bodyId = `${baseId}-body`;\n  const { classes, cx, theme } = useStyles(\n    { size, overflow, centered, zIndex, fullScreen },\n    { unstyled, classNames, styles, name: 'Modal' }\n  );\n  const focusTrapRef = useFocusTrap(trapFocus && opened);\n  const _overlayOpacity =\n    typeof overlayOpacity === 'number'\n      ? overlayOpacity\n      : theme.colorScheme === 'dark'\n      ? 0.85\n      : 0.75;\n\n  const [, lockScroll] = useScrollLock();\n\n  const closeOnEscapePress = (event: KeyboardEvent) => {\n    if (!trapFocus && event.key === 'Escape' && closeOnEscape) {\n      onClose();\n    }\n  };\n\n  useEffect(() => {\n    if (!trapFocus) {\n      window.addEventListener('keydown', closeOnEscapePress);\n      return () => window.removeEventListener('keydown', closeOnEscapePress);\n    }\n\n    return undefined;\n  }, [trapFocus]);\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus });\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} target={target}>\n      <GroupedTransition\n        onExited={() => shouldLockScroll && lockScroll(false)}\n        onEntered={() => shouldLockScroll && lockScroll(true)}\n        mounted={opened}\n        duration={transitionDuration}\n        exitDuration={transitionDuration}\n        timingFunction={transitionTimingFunction}\n        transitions={{\n          modal: {\n            duration: transitionDuration,\n            transition: transition || (fullScreen ? 'fade' : 'pop'),\n          },\n          overlay: {\n            duration: transitionDuration / 2,\n            transition: 'fade',\n            timingFunction: 'ease',\n          },\n        }}\n      >\n        {(transitionStyles) => (\n          <Box id={baseId} className={cx(classes.root, className)} {...others}>\n            <div\n              className={classes.inner}\n              onKeyDownCapture={(event) => {\n                const shouldTrigger =\n                  (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n                shouldTrigger && event.key === 'Escape' && closeOnEscape && onClose();\n              }}\n              ref={focusTrapRef}\n            >\n              <Paper<'div'>\n                className={classes.modal}\n                shadow={shadow}\n                p={padding}\n                radius={radius}\n                role=\"dialog\"\n                aria-labelledby={titleId}\n                aria-describedby={bodyId}\n                aria-modal\n                tabIndex={-1}\n                style={transitionStyles.modal}\n                unstyled={unstyled}\n              >\n                {(title || withCloseButton) && (\n                  <div className={classes.header}>\n                    <Text id={titleId} className={classes.title}>\n                      {title}\n                    </Text>\n\n                    {withCloseButton && (\n                      <CloseButton\n                        iconSize={16}\n                        onClick={onClose}\n                        aria-label={closeButtonLabel}\n                        className={classes.close}\n                      />\n                    )}\n                  </div>\n                )}\n\n                <div id={bodyId} className={classes.body}>\n                  {children}\n                </div>\n              </Paper>\n              <div style={transitionStyles.overlay}>\n                <Overlay\n                  className={classes.overlay}\n                  sx={{ position: 'fixed' }}\n                  zIndex={0}\n                  onMouseDown={() => closeOnClickOutside && onClose()}\n                  blur={overlayBlur}\n                  color={\n                    overlayColor ||\n                    (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n                  }\n                  opacity={_overlayOpacity}\n                  unstyled={unstyled}\n                />\n              </div>\n            </div>\n          </Box>\n        )}\n      </GroupedTransition>\n    </OptionalPortal>\n  );\n}\n\nModal.displayName = '@mantine/core/Modal';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn, useId } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  Selectors,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { CloseButton } from '../CloseButton';\nimport { Text } from '../Text';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { OptionalPortal } from '../Portal';\nimport { Box } from '../Box';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { ModalStylesParams } from './Modal.styles';\n\nexport type ModalStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalProps\n  extends Omit<DefaultProps<ModalStylesNames, ModalStylesParams>, MantineStyleSystemSize>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Mounts modal if true */\n  opened: boolean;\n\n  /** Called when close button clicked and when escape key is pressed */\n  onClose(): void;\n\n  /** Modal title, displayed in header before close button */\n  title?: React.ReactNode;\n\n  /** Modal z-index property */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Control vertical overflow behavior */\n  overflow?: 'outside' | 'inside';\n\n  /** Hides close button if set to false, modal still can be closed with escape key and by clicking outside */\n  withCloseButton?: boolean;\n\n  /** Overlay opacity */\n  overlayOpacity?: number;\n\n  /** Overlay color */\n  overlayColor?: string;\n\n  /** Overlay blur in px */\n  overlayBlur?: number;\n\n  /** Determines whether the modal should take the entire screen */\n  fullScreen?: boolean;\n\n  /** Modal radius */\n  radius?: MantineNumberSize;\n\n  /** Modal body width */\n  size?: string | number;\n\n  /** Modal body transition */\n  transition?: MantineTransition;\n\n  /** Duration in ms of modal transitions, set to 0 to disable all animations */\n  transitionDuration?: number;\n\n  /** Modal body transitionTimingFunction, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n\n  /** id base, used to generate ids to connect modal title and body with aria- attributes, defaults to random id */\n  id?: string;\n\n  /** Modal shadow from theme or css value */\n  shadow?: MantineShadow;\n\n  /** Modal padding from theme or number value for padding in px */\n  padding?: MantineNumberSize;\n\n  /** Should modal be closed when outside click was registered? */\n  closeOnClickOutside?: boolean;\n\n  /** Should modal be closed when escape is pressed? */\n  closeOnEscape?: boolean;\n\n  /** Disables focus trap */\n  trapFocus?: boolean;\n\n  /** Controls if modal should be centered */\n  centered?: boolean;\n\n  /** Determines whether scroll should be locked when modal is opened, defaults to true */\n  lockScroll?: boolean;\n\n  /** Target element or selector where modal portal should be rendered */\n  target?: HTMLElement | string;\n\n  /** Determines whether modal should be rendered within Portal, defaults to true */\n  withinPortal?: boolean;\n\n  /** Determines whether focus should be returned to the last active element when drawer is closed */\n  withFocusReturn?: boolean;\n}\n\nconst defaultProps: Partial<ModalProps> = {\n  size: 'md',\n  transitionDuration: 250,\n  overflow: 'outside',\n  padding: 'lg',\n  shadow: 'lg',\n  closeOnClickOutside: true,\n  closeOnEscape: true,\n  trapFocus: true,\n  withCloseButton: true,\n  withinPortal: true,\n  lockScroll: true,\n  withFocusReturn: true,\n  overlayBlur: 0,\n  zIndex: getDefaultZIndex('modal'),\n};\n\nexport function Modal(props: ModalProps) {\n  const {\n    className,\n    opened,\n    title,\n    onClose,\n    children,\n    withCloseButton,\n    overlayOpacity,\n    size,\n    transitionDuration,\n    closeButtonLabel,\n    overlayColor,\n    overflow,\n    transition,\n    padding,\n    shadow,\n    radius,\n    id,\n    classNames,\n    styles,\n    closeOnClickOutside,\n    trapFocus,\n    closeOnEscape,\n    centered,\n    target,\n    withinPortal,\n    zIndex,\n    overlayBlur,\n    transitionTimingFunction,\n    fullScreen,\n    unstyled,\n    lockScroll: shouldLockScroll,\n    withFocusReturn,\n    ...others\n  } = useComponentDefaultProps('Modal', defaultProps, props);\n  const baseId = useId(id);\n  const titleId = `${baseId}-title`;\n  const bodyId = `${baseId}-body`;\n  const { classes, cx, theme } = useStyles(\n    { size, overflow, centered, zIndex, fullScreen },\n    { unstyled, classNames, styles, name: 'Modal' }\n  );\n  const focusTrapRef = useFocusTrap(trapFocus && opened);\n  const _overlayOpacity =\n    typeof overlayOpacity === 'number'\n      ? overlayOpacity\n      : theme.colorScheme === 'dark'\n      ? 0.85\n      : 0.75;\n\n  const [, lockScroll] = useScrollLock();\n\n  const closeOnEscapePress = (event: KeyboardEvent) => {\n    if (!trapFocus && event.key === 'Escape' && closeOnEscape) {\n      onClose();\n    }\n  };\n\n  useEffect(() => {\n    if (!trapFocus) {\n      window.addEventListener('keydown', closeOnEscapePress);\n      return () => window.removeEventListener('keydown', closeOnEscapePress);\n    }\n\n    return undefined;\n  }, [trapFocus]);\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus && withFocusReturn });\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} target={target}>\n      <GroupedTransition\n        onExited={() => shouldLockScroll && lockScroll(false)}\n        onEntered={() => shouldLockScroll && lockScroll(true)}\n        mounted={opened}\n        duration={transitionDuration}\n        exitDuration={transitionDuration}\n        timingFunction={transitionTimingFunction}\n        transitions={{\n          modal: {\n            duration: transitionDuration,\n            transition: transition || (fullScreen ? 'fade' : 'pop'),\n          },\n          overlay: {\n            duration: transitionDuration / 2,\n            transition: 'fade',\n            timingFunction: 'ease',\n          },\n        }}\n      >\n        {(transitionStyles) => (\n          <Box id={baseId} className={cx(classes.root, className)} {...others}>\n            <div\n              className={classes.inner}\n              onKeyDownCapture={(event) => {\n                const shouldTrigger =\n                  (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n                shouldTrigger && event.key === 'Escape' && closeOnEscape && onClose();\n              }}\n              ref={focusTrapRef}\n            >\n              <Paper<'div'>\n                className={classes.modal}\n                shadow={shadow}\n                p={padding}\n                radius={radius}\n                role=\"dialog\"\n                aria-labelledby={titleId}\n                aria-describedby={bodyId}\n                aria-modal\n                tabIndex={-1}\n                style={transitionStyles.modal}\n                unstyled={unstyled}\n              >\n                {(title || withCloseButton) && (\n                  <div className={classes.header}>\n                    <Text id={titleId} className={classes.title}>\n                      {title}\n                    </Text>\n\n                    {withCloseButton && (\n                      <CloseButton\n                        iconSize={16}\n                        onClick={onClose}\n                        aria-label={closeButtonLabel}\n                        className={classes.close}\n                      />\n                    )}\n                  </div>\n                )}\n\n                <div id={bodyId} className={classes.body}>\n                  {children}\n                </div>\n              </Paper>\n              <div style={transitionStyles.overlay}>\n                <Overlay\n                  className={classes.overlay}\n                  sx={{ position: 'fixed' }}\n                  zIndex={0}\n                  onMouseDown={() => closeOnClickOutside && onClose()}\n                  blur={overlayBlur}\n                  color={\n                    overlayColor ||\n                    (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n                  }\n                  opacity={_overlayOpacity}\n                  unstyled={unstyled}\n                />\n              </div>\n            </div>\n          </Box>\n        )}\n      </GroupedTransition>\n    </OptionalPortal>\n  );\n}\n\nModal.displayName = '@mantine/core/Modal';\n"],"names":[],"mappings":"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"}

package/esm/Notification/Notification.js

@@ -67,7 +67,7 @@ const Notification = forwardRef((props, ref) => {
     "styles",
     "unstyled"
   ]);
-  const { classes, cx } = useStyles({ color, radius }, { classNames, styles, unstyled, name: "Notification" });
+  const { classes, cx } = useStyles({ color, radius, withTitle: !!title }, { classNames, styles, unstyled, name: "Notification" });
   const withIcon = icon || loading;
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
     className: cx(classes.root, { [classes.withIcon]: withIcon }, className),

package/esm/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../src/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineColor,\n  Selectors,\n  MantineNumberSize,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Loader } from '../Loader';\nimport { CloseButton } from '../CloseButton';\nimport { Box } from '../Box';\nimport useStyles, { NotificationStylesParams } from './Notification.styles';\n\nexport type NotificationStylesNames = Exclude<Selectors<typeof useStyles>, 'withIcon'>;\n\nexport interface NotificationProps\n  extends DefaultProps<NotificationStylesNames, NotificationStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Notification line or icon color */\n  color?: MantineColor;\n\n  /** Radius from theme.radius, or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed before body */\n  title?: React.ReactNode;\n\n  /** Notification body, place main text here */\n  children?: React.ReactNode;\n\n  /** Replaces colored line or icon with Loader component */\n  loading?: boolean;\n\n  /** Removes close button */\n  disallowClose?: boolean;\n\n  /** Props spread to close button */\n  closeButtonProps?: Record<string, any>;\n}\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n  const {\n    className,\n    color,\n    radius,\n    loading,\n    disallowClose,\n    title,\n    icon,\n    children,\n    onClose,\n    closeButtonProps,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Notification', {}, props);\n\n  const { classes, cx } = useStyles(\n    { color, radius },\n    { classNames, styles, unstyled, name: 'Notification' }\n  );\n  const withIcon = icon || loading;\n\n  return (\n    <Box\n      className={cx(classes.root, { [classes.withIcon]: withIcon }, className)}\n      role=\"alert\"\n      ref={ref}\n      {...others}\n    >\n      {icon && !loading && <div className={classes.icon}>{icon}</div>}\n      {loading && <Loader size={28} color={color} className={classes.loader} />}\n\n      <div className={classes.body}>\n        {title && (\n          <Text className={classes.title} size=\"sm\" weight={500}>\n            {title}\n          </Text>\n        )}\n\n        <Text color=\"dimmed\" className={classes.description} size=\"sm\">\n          {children}\n        </Text>\n      </div>\n\n      {!disallowClose && (\n        <CloseButton\n          {...closeButtonProps}\n          iconSize={16}\n          color=\"gray\"\n          onClick={onClose}\n          className={classes.closeButton}\n        />\n      )}\n    </Box>\n  );\n});\n\nNotification.displayName = '@mantine/core/Notification';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notification.js","sources":["../../src/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineColor,\n  Selectors,\n  MantineNumberSize,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Loader } from '../Loader';\nimport { CloseButton } from '../CloseButton';\nimport { Box } from '../Box';\nimport useStyles, { NotificationStylesParams } from './Notification.styles';\n\nexport type NotificationStylesNames = Exclude<Selectors<typeof useStyles>, 'withIcon'>;\n\nexport interface NotificationProps\n  extends DefaultProps<NotificationStylesNames, NotificationStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Notification line or icon color */\n  color?: MantineColor;\n\n  /** Radius from theme.radius, or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed before body */\n  title?: React.ReactNode;\n\n  /** Notification body, place main text here */\n  children?: React.ReactNode;\n\n  /** Replaces colored line or icon with Loader component */\n  loading?: boolean;\n\n  /** Removes close button */\n  disallowClose?: boolean;\n\n  /** Props spread to close button */\n  closeButtonProps?: Record<string, any>;\n}\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n  const {\n    className,\n    color,\n    radius,\n    loading,\n    disallowClose,\n    title,\n    icon,\n    children,\n    onClose,\n    closeButtonProps,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Notification', {}, props);\n\n  const { classes, cx } = useStyles(\n    { color, radius, withTitle: !!title },\n    { classNames, styles, unstyled, name: 'Notification' }\n  );\n  const withIcon = icon || loading;\n\n  return (\n    <Box\n      className={cx(classes.root, { [classes.withIcon]: withIcon }, className)}\n      role=\"alert\"\n      ref={ref}\n      {...others}\n    >\n      {icon && !loading && <div className={classes.icon}>{icon}</div>}\n      {loading && <Loader size={28} color={color} className={classes.loader} />}\n\n      <div className={classes.body}>\n        {title && (\n          <Text className={classes.title} size=\"sm\" weight={500}>\n            {title}\n          </Text>\n        )}\n\n        <Text color=\"dimmed\" className={classes.description} size=\"sm\">\n          {children}\n        </Text>\n      </div>\n\n      {!disallowClose && (\n        <CloseButton\n          {...closeButtonProps}\n          iconSize={16}\n          color=\"gray\"\n          onClick={onClose}\n          className={classes.closeButton}\n        />\n      )}\n    </Box>\n  );\n});\n\nNotification.displayName = '@mantine/core/Notification';\n"],"names":[],"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;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAUU,MAAC,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACvD,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,cAAc,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE;AAClE,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,aAAa;AACjB,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC;AACnI,EAAE,MAAM,QAAQ,GAAG,IAAI,IAAI,OAAO,CAAC;AACnC,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,EAAE,EAAE,SAAS,CAAC;AAC5E,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC7E,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,IAAI,CAAC,EAAE,OAAO,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnE,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,KAAK;AACT,IAAI,SAAS,EAAE,OAAO,CAAC,MAAM;AAC7B,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,KAAK,oBAAoB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,MAAM,EAAE,GAAG;AACf,GAAG,EAAE,KAAK,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACvD,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,IAAI,IAAI,EAAE,IAAI;AACd,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,aAAa,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,gBAAgB,CAAC,EAAE;AACxI,IAAI,QAAQ,EAAE,EAAE;AAChB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC,EAAE;AACH,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}

package/esm/Notification/Notification.styles.js

@@ -1,6 +1,6 @@
 import { createStyles } from '@mantine/styles';
 
-var useStyles = createStyles((theme, { color, radius }, getRef) => {
+var useStyles = createStyles((theme, { color, radius, withTitle }, getRef) => {
   const _radius = theme.fn.radius(radius);
   const topBottom = Math.min(Math.max(_radius / 1.2, 4), 30);
   const colors = theme.fn.variant({ variant: "filled", color });
@@ -72,13 +72,10 @@ var useStyles = createStyles((theme, { color, radius }, getRef) => {
       color: theme.colorScheme === "dark" ? theme.white : theme.colors.gray[9]
     },
     description: {
-      color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
+      color: withTitle ? theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6] : theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
       lineHeight: 1.4,
       overflow: "hidden",
-      textOverflow: "ellipsis",
-      "&:only-child": {
-        color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
-      }
+      textOverflow: "ellipsis"
     }
   };
 });

package/esm/Notification/Notification.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.styles.js","sources":["../../src/Notification/Notification.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nexport interface NotificationStylesParams {\n  color: MantineColor;\n  radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { color, radius }: NotificationStylesParams, getRef) => {\n  const _radius = theme.fn.radius(radius) as number;\n  const topBottom = Math.min(Math.max(_radius / 1.2, 4), 30);\n  const colors = theme.fn.variant({ variant: 'filled', color });\n\n  return {\n    closeButton: theme.fn.hover({\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n    }),\n\n    icon: {\n      ref: getRef('icon'),\n      boxSizing: 'border-box',\n      marginRight: theme.spacing.md,\n      width: 28,\n      height: 28,\n      borderRadius: 28,\n      display: 'flex',\n      flex: 'none',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: theme.white,\n    },\n\n    withIcon: {\n      paddingLeft: theme.spacing.xs,\n\n      '&::before': {\n        display: 'none',\n      },\n    },\n\n    root: {\n      boxSizing: 'border-box',\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      paddingLeft: 22,\n      paddingRight: 5,\n      paddingTop: theme.spacing.xs,\n      paddingBottom: theme.spacing.xs,\n      borderRadius: _radius,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      boxShadow: theme.shadows.lg,\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n      }`,\n\n      '&::before': {\n        content: '\"\"',\n        display: 'block',\n        position: 'absolute',\n        width: 6,\n        top: topBottom,\n        bottom: topBottom,\n        left: 4,\n        borderRadius: _radius,\n        backgroundColor: colors.background,\n      },\n\n      [`& .${getRef('icon')}`]: {\n        backgroundColor: colors.background,\n        color: theme.white,\n      },\n    },\n\n    body: {\n      flex: 1,\n      overflow: 'hidden',\n      marginRight: 10,\n    },\n\n    loader: {\n      marginRight: theme.spacing.md,\n    },\n\n    title: {\n      lineHeight: 1.4,\n      marginBottom: 2,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      color: theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[9],\n    },\n\n    description: {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n      lineHeight: 1.4,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n\n      '&:only-child': {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      },\n    },\n  };\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notification.styles.js","sources":["../../src/Notification/Notification.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nexport interface NotificationStylesParams {\n  color: MantineColor;\n  radius: MantineNumberSize;\n  withTitle: boolean;\n}\n\nexport default createStyles(\n  (theme, { color, radius, withTitle }: NotificationStylesParams, getRef) => {\n    const _radius = theme.fn.radius(radius) as number;\n    const topBottom = Math.min(Math.max(_radius / 1.2, 4), 30);\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      closeButton: theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n      }),\n\n      icon: {\n        ref: getRef('icon'),\n        boxSizing: 'border-box',\n        marginRight: theme.spacing.md,\n        width: 28,\n        height: 28,\n        borderRadius: 28,\n        display: 'flex',\n        flex: 'none',\n        alignItems: 'center',\n        justifyContent: 'center',\n        color: theme.white,\n      },\n\n      withIcon: {\n        paddingLeft: theme.spacing.xs,\n\n        '&::before': {\n          display: 'none',\n        },\n      },\n\n      root: {\n        boxSizing: 'border-box',\n        position: 'relative',\n        display: 'flex',\n        alignItems: 'center',\n        paddingLeft: 22,\n        paddingRight: 5,\n        paddingTop: theme.spacing.xs,\n        paddingBottom: theme.spacing.xs,\n        borderRadius: _radius,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        boxShadow: theme.shadows.lg,\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n        }`,\n\n        '&::before': {\n          content: '\"\"',\n          display: 'block',\n          position: 'absolute',\n          width: 6,\n          top: topBottom,\n          bottom: topBottom,\n          left: 4,\n          borderRadius: _radius,\n          backgroundColor: colors.background,\n        },\n\n        [`& .${getRef('icon')}`]: {\n          backgroundColor: colors.background,\n          color: theme.white,\n        },\n      },\n\n      body: {\n        flex: 1,\n        overflow: 'hidden',\n        marginRight: 10,\n      },\n\n      loader: {\n        marginRight: theme.spacing.md,\n      },\n\n      title: {\n        lineHeight: 1.4,\n        marginBottom: 2,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        color: theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[9],\n      },\n\n      description: {\n        color: withTitle\n          ? theme.colorScheme === 'dark'\n            ? theme.colors.dark[2]\n            : theme.colors.gray[6]\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[0]\n          : theme.black,\n        lineHeight: 1.4,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/NumberInput/NumberInput.js

@@ -260,6 +260,10 @@ const NumberInput = forwardRef((props, ref) => {
     direction: "down"
   })));
   const handleChange = (event) => {
+    const evt = event.nativeEvent;
+    if (evt.isComposing) {
+      return;
+    }
     const val = event.target.value;
     const parsed = parseNum(val);
     setTempValue(parsed);