@mantine/core 3.5.5 → 3.6.1

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

@@ -1 +1 @@
-{"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  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  ClassNames,\n  MantineMargin,\n  getDefaultZIndex,\n} from '@mantine/styles';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { Portal } from '../Portal';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { CloseButton } from '../ActionIcon';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { DrawerPosition } from './Drawer.styles';\n\nexport type DrawerStylesNames = Exclude<ClassNames<typeof useStyles>, 'noOverlay'>;\n\nexport interface DrawerProps\n  extends Omit<DefaultProps<DrawerStylesNames>, MantineMargin>,\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  /** Target element or selector where drawer portal should be rendered */\n  target?: HTMLElement | 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  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 = getDefaultZIndex('modal'),\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  target,\n  ...others\n}: DrawerProps) {\n  const { classes, cx, theme } = useStyles(\n    { size, position },\n    { classNames, styles, name: 'Drawer' }\n  );\n  const focusTrapRef = useFocusTrap(!noFocusTrap && opened);\n\n  const [, lockScroll] = useScrollLock();\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      onExited={() => lockScroll(false)}\n      onEntered={() => lockScroll(!noScrollLock && true)}\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        <Box\n          className={cx(classes.root, { [classes.noOverlay]: noOverlay }, className)}\n          role=\"dialog\"\n          aria-modal\n          onMouseDown={() => !noCloseOnClickOutside && onClose()}\n          {...others}\n        >\n          <Paper<'div'>\n            onMouseDown={(event) => event.stopPropagation()}\n            className={cx(classes.drawer, className)}\n            ref={focusTrapRef}\n            style={{ ...transitionStyles.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}>\n                <Text className={classes.title}>{title}</Text>\n\n                {!hideCloseButton && (\n                  <CloseButton\n                    iconSize={16}\n                    onClick={onClose}\n                    aria-label={closeButtonLabel}\n                    className={classes.closeButton}\n                  />\n                )}\n              </div>\n            )}\n            {children}\n          </Paper>\n\n          {!noOverlay && (\n            <div style={transitionStyles.overlay}>\n              <Overlay\n                className={classes.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        </Box>\n      )}\n    </GroupedTransition>\n  );\n}\n\nexport function Drawer({\n  zIndex = getDefaultZIndex('modal'),\n  target,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof MantineDrawer>) {\n  return (\n    <Portal zIndex={zIndex} target={target}>\n      <MantineDrawer {...props} />\n    </Portal>\n  );\n}\n\nDrawer.displayName = '@mantine/core/Drawer';\n"],"names":["getDefaultZIndex","styles","useStyles","useFocusTrap","useScrollLock","useEffect","useFocusReturn","React","GroupedTransition","Box","Paper","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  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  ClassNames,\n  MantineMargin,\n  getDefaultZIndex,\n} from '@mantine/styles';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { Portal } from '../Portal';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { CloseButton } from '../ActionIcon';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles, { DrawerPosition } from './Drawer.styles';\n\nexport type DrawerStylesNames = Exclude<ClassNames<typeof useStyles>, 'noOverlay'>;\n\nexport interface DrawerProps\n  extends Omit<DefaultProps<DrawerStylesNames>, MantineMargin>,\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  /** Target element or selector where drawer portal should be rendered */\n  target?: HTMLElement | 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\nconst rtlTransitions: Record<DrawerPosition, MantineTransition> = {\n  top: 'slide-down',\n  bottom: 'slide-up',\n  right: 'slide-right',\n  left: 'slide-left',\n};\n\nexport function MantineDrawer({\n  className,\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 = getDefaultZIndex('modal'),\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  target,\n  ...others\n}: DrawerProps) {\n  const { classes, cx, theme } = useStyles(\n    { size, position },\n    { classNames, styles, name: 'Drawer' }\n  );\n  const focusTrapRef = useFocusTrap(!noFocusTrap && 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 (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      onExited={() => lockScroll(false)}\n      onEntered={() => lockScroll(!noScrollLock && true)}\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        <Box\n          className={cx(classes.root, { [classes.noOverlay]: noOverlay }, className)}\n          role=\"dialog\"\n          aria-modal\n          onMouseDown={() => !noCloseOnClickOutside && onClose()}\n          {...others}\n        >\n          <Paper<'div'>\n            onMouseDown={(event) => event.stopPropagation()}\n            className={cx(classes.drawer, className)}\n            ref={focusTrapRef}\n            style={{ ...transitionStyles.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}>\n                <Text className={classes.title}>{title}</Text>\n\n                {!hideCloseButton && (\n                  <CloseButton\n                    iconSize={16}\n                    onClick={onClose}\n                    aria-label={closeButtonLabel}\n                    className={classes.closeButton}\n                  />\n                )}\n              </div>\n            )}\n            {children}\n          </Paper>\n\n          {!noOverlay && (\n            <div style={transitionStyles.overlay}>\n              <Overlay\n                className={classes.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        </Box>\n      )}\n    </GroupedTransition>\n  );\n}\n\nexport function Drawer({\n  zIndex = getDefaultZIndex('modal'),\n  target,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof MantineDrawer>) {\n  return (\n    <Portal zIndex={zIndex} target={target}>\n      <MantineDrawer {...props} />\n    </Portal>\n  );\n}\n\nDrawer.displayName = '@mantine/core/Drawer';\n"],"names":["getDefaultZIndex","styles","useStyles","useFocusTrap","useScrollLock","useEffect","useFocusReturn","React","GroupedTransition","Box","Paper","Text","CloseButton","Overlay","Portal"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Col.js","sources":["../../../../src/components/Grid/Col/Col.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './Col.styles';\n\nexport interface ColProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Default col span */\n  span: number;\n\n  /** Total amount of columns, controlled by Grid component */\n  columns?: number;\n\n  /** Column left offset */\n  offset?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.xs) */\n  offsetXs?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.sm) */\n  offsetSm?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.md) */\n  offsetMd?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.lg) */\n  offsetLg?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.xl) */\n  offsetXl?: number;\n\n  /** Space between columns from theme, or number to set value in px, controlled by Grid component */\n  gutter?: MantineNumberSize;\n\n  /** sets flex-grow to 1 if true, controlled by Grid component */\n  grow?: boolean;\n\n  /** Col span at (min-width: theme.breakpoints.xs) */\n  xs?: number;\n\n  /** Col span at (min-width: theme.breakpoints.sm) */\n  sm?: number;\n\n  /** Col span at (min-width: theme.breakpoints.md) */\n  md?: number;\n\n  /** Col span at (min-width: theme.breakpoints.lg) */\n  lg?: number;\n\n  /** Col span at (min-width: theme.breakpoints.xl) */\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  offsetXs = 0,\n  offsetSm = 0,\n  offsetMd = 0,\n  offsetLg = 0,\n  offsetXl = 0,\n  grow,\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n  columns,\n  className,\n  classNames,\n  styles,\n  id,\n  ...others\n}: ColProps) {\n  const { classes, cx } = useStyles(\n    {\n      gutter,\n      offset,\n      offsetXs,\n      offsetSm,\n      offsetMd,\n      offsetLg,\n      offsetXl,\n      xs,\n      sm,\n      md,\n      lg,\n      xl,\n      grow,\n      columns,\n      span,\n    },\n    { classNames, styles, name: 'Col' }\n  );\n\n  if (!isValidSpan(span) || span > columns) {\n    return null;\n  }\n\n  return (\n    <Box className={cx(classes.root, className)} {...others}>\n      {children}\n    </Box>\n  );\n}\n\nCol.displayName = '@mantine/core/Col';\n"],"names":["useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"Col.js","sources":["../../../../src/components/Grid/Col/Col.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './Col.styles';\n\nexport interface ColProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Default col span */\n  span?: number;\n\n  /** Total amount of columns, controlled by Grid component */\n  columns?: number;\n\n  /** Column left offset */\n  offset?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.xs) */\n  offsetXs?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.sm) */\n  offsetSm?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.md) */\n  offsetMd?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.lg) */\n  offsetLg?: number;\n\n  /** Column left offset at (min-width: theme.breakpoints.xl) */\n  offsetXl?: number;\n\n  /** Space between columns from theme, or number to set value in px, controlled by Grid component */\n  gutter?: MantineNumberSize;\n\n  /** sets flex-grow to 1 if true, controlled by Grid component */\n  grow?: boolean;\n\n  /** Col span at (min-width: theme.breakpoints.xs) */\n  xs?: number;\n\n  /** Col span at (min-width: theme.breakpoints.sm) */\n  sm?: number;\n\n  /** Col span at (min-width: theme.breakpoints.md) */\n  md?: number;\n\n  /** Col span at (min-width: theme.breakpoints.lg) */\n  lg?: number;\n\n  /** Col span at (min-width: theme.breakpoints.xl) */\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  offsetXs = 0,\n  offsetSm = 0,\n  offsetMd = 0,\n  offsetLg = 0,\n  offsetXl = 0,\n  grow,\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n  columns,\n  className,\n  classNames,\n  styles,\n  id,\n  ...others\n}: ColProps) {\n  const { classes, cx } = useStyles(\n    {\n      gutter,\n      offset,\n      offsetXs,\n      offsetSm,\n      offsetMd,\n      offsetLg,\n      offsetXl,\n      xs,\n      sm,\n      md,\n      lg,\n      xl,\n      grow,\n      columns,\n      span,\n    },\n    { classNames, styles, name: 'Col' }\n  );\n\n  if (!isValidSpan(span) || span > columns) {\n    return null;\n  }\n\n  return (\n    <Box className={cx(classes.root, className)} {...others}>\n      {children}\n    </Box>\n  );\n}\n\nCol.displayName = '@mantine/core/Col';\n"],"names":["useStyles","React","Box"],"mappings":"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"}

package/cjs/components/Grid/Grid.js

@@ -64,7 +64,13 @@ const Grid = React.forwardRef((_a, ref) => {
     "id"
   ]);
   const { classes, cx } = Grid_styles['default']({ gutter, justify, align }, { classNames, styles, name: "Grid" });
-  const cols = React.Children.toArray(children).map((col, index) => React__default.cloneElement(col, { gutter, grow, columns, key: index }));
+  const cols = React.Children.toArray(children).map((col, index) => React__default.cloneElement(col, {
+    gutter,
+    grow,
+    columns,
+    span: col.props.span || columns,
+    key: index
+  }));
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     className: cx(classes.root, className),
     ref

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { Children, forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, ForwardRefWithStaticComponents } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Col } from './Col/Col';\nimport useStyles from './Grid.styles';\n\nexport interface GridProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** <Col /> components only */\n  children: React.ReactNode;\n\n  /** Spacing between columns predefined value from theme.spacing or number for gutter in px  */\n  gutter?: MantineNumberSize;\n\n  /** Should columns in the last row take 100% of grid width */\n  grow?: boolean;\n\n  /** Set grid justify-content property */\n  justify?: React.CSSProperties['justifyContent'];\n\n  /** Set grid align-content property */\n  align?: React.CSSProperties['alignContent'];\n\n  /** Amount of columns in each row */\n  columns?: number;\n}\n\ntype GridComponent = ForwardRefWithStaticComponents<GridProps, { Col: typeof Col }>;\n\nexport const Grid: GridComponent = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      gutter = 'md',\n      children,\n      grow = false,\n      justify = 'flex-start',\n      align = 'stretch',\n      columns = 12,\n      className,\n      classNames,\n      styles,\n      id,\n      ...others\n    }: GridProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { gutter, justify, align },\n      { classNames, styles, name: 'Grid' }\n    );\n\n    const cols = (Children.toArray(children) as React.ReactElement[]).map((col, index) =>\n      React.cloneElement(col, { gutter, grow, columns, key: index })\n    );\n\n    return (\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {cols}\n      </Box>\n    );\n  }\n) as any;\n\nGrid.Col = Col;\nGrid.displayName = '@mantine/core/Grid';\n"],"names":["forwardRef","useStyles","Children","React","Box","Col"],"mappings":"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"}
+{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { Children, forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, ForwardRefWithStaticComponents } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Col } from './Col/Col';\nimport useStyles from './Grid.styles';\n\nexport interface GridProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** <Col /> components only */\n  children: React.ReactNode;\n\n  /** Spacing between columns predefined value from theme.spacing or number for gutter in px  */\n  gutter?: MantineNumberSize;\n\n  /** Should columns in the last row take 100% of grid width */\n  grow?: boolean;\n\n  /** Set grid justify-content property */\n  justify?: React.CSSProperties['justifyContent'];\n\n  /** Set grid align-content property */\n  align?: React.CSSProperties['alignContent'];\n\n  /** Amount of columns in each row */\n  columns?: number;\n}\n\ntype GridComponent = ForwardRefWithStaticComponents<GridProps, { Col: typeof Col }>;\n\nexport const Grid: GridComponent = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      gutter = 'md',\n      children,\n      grow = false,\n      justify = 'flex-start',\n      align = 'stretch',\n      columns = 12,\n      className,\n      classNames,\n      styles,\n      id,\n      ...others\n    }: GridProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { gutter, justify, align },\n      { classNames, styles, name: 'Grid' }\n    );\n\n    const cols = (Children.toArray(children) as React.ReactElement[]).map((col, index) =>\n      React.cloneElement(col, {\n        gutter,\n        grow,\n        columns,\n        span: col.props.span || columns,\n        key: index,\n      })\n    );\n\n    return (\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {cols}\n      </Box>\n    );\n  }\n) as any;\n\nGrid.Col = Col;\nGrid.displayName = '@mantine/core/Grid';\n"],"names":["forwardRef","useStyles","Children","React","Box","Col"],"mappings":"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"}

package/cjs/components/Group/Group.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var filterFalsyChildren = require('../../utils/filter-falsy-children/filter-falsy-children.js');
 var Group_styles = require('./Group.styles.js');
+var filterFalsyChildren = require('../../utils/filter-falsy-children/filter-falsy-children.js');
 var Box = require('../Box/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }

package/cjs/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize } from '@mantine/styles';\nimport { filterFalsyChildren } from '../../utils/filter-falsy-children/filter-falsy-children';\nimport { Box } from '../Box';\nimport useStyles, { GroupPosition } from './Group.styles';\n\nexport interface GroupProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Defines justify-content property */\n  position?: GroupPosition;\n\n  /** Defined flex-wrap property */\n  noWrap?: boolean;\n\n  /** Defines flex-grow property for each element, true -> 1, false -> 0 */\n  grow?: boolean;\n\n  /** Space between elements */\n  spacing?: MantineNumberSize;\n\n  /** Defines flex-direction property, row for horizontal, column for vertical */\n  direction?: 'row' | 'column';\n\n  /** Defines align-items css property */\n  align?: React.CSSProperties['alignItems'];\n}\n\nexport const Group = forwardRef<HTMLDivElement, GroupProps>(\n  (\n    {\n      className,\n      position = 'left',\n      align,\n      children,\n      noWrap = false,\n      grow = false,\n      spacing = 'md',\n      direction = 'row',\n      classNames,\n      styles,\n      ...others\n    }: GroupProps,\n    ref\n  ) => {\n    const filteredChildren = filterFalsyChildren(children);\n    const { classes, cx } = useStyles(\n      {\n        align,\n        grow,\n        noWrap,\n        spacing,\n        position,\n        direction,\n        count: filteredChildren.length,\n      },\n      { classNames, styles, name: 'Group' }\n    );\n\n    const items = filteredChildren.map((child) =>\n      React.cloneElement(child, {\n        className: cx(classes.child, child.props.className),\n      })\n    );\n\n    return (\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {items}\n      </Box>\n    );\n  }\n);\n\nGroup.displayName = '@mantine/core/Group';\n"],"names":["forwardRef","filterFalsyChildren","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize } from '@mantine/styles';\nimport { filterFalsyChildren } from '../../utils';\nimport { Box } from '../Box';\nimport useStyles, { GroupPosition } from './Group.styles';\n\nexport interface GroupProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Defines justify-content property */\n  position?: GroupPosition;\n\n  /** Defined flex-wrap property */\n  noWrap?: boolean;\n\n  /** Defines flex-grow property for each element, true -> 1, false -> 0 */\n  grow?: boolean;\n\n  /** Space between elements */\n  spacing?: MantineNumberSize;\n\n  /** Defines flex-direction property, row for horizontal, column for vertical */\n  direction?: 'row' | 'column';\n\n  /** Defines align-items css property */\n  align?: React.CSSProperties['alignItems'];\n}\n\nexport const Group = forwardRef<HTMLDivElement, GroupProps>(\n  (\n    {\n      className,\n      position = 'left',\n      align,\n      children,\n      noWrap = false,\n      grow = false,\n      spacing = 'md',\n      direction = 'row',\n      classNames,\n      styles,\n      ...others\n    }: GroupProps,\n    ref\n  ) => {\n    const filteredChildren = filterFalsyChildren(children);\n    const { classes, cx } = useStyles(\n      {\n        align,\n        grow,\n        noWrap,\n        spacing,\n        position,\n        direction,\n        count: filteredChildren.length,\n      },\n      { classNames, styles, name: 'Group' }\n    );\n\n    const items = filteredChildren.map((child) =>\n      React.cloneElement(child, {\n        className: cx(classes.child, child.props.className),\n      })\n    );\n\n    return (\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {items}\n      </Box>\n    );\n  }\n);\n\nGroup.displayName = '@mantine/core/Group';\n"],"names":["forwardRef","filterFalsyChildren","useStyles","React","Box"],"mappings":"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"}

package/cjs/components/Input/Input.js

@@ -53,6 +53,7 @@ const Input = React.forwardRef((_a, ref) => {
     icon,
     style,
     rightSectionWidth = 36,
+    iconWidth,
     rightSection,
     rightSectionProps = {},
     radius = "sm",
@@ -73,6 +74,7 @@ const Input = React.forwardRef((_a, ref) => {
     "icon",
     "style",
     "rightSectionWidth",
+    "iconWidth",
     "rightSection",
     "rightSectionProps",
     "radius",
@@ -93,6 +95,7 @@ const Input = React.forwardRef((_a, ref) => {
     variant: _variant,
     invalid,
     rightSectionWidth,
+    iconWidth,
     withRightSection: !!rightSection
   }, { classNames, styles: styles$1, name: __staticSelector });
   const { margins, rest } = styles.extractMargins(others);

package/cjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  ClassNames,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  extractMargins,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { InputVariant } from './Input.styles';\n\nexport type InputStylesNames = ClassNames<typeof useStyles>;\n\nexport interface InputBaseProps {\n  /** Sets border color to red and aria-invalid=true on input element */\n  invalid?: boolean;\n\n  /** Adds icon on the left side of input */\n  icon?: React.ReactNode;\n\n  /** Right section of input, similar to icon but on the right */\n  rightSection?: React.ReactNode;\n\n  /** Width of right section, is used to calculate input padding-right */\n  rightSectionWidth?: number;\n\n  /** Props spread to rightSection div element */\n  rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Properties spread to root element */\n  wrapperProps?: { [key: string]: any };\n\n  /** Sets aria-required=true on input element */\n  required?: boolean;\n\n  /** Input border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Defines input appearance, defaults to default in light color scheme and filled in dark */\n  variant?: InputVariant;\n\n  /** Will input have multiple lines? */\n  multiline?: boolean;\n\n  /** Disabled input state */\n  disabled?: boolean;\n\n  /** Input size */\n  size?: MantineSize;\n}\n\ninterface _InputProps extends InputBaseProps, DefaultProps<InputStylesNames> {\n  /** Static css selector base */\n  __staticSelector?: string;\n}\n\nexport type InputProps<C extends React.ElementType> = PolymorphicComponentProps<C, _InputProps>;\n\ntype InputComponent = (<C extends React.ElementType = 'input'>(\n  props: InputProps<C>\n) => React.ReactElement) & { displayName?: string };\n\nexport const Input: InputComponent = forwardRef(\n  <C extends React.ElementType = 'input'>(\n    {\n      component,\n      className,\n      invalid = false,\n      required = false,\n      disabled = false,\n      variant,\n      icon,\n      style,\n      rightSectionWidth = 36,\n      rightSection,\n      rightSectionProps = {},\n      radius = 'sm',\n      size = 'sm',\n      wrapperProps,\n      classNames,\n      styles,\n      __staticSelector = 'Input',\n      multiline = false,\n      sx,\n      ...others\n    }: InputProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const theme = useMantineTheme();\n    const _variant = variant || (theme.colorScheme === 'dark' ? 'filled' : 'default');\n    const { classes, cx } = useStyles(\n      {\n        radius,\n        size,\n        multiline,\n        variant: _variant,\n        invalid,\n        rightSectionWidth,\n        withRightSection: !!rightSection,\n      },\n      { classNames, styles, name: __staticSelector }\n    );\n    const { margins, rest } = extractMargins(others);\n    const Element: any = component || 'input';\n\n    return (\n      <Box\n        className={cx(classes.wrapper, className)}\n        sx={sx}\n        style={style}\n        {...margins}\n        {...wrapperProps}\n      >\n        {icon && <div className={classes.icon}>{icon}</div>}\n\n        <Element\n          {...rest}\n          ref={ref}\n          aria-required={required}\n          aria-invalid={invalid}\n          disabled={disabled}\n          className={cx(classes[`${_variant}Variant`], classes.input, {\n            [classes.withIcon]: icon,\n            [classes.invalid]: invalid,\n            [classes.disabled]: disabled,\n          })}\n        />\n\n        {rightSection && (\n          <div {...rightSectionProps} className={classes.rightSection}>\n            {rightSection}\n          </div>\n        )}\n      </Box>\n    );\n  }\n);\n\nInput.displayName = '@mantine/core/Input';\n"],"names":["forwardRef","styles","useMantineTheme","useStyles","extractMargins","React","Box"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  ClassNames,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  extractMargins,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { InputVariant } from './Input.styles';\n\nexport type InputStylesNames = ClassNames<typeof useStyles>;\n\nexport interface InputBaseProps {\n  /** Sets border color to red and aria-invalid=true on input element */\n  invalid?: boolean;\n\n  /** Adds icon on the left side of input */\n  icon?: React.ReactNode;\n\n  /** Width of icon section in px */\n  iconWidth?: number;\n\n  /** Right section of input, similar to icon but on the right */\n  rightSection?: React.ReactNode;\n\n  /** Width of right section, is used to calculate input padding-right */\n  rightSectionWidth?: number;\n\n  /** Props spread to rightSection div element */\n  rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Properties spread to root element */\n  wrapperProps?: { [key: string]: any };\n\n  /** Sets aria-required=true on input element */\n  required?: boolean;\n\n  /** Input border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Defines input appearance, defaults to default in light color scheme and filled in dark */\n  variant?: InputVariant;\n\n  /** Will input have multiple lines? */\n  multiline?: boolean;\n\n  /** Disabled input state */\n  disabled?: boolean;\n\n  /** Input size */\n  size?: MantineSize;\n}\n\ninterface _InputProps extends InputBaseProps, DefaultProps<InputStylesNames> {\n  /** Static css selector base */\n  __staticSelector?: string;\n}\n\nexport type InputProps<C extends React.ElementType> = PolymorphicComponentProps<C, _InputProps>;\n\ntype InputComponent = (<C extends React.ElementType = 'input'>(\n  props: InputProps<C>\n) => React.ReactElement) & { displayName?: string };\n\nexport const Input: InputComponent = forwardRef(\n  <C extends React.ElementType = 'input'>(\n    {\n      component,\n      className,\n      invalid = false,\n      required = false,\n      disabled = false,\n      variant,\n      icon,\n      style,\n      rightSectionWidth = 36,\n      iconWidth,\n      rightSection,\n      rightSectionProps = {},\n      radius = 'sm',\n      size = 'sm',\n      wrapperProps,\n      classNames,\n      styles,\n      __staticSelector = 'Input',\n      multiline = false,\n      sx,\n      ...others\n    }: InputProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const theme = useMantineTheme();\n    const _variant = variant || (theme.colorScheme === 'dark' ? 'filled' : 'default');\n    const { classes, cx } = useStyles(\n      {\n        radius,\n        size,\n        multiline,\n        variant: _variant,\n        invalid,\n        rightSectionWidth,\n        iconWidth,\n        withRightSection: !!rightSection,\n      },\n      { classNames, styles, name: __staticSelector }\n    );\n    const { margins, rest } = extractMargins(others);\n    const Element: any = component || 'input';\n\n    return (\n      <Box\n        className={cx(classes.wrapper, className)}\n        sx={sx}\n        style={style}\n        {...margins}\n        {...wrapperProps}\n      >\n        {icon && <div className={classes.icon}>{icon}</div>}\n\n        <Element\n          {...rest}\n          ref={ref}\n          aria-required={required}\n          aria-invalid={invalid}\n          disabled={disabled}\n          className={cx(classes[`${_variant}Variant`], classes.input, {\n            [classes.withIcon]: icon,\n            [classes.invalid]: invalid,\n            [classes.disabled]: disabled,\n          })}\n        />\n\n        {rightSection && (\n          <div {...rightSectionProps} className={classes.rightSection}>\n            {rightSection}\n          </div>\n        )}\n      </Box>\n    );\n  }\n);\n\nInput.displayName = '@mantine/core/Input';\n"],"names":["forwardRef","styles","useMantineTheme","useStyles","extractMargins","React","Box"],"mappings":"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"}

package/cjs/components/Input/Input.styles.js

@@ -30,7 +30,16 @@ const sizes = {
   lg: 50,
   xl: 60
 };
-var useStyles = styles.createStyles((theme, { size, multiline, radius, variant, invalid, rightSectionWidth, withRightSection }) => {
+var useStyles = styles.createStyles((theme, {
+  size,
+  multiline,
+  radius,
+  variant,
+  invalid,
+  rightSectionWidth,
+  withRightSection,
+  iconWidth
+}) => {
   const invalidColor = theme.colors.red[theme.colorScheme === "dark" ? 6 : 7];
   const sizeStyles = variant === "default" || variant === "filled" ? {
     minHeight: theme.fn.size({ size, sizes }),
@@ -112,7 +121,7 @@ var useStyles = styles.createStyles((theme, { size, multiline, radius, variant,
       }
     },
     withIcon: {
-      paddingLeft: `${theme.fn.size({ size, sizes })}px !important`
+      paddingLeft: typeof iconWidth === "number" ? iconWidth : theme.fn.size({ size, sizes })
     },
     invalid: {
       color: invalidColor,

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

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.js","sources":["../../../src/components/Input/Input.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize } from '@mantine/styles';\n\nexport type InputVariant = 'default' | 'filled' | 'unstyled' | 'headless';\n\ninterface InputStyles {\n  radius: MantineNumberSize;\n  size: MantineSize;\n  variant: InputVariant;\n  multiline: boolean;\n  invalid: boolean;\n  rightSectionWidth: number;\n  withRightSection: boolean;\n}\n\nexport const sizes = {\n  xs: 30,\n  sm: 36,\n  md: 42,\n  lg: 50,\n  xl: 60,\n};\n\nexport default createStyles(\n  (\n    theme,\n    { size, multiline, radius, variant, invalid, rightSectionWidth, withRightSection }: InputStyles\n  ) => {\n    const invalidColor = theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7];\n    const sizeStyles =\n      variant === 'default' || variant === 'filled'\n        ? {\n            minHeight: theme.fn.size({ size, sizes }),\n            paddingLeft: theme.fn.size({ size, sizes }) / 3,\n            paddingRight: withRightSection ? rightSectionWidth : theme.fn.size({ size, sizes }) / 3,\n            borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n          }\n        : null;\n\n    return {\n      wrapper: {\n        position: 'relative',\n      },\n\n      input:\n        variant === 'headless'\n          ? {}\n          : {\n              ...theme.fn.fontStyles(),\n              height: multiline\n                ? variant === 'unstyled'\n                  ? undefined\n                  : 'auto'\n                : theme.fn.size({ size, sizes }),\n              WebkitTapHighlightColor: 'transparent',\n              lineHeight: multiline ? theme.lineHeight : `${theme.fn.size({ size, sizes }) - 2}px`,\n              appearance: 'none',\n              resize: 'none',\n              boxSizing: 'border-box',\n              fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n              width: '100%',\n              color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n              display: 'block',\n              textAlign: 'left',\n              ...sizeStyles,\n\n              '&:disabled': {\n                backgroundColor:\n                  theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n                color: theme.colors.dark[2],\n                opacity: 0.6,\n                cursor: 'not-allowed',\n\n                '&::placeholder': {\n                  color: theme.colors.dark[2],\n                },\n              },\n\n              '&::placeholder': {\n                opacity: 1,\n                userSelect: 'none',\n                color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n              },\n\n              '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration':\n                {\n                  appearance: 'none',\n                },\n\n              '&[type=number]': {\n                MozAppearance: 'textfield',\n              },\n            },\n\n      defaultVariant: {\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[4]\n        }`,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.white,\n        transition: 'border-color 100ms ease',\n\n        '&:focus, &:focus-within': {\n          outline: 'none',\n          borderColor: theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 8 : 5],\n        },\n      },\n\n      filledVariant: {\n        border: '1px solid transparent',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n\n        '&:focus, &:focus-within': {\n          outline: 'none',\n          borderColor: `${\n            theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 8 : 5]\n          } !important`,\n        },\n      },\n\n      unstyledVariant: {\n        borderWidth: 0,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        backgroundColor: 'transparent',\n        minHeight: 28,\n        outline: 0,\n\n        '&:focus, &:focus-within': {\n          outline: 'none',\n          borderColor: 'transparent',\n        },\n\n        '&:disabled': {\n          backgroundColor: 'transparent',\n\n          '&:focus, &:focus-within': {\n            outline: 'none',\n            borderColor: 'transparent',\n          },\n        },\n      },\n\n      withIcon: {\n        paddingLeft: `${theme.fn.size({ size, sizes })}px !important`,\n      },\n\n      invalid: {\n        color: invalidColor,\n        borderColor: invalidColor,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: invalidColor,\n        },\n      },\n\n      disabled: {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n        color: theme.colors.dark[2],\n        opacity: 0.6,\n        cursor: 'not-allowed',\n\n        '&::placeholder': {\n          color: theme.colors.dark[2],\n        },\n      },\n\n      icon: {\n        pointerEvents: 'none',\n        position: 'absolute',\n        zIndex: 1,\n        left: 0,\n        top: 0,\n        bottom: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: theme.fn.size({ size, sizes }),\n        color: invalid\n          ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[2]\n          : theme.colors.gray[5],\n      },\n\n      rightSection: {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: rightSectionWidth,\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"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,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,KAAK;AAC3H,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9E,EAAE,MAAM,UAAU,GAAG,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,GAAG;AACrE,IAAI,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC7C,IAAI,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC;AACnD,IAAI,YAAY,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC;AAC3F,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACtE,GAAG,GAAG,IAAI,CAAC;AACX,EAAE,OAAO;AACT,IAAI,OAAO,EAAE;AACb,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,KAAK,EAAE,OAAO,KAAK,UAAU,GAAG,EAAE,GAAG,aAAa,CAAC,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AAC/H,MAAM,MAAM,EAAE,SAAS,GAAG,OAAO,KAAK,UAAU,GAAG,KAAK,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACnG,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,UAAU,EAAE,SAAS,GAAG,KAAK,CAAC,UAAU,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC1F,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,MAAM,EAAE,MAAM;AACpB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC/D,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,MAAM,OAAO,EAAE,OAAO;AACtB,MAAM,SAAS,EAAE,MAAM;AACvB,KAAK,CAAC,EAAE,UAAU,CAAC,EAAE;AACrB,MAAM,YAAY,EAAE;AACpB,QAAQ,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnG,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnC,QAAQ,OAAO,EAAE,GAAG;AACpB,QAAQ,MAAM,EAAE,aAAa;AAC7B,QAAQ,gBAAgB,EAAE;AAC1B,UAAU,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrC,SAAS;AACT,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,OAAO,EAAE,CAAC;AAClB,QAAQ,UAAU,EAAE,MAAM;AAC1B,QAAQ,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACzF,OAAO;AACP,MAAM,mMAAmM,EAAE;AAC3M,QAAQ,UAAU,EAAE,MAAM;AAC1B,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,aAAa,EAAE,WAAW;AAClC,OAAO;AACP,KAAK,CAAC;AACN,IAAI,cAAc,EAAE;AACpB,MAAM,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACvG,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACxF,MAAM,UAAU,EAAE,yBAAyB;AAC3C,MAAM,yBAAyB,EAAE;AACjC,QAAQ,OAAO,EAAE,MAAM;AACvB,QAAQ,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3F,OAAO;AACP,KAAK;AACL,IAAI,aAAa,EAAE;AACnB,MAAM,MAAM,EAAE,uBAAuB;AACrC,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,MAAM,yBAAyB,EAAE;AACjC,QAAQ,OAAO,EAAE,MAAM;AACvB,QAAQ,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC;AAC3G,OAAO;AACP,KAAK;AACL,IAAI,eAAe,EAAE;AACrB,MAAM,WAAW,EAAE,CAAC;AACpB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,MAAM,eAAe,EAAE,aAAa;AACpC,MAAM,SAAS,EAAE,EAAE;AACnB,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,yBAAyB,EAAE;AACjC,QAAQ,OAAO,EAAE,MAAM;AACvB,QAAQ,WAAW,EAAE,aAAa;AAClC,OAAO;AACP,MAAM,YAAY,EAAE;AACpB,QAAQ,eAAe,EAAE,aAAa;AACtC,QAAQ,yBAAyB,EAAE;AACnC,UAAU,OAAO,EAAE,MAAM;AACzB,UAAU,WAAW,EAAE,aAAa;AACpC,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC;AACnE,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,KAAK,EAAE,YAAY;AACzB,MAAM,WAAW,EAAE,YAAY;AAC/B,MAAM,gBAAgB,EAAE;AACxB,QAAQ,OAAO,EAAE,CAAC;AAClB,QAAQ,KAAK,EAAE,YAAY;AAC3B,OAAO;AACP,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,MAAM,OAAO,EAAE,GAAG;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,MAAM,gBAAgB,EAAE;AACxB,QAAQ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnC,OAAO;AACP,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,aAAa,EAAE,MAAM;AAC3B,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC3C,MAAM,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1J,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,KAAK,EAAE,iBAAiB;AAC9B,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
+{"version":3,"file":"Input.styles.js","sources":["../../../src/components/Input/Input.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize } from '@mantine/styles';\n\nexport type InputVariant = 'default' | 'filled' | 'unstyled' | 'headless';\n\ninterface InputStyles {\n  radius: MantineNumberSize;\n  size: MantineSize;\n  variant: InputVariant;\n  multiline: boolean;\n  invalid: boolean;\n  rightSectionWidth: number;\n  withRightSection: boolean;\n  iconWidth: number;\n}\n\nexport const sizes = {\n  xs: 30,\n  sm: 36,\n  md: 42,\n  lg: 50,\n  xl: 60,\n};\n\nexport default createStyles(\n  (\n    theme,\n    {\n      size,\n      multiline,\n      radius,\n      variant,\n      invalid,\n      rightSectionWidth,\n      withRightSection,\n      iconWidth,\n    }: InputStyles\n  ) => {\n    const invalidColor = theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7];\n    const sizeStyles =\n      variant === 'default' || variant === 'filled'\n        ? {\n            minHeight: theme.fn.size({ size, sizes }),\n            paddingLeft: theme.fn.size({ size, sizes }) / 3,\n            paddingRight: withRightSection ? rightSectionWidth : theme.fn.size({ size, sizes }) / 3,\n            borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n          }\n        : null;\n\n    return {\n      wrapper: {\n        position: 'relative',\n      },\n\n      input:\n        variant === 'headless'\n          ? {}\n          : {\n              ...theme.fn.fontStyles(),\n              height: multiline\n                ? variant === 'unstyled'\n                  ? undefined\n                  : 'auto'\n                : theme.fn.size({ size, sizes }),\n              WebkitTapHighlightColor: 'transparent',\n              lineHeight: multiline ? theme.lineHeight : `${theme.fn.size({ size, sizes }) - 2}px`,\n              appearance: 'none',\n              resize: 'none',\n              boxSizing: 'border-box',\n              fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n              width: '100%',\n              color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n              display: 'block',\n              textAlign: 'left',\n              ...sizeStyles,\n\n              '&:disabled': {\n                backgroundColor:\n                  theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n                color: theme.colors.dark[2],\n                opacity: 0.6,\n                cursor: 'not-allowed',\n\n                '&::placeholder': {\n                  color: theme.colors.dark[2],\n                },\n              },\n\n              '&::placeholder': {\n                opacity: 1,\n                userSelect: 'none',\n                color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n              },\n\n              '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration':\n                {\n                  appearance: 'none',\n                },\n\n              '&[type=number]': {\n                MozAppearance: 'textfield',\n              },\n            },\n\n      defaultVariant: {\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[4]\n        }`,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.white,\n        transition: 'border-color 100ms ease',\n\n        '&:focus, &:focus-within': {\n          outline: 'none',\n          borderColor: theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 8 : 5],\n        },\n      },\n\n      filledVariant: {\n        border: '1px solid transparent',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n\n        '&:focus, &:focus-within': {\n          outline: 'none',\n          borderColor: `${\n            theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 8 : 5]\n          } !important`,\n        },\n      },\n\n      unstyledVariant: {\n        borderWidth: 0,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        backgroundColor: 'transparent',\n        minHeight: 28,\n        outline: 0,\n\n        '&:focus, &:focus-within': {\n          outline: 'none',\n          borderColor: 'transparent',\n        },\n\n        '&:disabled': {\n          backgroundColor: 'transparent',\n\n          '&:focus, &:focus-within': {\n            outline: 'none',\n            borderColor: 'transparent',\n          },\n        },\n      },\n\n      withIcon: {\n        paddingLeft: typeof iconWidth === 'number' ? iconWidth : theme.fn.size({ size, sizes }),\n      },\n\n      invalid: {\n        color: invalidColor,\n        borderColor: invalidColor,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: invalidColor,\n        },\n      },\n\n      disabled: {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n        color: theme.colors.dark[2],\n        opacity: 0.6,\n        cursor: 'not-allowed',\n\n        '&::placeholder': {\n          color: theme.colors.dark[2],\n        },\n      },\n\n      icon: {\n        pointerEvents: 'none',\n        position: 'absolute',\n        zIndex: 1,\n        left: 0,\n        top: 0,\n        bottom: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: theme.fn.size({ size, sizes }),\n        color: invalid\n          ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[2]\n          : theme.colors.gray[5],\n      },\n\n      rightSection: {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: rightSectionWidth,\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, useRef, cloneElement, forwardRef } from 'react';\nimport {\n  useClickOutside,\n  useMergedRef,\n  useWindowEvent,\n  useUncontrolled,\n  useUuid,\n} from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  ClassNames,\n  getDefaultZIndex,\n  ForwardRefWithStaticComponents,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { Divider } from '../Divider';\nimport { Paper } from '../Paper';\nimport { Text } from '../Text';\nimport { ActionIcon } from '../ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport { MenuIcon } from './MenuIcon';\nimport { MenuItem, MenuItemType, MenuItemStylesNames } from './MenuItem/MenuItem';\nimport { MenuLabel } from './MenuLabel/MenuLabel';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames;\n\nexport interface MenuProps\n  extends DefaultProps<MenuStylesNames>,\n    SharedPopperProps,\n    React.ComponentPropsWithRef<'div'> {\n  /** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component  */\n  children: React.ReactNode;\n\n  /** React element that will be used as menu control */\n  control?: React.ReactElement;\n\n  /** Use opened and onClose props to setup controlled menu */\n  opened?: boolean;\n\n  /** Called every time menu is closed */\n  onClose?(): void;\n\n  /** Called every time menu is opened */\n  onOpen?(): void;\n\n  /** Menu button aria-label and title props */\n  menuButtonLabel?: string;\n\n  /** Predefined menu width or number for width in px */\n  size?: MantineNumberSize;\n\n  /** Predefined shadow from theme or box-shadow value */\n  shadow?: MantineShadow;\n\n  /** Should menu close on item click */\n  closeOnItemClick?: boolean;\n\n  /** Id attribute of menu */\n  menuId?: string;\n\n  /** Control prop to get element ref */\n  controlRefProp?: string;\n\n  /** Menu body z-index */\n  zIndex?: number;\n\n  /** Event which should open menu */\n  trigger?: 'click' | 'hover';\n\n  /** Close delay for hover trigger */\n  delay?: number;\n\n  /** Menu body and items border-radius */\n  radius?: MantineNumberSize;\n\n  /** Close menu on scroll */\n  closeOnScroll?: boolean;\n\n  /** Whether to render the dropdown in a Portal */\n  withinPortal?: boolean;\n\n  /** Should focus be trapped when menu is opened */\n  trapFocus?: boolean;\n}\n\nconst defaultControl = (\n  <ActionIcon>\n    <MenuIcon />\n  </ActionIcon>\n);\n\ntype MenuComponent = ForwardRefWithStaticComponents<\n  MenuProps,\n  { Item: typeof MenuItem; Label: typeof MenuLabel }\n>;\n\nfunction getNextItem(active: number, items: MenuItemType[]) {\n  for (let i = active + 1; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return active;\n}\n\nfunction findInitialItem(items: MenuItemType[]) {\n  for (let i = 0; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction getPreviousItem(active: number, items: MenuItemType[]) {\n  for (let i = active - 1; i >= 0; i -= 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  if (!items[active] || items[active].type !== MenuItem) {\n    return findInitialItem(items);\n  }\n\n  return active;\n}\n\nexport const Menu: MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n  (\n    {\n      control = defaultControl,\n      children,\n      onClose,\n      onOpen,\n      opened,\n      menuId,\n      closeOnItemClick = true,\n      transitionDuration = 250,\n      size = 'md',\n      shadow = 'md',\n      position = 'bottom',\n      placement = 'start',\n      gutter = 5,\n      withArrow = false,\n      transition = 'pop-top-left',\n      transitionTimingFunction,\n      menuButtonLabel,\n      controlRefProp = 'ref',\n      trigger = 'click',\n      radius = 'sm',\n      delay = 100,\n      zIndex = getDefaultZIndex('popover'),\n      withinPortal = true,\n      trapFocus = true,\n      classNames,\n      styles,\n      closeOnScroll = false,\n      onMouseLeave,\n      onMouseEnter,\n      onChange,\n      className,\n      sx,\n      ...others\n    }: MenuProps,\n    ref\n  ) => {\n    const [hovered, setHovered] = useState(-1);\n    const buttonsRefs = useRef<Record<string, HTMLButtonElement>>({});\n    const { classes, cx, theme } = useStyles({ size }, { classNames, styles, name: 'Menu' });\n    const delayTimeout = useRef<number>();\n    const [referenceElement, setReferenceElement] = useState<HTMLButtonElement>(null);\n    const [wrapperElement, setWrapperElement] = useState<HTMLDivElement>(null);\n    const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n    const items = filterChildrenByType(children, [MenuItem, MenuLabel, Divider]);\n    const uuid = useUuid(menuId);\n\n    const focusReference = () => window.setTimeout(() => referenceElement?.focus(), 0);\n\n    const [_opened, setOpened] = useUncontrolled({\n      value: opened,\n      defaultValue: false,\n      finalValue: false,\n      rule: (val) => typeof val === 'boolean',\n      onChange: (value) =>\n        value\n          ? typeof onOpen === 'function' && onOpen()\n          : typeof onClose === 'function' && onClose(),\n    });\n\n    const openedRef = useRef(_opened);\n\n    const handleClose = () => {\n      if (openedRef.current) {\n        openedRef.current = false;\n        setOpened(false);\n      }\n    };\n\n    const handleOpen = () => {\n      openedRef.current = true;\n      setOpened(true);\n    };\n\n    useWindowEvent('scroll', () => closeOnScroll && handleClose());\n\n    useClickOutside(() => _opened && handleClose(), null, [dropdownElement, wrapperElement]);\n\n    const toggleMenu = () => {\n      _opened ? handleClose() : handleOpen();\n    };\n\n    const controlEventHandlers =\n      trigger === 'click'\n        ? { onClick: toggleMenu }\n        : { onMouseEnter: handleOpen, onClick: toggleMenu };\n\n    const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      typeof onMouseLeave === 'function' && onMouseLeave(event);\n\n      if (trigger === 'hover') {\n        if (delay > 0) {\n          delayTimeout.current = window.setTimeout(() => handleClose(), delay);\n        } else {\n          handleClose();\n        }\n      }\n    };\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      typeof onMouseEnter === 'function' && onMouseEnter(event);\n      window.clearTimeout(delayTimeout.current);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (_opened) {\n        if (event.nativeEvent.code === 'Tab' && trapFocus) {\n          event.preventDefault();\n        }\n\n        if (event.nativeEvent.code === 'ArrowDown') {\n          event.preventDefault();\n          const prevIndex = getNextItem(hovered, items);\n          setHovered(prevIndex);\n          buttonsRefs.current[prevIndex].focus();\n        }\n\n        if (event.nativeEvent.code === 'ArrowUp') {\n          event.preventDefault();\n          const prevIndex = getPreviousItem(hovered, items);\n          setHovered(prevIndex);\n          buttonsRefs.current[prevIndex].focus();\n        }\n\n        if (event.nativeEvent.code === 'Escape') {\n          handleClose();\n          focusReference();\n        }\n      }\n    };\n\n    const menuControl = cloneElement(control, {\n      ...controlEventHandlers,\n      onClick: (event: React.MouseEvent<any>) => {\n        controlEventHandlers.onClick();\n        typeof control.props.onClick === 'function' && control.props.onClick(event);\n      },\n      role: 'button',\n      'aria-haspopup': 'menu',\n      'aria-expanded': _opened,\n      'aria-controls': uuid,\n      'aria-label': menuButtonLabel,\n      title: menuButtonLabel,\n      [controlRefProp]: useMergedRef(setReferenceElement, ref),\n      onKeyDown: handleKeyDown,\n    });\n\n    const content = items.map((item, index) => {\n      if (item.type === MenuItem) {\n        return (\n          <MenuItem<'button'>\n            {...item.props}\n            key={index}\n            hovered={hovered === index}\n            onHover={() => setHovered(index)}\n            radius={radius}\n            onMouseLeave={() => setHovered(-1)}\n            onKeyDown={handleKeyDown}\n            styles={styles}\n            classNames={classNames}\n            onClick={(event) => {\n              if (closeOnItemClick) {\n                handleClose();\n                trigger === 'click' && focusReference();\n              }\n\n              if (typeof item.props.onClick === 'function') {\n                item.props.onClick(event);\n              }\n            }}\n            ref={(node) => {\n              buttonsRefs.current[index] = node;\n            }}\n          />\n        );\n      }\n\n      if (item.type === MenuLabel) {\n        return <Text key={index} className={classes.label} {...(item.props as any)} />;\n      }\n\n      if (item.type === Divider) {\n        return (\n          <Divider\n            variant=\"solid\"\n            className={classes.divider}\n            my={theme.spacing.xs / 2}\n            key={index}\n          />\n        );\n      }\n\n      return null;\n    });\n\n    return (\n      <Box\n        ref={setWrapperElement}\n        onMouseLeave={handleMouseLeave}\n        onMouseEnter={handleMouseEnter}\n        className={cx(classes.root, className)}\n        sx={sx}\n        {...others}\n      >\n        {menuControl}\n\n        <Popper\n          referenceElement={referenceElement}\n          transitionDuration={transitionDuration}\n          transitionTimingFunction={transitionTimingFunction}\n          transition={transition}\n          mounted={_opened}\n          position={position}\n          placement={placement}\n          gutter={gutter}\n          withArrow={withArrow}\n          arrowSize={3}\n          zIndex={zIndex}\n          arrowClassName={classes.arrow}\n          withinPortal={withinPortal}\n        >\n          <Paper\n            shadow={shadow}\n            className={classes.body}\n            role=\"menu\"\n            aria-orientation=\"vertical\"\n            radius={radius}\n            onMouseLeave={() => setHovered(-1)}\n            ref={setDropdownElement}\n            id={uuid}\n            {...others}\n          >\n            {content}\n          </Paper>\n        </Popper>\n      </Box>\n    );\n  }\n) as any;\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":["React","ActionIcon","MenuIcon","MenuItem","forwardRef","getDefaultZIndex","styles","useState","useRef","useStyles","filterChildrenByType","MenuLabel","Divider","useUuid","useUncontrolled","useWindowEvent","useClickOutside","cloneElement","useMergedRef","Text","Box","Popper","Paper"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, useRef, cloneElement, forwardRef } from 'react';\nimport {\n  useClickOutside,\n  useMergedRef,\n  useWindowEvent,\n  useUncontrolled,\n  useUuid,\n} from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  ClassNames,\n  getDefaultZIndex,\n  ForwardRefWithStaticComponents,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { Divider } from '../Divider';\nimport { Paper } from '../Paper';\nimport { Text } from '../Text';\nimport { ActionIcon } from '../ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport { MenuIcon } from './MenuIcon';\nimport { MenuItem, MenuItemType, MenuItemStylesNames } from './MenuItem/MenuItem';\nimport { MenuLabel } from './MenuLabel/MenuLabel';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames;\n\nexport interface MenuProps\n  extends DefaultProps<MenuStylesNames>,\n    SharedPopperProps,\n    React.ComponentPropsWithRef<'div'> {\n  /** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component  */\n  children: React.ReactNode;\n\n  /** React element that will be used as menu control */\n  control?: React.ReactElement;\n\n  /** Use opened and onClose props to setup controlled menu */\n  opened?: boolean;\n\n  /** Called every time menu is closed */\n  onClose?(): void;\n\n  /** Called every time menu is opened */\n  onOpen?(): void;\n\n  /** Menu button aria-label and title props */\n  menuButtonLabel?: string;\n\n  /** Predefined menu width or number for width in px */\n  size?: MantineNumberSize | 'auto';\n\n  /** Predefined shadow from theme or box-shadow value */\n  shadow?: MantineShadow;\n\n  /** Should menu close on item click */\n  closeOnItemClick?: boolean;\n\n  /** Id attribute of menu */\n  menuId?: string;\n\n  /** Control prop to get element ref */\n  controlRefProp?: string;\n\n  /** Menu body z-index */\n  zIndex?: number;\n\n  /** Event which should open menu */\n  trigger?: 'click' | 'hover';\n\n  /** Close delay for hover trigger */\n  delay?: number;\n\n  /** Menu body and items border-radius */\n  radius?: MantineNumberSize;\n\n  /** Close menu on scroll */\n  closeOnScroll?: boolean;\n\n  /** Whether to render the dropdown in a Portal */\n  withinPortal?: boolean;\n\n  /** Should focus be trapped when menu is opened */\n  trapFocus?: boolean;\n}\n\nconst defaultControl = (\n  <ActionIcon>\n    <MenuIcon />\n  </ActionIcon>\n);\n\ntype MenuComponent = ForwardRefWithStaticComponents<\n  MenuProps,\n  { Item: typeof MenuItem; Label: typeof MenuLabel }\n>;\n\nfunction getNextItem(active: number, items: MenuItemType[]) {\n  for (let i = active + 1; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return active;\n}\n\nfunction findInitialItem(items: MenuItemType[]) {\n  for (let i = 0; i < items.length; i += 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction getPreviousItem(active: number, items: MenuItemType[]) {\n  for (let i = active - 1; i >= 0; i -= 1) {\n    if (!items[i].props.disabled && items[i].type === MenuItem) {\n      return i;\n    }\n  }\n\n  if (!items[active] || items[active].type !== MenuItem) {\n    return findInitialItem(items);\n  }\n\n  return active;\n}\n\nexport const Menu: MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n  (\n    {\n      control = defaultControl,\n      children,\n      onClose,\n      onOpen,\n      opened,\n      menuId,\n      closeOnItemClick = true,\n      transitionDuration = 250,\n      size = 'md',\n      shadow = 'md',\n      position = 'bottom',\n      placement = 'start',\n      gutter = 5,\n      withArrow = false,\n      transition = 'pop-top-left',\n      transitionTimingFunction,\n      menuButtonLabel,\n      controlRefProp = 'ref',\n      trigger = 'click',\n      radius = 'sm',\n      delay = 100,\n      zIndex = getDefaultZIndex('popover'),\n      withinPortal = true,\n      trapFocus = true,\n      classNames,\n      styles,\n      closeOnScroll = false,\n      onMouseLeave,\n      onMouseEnter,\n      onChange,\n      className,\n      sx,\n      ...others\n    }: MenuProps,\n    ref\n  ) => {\n    const [hovered, setHovered] = useState(-1);\n    const buttonsRefs = useRef<Record<string, HTMLButtonElement>>({});\n    const { classes, cx, theme } = useStyles({ size }, { classNames, styles, name: 'Menu' });\n    const delayTimeout = useRef<number>();\n    const [referenceElement, setReferenceElement] = useState<HTMLButtonElement>(null);\n    const [wrapperElement, setWrapperElement] = useState<HTMLDivElement>(null);\n    const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n    const items = filterChildrenByType(children, [MenuItem, MenuLabel, Divider]);\n    const uuid = useUuid(menuId);\n\n    const focusReference = () => window.setTimeout(() => referenceElement?.focus(), 0);\n\n    const [_opened, setOpened] = useUncontrolled({\n      value: opened,\n      defaultValue: false,\n      finalValue: false,\n      rule: (val) => typeof val === 'boolean',\n      onChange: (value) =>\n        value\n          ? typeof onOpen === 'function' && onOpen()\n          : typeof onClose === 'function' && onClose(),\n    });\n\n    const openedRef = useRef(_opened);\n\n    const handleClose = () => {\n      if (openedRef.current) {\n        openedRef.current = false;\n        setOpened(false);\n      }\n    };\n\n    const handleOpen = () => {\n      openedRef.current = true;\n      setOpened(true);\n    };\n\n    useWindowEvent('scroll', () => closeOnScroll && handleClose());\n\n    useClickOutside(() => _opened && handleClose(), null, [dropdownElement, wrapperElement]);\n\n    const toggleMenu = () => {\n      _opened ? handleClose() : handleOpen();\n    };\n\n    const controlEventHandlers =\n      trigger === 'click'\n        ? { onClick: toggleMenu }\n        : { onMouseEnter: handleOpen, onClick: toggleMenu };\n\n    const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      typeof onMouseLeave === 'function' && onMouseLeave(event);\n\n      if (trigger === 'hover') {\n        if (delay > 0) {\n          delayTimeout.current = window.setTimeout(() => handleClose(), delay);\n        } else {\n          handleClose();\n        }\n      }\n    };\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      typeof onMouseEnter === 'function' && onMouseEnter(event);\n      window.clearTimeout(delayTimeout.current);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (_opened) {\n        if (event.nativeEvent.code === 'Tab' && trapFocus) {\n          event.preventDefault();\n        }\n\n        if (event.nativeEvent.code === 'ArrowDown') {\n          event.preventDefault();\n          const prevIndex = getNextItem(hovered, items);\n          setHovered(prevIndex);\n          buttonsRefs.current[prevIndex].focus();\n        }\n\n        if (event.nativeEvent.code === 'ArrowUp') {\n          event.preventDefault();\n          const prevIndex = getPreviousItem(hovered, items);\n          setHovered(prevIndex);\n          buttonsRefs.current[prevIndex].focus();\n        }\n\n        if (event.nativeEvent.code === 'Escape') {\n          handleClose();\n          focusReference();\n        }\n      }\n    };\n\n    const menuControl = cloneElement(control, {\n      ...controlEventHandlers,\n      onClick: (event: React.MouseEvent<any>) => {\n        controlEventHandlers.onClick();\n        typeof control.props.onClick === 'function' && control.props.onClick(event);\n      },\n      role: 'button',\n      'aria-haspopup': 'menu',\n      'aria-expanded': _opened,\n      'aria-controls': uuid,\n      'aria-label': menuButtonLabel,\n      title: menuButtonLabel,\n      [controlRefProp]: useMergedRef(setReferenceElement, ref),\n      onKeyDown: handleKeyDown,\n    });\n\n    const content = items.map((item, index) => {\n      if (item.type === MenuItem) {\n        return (\n          <MenuItem<'button'>\n            {...item.props}\n            key={index}\n            hovered={hovered === index}\n            onHover={() => setHovered(index)}\n            radius={radius}\n            onMouseLeave={() => setHovered(-1)}\n            onKeyDown={handleKeyDown}\n            styles={styles}\n            classNames={classNames}\n            onClick={(event) => {\n              if (closeOnItemClick) {\n                handleClose();\n                trigger === 'click' && focusReference();\n              }\n\n              if (typeof item.props.onClick === 'function') {\n                item.props.onClick(event);\n              }\n            }}\n            ref={(node) => {\n              buttonsRefs.current[index] = node;\n            }}\n          />\n        );\n      }\n\n      if (item.type === MenuLabel) {\n        return <Text key={index} className={classes.label} {...(item.props as any)} />;\n      }\n\n      if (item.type === Divider) {\n        return (\n          <Divider\n            variant=\"solid\"\n            className={classes.divider}\n            my={theme.spacing.xs / 2}\n            key={index}\n          />\n        );\n      }\n\n      return null;\n    });\n\n    return (\n      <Box\n        ref={setWrapperElement}\n        onMouseLeave={handleMouseLeave}\n        onMouseEnter={handleMouseEnter}\n        className={cx(classes.root, className)}\n        sx={sx}\n        {...others}\n      >\n        {menuControl}\n\n        <Popper\n          referenceElement={referenceElement}\n          transitionDuration={transitionDuration}\n          transitionTimingFunction={transitionTimingFunction}\n          transition={transition}\n          mounted={_opened}\n          position={position}\n          placement={placement}\n          gutter={gutter}\n          withArrow={withArrow}\n          arrowSize={3}\n          zIndex={zIndex}\n          arrowClassName={classes.arrow}\n          withinPortal={withinPortal}\n        >\n          <Paper\n            shadow={shadow}\n            className={classes.body}\n            role=\"menu\"\n            aria-orientation=\"vertical\"\n            radius={radius}\n            onMouseLeave={() => setHovered(-1)}\n            ref={setDropdownElement}\n            id={uuid}\n            {...others}\n          >\n            {content}\n          </Paper>\n        </Popper>\n      </Box>\n    );\n  }\n) as any;\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":["React","ActionIcon","MenuIcon","MenuItem","forwardRef","getDefaultZIndex","styles","useState","useRef","useStyles","filterChildrenByType","MenuLabel","Divider","useUuid","useUncontrolled","useWindowEvent","useClickOutside","cloneElement","useMergedRef","Text","Box","Popper","Paper"],"mappings":"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"}

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

@@ -26,6 +26,7 @@ var useStyles = styles.createStyles((theme, { size }) => ({
     overflow: "hidden",
     pointerEvents: "all",
     border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,
+    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
     padding: MENU_PADDING
   },
   divider: {

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

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

package/cjs/components/MultiSelect/MultiSelect.js

@@ -12,8 +12,8 @@ var getSelectRightSectionProps = require('../Select/SelectRightSection/get-selec
 var SelectScrollArea = require('../Select/SelectScrollArea/SelectScrollArea.js');
 var SelectItems = require('../Select/SelectItems/SelectItems.js');
 var SelectDropdown = require('../Select/SelectDropdown/SelectDropdown.js');
-var groupSortData = require('../../utils/group-sort-data/group-sort-data.js');
 var MultiSelect_styles = require('./MultiSelect.styles.js');
+var groupOptions = require('../../utils/group-options/group-options.js');
 var InputWrapper = require('../InputWrapper/InputWrapper.js');
 var Input = require('../Input/Input.js');
 
@@ -116,6 +116,7 @@ const MultiSelect = React.forwardRef((_a, ref) => {
     withinPortal,
     switchDirectionOnFlip = false,
     zIndex = styles.getDefaultZIndex("popover"),
+    selectOnBlur = false,
     name,
     dropdownPosition
   } = _b, others = __objRest(_b, [
@@ -172,6 +173,7 @@ const MultiSelect = React.forwardRef((_a, ref) => {
     "withinPortal",
     "switchDirectionOnFlip",
     "zIndex",
+    "selectOnBlur",
     "name",
     "dropdownPosition"
   ]);
@@ -204,7 +206,7 @@ const MultiSelect = React.forwardRef((_a, ref) => {
     setSearchValue(val);
   };
   const formattedData = data.map((item) => typeof item === "string" ? { label: item, value: item } : item);
-  const sortedData = groupSortData.groupSortData({ data: formattedData });
+  const sortedData = groupOptions.groupOptions({ data: formattedData });
   const [_value, setValue] = hooks.useUncontrolled({
     value,
     defaultValue,
@@ -227,11 +229,6 @@ const MultiSelect = React.forwardRef((_a, ref) => {
   const handleInputFocus = (event) => {
     typeof onFocus === "function" && onFocus(event);
   };
-  const handleInputBlur = (event) => {
-    typeof onBlur === "function" && onBlur(event);
-    clearSearchOnBlur && handleSearchChange("");
-    setDropdownOpened(false);
-  };
   const filteredData = filterData.filterData({
     data: sortedData,
     searchable,
@@ -257,24 +254,30 @@ const MultiSelect = React.forwardRef((_a, ref) => {
       setDropdownOpened(false);
   }, [_value]);
   const handleItemSelect = (item) => {
-    setTimeout(() => {
-      clearSearchOnChange && handleSearchChange("");
-      if (_value.includes(item.value)) {
-        handleValueRemove(item.value);
-      } else {
-        setValue([..._value, item.value]);
-        if (_value.length === maxSelectedValues - 1) {
-          valuesOverflow.current = true;
-          setDropdownOpened(false);
-        }
-        if (hovered === filteredData.length - 1) {
-          setHovered(filteredData.length - 2);
-        }
+    clearSearchOnChange && handleSearchChange("");
+    if (_value.includes(item.value)) {
+      handleValueRemove(item.value);
+    } else {
+      setValue([..._value, item.value]);
+      if (_value.length === maxSelectedValues - 1) {
+        valuesOverflow.current = true;
+        setDropdownOpened(false);
       }
-      if (item.creatable) {
-        typeof onCreate === "function" && onCreate(item.value);
+      if (hovered === filteredData.length - 1) {
+        setHovered(filteredData.length - 2);
       }
-    });
+    }
+    if (item.creatable) {
+      typeof onCreate === "function" && onCreate(item.value);
+    }
+  };
+  const handleInputBlur = (event) => {
+    typeof onBlur === "function" && onBlur(event);
+    if (selectOnBlur && filteredData[hovered] && dropdownOpened) {
+      handleItemSelect(filteredData[hovered]);
+    }
+    clearSearchOnBlur && handleSearchChange("");
+    setDropdownOpened(false);
   };
   const handleInputKeydown = (event) => {
     const isColumn = direction === "column";