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

package/cjs/components/ColorSwatch/ColorSwatch.styles.js

@@ -2,9 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
-var getFocusStyles = require('../../theme/utils/get-focus-styles/get-focus-styles.js');
+var styles = require('@mantine/styles');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -25,44 +23,44 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createMemoStyles.createMemoStyles({
-  colorSwatch: ({ theme, size, radius }) => __spreadProps(__spreadValues({}, getFocusStyles.getFocusStyles(theme)), {
-    width: size,
-    height: size,
-    WebkitTapHighlightColor: "transparent",
-    border: 0,
-    borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }),
-    appearance: "none",
-    WebkitAppearance: "none",
-    padding: 0,
-    position: "relative",
-    overflow: "hidden"
-  }),
-  overlay: ({ theme, radius }) => ({
-    position: "absolute",
-    borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }),
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }),
-  children: {
-    display: "inline-flex",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  shadowOverlay: {
-    boxShadow: "rgba(0, 0, 0, .1) 0px 0px 0px 1px inset, rgb(0, 0, 0, .15) 0px 0px 4px inset",
-    zIndex: 1
-  },
-  alphaOverlay: ({ theme }) => {
-    const color = theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3];
-    return {
-      backgroundImage: `linear-gradient(45deg, ${color} 25%, transparent 25%), linear-gradient(-45deg, ${color} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, ${color} 75%), linear-gradient(-45deg, ${theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white} 75%, ${color} 75%)`,
+var useStyles = styles.createStyles((theme, { size, radius }) => {
+  const overlayColor = theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3];
+  return {
+    colorSwatch: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
+      width: size,
+      height: size,
+      WebkitTapHighlightColor: "transparent",
+      border: 0,
+      borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
+      appearance: "none",
+      WebkitAppearance: "none",
+      padding: 0,
+      position: "relative",
+      overflow: "hidden"
+    }),
+    overlay: {
+      position: "absolute",
+      borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0
+    },
+    children: {
+      display: "inline-flex",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    shadowOverlay: {
+      boxShadow: "rgba(0, 0, 0, .1) 0px 0px 0px 1px inset, rgb(0, 0, 0, .15) 0px 0px 4px inset",
+      zIndex: 1
+    },
+    alphaOverlay: {
+      backgroundImage: `linear-gradient(45deg, ${overlayColor} 25%, transparent 25%), linear-gradient(-45deg, ${overlayColor} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, ${overlayColor} 75%), linear-gradient(-45deg, ${theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white} 75%, ${overlayColor} 75%)`,
       backgroundSize: "8px 8px",
       backgroundPosition: "0 0, 0 4px, 4px -4px, -4px 0px"
-    };
-  }
+    }
+  };
 });
 
 exports.default = useStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatch.styles.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.styles.ts"],"sourcesContent":["import {\n  createMemoStyles,\n  MantineTheme,\n  getSizeValue,\n  MantineNumberSize,\n  getFocusStyles,\n} from '../../theme';\n\ninterface ColorSwatchStyles {\n  theme: MantineTheme;\n  radius: MantineNumberSize;\n  size: number;\n}\n\nexport default createMemoStyles({\n  colorSwatch: ({ theme, size, radius }: ColorSwatchStyles) => ({\n    ...getFocusStyles(theme),\n    width: size,\n    height: size,\n    WebkitTapHighlightColor: 'transparent',\n    border: 0,\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    appearance: 'none',\n    WebkitAppearance: 'none',\n    padding: 0,\n    position: 'relative',\n    overflow: 'hidden',\n  }),\n\n  overlay: ({ theme, radius }: ColorSwatchStyles) => ({\n    position: 'absolute',\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n  }),\n\n  children: {\n    display: 'inline-flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n\n  shadowOverlay: {\n    boxShadow: 'rgba(0, 0, 0, .1) 0px 0px 0px 1px inset, rgb(0, 0, 0, .15) 0px 0px 4px inset',\n    zIndex: 1,\n  },\n\n  alphaOverlay: ({ theme }: ColorSwatchStyles) => {\n    const color = theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3];\n    return {\n      backgroundImage: `linear-gradient(45deg, ${color} 25%, transparent 25%), linear-gradient(-45deg, ${color} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, ${color} 75%), linear-gradient(-45deg, ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white\n      } 75%, ${color} 75%)`,\n      backgroundSize: '8px 8px',\n      backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',\n    };\n  },\n});\n"],"names":["createMemoStyles","getFocusStyles","getSizeValue"],"mappings":"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"}
+{"version":3,"file":"ColorSwatch.styles.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.styles.ts"],"sourcesContent":["import { createStyles, getSizeValue, MantineNumberSize, getFocusStyles } from '@mantine/styles';\n\ninterface ColorSwatchStyles {\n  radius: MantineNumberSize;\n  size: number;\n}\n\nexport default createStyles((theme, { size, radius }: ColorSwatchStyles) => {\n  const overlayColor = theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3];\n\n  return {\n    colorSwatch: {\n      ...getFocusStyles(theme),\n      width: size,\n      height: size,\n      WebkitTapHighlightColor: 'transparent',\n      border: 0,\n      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n      appearance: 'none',\n      WebkitAppearance: 'none',\n      padding: 0,\n      position: 'relative',\n      overflow: 'hidden',\n    },\n\n    overlay: {\n      position: 'absolute',\n      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n    },\n\n    children: {\n      display: 'inline-flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n\n    shadowOverlay: {\n      boxShadow: 'rgba(0, 0, 0, .1) 0px 0px 0px 1px inset, rgb(0, 0, 0, .15) 0px 0px 4px inset',\n      zIndex: 1,\n    },\n\n    alphaOverlay: {\n      backgroundImage: `linear-gradient(45deg, ${overlayColor} 25%, transparent 25%), linear-gradient(-45deg, ${overlayColor} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, ${overlayColor} 75%), linear-gradient(-45deg, ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white\n      } 75%, ${overlayColor} 75%)`,\n      backgroundSize: '8px 8px',\n      backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',\n    },\n  };\n});\n"],"names":["createStyles","getFocusStyles","getSizeValue"],"mappings":"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"}

package/cjs/components/Container/Container.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
 var Container_styles = require('./Container.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -40,28 +37,14 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const CONTAINER_SIZES = Container_styles.sizes;
 function Container(_a) {
-  var _b = _a, {
-    className,
-    padding = "md",
-    fluid,
-    size,
-    themeOverride
-  } = _b, others = __objRest(_b, [
-    "className",
-    "padding",
-    "fluid",
-    "size",
-    "themeOverride"
-  ]);
-  const classes = Container_styles['default']({ padding, fluid, size, theme: useMantineTheme.useMantineTheme(themeOverride) });
+  var _b = _a, { className, padding = "md", fluid, size } = _b, others = __objRest(_b, ["className", "padding", "fluid", "size"]);
+  const { classes, cx } = Container_styles['default']({ padding, fluid, size }, null, "container");
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx__default(classes.container, className)
+    className: cx(classes.container, className)
   }, others));
 }
 Container.displayName = "@mantine/core/Container";
 
-exports.CONTAINER_SIZES = CONTAINER_SIZES;
 exports.Container = Container;
 //# sourceMappingURL=Container.js.map

package/cjs/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, MantineNumberSize, useMantineTheme } from '../../theme';\nimport useStyles, { sizes } from './Container.styles';\n\nexport const CONTAINER_SIZES = sizes;\n\nexport interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Predefined container max-width or number for max-width in px */\n  size?: MantineNumberSize;\n\n  /** Horizontal padding defined in theme.spacing, or number value for padding in px */\n  padding?: MantineNumberSize;\n\n  /** If fluid is set to true, size prop is ignored and Container always take 100% of width */\n  fluid?: boolean;\n}\n\nexport function Container({\n  className,\n  padding = 'md',\n  fluid,\n  size,\n  themeOverride,\n  ...others\n}: ContainerProps) {\n  const classes = useStyles({ padding, fluid, size, theme: useMantineTheme(themeOverride) });\n  return <div className={cx(classes.container, className)} {...others} />;\n}\n\nContainer.displayName = '@mantine/core/Container';\n"],"names":["sizes","useStyles","useMantineTheme","React","cx"],"mappings":"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"}
+{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize } from '@mantine/styles';\nimport useStyles from './Container.styles';\n\nexport interface ContainerProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Predefined container max-width or number for max-width in px */\n  size?: MantineNumberSize;\n\n  /** Horizontal padding defined in theme.spacing, or number value for padding in px */\n  padding?: MantineNumberSize;\n\n  /** If fluid is set to true, size prop is ignored and Container always take 100% of width */\n  fluid?: boolean;\n}\n\nexport function Container({ className, padding = 'md', fluid, size, ...others }: ContainerProps) {\n  const { classes, cx } = useStyles({ padding, fluid, size }, null, 'container');\n  return <div className={cx(classes.container, className)} {...others} />;\n}\n\nContainer.displayName = '@mantine/core/Container';\n"],"names":["useStyles","React"],"mappings":"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"}

package/cjs/components/Container/Container.styles.js

@@ -2,8 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
+var styles = require('@mantine/styles');
 
 const sizes = {
   xs: 570,
@@ -12,15 +11,15 @@ const sizes = {
   lg: 1170,
   xl: 1370
 };
-var useStyles = createMemoStyles.createMemoStyles({
-  container: ({ fluid, size, padding, theme }) => ({
-    maxWidth: fluid ? "100%" : getSizeValue.getSizeValue({ size, sizes }),
+var useStyles = styles.createStyles((theme, { fluid, size, padding }) => ({
+  container: {
+    maxWidth: fluid ? "100%" : styles.getSizeValue({ size, sizes }),
     marginLeft: "auto",
     marginRight: "auto",
-    paddingLeft: getSizeValue.getSizeValue({ size: padding, sizes: theme.spacing }),
-    paddingRight: getSizeValue.getSizeValue({ size: padding, sizes: theme.spacing })
-  })
-});
+    paddingLeft: styles.getSizeValue({ size: padding, sizes: theme.spacing }),
+    paddingRight: styles.getSizeValue({ size: padding, sizes: theme.spacing })
+  }
+}));
 
 exports.default = useStyles;
 exports.sizes = sizes;

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

@@ -1 +1 @@
-{"version":3,"file":"Container.styles.js","sources":["../../../src/components/Container/Container.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineTheme, MantineNumberSize, getSizeValue } from '../../theme';\n\ninterface ContainerStyles {\n  fluid: boolean;\n  size: MantineNumberSize;\n  theme: MantineTheme;\n  padding: MantineNumberSize;\n}\n\nexport const sizes = {\n  xs: 570,\n  sm: 770,\n  md: 970,\n  lg: 1170,\n  xl: 1370,\n};\n\nexport default createMemoStyles({\n  container: ({ fluid, size, padding, theme }: ContainerStyles) => ({\n    maxWidth: fluid ? '100%' : getSizeValue({ size, sizes }),\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    paddingLeft: getSizeValue({ size: padding, sizes: theme.spacing }),\n    paddingRight: getSizeValue({ size: padding, sizes: theme.spacing }),\n  }),\n});\n"],"names":["createMemoStyles","getSizeValue"],"mappings":";;;;;;;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,IAAI;AACV,EAAE,EAAE,EAAE,IAAI;AACV,EAAE;AACF,gBAAeA,iCAAgB,CAAC;AAChC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;AACnD,IAAI,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAGC,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC5D,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,WAAW,EAAE,MAAM;AACvB,IAAI,WAAW,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACtE,IAAI,YAAY,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACvE,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
+{"version":3,"file":"Container.styles.js","sources":["../../../src/components/Container/Container.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, getSizeValue } from '@mantine/styles';\n\ninterface ContainerStyles {\n  fluid: boolean;\n  size: MantineNumberSize;\n  padding: MantineNumberSize;\n}\n\nexport const sizes = {\n  xs: 570,\n  sm: 770,\n  md: 970,\n  lg: 1170,\n  xl: 1370,\n};\n\nexport default createStyles((theme, { fluid, size, padding }: ContainerStyles) => ({\n  container: {\n    maxWidth: fluid ? '100%' : getSizeValue({ size, sizes }),\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    paddingLeft: getSizeValue({ size: padding, sizes: theme.spacing }),\n    paddingRight: getSizeValue({ size: padding, sizes: theme.spacing }),\n  },\n}));\n"],"names":["createStyles","getSizeValue"],"mappings":";;;;;;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,IAAI;AACV,EAAE,EAAE,EAAE,IAAI;AACV,EAAE;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM;AAClE,EAAE,SAAS,EAAE;AACb,IAAI,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAGC,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC5D,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,WAAW,EAAE,MAAM;AACvB,IAAI,WAAW,EAAEA,mBAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACtE,IAAI,YAAY,EAAEA,mBAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACvE,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}

package/cjs/components/Dialog/Dialog.js

@@ -3,19 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
-var Transition = require('../Transition/Transition.js');
-var CloseButton = require('../ActionIcon/CloseButton/CloseButton.js');
-var Affix = require('../Affix/Affix.js');
+var styles = require('@mantine/styles');
 var Paper = require('../Paper/Paper.js');
 var Dialog_styles = require('./Dialog.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
+var Affix = require('../Affix/Affix.js');
+var Transition = require('../Transition/Transition.js');
+var CloseButton = require('../ActionIcon/CloseButton/CloseButton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -54,11 +51,10 @@ function MantineDialog(_a) {
     padding = "md",
     zIndex,
     children,
-    themeOverride,
     className,
     style,
     classNames,
-    styles,
+    styles: styles$1,
     opened,
     withBorder = true,
     size = "md",
@@ -73,7 +69,6 @@ function MantineDialog(_a) {
     "padding",
     "zIndex",
     "children",
-    "themeOverride",
     "className",
     "style",
     "classNames",
@@ -85,30 +80,27 @@ function MantineDialog(_a) {
     "transitionDuration",
     "transitionTimingFunction"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = Dialog_styles['default']({ theme, size }, classNames, "dialog");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes, cx } = Dialog_styles['default']({ size }, classNames, "dialog");
+  const _styles = styles.mergeStyles(classes, styles$1);
   return /* @__PURE__ */ React__default.createElement(Transition.Transition, {
     mounted: opened,
     transition,
     duration: transitionDuration,
     timingFunction: transitionTimingFunction
   }, (transitionStyles) => /* @__PURE__ */ React__default.createElement(Paper.Paper, __spreadValues({
-    className: cx__default(classes.root, className),
+    className: cx(classes.root, className),
     style: __spreadValues(__spreadValues(__spreadValues({}, style), _styles.root), transitionStyles),
     shadow,
     padding,
-    themeOverride,
     withBorder
   }, others), withCloseButton && /* @__PURE__ */ React__default.createElement(CloseButton.CloseButton, {
     onClick: onClose,
-    themeOverride,
     className: classes.closeButton,
     style: _styles.closeButton
   }), children));
 }
 function Dialog(props) {
-  const theme = useMantineTheme.useMantineTheme(props.themeOverride);
+  const theme = styles.useMantineTheme();
   return /* @__PURE__ */ React__default.createElement(Affix.Affix, {
     zIndex: props.zIndex,
     position: props.position || { bottom: theme.spacing.xl, right: theme.spacing.xl }

package/cjs/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, MantineNumberSize, mergeStyles, useMantineTheme } from '../../theme';\nimport { Transition, MantineTransition } from '../Transition/Transition';\nimport { CloseButton } from '../ActionIcon/CloseButton/CloseButton';\nimport { Affix } from '../Affix/Affix';\nimport { Paper, PaperProps } from '../Paper/Paper';\nimport useStyles from './Dialog.styles';\n\nexport type DialogStylesNames = keyof ReturnType<typeof useStyles>;\n\nexport interface DialogProps\n  extends DefaultProps<DialogStylesNames>,\n    Omit<PaperProps<'div', HTMLDivElement>, 'classNames' | 'styles'> {\n  /** Display close button at the top right corner */\n  withCloseButton?: boolean;\n\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Dialog position (fixed in viewport) */\n  position?: {\n    top?: string | number;\n    left?: string | number;\n    bottom?: string | number;\n    right?: string | number;\n  };\n\n  /** Dialog content */\n  children?: React.ReactNode;\n\n  /** Dialog container z-index */\n  zIndex?: number;\n\n  /** Opened state */\n  opened: boolean;\n\n  /** Appear/disappear transition */\n  transition?: MantineTransition;\n\n  /** Duration in ms of modal transitions, set to 0 to disable all animations */\n  transitionDuration?: number;\n\n  /** Transition timing function, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Predefined dialog width or number to set width in px */\n  size?: MantineNumberSize;\n}\n\nexport function MantineDialog({\n  withCloseButton,\n  onClose,\n  position,\n  shadow = 'md',\n  padding = 'md',\n  zIndex,\n  children,\n  themeOverride,\n  className,\n  style,\n  classNames,\n  styles,\n  opened,\n  withBorder = true,\n  size = 'md',\n  transition = 'pop-top-right',\n  transitionDuration = 200,\n  transitionTimingFunction,\n  ...others\n}: DialogProps) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ theme, size }, classNames, 'dialog');\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <Transition\n      mounted={opened}\n      transition={transition}\n      duration={transitionDuration}\n      timingFunction={transitionTimingFunction}\n    >\n      {(transitionStyles) => (\n        <Paper\n          className={cx(classes.root, className)}\n          style={{ ...style, ..._styles.root, ...transitionStyles }}\n          shadow={shadow}\n          padding={padding}\n          themeOverride={themeOverride}\n          withBorder={withBorder}\n          {...others}\n        >\n          {withCloseButton && (\n            <CloseButton\n              onClick={onClose}\n              themeOverride={themeOverride}\n              className={classes.closeButton}\n              style={_styles.closeButton}\n            />\n          )}\n          {children}\n        </Paper>\n      )}\n    </Transition>\n  );\n}\n\nexport function Dialog(props: DialogProps) {\n  const theme = useMantineTheme(props.themeOverride);\n\n  return (\n    <Affix\n      zIndex={props.zIndex}\n      position={props.position || { bottom: theme.spacing.xl, right: theme.spacing.xl }}\n    >\n      <MantineDialog {...props} />\n    </Affix>\n  );\n}\n\nDialog.displayName = '@mantine/core/Dialog';\n"],"names":["useMantineTheme","useStyles","mergeStyles","React","Transition","Paper","cx","CloseButton","Affix"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  mergeStyles,\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  ClassNames,\n} from '@mantine/styles';\nimport { Transition, MantineTransition } from '../Transition';\nimport { CloseButton } from '../ActionIcon';\nimport { Affix } from '../Affix';\nimport { Paper, PaperProps } from '../Paper/Paper';\nimport useStyles from './Dialog.styles';\n\nexport type DialogStylesNames = ClassNames<typeof useStyles>;\n\nexport interface DialogProps\n  extends DefaultProps<DialogStylesNames>,\n    Omit<PaperProps<'div', HTMLDivElement>, 'classNames' | 'styles'> {\n  /** Display close button at the top right corner */\n  withCloseButton?: boolean;\n\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Dialog position (fixed in viewport) */\n  position?: {\n    top?: string | number;\n    left?: string | number;\n    bottom?: string | number;\n    right?: string | number;\n  };\n\n  /** Dialog content */\n  children?: React.ReactNode;\n\n  /** Dialog container z-index */\n  zIndex?: number;\n\n  /** Opened state */\n  opened: boolean;\n\n  /** Appear/disappear transition */\n  transition?: MantineTransition;\n\n  /** Duration in ms of modal transitions, set to 0 to disable all animations */\n  transitionDuration?: number;\n\n  /** Transition timing function, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Predefined dialog width or number to set width in px */\n  size?: MantineNumberSize;\n}\n\nexport function MantineDialog({\n  withCloseButton,\n  onClose,\n  position,\n  shadow = 'md',\n  padding = 'md',\n  zIndex,\n  children,\n  className,\n  style,\n  classNames,\n  styles,\n  opened,\n  withBorder = true,\n  size = 'md',\n  transition = 'pop-top-right',\n  transitionDuration = 200,\n  transitionTimingFunction,\n  ...others\n}: DialogProps) {\n  const { classes, cx } = useStyles({ size }, classNames, 'dialog');\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <Transition\n      mounted={opened}\n      transition={transition}\n      duration={transitionDuration}\n      timingFunction={transitionTimingFunction}\n    >\n      {(transitionStyles) => (\n        <Paper\n          className={cx(classes.root, className)}\n          style={{ ...style, ..._styles.root, ...transitionStyles }}\n          shadow={shadow}\n          padding={padding}\n          withBorder={withBorder}\n          {...others}\n        >\n          {withCloseButton && (\n            <CloseButton\n              onClick={onClose}\n              className={classes.closeButton}\n              style={_styles.closeButton}\n            />\n          )}\n          {children}\n        </Paper>\n      )}\n    </Transition>\n  );\n}\n\nexport function Dialog(props: DialogProps) {\n  const theme = useMantineTheme();\n\n  return (\n    <Affix\n      zIndex={props.zIndex}\n      position={props.position || { bottom: theme.spacing.xl, right: theme.spacing.xl }}\n    >\n      <MantineDialog {...props} />\n    </Affix>\n  );\n}\n\nDialog.displayName = '@mantine/core/Dialog';\n"],"names":["styles","useStyles","mergeStyles","React","Transition","Paper","CloseButton","useMantineTheme","Affix"],"mappings":"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"}

package/cjs/components/Dialog/Dialog.styles.js

@@ -2,9 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
+var styles = require('@mantine/styles');
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const sizes = {
   xs: 160,
   sm: 200,
@@ -12,20 +30,21 @@ const sizes = {
   lg: 400,
   xl: 500
 };
-var useStyles = createMemoStyles.createMemoStyles({
-  root: ({ size, theme }) => ({
+var useStyles = styles.createStyles((theme, { size }) => ({
+  root: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
     position: "relative",
-    width: getSizeValue.getSizeValue({ size, sizes }),
+    width: styles.getSizeValue({ size, sizes }),
     maxWidth: "100%",
     minHeight: 50,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.white
   }),
-  closeButton: ({ theme }) => ({
+  closeButton: {
     position: "absolute",
     top: theme.spacing.md / 2,
     right: theme.spacing.md / 2
-  })
-});
+  }
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=Dialog.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.js","sources":["../../../src/components/Dialog/Dialog.styles.ts"],"sourcesContent":["import { createMemoStyles, getSizeValue, MantineNumberSize, MantineTheme } from '../../theme';\n\ninterface DialogStyles {\n  theme: MantineTheme;\n  size: MantineNumberSize;\n}\n\nconst sizes = {\n  xs: 160,\n  sm: 200,\n  md: 340,\n  lg: 400,\n  xl: 500,\n};\n\nexport default createMemoStyles({\n  root: ({ size, theme }: DialogStyles) => ({\n    position: 'relative',\n    width: getSizeValue({ size, sizes }),\n    maxWidth: '100%',\n    minHeight: 50,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.white,\n  }),\n\n  closeButton: ({ theme }: DialogStyles) => ({\n    position: 'absolute',\n    top: theme.spacing.md / 2,\n    right: theme.spacing.md / 2,\n  }),\n});\n"],"names":["createMemoStyles","getSizeValue"],"mappings":";;;;;;;AACA,MAAM,KAAK,GAAG;AACd,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,CAAC,CAAC;AACF,gBAAeA,iCAAgB,CAAC;AAChC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;AAC9B,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,KAAK,EAAEC,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACxC,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,SAAS,EAAE,EAAE;AACjB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,GAAG,CAAC;AACJ,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AAC/B,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAC7B,IAAI,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAC/B,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"Dialog.styles.js","sources":["../../../src/components/Dialog/Dialog.styles.ts"],"sourcesContent":["import { createStyles, getSizeValue, MantineNumberSize, getFontStyles } from '@mantine/styles';\n\ninterface DialogStyles {\n  size: MantineNumberSize;\n}\n\nconst sizes = {\n  xs: 160,\n  sm: 200,\n  md: 340,\n  lg: 400,\n  xl: 500,\n};\n\nexport default createStyles((theme, { size }: DialogStyles) => ({\n  root: {\n    ...getFontStyles(theme),\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    position: 'relative',\n    width: getSizeValue({ size, sizes }),\n    maxWidth: '100%',\n    minHeight: 50,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.white,\n  },\n\n  closeButton: {\n    position: 'absolute',\n    top: theme.spacing.md / 2,\n    right: theme.spacing.md / 2,\n  },\n}));\n"],"names":["createStyles","getFontStyles","getSizeValue"],"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;AAElE,MAAM,KAAK,GAAG;AACd,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,CAAC,CAAC;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAEC,oBAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AAChE,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,KAAK,EAAEC,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACxC,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,SAAS,EAAE,EAAE;AACjB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,GAAG,CAAC;AACJ,EAAE,WAAW,EAAE;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAC7B,IAAI,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAC/B,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/Divider/Divider.js

@@ -3,16 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
+var styles = require('@mantine/styles');
 var Divider_styles = require('./Divider.styles.js');
 var Text = require('../Text/Text.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -45,7 +42,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const DIVIDER_SIZES = Divider_styles.sizes;
 function Divider(_a) {
   var _b = _a, {
     className,
@@ -56,10 +52,9 @@ function Divider(_a) {
     label,
     labelPosition = "left",
     labelProps,
-    themeOverride,
     variant = "solid",
     margins = 0,
-    styles,
+    styles: styles$1,
     classNames
   } = _b, others = __objRest(_b, [
     "className",
@@ -70,27 +65,25 @@ function Divider(_a) {
     "label",
     "labelPosition",
     "labelProps",
-    "themeOverride",
     "variant",
     "margins",
     "styles",
     "classNames"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
+  const theme = styles.useMantineTheme();
   const _color = color || (theme.colorScheme === "dark" ? "dark" : "gray");
-  const classes = Divider_styles['default']({
+  const { classes, cx } = Divider_styles['default']({
     color: _color,
-    theme,
     margins,
     size,
     variant
   }, classNames, "divider");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const _styles = styles.mergeStyles(classes, styles$1);
   const vertical = orientation === "vertical";
   const horizontal = !vertical;
   const withLabel = !!label && horizontal;
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx__default({
+    className: cx({
       [classes.vertical]: vertical,
       [classes.horizontal]: horizontal,
       [classes.withLabel]: withLabel
@@ -100,11 +93,10 @@ function Divider(_a) {
     color: _color,
     size: (labelProps == null ? void 0 : labelProps.size) || "xs",
     style: __spreadValues(__spreadValues({ marginTop: 2 }, _styles.label), _styles[labelPosition]),
-    className: cx__default(classes.label, classes[labelPosition])
+    className: cx(classes.label, classes[labelPosition])
   }), label));
 }
 Divider.displayName = "@mantine/core/Divider";
 
-exports.DIVIDER_SIZES = DIVIDER_SIZES;
 exports.Divider = Divider;
 //# sourceMappingURL=Divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { useMantineTheme, DefaultProps, MantineNumberSize, mergeStyles } from '../../theme';\nimport useStyles, { sizes } from './Divider.styles';\nimport { Text } from '../Text/Text';\n\nexport const DIVIDER_SIZES = sizes;\n\nexport type DividerStylesNames = 'label' | 'root';\n\nexport interface DividerProps\n  extends DefaultProps<DividerStylesNames>,\n    React.ComponentPropsWithoutRef<'hr'> {\n  /** Line color from theme, defaults to gray in light color scheme and to dark in dark color scheme */\n  color?: string;\n\n  /** Line orientation */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Sets height in horizontal orientation and with in vertical */\n  size?: MantineNumberSize;\n\n  /** Adds text after line in horizontal orientation */\n  label?: React.ReactNode;\n\n  /** Label position */\n  labelPosition?: 'left' | 'center' | 'right';\n\n  /** Props spread to Text component in label */\n  labelProps?: Record<string, any>;\n\n  /** Divider borderStyle */\n  variant?: 'solid' | 'dashed' | 'dotted';\n\n  /** Top and bottom margins for horizontal variant, left and right for vertical, xs, sm, md, lg, xl for value from theme.spacing, number for margins in px */\n  margins?: MantineNumberSize;\n}\n\nexport function Divider({\n  className,\n  style,\n  color,\n  orientation = 'horizontal',\n  size = 'xs',\n  label,\n  labelPosition = 'left',\n  labelProps,\n  themeOverride,\n  variant = 'solid',\n  margins = 0,\n  styles,\n  classNames,\n  ...others\n}: DividerProps) {\n  const theme = useMantineTheme(themeOverride);\n  const _color = color || (theme.colorScheme === 'dark' ? 'dark' : 'gray');\n  const classes = useStyles(\n    {\n      color: _color,\n      theme,\n      margins,\n      size,\n      variant,\n    },\n    classNames,\n    'divider'\n  );\n  const _styles = mergeStyles(classes, styles);\n\n  const vertical = orientation === 'vertical';\n  const horizontal = !vertical;\n  const withLabel = !!label && horizontal;\n\n  return (\n    <div\n      className={cx(\n        {\n          [classes.vertical]: vertical,\n          [classes.horizontal]: horizontal,\n          [classes.withLabel]: withLabel,\n        },\n        className\n      )}\n      style={{\n        ...style,\n        ...(horizontal ? _styles.horizontal : _styles.vertical),\n        ...(withLabel ? _styles.withLabel : null),\n      }}\n      {...others}\n    >\n      {!!label && horizontal && (\n        <Text\n          {...labelProps}\n          color={_color}\n          size={labelProps?.size || 'xs'}\n          style={{ marginTop: 2, ..._styles.label, ..._styles[labelPosition] }}\n          className={cx(classes.label, classes[labelPosition])}\n        >\n          {label}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nDivider.displayName = '@mantine/core/Divider';\n"],"names":["sizes","useMantineTheme","useStyles","mergeStyles","React","cx","Text"],"mappings":"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"}
+{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  useMantineTheme,\n  mergeStyles,\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n} from '@mantine/styles';\nimport useStyles from './Divider.styles';\nimport { Text } from '../Text/Text';\n\nexport type DividerStylesNames = 'label';\n\nexport interface DividerProps\n  extends DefaultProps<DividerStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Line color from theme, defaults to gray in light color scheme and to dark in dark color scheme */\n  color?: MantineColor;\n\n  /** Line orientation */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Sets height in horizontal orientation and with in vertical */\n  size?: MantineNumberSize;\n\n  /** Adds text after line in horizontal orientation */\n  label?: React.ReactNode;\n\n  /** Label position */\n  labelPosition?: 'left' | 'center' | 'right';\n\n  /** Props spread to Text component in label */\n  labelProps?: Record<string, any>;\n\n  /** Divider borderStyle */\n  variant?: 'solid' | 'dashed' | 'dotted';\n\n  /** Top and bottom margins for horizontal variant, left and right for vertical, xs, sm, md, lg, xl for value from theme.spacing, number for margins in px */\n  margins?: MantineNumberSize;\n}\n\nexport function Divider({\n  className,\n  style,\n  color,\n  orientation = 'horizontal',\n  size = 'xs',\n  label,\n  labelPosition = 'left',\n  labelProps,\n  variant = 'solid',\n  margins = 0,\n  styles,\n  classNames,\n  ...others\n}: DividerProps) {\n  const theme = useMantineTheme();\n  const _color = color || (theme.colorScheme === 'dark' ? 'dark' : 'gray');\n  const { classes, cx } = useStyles(\n    {\n      color: _color,\n      margins,\n      size,\n      variant,\n    },\n    classNames,\n    'divider'\n  );\n  const _styles = mergeStyles(classes, styles);\n\n  const vertical = orientation === 'vertical';\n  const horizontal = !vertical;\n  const withLabel = !!label && horizontal;\n\n  return (\n    <div\n      className={cx(\n        {\n          [classes.vertical]: vertical,\n          [classes.horizontal]: horizontal,\n          [classes.withLabel]: withLabel,\n        },\n        className\n      )}\n      style={{\n        ...style,\n        ...(horizontal ? _styles.horizontal : _styles.vertical),\n        ...(withLabel ? _styles.withLabel : null),\n      }}\n      {...others}\n    >\n      {!!label && horizontal && (\n        <Text\n          {...labelProps}\n          color={_color}\n          size={labelProps?.size || 'xs'}\n          style={{ marginTop: 2, ..._styles.label, ..._styles[labelPosition] }}\n          className={cx(classes.label, classes[labelPosition])}\n        >\n          {label}\n        </Text>\n      )}\n    </div>\n  );\n}\n\nDivider.displayName = '@mantine/core/Divider';\n"],"names":["styles","useMantineTheme","useStyles","mergeStyles","React","Text"],"mappings":"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"}