@mantine/core 3.6.13 → 3.7.0-alpha.1

package/esm/components/Blockquote/Blockquote.js

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { useMantineDefaultProps } from '@mantine/styles';
 import { QuoteIcon } from './QuoteIcon.js';
 import useStyles from './Blockquote.styles.js';
 import { Box } from '../Box/Box.js';
@@ -31,25 +32,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const defaultIcon = /* @__PURE__ */ React.createElement(QuoteIcon, null);
-const Blockquote = forwardRef((_a, ref) => {
-  var _b = _a, {
-    className,
-    color = "gray",
-    icon = defaultIcon,
-    cite,
-    children,
-    classNames,
-    styles
-  } = _b, others = __objRest(_b, [
-    "className",
-    "color",
-    "icon",
-    "cite",
-    "children",
-    "classNames",
-    "styles"
-  ]);
+const defaultProps = {
+  color: "gray",
+  icon: /* @__PURE__ */ React.createElement(QuoteIcon, null)
+};
+const Blockquote = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Blockquote", defaultProps, props), { className, color, icon, cite, children, classNames, styles } = _a, others = __objRest(_a, ["className", "color", "icon", "cite", "children", "classNames", "styles"]);
   const { classes, cx } = useStyles({ color }, { classNames, styles, name: "Blockquote" });
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
     component: "blockquote",

package/esm/components/Blockquote/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { QuoteIcon } from './QuoteIcon';\nimport useStyles from './Blockquote.styles';\n\nexport type BlockquoteStylesNames = ClassNames<typeof useStyles>;\n\nexport interface BlockquoteProps\n  extends DefaultProps<BlockquoteStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'blockquote'>, 'cite'> {\n  /** Icon color from theme */\n  color?: MantineColor;\n\n  /** Icon, defaults to quote icon */\n  icon?: React.ReactNode;\n\n  /** Describe a reference to a cited quote */\n  cite?: React.ReactNode;\n}\n\nconst defaultIcon = <QuoteIcon />;\n\nexport const Blockquote = forwardRef<HTMLQuoteElement, BlockquoteProps>(\n  (\n    {\n      className,\n      color = 'gray',\n      icon = defaultIcon,\n      cite,\n      children,\n      classNames,\n      styles,\n      ...others\n    }: BlockquoteProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles({ color }, { classNames, styles, name: 'Blockquote' });\n\n    return (\n      <Box component=\"blockquote\" className={cx(classes.root, className)} ref={ref} {...others}>\n        <div className={classes.inner}>\n          {icon && <div className={classes.icon}>{icon}</div>}\n          <div className={classes.body}>\n            {children}\n            {cite && <cite className={classes.cite}>{cite}</cite>}\n          </div>\n        </div>\n      </Box>\n    );\n  }\n);\n\nBlockquote.displayName = '@mantine/core/Blockquote';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { QuoteIcon } from './QuoteIcon';\nimport useStyles from './Blockquote.styles';\n\nexport type BlockquoteStylesNames = ClassNames<typeof useStyles>;\n\nexport interface BlockquoteProps\n  extends DefaultProps<BlockquoteStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'blockquote'>, 'cite'> {\n  /** Icon color from theme */\n  color?: MantineColor;\n\n  /** Icon, defaults to quote icon */\n  icon?: React.ReactNode;\n\n  /** Describe a reference to a cited quote */\n  cite?: React.ReactNode;\n}\n\nconst defaultProps: Partial<BlockquoteProps> = {\n  color: 'gray',\n  icon: <QuoteIcon />,\n};\n\nexport const Blockquote = forwardRef<HTMLQuoteElement, BlockquoteProps>(\n  (props: BlockquoteProps, ref) => {\n    const { className, color, icon, cite, children, classNames, styles, ...others } =\n      useMantineDefaultProps('Blockquote', defaultProps, props);\n    const { classes, cx } = useStyles({ color }, { classNames, styles, name: 'Blockquote' });\n\n    return (\n      <Box component=\"blockquote\" className={cx(classes.root, className)} ref={ref} {...others}>\n        <div className={classes.inner}>\n          {icon && <div className={classes.icon}>{icon}</div>}\n          <div className={classes.body}>\n            {children}\n            {cite && <cite className={classes.cite}>{cite}</cite>}\n          </div>\n        </div>\n      </Box>\n    );\n  }\n);\n\nBlockquote.displayName = '@mantine/core/Blockquote';\n"],"names":[],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,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,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC;AAC5D,CAAC,CAAC;AACU,MAAC,UAAU,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACrD,EAAE,MAAM,EAAE,GAAG,sBAAsB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;AAChP,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AAC3F,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,IAAI,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACvD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,QAAQ,EAAE,IAAI,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnE,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/esm/components/Blockquote/Blockquote.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.styles.js","sources":["../../../src/components/Blockquote/Blockquote.styles.ts"],"sourcesContent":["import { createStyles, MantineColor } from '@mantine/styles';\n\ninterface BlockquoteStyles {\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: BlockquoteStyles) => ({\n  root: {\n    ...theme.fn.fontStyles(),\n    fontSize: theme.fontSizes.lg,\n    lineHeight: theme.lineHeight,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    margin: 0,\n    borderTopRightRadius: theme.radius.sm,\n    borderBottomRightRadius: theme.radius.sm,\n    padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n  },\n\n  inner: {\n    display: 'flex',\n  },\n\n  body: {\n    flex: 1,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n\n  icon: {\n    color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n    marginRight: theme.spacing.lg,\n    marginTop: 2,\n    width: 22,\n  },\n\n  cite: {\n    display: 'block',\n    fontSize: theme.fontSizes.sm,\n    marginTop: theme.spacing.xs,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n}));\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Blockquote.styles.js","sources":["../../../src/components/Blockquote/Blockquote.styles.ts"],"sourcesContent":["import { createStyles, MantineColor } from '@mantine/styles';\n\nexport interface BlockquoteStylesParams {\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: BlockquoteStylesParams) => ({\n  root: {\n    ...theme.fn.fontStyles(),\n    fontSize: theme.fontSizes.lg,\n    lineHeight: theme.lineHeight,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    margin: 0,\n    borderTopRightRadius: theme.radius.sm,\n    borderBottomRightRadius: theme.radius.sm,\n    padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n  },\n\n  inner: {\n    display: 'flex',\n  },\n\n  body: {\n    flex: 1,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n\n  icon: {\n    color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n    marginRight: theme.spacing.lg,\n    marginTop: 2,\n    width: 22,\n  },\n\n  cite: {\n    display: 'block',\n    fontSize: theme.fontSizes.sm,\n    marginTop: theme.spacing.xs,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/Box/Box.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { extractMargins } from '@mantine/styles';
+import { extractSystemStyles } from '@mantine/styles';
 import { useSx } from './use-sx/use-sx.js';
 
 var __defProp = Object.defineProperty;
@@ -32,11 +32,11 @@ var __objRest = (source, exclude) => {
 };
 const Box = forwardRef((_a, ref) => {
   var _b = _a, { className, component, style, sx } = _b, others = __objRest(_b, ["className", "component", "style", "sx"]);
-  const { margins, rest } = extractMargins(others);
+  const { systemStyles, rest } = extractSystemStyles(others);
   const Element = component || "div";
   return /* @__PURE__ */ React.createElement(Element, __spreadValues({
     ref,
-    className: useSx(sx, margins, className),
+    className: useSx(sx, systemStyles, className),
     style
   }, rest));
 });

package/esm/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  extractMargins,\n} from '@mantine/styles';\nimport { useSx, BoxSx } from './use-sx/use-sx';\n\ninterface _BoxProps extends Omit<DefaultProps, 'sx'> {\n  sx?: BoxSx;\n}\n\nexport type BoxProps<C> = C extends React.ElementType\n  ? PolymorphicComponentProps<C, _BoxProps>\n  : never;\n\ntype BoxComponent = (<C = 'div'>(props: BoxProps<C>) => React.ReactElement) & {\n  displayName?: string;\n};\n\nexport const Box: BoxComponent = forwardRef(\n  <C extends React.ElementType = 'div'>(\n    { className, component, style, sx, ...others }: BoxProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const { margins, rest } = extractMargins(others);\n    const Element = component || 'div';\n    return <Element ref={ref} className={useSx(sx, margins, className)} style={style} {...rest} />;\n  }\n);\n\nBox.displayName = '@mantine/core/Box';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Box.js","sources":["../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  extractSystemStyles,\n} from '@mantine/styles';\nimport { useSx, BoxSx } from './use-sx/use-sx';\n\ninterface _BoxProps extends Omit<DefaultProps, 'sx'> {\n  sx?: BoxSx;\n}\n\nexport type BoxProps<C> = PolymorphicComponentProps<C, _BoxProps>;\n\ntype BoxComponent = (<C = 'div'>(props: BoxProps<C>) => React.ReactElement) & {\n  displayName?: string;\n};\n\nexport const Box: BoxComponent = forwardRef(\n  <C extends React.ElementType = 'div'>(\n    { className, component, style, sx, ...others }: BoxProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const { systemStyles, rest } = extractSystemStyles(others);\n    const Element = component || 'div';\n    return (\n      <Element ref={ref} className={useSx(sx, systemStyles, className)} style={style} {...rest} />\n    );\n  }\n);\n\nBox.displayName = '@mantine/core/Box';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,63 @@
+const SYSTEM_PROPS = {
+  mt: "marginTop",
+  mb: "marginBottom",
+  ml: "marginLeft",
+  mr: "marginRight",
+  pt: "paddingTop",
+  pb: "paddingBottom",
+  pl: "paddingLeft",
+  pr: "paddingRight"
+};
+const NEGATIVE_VALUES = ["-xs", "-sm", "-md", "-lg", "-xl"];
+function isValidSizeValue(margin) {
+  return typeof margin === "string" || typeof margin === "number";
+}
+function getSizeValue(margin, theme) {
+  if (NEGATIVE_VALUES.includes(margin)) {
+    return theme.fn.size({ size: margin.replace("-", ""), sizes: theme.spacing }) * -1;
+  }
+  return theme.fn.size({ size: margin, sizes: theme.spacing });
+}
+function getSystemStyles(systemStyles, theme) {
+  const styles = {};
+  if (isValidSizeValue(systemStyles.p)) {
+    const value = getSizeValue(systemStyles.p, theme);
+    styles.padding = value;
+  }
+  if (isValidSizeValue(systemStyles.m)) {
+    const value = getSizeValue(systemStyles.m, theme);
+    styles.margin = value;
+  }
+  if (isValidSizeValue(systemStyles.py)) {
+    const value = getSizeValue(systemStyles.py, theme);
+    styles.paddingTop = value;
+    styles.paddingBottom = value;
+  }
+  if (isValidSizeValue(systemStyles.px)) {
+    const value = getSizeValue(systemStyles.px, theme);
+    styles.paddingLeft = value;
+    styles.paddingRight = value;
+  }
+  if (isValidSizeValue(systemStyles.my)) {
+    const value = getSizeValue(systemStyles.my, theme);
+    styles.marginTop = value;
+    styles.marginBottom = value;
+  }
+  if (isValidSizeValue(systemStyles.mx)) {
+    const value = getSizeValue(systemStyles.mx, theme);
+    styles.marginLeft = value;
+    styles.marginRight = value;
+  }
+  Object.keys(SYSTEM_PROPS).forEach((property) => {
+    if (isValidSizeValue(systemStyles[property])) {
+      styles[SYSTEM_PROPS[property]] = theme.fn.size({
+        size: getSizeValue(systemStyles[property], theme),
+        sizes: theme.spacing
+      });
+    }
+  });
+  return styles;
+}
+
+export { getSystemStyles };
+//# sourceMappingURL=get-system-styles.js.map

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

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

package/esm/components/Box/use-sx/use-sx.js

@@ -1,16 +1,16 @@
 import { useMantineTheme, useCss } from '@mantine/styles';
-import { getMargins } from './get-margins/get-margins.js';
+import { getSystemStyles } from './get-system-styles/get-system-styles.js';
 
 function extractSx(sx, theme) {
   return typeof sx === "function" ? sx(theme) : sx;
 }
-function useSx(sx, margins, className) {
+function useSx(sx, systemProps, className) {
   const theme = useMantineTheme();
   const { css, cx } = useCss();
   if (Array.isArray(sx)) {
-    return cx(className, css(getMargins(margins, theme)), sx.map((partial) => css(extractSx(partial, theme))));
+    return cx(className, css(getSystemStyles(systemProps, theme)), sx.map((partial) => css(extractSx(partial, theme))));
   }
-  return cx(className, css(extractSx(sx, theme)), css(getMargins(margins, theme)));
+  return cx(className, css(extractSx(sx, theme)), css(getSystemStyles(systemProps, theme)));
 }
 
 export { useSx };

package/esm/components/Box/use-sx/use-sx.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sx.js","sources":["../../../../src/components/Box/use-sx/use-sx.ts"],"sourcesContent":["import { CSSObject, MantineMargins, MantineTheme, useCss, useMantineTheme } from '@mantine/styles';\nimport { getMargins } from './get-margins/get-margins';\n\ntype Sx = CSSObject | ((theme: MantineTheme) => CSSObject);\nexport type BoxSx = Sx | Sx[];\n\nfunction extractSx(sx: Sx, theme: MantineTheme) {\n  return typeof sx === 'function' ? sx(theme) : sx;\n}\n\nexport function useSx(sx: BoxSx, margins: MantineMargins, className: string) {\n  const theme = useMantineTheme();\n  const { css, cx } = useCss();\n\n  if (Array.isArray(sx)) {\n    return cx(\n      className,\n      css(getMargins(margins, theme)),\n      sx.map((partial) => css(extractSx(partial, theme)))\n    );\n  }\n\n  return cx(className, css(extractSx(sx, theme)), css(getMargins(margins, theme)));\n}\n"],"names":[],"mappings":";;;AAEA,SAAS,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE;AAC9B,EAAE,OAAO,OAAO,EAAE,KAAK,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AACnD,CAAC;AACM,SAAS,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;AAC9C,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC;AAC/B,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;AACzB,IAAI,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/G,GAAG;AACH,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACnF;;;;"}
+{"version":3,"file":"use-sx.js","sources":["../../../../src/components/Box/use-sx/use-sx.ts"],"sourcesContent":["import {\n  CSSObject,\n  MantineStyleSystemProps,\n  MantineTheme,\n  useCss,\n  useMantineTheme,\n} from '@mantine/styles';\nimport { getSystemStyles } from './get-system-styles/get-system-styles';\n\ntype Sx = CSSObject | ((theme: MantineTheme) => CSSObject);\nexport type BoxSx = Sx | Sx[];\n\nfunction extractSx(sx: Sx, theme: MantineTheme) {\n  return typeof sx === 'function' ? sx(theme) : sx;\n}\n\nexport function useSx(sx: BoxSx, systemProps: MantineStyleSystemProps, className: string) {\n  const theme = useMantineTheme();\n  const { css, cx } = useCss();\n\n  if (Array.isArray(sx)) {\n    return cx(\n      className,\n      css(getSystemStyles(systemProps, theme)),\n      sx.map((partial) => css(extractSx(partial, theme)))\n    );\n  }\n\n  return cx(className, css(extractSx(sx, theme)), css(getSystemStyles(systemProps, theme)));\n}\n"],"names":[],"mappings":";;;AAKA,SAAS,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE;AAC9B,EAAE,OAAO,OAAO,EAAE,KAAK,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AACnD,CAAC;AACM,SAAS,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClD,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC;AAC/B,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;AACzB,IAAI,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACxH,GAAG;AACH,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAC5F;;;;"}

package/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { useMantineDefaultProps } from '@mantine/styles';
 import useStyles from './Breadcrumbs.styles.js';
 import { Text } from '../Text/Text.js';
 import { Box } from '../Box/Box.js';
@@ -31,8 +32,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Breadcrumbs = forwardRef((_a, ref) => {
-  var _b = _a, { className, children, separator = "/", classNames, styles } = _b, others = __objRest(_b, ["className", "children", "separator", "classNames", "styles"]);
+const defaultProps = {
+  separator: "/"
+};
+const Breadcrumbs = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Breadcrumbs", defaultProps, props), { className, children, separator, classNames, styles } = _a, others = __objRest(_a, ["className", "children", "separator", "classNames", "styles"]);
   const { classes, cx } = useStyles(null, { classNames, styles, name: "Breadcrumbs" });
   const items = React.Children.toArray(children).reduce((acc, child, index, array) => {
     acc.push(React.cloneElement(child, { className: classes.breadcrumb, key: index }));

package/esm/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, ClassNames } from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport useStyles from './Breadcrumbs.styles';\n\nexport type BreadcrumbsStylesNames = ClassNames<typeof useStyles>;\n\nexport interface BreadcrumbsProps\n  extends DefaultProps<BreadcrumbsStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Separator between breadcrumbs */\n  separator?: React.ReactNode;\n\n  /** React nodes that should be separated */\n  children: React.ReactNode;\n}\n\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  (\n    { className, children, separator = '/', classNames, styles, ...others }: BreadcrumbsProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(null, { classNames, styles, name: 'Breadcrumbs' });\n\n    const items = React.Children.toArray(children).reduce(\n      (acc: any[], child: any, index, array) => {\n        acc.push(React.cloneElement(child, { className: classes.breadcrumb, key: index }));\n\n        if (index !== array.length - 1) {\n          acc.push(\n            <Text size=\"sm\" className={classes.separator} key={`separator-${index}`}>\n              {separator}\n            </Text>\n          );\n        }\n\n        return acc;\n      },\n      []\n    );\n\n    return (\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {items}\n      </Box>\n    );\n  }\n);\n\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, ClassNames, useMantineDefaultProps } from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport useStyles from './Breadcrumbs.styles';\n\nexport type BreadcrumbsStylesNames = ClassNames<typeof useStyles>;\n\nexport interface BreadcrumbsProps\n  extends DefaultProps<BreadcrumbsStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Separator between breadcrumbs */\n  separator?: React.ReactNode;\n\n  /** React nodes that should be separated */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<BreadcrumbsProps> = {\n  separator: '/',\n};\n\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  (props: BreadcrumbsProps, ref) => {\n    const { className, children, separator, classNames, styles, ...others } =\n      useMantineDefaultProps('Breadcrumbs', defaultProps, props);\n\n    const { classes, cx } = useStyles(null, { classNames, styles, name: 'Breadcrumbs' });\n\n    const items = React.Children.toArray(children).reduce(\n      (acc: any[], child: any, index, array) => {\n        acc.push(React.cloneElement(child, { className: classes.breadcrumb, key: index }));\n\n        if (index !== array.length - 1) {\n          acc.push(\n            <Text size=\"sm\" className={classes.separator} key={`separator-${index}`}>\n              {separator}\n            </Text>\n          );\n        }\n\n        return acc;\n      },\n      []\n    );\n\n    return (\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {items}\n      </Box>\n    );\n  }\n);\n\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n"],"names":[],"mappings":"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"}

package/esm/components/Burger/Burger.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useMantineTheme } from '@mantine/styles';
+import { useMantineDefaultProps, useMantineTheme } from '@mantine/styles';
 import useStyles from './Burger.styles.js';
 import { Box } from '../Box/Box.js';
 
@@ -31,8 +31,25 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Burger = forwardRef((_a, ref) => {
-  var _b = _a, { className, opened, color, size = "md", classNames, styles } = _b, others = __objRest(_b, ["className", "opened", "color", "size", "classNames", "styles"]);
+const defaultProps = {
+  size: "md"
+};
+const Burger = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Burger", defaultProps, props), {
+    className,
+    opened,
+    color,
+    size = "md",
+    classNames,
+    styles
+  } = _a, others = __objRest(_a, [
+    "className",
+    "opened",
+    "color",
+    "size",
+    "classNames",
+    "styles"
+  ]);
   const theme = useMantineTheme();
   const _color = color || (theme.colorScheme === "dark" ? theme.white : theme.black);
   const { classes, cx } = useStyles({ color: _color, size }, { classNames, styles, name: "Burger" });

package/esm/components/Burger/Burger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.js","sources":["../../../src/components/Burger/Burger.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n  ClassNames,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Burger.styles';\n\nexport type BurgerStylesNames = Exclude<ClassNames<typeof useStyles>, 'opened'>;\n\nexport interface BurgerProps\n  extends DefaultProps<BurgerStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Burger state: true for cross, false for burger */\n  opened: boolean;\n\n  /** Burger color value, not connected to theme.colors, defaults to theme.black with light color scheme and theme.white with dark */\n  color?: MantineColor;\n\n  /** Predefined burger size or number to set width and height in px */\n  size?: MantineNumberSize;\n}\n\nexport const Burger = forwardRef<HTMLButtonElement, BurgerProps>(\n  ({ className, opened, color, size = 'md', classNames, styles, ...others }: BurgerProps, ref) => {\n    const theme = useMantineTheme();\n    const _color = color || (theme.colorScheme === 'dark' ? theme.white : theme.black);\n    const { classes, cx } = useStyles(\n      { color: _color, size },\n      { classNames, styles, name: 'Burger' }\n    );\n\n    return (\n      <Box\n        component=\"button\"\n        type=\"button\"\n        className={cx(classes.root, className)}\n        ref={ref}\n        {...others}\n      >\n        <div className={cx(classes.burger, { [classes.opened]: opened })} />\n      </Box>\n    );\n  }\n);\n\nBurger.displayName = '@mantine/core/Burger';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Burger.js","sources":["../../../src/components/Burger/Burger.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n  ClassNames,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Burger.styles';\n\nexport type BurgerStylesNames = Exclude<ClassNames<typeof useStyles>, 'opened'>;\n\nexport interface BurgerProps\n  extends DefaultProps<BurgerStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Burger state: true for cross, false for burger */\n  opened: boolean;\n\n  /** Burger color value, not connected to theme.colors, defaults to theme.black with light color scheme and theme.white with dark */\n  color?: MantineColor;\n\n  /** Predefined burger size or number to set width and height in px */\n  size?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<BurgerProps> = {\n  size: 'md',\n};\n\nexport const Burger = forwardRef<HTMLButtonElement, BurgerProps>((props: BurgerProps, ref) => {\n  const {\n    className,\n    opened,\n    color,\n    size = 'md',\n    classNames,\n    styles,\n    ...others\n  } = useMantineDefaultProps('Burger', defaultProps, props);\n  const theme = useMantineTheme();\n  const _color = color || (theme.colorScheme === 'dark' ? theme.white : theme.black);\n  const { classes, cx } = useStyles(\n    { color: _color, size },\n    { classNames, styles, name: 'Burger' }\n  );\n\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      className={cx(classes.root, className)}\n      ref={ref}\n      {...others}\n    >\n      <div className={cx(classes.burger, { [classes.opened]: opened })} />\n    </Box>\n  );\n});\n\nBurger.displayName = '@mantine/core/Burger';\n"],"names":[],"mappings":"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"}

package/esm/components/Burger/Burger.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.styles.js","sources":["../../../src/components/Burger/Burger.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\n\ninterface BurgerStyles {\n  size: MantineNumberSize;\n  color: MantineColor;\n}\n\nexport const sizes = {\n  xs: 12,\n  sm: 18,\n  md: 24,\n  lg: 34,\n  xl: 42,\n};\n\nexport default createStyles((theme, { size, color }: BurgerStyles, getRef) => {\n  const sizeValue = theme.fn.size({ size, sizes });\n  const opened = { ref: getRef('opened') } as const;\n\n  return {\n    opened,\n\n    root: {\n      ...theme.fn.focusStyles(),\n      WebkitTapHighlightColor: 'transparent',\n      borderRadius: theme.radius.sm,\n      width: sizeValue + theme.spacing.xs,\n      height: sizeValue + theme.spacing.xs,\n      padding: theme.spacing.xs / 2,\n      backgroundColor: 'transparent',\n      border: 0,\n      cursor: 'pointer',\n    },\n\n    burger: {\n      position: 'relative',\n      userSelect: 'none',\n      boxSizing: 'border-box',\n\n      '&, &:before, &:after': {\n        display: 'block',\n        width: sizeValue,\n        height: Math.ceil(sizeValue / 12),\n        backgroundColor: color,\n        outline: '1px solid transparent',\n        transitionProperty: 'background-color, transform',\n        transitionDuration: '300ms',\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: '0ms',\n        },\n      },\n\n      '&:before, &:after': {\n        position: 'absolute',\n        content: '\"\"',\n        left: 0,\n      },\n\n      '&:before': {\n        top: (sizeValue / 3) * -1,\n      },\n\n      '&:after': {\n        top: sizeValue / 3,\n      },\n\n      [`&.${opened.ref}`]: {\n        backgroundColor: 'transparent',\n\n        '&:before': {\n          transform: `translateY(${sizeValue / 3}px) rotate(45deg)`,\n        },\n\n        '&:after': {\n          transform: `translateY(-${sizeValue / 3}px) rotate(-45deg)`,\n        },\n      },\n    },\n  };\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Burger.styles.js","sources":["../../../src/components/Burger/Burger.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\n\nexport interface BurgerStylesParams {\n  size: MantineNumberSize;\n  color: MantineColor;\n}\n\nexport const sizes = {\n  xs: 12,\n  sm: 18,\n  md: 24,\n  lg: 34,\n  xl: 42,\n};\n\nexport default createStyles((theme, { size, color }: BurgerStylesParams, getRef) => {\n  const sizeValue = theme.fn.size({ size, sizes });\n  const opened = { ref: getRef('opened') } as const;\n\n  return {\n    opened,\n\n    root: {\n      ...theme.fn.focusStyles(),\n      WebkitTapHighlightColor: 'transparent',\n      borderRadius: theme.radius.sm,\n      width: sizeValue + theme.spacing.xs,\n      height: sizeValue + theme.spacing.xs,\n      padding: theme.spacing.xs / 2,\n      backgroundColor: 'transparent',\n      border: 0,\n      cursor: 'pointer',\n    },\n\n    burger: {\n      position: 'relative',\n      userSelect: 'none',\n      boxSizing: 'border-box',\n\n      '&, &:before, &:after': {\n        display: 'block',\n        width: sizeValue,\n        height: Math.ceil(sizeValue / 12),\n        backgroundColor: color,\n        outline: '1px solid transparent',\n        transitionProperty: 'background-color, transform',\n        transitionDuration: '300ms',\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: '0ms',\n        },\n      },\n\n      '&:before, &:after': {\n        position: 'absolute',\n        content: '\"\"',\n        left: 0,\n      },\n\n      '&:before': {\n        top: (sizeValue / 3) * -1,\n      },\n\n      '&:after': {\n        top: sizeValue / 3,\n      },\n\n      [`&.${opened.ref}`]: {\n        backgroundColor: 'transparent',\n\n        '&:before': {\n          transform: `translateY(${sizeValue / 3}px) rotate(45deg)`,\n        },\n\n        '&:after': {\n          transform: `translateY(-${sizeValue / 3}px) rotate(-45deg)`,\n        },\n      },\n    },\n  };\n});\n"],"names":[],"mappings":"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"}

package/esm/components/Button/Button.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { getSharedColorScheme } from '@mantine/styles';
+import { useMantineDefaultProps, getSharedColorScheme } from '@mantine/styles';
 import useStyles, { heights } from './Button.styles.js';
 import { Loader } from '../Loader/Loader.js';
 import { Box } from '../Box/Box.js';
@@ -32,29 +32,36 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Button = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  size: "sm",
+  type: "button",
+  variant: "filled",
+  loaderPosition: "left",
+  gradient: { from: "blue", to: "cyan", deg: 45 }
+};
+const Button = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Button", defaultProps, props), {
     className,
-    size = "sm",
+    size,
     color,
-    type = "button",
+    type,
     disabled,
     children,
     leftIcon,
     rightIcon,
-    fullWidth = false,
-    variant = "filled",
-    radius = "sm",
+    fullWidth,
+    variant,
+    radius,
     component,
-    uppercase = false,
-    compact = false,
-    loading = false,
-    loaderPosition = "left",
+    uppercase,
+    compact,
+    loading,
+    loaderPosition,
     loaderProps,
-    gradient = { from: "blue", to: "cyan", deg: 45 },
+    gradient,
     classNames,
     styles
-  } = _b, others = __objRest(_b, [
+  } = _a, others = __objRest(_a, [
     "className",
     "size",
     "color",

package/esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineNumberSize,\n  getSharedColorScheme,\n  MantineGradient,\n  MantineColor,\n  ClassNames,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { heights, ButtonVariant } from './Button.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\nexport type ButtonStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedButtonProps extends DefaultProps<ButtonStylesNames> {\n  /** Predefined button size */\n  size?: MantineSize;\n\n  /** Button type attribute */\n  type?: 'submit' | 'button' | 'reset';\n\n  /** Button color from theme */\n  color?: MantineColor;\n\n  /** Adds icon before button label  */\n  leftIcon?: React.ReactNode;\n\n  /** Adds icon after button label  */\n  rightIcon?: React.ReactNode;\n\n  /** Sets button width to 100% of parent element */\n  fullWidth?: boolean;\n\n  /** Button border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Controls button appearance */\n  variant?: ButtonVariant;\n\n  /** Controls gradient settings in gradient variant only */\n  gradient?: MantineGradient;\n\n  /** Set text-transform to uppercase */\n  uppercase?: boolean;\n\n  /** Reduces vertical and horizontal spacing */\n  compact?: boolean;\n\n  /** Indicate loading state */\n  loading?: boolean;\n\n  /** Props spread to Loader component */\n  loaderProps?: LoaderProps;\n\n  /** Loader position relative to button label */\n  loaderPosition?: 'left' | 'right';\n}\n\nexport type ButtonProps<C> = C extends React.ElementType\n  ? PolymorphicComponentProps<C, SharedButtonProps>\n  : never;\n\ntype ButtonComponent = (<C = 'button'>(props: ButtonProps<C>) => React.ReactElement) & {\n  displayName?: string;\n};\n\nexport const Button: ButtonComponent = forwardRef(\n  <C extends React.ElementType = 'button'>(\n    {\n      className,\n      size = 'sm',\n      color,\n      type = 'button',\n      disabled,\n      children,\n      leftIcon,\n      rightIcon,\n      fullWidth = false,\n      variant = 'filled',\n      radius = 'sm',\n      component,\n      uppercase = false,\n      compact = false,\n      loading = false,\n      loaderPosition = 'left',\n      loaderProps,\n      gradient = { from: 'blue', to: 'cyan', deg: 45 },\n      classNames,\n      styles,\n      ...others\n    }: any,\n    ref: PolymorphicRef<C>\n  ) => {\n    const { classes, cx, theme } = useStyles(\n      {\n        radius,\n        color,\n        size,\n        fullWidth,\n        compact,\n        gradientFrom: gradient.from,\n        gradientTo: gradient.to,\n        gradientDeg: gradient.deg,\n      },\n      { classNames, styles, name: 'Button' }\n    );\n    const colors = getSharedColorScheme({ color, theme, variant });\n    const loader = (\n      <Loader\n        color={colors.color}\n        size={theme.fn.size({ size, sizes: heights }) / 2}\n        {...loaderProps}\n      />\n    );\n\n    return (\n      <Box<any>\n        component={component || 'button'}\n        className={cx(classes[variant], { [classes.loading]: loading }, classes.root, className)}\n        type={type}\n        disabled={disabled || loading}\n        ref={ref}\n        onTouchStart={() => {}}\n        {...others}\n      >\n        <div className={classes.inner}>\n          {(leftIcon || (loading && loaderPosition === 'left')) && (\n            <span className={cx(classes.icon, classes.leftIcon)}>\n              {loading && loaderPosition === 'left' ? loader : leftIcon}\n            </span>\n          )}\n\n          <span\n            className={classes.label}\n            style={{ textTransform: uppercase ? 'uppercase' : undefined }}\n          >\n            {children}\n          </span>\n\n          {(rightIcon || (loading && loaderPosition === 'right')) && (\n            <span className={cx(classes.icon, classes.rightIcon)}>\n              {loading && loaderPosition === 'right' ? loader : rightIcon}\n            </span>\n          )}\n        </div>\n      </Box>\n    );\n  }\n);\n\nButton.displayName = '@mantine/core/Button';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineNumberSize,\n  getSharedColorScheme,\n  MantineGradient,\n  MantineColor,\n  ClassNames,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { heights, ButtonVariant } from './Button.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\nexport type ButtonStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedButtonProps extends DefaultProps<ButtonStylesNames> {\n  /** Predefined button size */\n  size?: MantineSize;\n\n  /** Button type attribute */\n  type?: 'submit' | 'button' | 'reset';\n\n  /** Button color from theme */\n  color?: MantineColor;\n\n  /** Adds icon before button label  */\n  leftIcon?: React.ReactNode;\n\n  /** Adds icon after button label  */\n  rightIcon?: React.ReactNode;\n\n  /** Sets button width to 100% of parent element */\n  fullWidth?: boolean;\n\n  /** Button border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Controls button appearance */\n  variant?: ButtonVariant;\n\n  /** Controls gradient settings in gradient variant only */\n  gradient?: MantineGradient;\n\n  /** Set text-transform to uppercase */\n  uppercase?: boolean;\n\n  /** Reduces vertical and horizontal spacing */\n  compact?: boolean;\n\n  /** Indicate loading state */\n  loading?: boolean;\n\n  /** Props spread to Loader component */\n  loaderProps?: LoaderProps;\n\n  /** Loader position relative to button label */\n  loaderPosition?: 'left' | 'right';\n\n  /** Button label */\n  children?: React.ReactNode;\n\n  /** Disabled state */\n  disabled?: boolean;\n}\n\nexport type ButtonProps<C> = PolymorphicComponentProps<C, SharedButtonProps>;\n\ntype ButtonComponent = (<C = 'button'>(props: ButtonProps<C>) => React.ReactElement) & {\n  displayName?: string;\n};\n\nconst defaultProps: Partial<ButtonProps<any>> = {\n  size: 'sm',\n  type: 'button',\n  variant: 'filled',\n  loaderPosition: 'left',\n  gradient: { from: 'blue', to: 'cyan', deg: 45 },\n};\n\nexport const Button: ButtonComponent = forwardRef(\n  <C extends React.ElementType = 'button'>(props: ButtonProps<C>, ref: PolymorphicRef<C>) => {\n    const {\n      className,\n      size,\n      color,\n      type,\n      disabled,\n      children,\n      leftIcon,\n      rightIcon,\n      fullWidth,\n      variant,\n      radius,\n      component,\n      uppercase,\n      compact,\n      loading,\n      loaderPosition,\n      loaderProps,\n      gradient,\n      classNames,\n      styles,\n      ...others\n    } = useMantineDefaultProps('Button', defaultProps, props);\n\n    const { classes, cx, theme } = useStyles(\n      {\n        radius,\n        color,\n        size,\n        fullWidth,\n        compact,\n        gradientFrom: gradient.from,\n        gradientTo: gradient.to,\n        gradientDeg: gradient.deg,\n      },\n      { classNames, styles, name: 'Button' }\n    );\n    const colors = getSharedColorScheme({ color, theme, variant });\n    const loader = (\n      <Loader\n        color={colors.color}\n        size={theme.fn.size({ size, sizes: heights }) / 2}\n        {...loaderProps}\n      />\n    );\n\n    return (\n      <Box<any>\n        component={component || 'button'}\n        className={cx(classes[variant], { [classes.loading]: loading }, classes.root, className)}\n        type={type}\n        disabled={disabled || loading}\n        ref={ref}\n        onTouchStart={() => {}}\n        {...others}\n      >\n        <div className={classes.inner}>\n          {(leftIcon || (loading && loaderPosition === 'left')) && (\n            <span className={cx(classes.icon, classes.leftIcon)}>\n              {loading && loaderPosition === 'left' ? loader : leftIcon}\n            </span>\n          )}\n\n          <span\n            className={classes.label}\n            style={{ textTransform: uppercase ? 'uppercase' : undefined }}\n          >\n            {children}\n          </span>\n\n          {(rightIcon || (loading && loaderPosition === 'right')) && (\n            <span className={cx(classes.icon, classes.rightIcon)}>\n              {loading && loaderPosition === 'right' ? loader : rightIcon}\n            </span>\n          )}\n        </div>\n      </Box>\n    );\n  }\n);\n\nButton.displayName = '@mantine/core/Button';\n"],"names":[],"mappings":"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"}

package/esm/components/Button/Button.styles.js

@@ -102,7 +102,6 @@ var useStyles = createStyles((theme, {
   gradientTo,
   gradientDeg
 }, getRef) => {
-  const loading = getRef("loading");
   const gradient = getSharedColorScheme({
     theme,
     color,
@@ -111,7 +110,7 @@ var useStyles = createStyles((theme, {
   });
   return {
     loading: {
-      ref: loading,
+      ref: getRef("loading"),
       pointerEvents: "none",
       "&::before": {
         content: '""',
@@ -121,7 +120,7 @@ var useStyles = createStyles((theme, {
         right: -1,
         bottom: -1,
         backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
-        borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,
+        borderRadius: theme.fn.radius(radius),
         cursor: "not-allowed"
       }
     },
@@ -140,7 +139,7 @@ var useStyles = createStyles((theme, {
       }
     },
     root: __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getSizeStyles({ compact, size })), theme.fn.fontStyles()), theme.fn.focusStyles()), getWidthStyles(fullWidth)), {
-      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
+      borderRadius: theme.fn.radius(radius),
       fontWeight: 600,
       position: "relative",
       lineHeight: 1,
@@ -155,7 +154,7 @@ var useStyles = createStyles((theme, {
       "&:not(:disabled):active": {
         transform: "translateY(1px)"
       },
-      [`&:not(.${loading}):disabled`]: {
+      [`&:not(.${getRef("loading")}):disabled`]: {
         borderColor: "transparent",
         backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
         color: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[5],

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineSize,\n  MantineNumberSize,\n  MantineSizes,\n  getSharedColorScheme,\n  MantineColor,\n  MantineTheme,\n} from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport type ButtonVariant =\n  | 'filled'\n  | 'outline'\n  | 'light'\n  | 'gradient'\n  | 'white'\n  | 'default'\n  | 'subtle';\n\ninterface ButtonStylesProps {\n  color: MantineColor;\n  size: MantineSize;\n  radius: MantineNumberSize;\n  fullWidth: boolean;\n  compact: boolean;\n  gradientFrom: string;\n  gradientTo: string;\n  gradientDeg: number;\n}\n\nconst sizes = {\n  xs: {\n    height: INPUT_SIZES.xs,\n    padding: '0 14px',\n  },\n\n  sm: {\n    height: INPUT_SIZES.sm,\n    padding: '0 18px',\n  },\n\n  md: {\n    height: INPUT_SIZES.md,\n    padding: '0 22px',\n  },\n\n  lg: {\n    height: INPUT_SIZES.lg,\n    padding: '0 26px',\n  },\n\n  xl: {\n    height: INPUT_SIZES.xl,\n    padding: '0 32px',\n  },\n\n  'compact-xs': {\n    height: 22,\n    padding: '0 7px',\n  },\n\n  'compact-sm': {\n    height: 26,\n    padding: '0 8px',\n  },\n\n  'compact-md': {\n    height: 30,\n    padding: '0 10px',\n  },\n\n  'compact-lg': {\n    height: 34,\n    padding: '0 12px',\n  },\n\n  'compact-xl': {\n    height: 40,\n    padding: '0 14px',\n  },\n};\n\nexport const heights = Object.keys(sizes).reduce((acc, size) => {\n  acc[size] = sizes[size].height;\n  return acc;\n}, {} as MantineSizes);\n\nconst getSizeStyles = ({ compact, size }: { compact: boolean; size: MantineSize }) => {\n  if (!compact) {\n    return sizes[size];\n  }\n\n  return sizes[`compact-${size}`];\n};\n\nconst getWidthStyles = (fullWidth: boolean) => ({\n  display: fullWidth ? 'block' : 'inline-block',\n  width: fullWidth ? '100%' : 'auto',\n});\n\ninterface GetVariantStyles {\n  theme: MantineTheme;\n  color: MantineColor;\n  variant: ButtonVariant;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n  const colors = getSharedColorScheme({\n    theme,\n    color,\n    variant,\n  });\n\n  return {\n    border: `1px solid ${colors.border}`,\n    backgroundColor: colors.background,\n    backgroundImage: colors.background,\n    color: colors.color,\n\n    '&:hover': {\n      backgroundColor: colors.hover,\n    },\n  };\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      color,\n      size,\n      radius,\n      fullWidth,\n      compact,\n      gradientFrom,\n      gradientTo,\n      gradientDeg,\n    }: ButtonStylesProps,\n    getRef\n  ) => {\n    const loading = getRef('loading');\n\n    const gradient = getSharedColorScheme({\n      theme,\n      color,\n      variant: 'gradient',\n      gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n    });\n\n    return {\n      loading: {\n        ref: loading,\n        pointerEvents: 'none',\n\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          top: -1,\n          left: -1,\n          right: -1,\n          bottom: -1,\n          backgroundColor:\n            theme.colorScheme === 'dark'\n              ? theme.fn.rgba(theme.colors.dark[7], 0.5)\n              : 'rgba(255, 255, 255, .5)',\n          borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,\n          cursor: 'not-allowed',\n        },\n      },\n\n      outline: getVariantStyles({ variant: 'outline', theme, color }),\n      filled: getVariantStyles({ variant: 'filled', theme, color }),\n      light: getVariantStyles({ variant: 'light', theme, color }),\n      default: getVariantStyles({ variant: 'default', theme, color }),\n      white: getVariantStyles({ variant: 'white', theme, color }),\n      subtle: getVariantStyles({ variant: 'subtle', theme, color }),\n\n      gradient: {\n        border: 0,\n        backgroundImage: gradient.background,\n        color: gradient.color,\n\n        '&:hover': {\n          backgroundSize: '200%',\n        },\n      },\n\n      root: {\n        ...getSizeStyles({ compact, size }),\n        ...theme.fn.fontStyles(),\n        ...theme.fn.focusStyles(),\n        ...getWidthStyles(fullWidth),\n        borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n        fontWeight: 600,\n        position: 'relative',\n        lineHeight: 1,\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        WebkitTapHighlightColor: 'transparent',\n        userSelect: 'none',\n        boxSizing: 'border-box',\n        textDecoration: 'none',\n        cursor: 'pointer',\n        appearance: 'none',\n        WebkitAppearance: 'none',\n\n        '&:not(:disabled):active': {\n          transform: 'translateY(1px)',\n        },\n\n        [`&:not(.${loading}):disabled`]: {\n          borderColor: 'transparent',\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          cursor: 'not-allowed',\n        },\n      },\n\n      icon: {\n        display: 'flex',\n        alignItems: 'center',\n      },\n\n      leftIcon: {\n        marginRight: 10,\n      },\n\n      rightIcon: {\n        marginLeft: 10,\n      },\n\n      inner: {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        overflow: 'visible',\n      },\n\n      label: {\n        whiteSpace: 'nowrap',\n        height: '100%',\n        overflow: 'hidden',\n        display: 'flex',\n        alignItems: 'center',\n      },\n    };\n  }\n);\n"],"names":["INPUT_SIZES"],"mappings":"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"}
+{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineSize,\n  MantineNumberSize,\n  MantineSizes,\n  getSharedColorScheme,\n  MantineColor,\n  MantineTheme,\n} from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport type ButtonVariant =\n  | 'filled'\n  | 'outline'\n  | 'light'\n  | 'gradient'\n  | 'white'\n  | 'default'\n  | 'subtle';\n\nexport interface ButtonStylesParams {\n  color: MantineColor;\n  size: MantineSize;\n  radius: MantineNumberSize;\n  fullWidth: boolean;\n  compact: boolean;\n  gradientFrom: string;\n  gradientTo: string;\n  gradientDeg: number;\n}\n\nconst sizes = {\n  xs: {\n    height: INPUT_SIZES.xs,\n    padding: '0 14px',\n  },\n\n  sm: {\n    height: INPUT_SIZES.sm,\n    padding: '0 18px',\n  },\n\n  md: {\n    height: INPUT_SIZES.md,\n    padding: '0 22px',\n  },\n\n  lg: {\n    height: INPUT_SIZES.lg,\n    padding: '0 26px',\n  },\n\n  xl: {\n    height: INPUT_SIZES.xl,\n    padding: '0 32px',\n  },\n\n  'compact-xs': {\n    height: 22,\n    padding: '0 7px',\n  },\n\n  'compact-sm': {\n    height: 26,\n    padding: '0 8px',\n  },\n\n  'compact-md': {\n    height: 30,\n    padding: '0 10px',\n  },\n\n  'compact-lg': {\n    height: 34,\n    padding: '0 12px',\n  },\n\n  'compact-xl': {\n    height: 40,\n    padding: '0 14px',\n  },\n};\n\nexport const heights = Object.keys(sizes).reduce((acc, size) => {\n  acc[size] = sizes[size].height;\n  return acc;\n}, {} as MantineSizes);\n\nconst getSizeStyles = ({ compact, size }: { compact: boolean; size: MantineSize }) => {\n  if (!compact) {\n    return sizes[size];\n  }\n\n  return sizes[`compact-${size}`];\n};\n\nconst getWidthStyles = (fullWidth: boolean) => ({\n  display: fullWidth ? 'block' : 'inline-block',\n  width: fullWidth ? '100%' : 'auto',\n});\n\ninterface GetVariantStyles {\n  theme: MantineTheme;\n  color: MantineColor;\n  variant: ButtonVariant;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n  const colors = getSharedColorScheme({\n    theme,\n    color,\n    variant,\n  });\n\n  return {\n    border: `1px solid ${colors.border}`,\n    backgroundColor: colors.background,\n    backgroundImage: colors.background,\n    color: colors.color,\n\n    '&:hover': {\n      backgroundColor: colors.hover,\n    },\n  };\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      color,\n      size,\n      radius,\n      fullWidth,\n      compact,\n      gradientFrom,\n      gradientTo,\n      gradientDeg,\n    }: ButtonStylesParams,\n    getRef\n  ) => {\n    const gradient = getSharedColorScheme({\n      theme,\n      color,\n      variant: 'gradient',\n      gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n    });\n\n    return {\n      loading: {\n        ref: getRef('loading'),\n        pointerEvents: 'none',\n\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          top: -1,\n          left: -1,\n          right: -1,\n          bottom: -1,\n          backgroundColor:\n            theme.colorScheme === 'dark'\n              ? theme.fn.rgba(theme.colors.dark[7], 0.5)\n              : 'rgba(255, 255, 255, .5)',\n          borderRadius: theme.fn.radius(radius),\n          cursor: 'not-allowed',\n        },\n      },\n\n      outline: getVariantStyles({ variant: 'outline', theme, color }),\n      filled: getVariantStyles({ variant: 'filled', theme, color }),\n      light: getVariantStyles({ variant: 'light', theme, color }),\n      default: getVariantStyles({ variant: 'default', theme, color }),\n      white: getVariantStyles({ variant: 'white', theme, color }),\n      subtle: getVariantStyles({ variant: 'subtle', theme, color }),\n\n      gradient: {\n        border: 0,\n        backgroundImage: gradient.background,\n        color: gradient.color,\n\n        '&:hover': {\n          backgroundSize: '200%',\n        },\n      },\n\n      root: {\n        ...getSizeStyles({ compact, size }),\n        ...theme.fn.fontStyles(),\n        ...theme.fn.focusStyles(),\n        ...getWidthStyles(fullWidth),\n        borderRadius: theme.fn.radius(radius),\n        fontWeight: 600,\n        position: 'relative',\n        lineHeight: 1,\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        WebkitTapHighlightColor: 'transparent',\n        userSelect: 'none',\n        boxSizing: 'border-box',\n        textDecoration: 'none',\n        cursor: 'pointer',\n        appearance: 'none',\n        WebkitAppearance: 'none',\n\n        '&:not(:disabled):active': {\n          transform: 'translateY(1px)',\n        },\n\n        [`&:not(.${getRef('loading')}):disabled`]: {\n          borderColor: 'transparent',\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          cursor: 'not-allowed',\n        },\n      },\n\n      icon: {\n        display: 'flex',\n        alignItems: 'center',\n      },\n\n      leftIcon: {\n        marginRight: 10,\n      },\n\n      rightIcon: {\n        marginLeft: 10,\n      },\n\n      inner: {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        overflow: 'visible',\n      },\n\n      label: {\n        whiteSpace: 'nowrap',\n        height: '100%',\n        overflow: 'hidden',\n        display: 'flex',\n        alignItems: 'center',\n      },\n    };\n  }\n);\n"],"names":["INPUT_SIZES"],"mappings":"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"}