@mantine/core 3.1.8 → 3.2.2

package/cjs/components/Slider/Thumb/Thumb.styles.js

@@ -36,13 +36,14 @@ var useStyles = styles.createStyles((theme, { color, size }) => ({
     whiteSpace: "nowrap",
     pointerEvents: "none"
   },
-  thumb: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
+  thumb: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
     boxSizing: "border-box",
     position: "absolute",
-    height: styles.getSizeValue({ sizes: SliderRoot_styles.sizes, size }) * 2,
-    width: styles.getSizeValue({ sizes: SliderRoot_styles.sizes, size }) * 2,
-    backgroundColor: theme.colorScheme === "dark" ? styles.getThemeColor({ theme, color, shade: 6 }) : theme.white,
-    border: `4px solid ${theme.colorScheme === "dark" ? theme.white : styles.getThemeColor({ theme, color, shade: 6 })}`,
+    height: theme.fn.size({ sizes: SliderRoot_styles.sizes, size }) * 2,
+    width: theme.fn.size({ sizes: SliderRoot_styles.sizes, size }) * 2,
+    backgroundColor: theme.colorScheme === "dark" ? theme.fn.themeColor(color, 6) : theme.white,
+    border: `4px solid ${theme.colorScheme === "dark" ? theme.white : theme.fn.themeColor(color, 6)}`,
+    color: theme.colorScheme === "dark" ? theme.white : theme.fn.themeColor(color, 6),
     transform: "translate(-50%, -50%)",
     top: "50%",
     cursor: "pointer",

package/cjs/components/Slider/Thumb/Thumb.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.styles.js","sources":["../../../../src/components/Slider/Thumb/Thumb.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  getThemeColor,\n  getFocusStyles,\n  getSizeValue,\n  MantineNumberSize,\n  MantineColor,\n} from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface ThumbStyles {\n  color: MantineColor;\n  size: MantineNumberSize;\n}\n\nexport default createStyles((theme, { color, size }: ThumbStyles) => ({\n  label: {\n    position: 'absolute',\n    top: -32,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[9],\n    fontSize: theme.fontSizes.xs,\n    color: theme.white,\n    padding: theme.spacing.xs / 2,\n    borderRadius: theme.radius.sm,\n    whiteSpace: 'nowrap',\n    pointerEvents: 'none',\n  },\n\n  thumb: {\n    ...getFocusStyles(theme),\n    boxSizing: 'border-box',\n    position: 'absolute',\n    height: getSizeValue({ sizes, size }) * 2,\n    width: getSizeValue({ sizes, size }) * 2,\n    backgroundColor:\n      theme.colorScheme === 'dark' ? getThemeColor({ theme, color, shade: 6 }) : theme.white,\n    border: `4px solid ${\n      theme.colorScheme === 'dark' ? theme.white : getThemeColor({ theme, color, shade: 6 })\n    }`,\n    transform: 'translate(-50%, -50%)',\n    top: '50%',\n    cursor: 'pointer',\n    borderRadius: 1000,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    transitionDuration: '100ms',\n    transitionProperty: 'box-shadow, transform',\n    transitionTimingFunction: theme.transitionTimingFunction,\n    zIndex: 2,\n  },\n\n  dragging: {\n    transform: 'translate(-50%, -50%) scale(1.05)',\n    boxShadow: theme.shadows.sm,\n  },\n}));\n"],"names":["createStyles","getFocusStyles","getSizeValue","sizes","getThemeColor"],"mappings":"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"}
+{"version":3,"file":"Thumb.styles.js","sources":["../../../../src/components/Slider/Thumb/Thumb.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface ThumbStyles {\n  color: MantineColor;\n  size: MantineNumberSize;\n}\n\nexport default createStyles((theme, { color, size }: ThumbStyles) => ({\n  label: {\n    position: 'absolute',\n    top: -32,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[9],\n    fontSize: theme.fontSizes.xs,\n    color: theme.white,\n    padding: theme.spacing.xs / 2,\n    borderRadius: theme.radius.sm,\n    whiteSpace: 'nowrap',\n    pointerEvents: 'none',\n  },\n\n  thumb: {\n    ...theme.fn.focusStyles(),\n    boxSizing: 'border-box',\n    position: 'absolute',\n    height: theme.fn.size({ sizes, size }) * 2,\n    width: theme.fn.size({ sizes, size }) * 2,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.fn.themeColor(color, 6) : theme.white,\n    border: `4px solid ${\n      theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6)\n    }`,\n    color: theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6),\n    transform: 'translate(-50%, -50%)',\n    top: '50%',\n    cursor: 'pointer',\n    borderRadius: 1000,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    transitionDuration: '100ms',\n    transitionProperty: 'box-shadow, transform',\n    transitionTimingFunction: theme.transitionTimingFunction,\n    zIndex: 2,\n  },\n\n  dragging: {\n    transform: 'translate(-50%, -50%) scale(1.05)',\n    boxShadow: theme.shadows.sm,\n  },\n}));\n"],"names":["createStyles","sizes"],"mappings":"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"}

package/cjs/components/Slider/Track/Track.styles.js

@@ -8,18 +8,18 @@ var SliderRoot_styles = require('../SliderRoot/SliderRoot.styles.js');
 var useStyles = styles.createStyles((theme, { radius, size, color }) => ({
   track: {
     position: "relative",
-    height: styles.getSizeValue({ sizes: SliderRoot_styles.sizes, size }),
+    height: theme.fn.size({ sizes: SliderRoot_styles.sizes, size }),
     width: "100%",
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
-    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius })
+    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius })
   },
   bar: {
     position: "absolute",
     top: 0,
     bottom: 0,
     left: 0,
-    backgroundColor: styles.getThemeColor({ theme, color, shade: 6 }),
-    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius })
+    backgroundColor: theme.fn.themeColor(color, 6),
+    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius })
   }
 }));
 

package/cjs/components/Slider/Track/Track.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Track.styles.js","sources":["../../../../src/components/Slider/Track/Track.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  getSizeValue,\n  getThemeColor,\n  MantineNumberSize,\n  MantineColor,\n} from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface TrackStyles {\n  radius: MantineNumberSize;\n  size: MantineNumberSize;\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { radius, size, color }: TrackStyles) => ({\n  track: {\n    position: 'relative',\n    height: getSizeValue({ sizes, size }),\n    width: '100%',\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n  },\n\n  bar: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    backgroundColor: getThemeColor({ theme, color, shade: 6 }),\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n  },\n}));\n"],"names":["createStyles","getSizeValue","sizes","getThemeColor"],"mappings":";;;;;;;AAMA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;AACjE,EAAE,KAAK,EAAE;AACT,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAEC,mBAAY,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC;AACzC,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/F,IAAI,YAAY,EAAED,mBAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACrE,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,eAAe,EAAEE,oBAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,YAAY,EAAEF,mBAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACrE,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Track.styles.js","sources":["../../../../src/components/Slider/Track/Track.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface TrackStyles {\n  radius: MantineNumberSize;\n  size: MantineNumberSize;\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { radius, size, color }: TrackStyles) => ({\n  track: {\n    position: 'relative',\n    height: theme.fn.size({ sizes, size }),\n    width: '100%',\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n  },\n\n  bar: {\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    backgroundColor: theme.fn.themeColor(color, 6),\n    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n  },\n}));\n"],"names":["createStyles","sizes"],"mappings":";;;;;;;AAEA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;AACjE,EAAE,KAAK,EAAE;AACT,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC;AAC1C,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/F,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACtE,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;AAClD,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACtE,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/Space/Space.js

@@ -39,11 +39,10 @@ var __objRest = (source, exclude) => {
 };
 const Space = React.forwardRef((_a, ref) => {
   var _b = _a, { w, h, style, sx, className } = _b, others = __objRest(_b, ["w", "h", "style", "sx", "className"]);
-  const { sxClassName, css, cx } = styles.useSx({ sx, className });
-  const theme = styles.useMantineTheme();
+  const { sxClassName, css, cx, theme } = styles.useSx({ sx, className });
   const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
-  const width = styles.getSizeValue({ size: w, sizes: theme.spacing });
-  const height = styles.getSizeValue({ size: h, sizes: theme.spacing });
+  const width = theme.fn.size({ size: w, sizes: theme.spacing });
+  const height = theme.fn.size({ size: h, sizes: theme.spacing });
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     ref,
     style: mergedStyles,

package/cjs/components/Space/Space.js.map

@@ -1 +1 @@
-{"version":3,"file":"Space.js","sources":["../../../src/components/Space/Space.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  useExtractedMargins,\n  DefaultProps,\n  MantineNumberSize,\n  getSizeValue,\n  useMantineTheme,\n  useSx,\n} from '@mantine/styles';\n\nexport interface SpaceProps extends DefaultProps {\n  /** Width, set to add horizontal spacing */\n  w?: MantineNumberSize;\n\n  /** Height, set to add vertical spacing */\n  h?: MantineNumberSize;\n}\n\nexport const Space = forwardRef<HTMLDivElement, SpaceProps>(\n  ({ w, h, style, sx, className, ...others }: SpaceProps, ref) => {\n    const { sxClassName, css, cx } = useSx({ sx, className });\n    const theme = useMantineTheme();\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const width = getSizeValue({ size: w, sizes: theme.spacing });\n    const height = getSizeValue({ size: h, sizes: theme.spacing });\n\n    return (\n      <div\n        ref={ref}\n        style={mergedStyles}\n        className={cx(css({ width, height, minWidth: width, minHeight: height }), sxClassName)}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpace.displayName = '@mantine/core/Space';\n"],"names":["forwardRef","useSx","useMantineTheme","useExtractedMargins","getSizeValue","React"],"mappings":"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"}
+{"version":3,"file":"Space.js","sources":["../../../src/components/Space/Space.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useExtractedMargins, DefaultProps, MantineNumberSize, useSx } from '@mantine/styles';\n\nexport interface SpaceProps extends DefaultProps {\n  /** Width, set to add horizontal spacing */\n  w?: MantineNumberSize;\n\n  /** Height, set to add vertical spacing */\n  h?: MantineNumberSize;\n}\n\nexport const Space = forwardRef<HTMLDivElement, SpaceProps>(\n  ({ w, h, style, sx, className, ...others }: SpaceProps, ref) => {\n    const { sxClassName, css, cx, theme } = useSx({ sx, className });\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const width = theme.fn.size({ size: w, sizes: theme.spacing });\n    const height = theme.fn.size({ size: h, sizes: theme.spacing });\n\n    return (\n      <div\n        ref={ref}\n        style={mergedStyles}\n        className={cx(css({ width, height, minWidth: width, minHeight: height }), sxClassName)}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpace.displayName = '@mantine/core/Space';\n"],"names":["forwardRef","useSx","useExtractedMargins","React"],"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;AAGU,MAAC,KAAK,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAC7C,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;AACnH,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,GAAGC,YAAK,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;AACnE,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAGC,0BAAmB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AACxE,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACjE,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAClE,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,GAAG;AACP,IAAI,KAAK,EAAE,YAAY;AACvB,IAAI,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC;AAC1F,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AACZ,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/cjs/components/Spoiler/Spoiler.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styles = require('@mantine/styles');
-var Button = require('../Button/Button.js');
 var Spoiler_styles = require('./Spoiler.styles.js');
+var Anchor = require('../Anchor/Anchor.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -87,8 +87,8 @@ const Spoiler = React.forwardRef((_a, ref) => {
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     ref: contentRef
-  }, children)), spoiler && /* @__PURE__ */ React__default.createElement(Button.Button, {
-    variant: "link",
+  }, children)), spoiler && /* @__PURE__ */ React__default.createElement(Anchor.Anchor, {
+    component: "button",
     ref: controlRef,
     onClick: () => setShowState((opened) => !opened),
     className: classes.control

package/cjs/components/Spoiler/Spoiler.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.js","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, forwardRef } from 'react';\nimport { DefaultProps, ClassNames, useExtractedMargins } from '@mantine/styles';\nimport { Button } from '../Button/Button';\nimport useStyles from './Spoiler.styles';\n\nexport type SpoilerStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SpoilerProps\n  extends DefaultProps<SpoilerStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Max height of visible content, when this point is reached spoiler appears */\n  maxHeight: number;\n\n  /** Label for close spoiler action */\n  hideLabel: React.ReactNode;\n\n  /** Label for open spoiler action */\n  showLabel: React.ReactNode;\n\n  /** Get ref of spoiler toggle button */\n  controlRef?: React.ForwardedRef<HTMLButtonElement>;\n\n  /** Initial spoiler state, true to wrap content in spoiler, false to show content without spoiler, opened state will be updated on mount */\n  initialState?: boolean;\n\n  /** Spoiler reveal transition duration in ms, 0 or null to turn off animation */\n  transitionDuration?: number;\n}\n\nexport const Spoiler = forwardRef<HTMLDivElement, SpoilerProps>(\n  (\n    {\n      className,\n      style,\n      children,\n      maxHeight = 100,\n      hideLabel,\n      showLabel,\n      transitionDuration = 200,\n      controlRef,\n      initialState = false,\n      classNames,\n      styles,\n      sx,\n      ...others\n    }: SpoilerProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { transitionDuration },\n      { sx, classNames, styles, name: 'Spoiler' }\n    );\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const [show, setShowState] = useState(initialState);\n    const [spoiler, setSpoilerState] = useState(initialState);\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const spoilerMoreContent = show ? hideLabel : showLabel;\n\n    useEffect(() => {\n      setSpoilerState(maxHeight < contentRef.current.clientHeight);\n    }, [maxHeight, children]);\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles} ref={ref} {...rest}>\n        <div\n          className={classes.content}\n          style={{\n            maxHeight: !show ? maxHeight : contentRef.current && contentRef.current.clientHeight,\n          }}\n        >\n          <div ref={contentRef}>{children}</div>\n        </div>\n\n        {spoiler && (\n          <Button\n            variant=\"link\"\n            ref={controlRef}\n            onClick={() => setShowState((opened) => !opened)}\n            className={classes.control}\n          >\n            {spoilerMoreContent}\n          </Button>\n        )}\n      </div>\n    );\n  }\n);\n\nSpoiler.displayName = '@mantine/core/Spoiler';\n"],"names":["forwardRef","styles","useStyles","useExtractedMargins","useState","useRef","useEffect","React","Button"],"mappings":"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"}
+{"version":3,"file":"Spoiler.js","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, forwardRef } from 'react';\nimport { DefaultProps, ClassNames, useExtractedMargins } from '@mantine/styles';\nimport { Anchor } from '../Anchor';\nimport useStyles from './Spoiler.styles';\n\nexport type SpoilerStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SpoilerProps\n  extends DefaultProps<SpoilerStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Max height of visible content, when this point is reached spoiler appears */\n  maxHeight: number;\n\n  /** Label for close spoiler action */\n  hideLabel: React.ReactNode;\n\n  /** Label for open spoiler action */\n  showLabel: React.ReactNode;\n\n  /** Get ref of spoiler toggle button */\n  controlRef?: React.ForwardedRef<HTMLButtonElement>;\n\n  /** Initial spoiler state, true to wrap content in spoiler, false to show content without spoiler, opened state will be updated on mount */\n  initialState?: boolean;\n\n  /** Spoiler reveal transition duration in ms, 0 or null to turn off animation */\n  transitionDuration?: number;\n}\n\nexport const Spoiler = forwardRef<HTMLDivElement, SpoilerProps>(\n  (\n    {\n      className,\n      style,\n      children,\n      maxHeight = 100,\n      hideLabel,\n      showLabel,\n      transitionDuration = 200,\n      controlRef,\n      initialState = false,\n      classNames,\n      styles,\n      sx,\n      ...others\n    }: SpoilerProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { transitionDuration },\n      { sx, classNames, styles, name: 'Spoiler' }\n    );\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const [show, setShowState] = useState(initialState);\n    const [spoiler, setSpoilerState] = useState(initialState);\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const spoilerMoreContent = show ? hideLabel : showLabel;\n\n    useEffect(() => {\n      setSpoilerState(maxHeight < contentRef.current.clientHeight);\n    }, [maxHeight, children]);\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles} ref={ref} {...rest}>\n        <div\n          className={classes.content}\n          style={{\n            maxHeight: !show ? maxHeight : contentRef.current && contentRef.current.clientHeight,\n          }}\n        >\n          <div ref={contentRef}>{children}</div>\n        </div>\n\n        {spoiler && (\n          <Anchor\n            component=\"button\"\n            ref={controlRef}\n            onClick={() => setShowState((opened) => !opened)}\n            className={classes.control}\n          >\n            {spoilerMoreContent}\n          </Anchor>\n        )}\n      </div>\n    );\n  }\n);\n\nSpoiler.displayName = '@mantine/core/Spoiler';\n"],"names":["forwardRef","styles","useStyles","useExtractedMargins","useState","useRef","useEffect","React","Anchor"],"mappings":"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"}

package/cjs/components/Stepper/Step/Step.js

@@ -0,0 +1,131 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('@mantine/styles');
+var Step_styles = require('./Step.styles.js');
+var UnstyledButton = require('../../Button/UnstyledButton/UnstyledButton.js');
+var Transition = require('../../Transition/Transition.js');
+var Loader = require('../../Loader/Loader.js');
+var CheckboxIcon = require('../../Checkbox/CheckboxIcon.js');
+var Text = require('../../Text/Text.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultIconSizes = {
+  xs: 16,
+  sm: 18,
+  md: 20,
+  lg: 22,
+  xl: 24
+};
+const Step = React.forwardRef((_a, ref) => {
+  var _b = _a, {
+    className,
+    state,
+    color,
+    icon,
+    completedIcon,
+    progressIcon,
+    label,
+    description,
+    withIcon = true,
+    iconSize,
+    size = "md",
+    loading,
+    allowStepClick = true,
+    iconPosition = "left",
+    __staticSelector = "Step",
+    classNames,
+    styles: styles$1,
+    sx
+  } = _b, others = __objRest(_b, [
+    "className",
+    "state",
+    "color",
+    "icon",
+    "completedIcon",
+    "progressIcon",
+    "label",
+    "description",
+    "withIcon",
+    "iconSize",
+    "size",
+    "loading",
+    "allowStepClick",
+    "iconPosition",
+    "__staticSelector",
+    "classNames",
+    "styles",
+    "sx"
+  ]);
+  const { classes, cx, theme } = Step_styles['default']({ color, iconSize, size, allowStepClick, iconPosition }, { name: __staticSelector, classNames, styles: styles$1 });
+  const { sxClassName } = styles.useSx({ sx });
+  const _iconSize = theme.fn.size({ size, sizes: defaultIconSizes });
+  const _icon = state === "stepCompleted" ? null : state === "stepProgress" ? progressIcon : icon;
+  return /* @__PURE__ */ React__default.createElement(UnstyledButton.UnstyledButton, __spreadValues({
+    className: cx(classes.step, classes[state], sxClassName, className),
+    tabIndex: allowStepClick ? 0 : -1,
+    ref
+  }, others), withIcon && /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.stepIcon
+  }, /* @__PURE__ */ React__default.createElement(Transition.Transition, {
+    mounted: state === "stepCompleted",
+    transition: "pop",
+    duration: 200
+  }, (transitionStyles) => /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.stepCompletedIcon,
+    style: transitionStyles
+  }, loading ? /* @__PURE__ */ React__default.createElement(Loader.Loader, {
+    color: "#fff",
+    size: _iconSize
+  }) : completedIcon || /* @__PURE__ */ React__default.createElement(CheckboxIcon.CheckboxIcon, {
+    indeterminate: false,
+    width: _iconSize,
+    height: _iconSize
+  }))), state !== "stepCompleted" ? loading ? /* @__PURE__ */ React__default.createElement(Loader.Loader, {
+    size: _iconSize
+  }) : _icon || icon : null), (label || description) && /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.stepBody
+  }, label && /* @__PURE__ */ React__default.createElement(Text.Text, {
+    className: classes.stepLabel
+  }, label), description && /* @__PURE__ */ React__default.createElement(Text.Text, {
+    className: classes.stepDescription,
+    color: "dimmed"
+  }, description)));
+});
+Step.displayName = "@mantine/core/Step";
+
+exports.Step = Step;
+//# sourceMappingURL=Step.js.map

package/cjs/components/Stepper/Step/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames, MantineSize, useSx } from '@mantine/styles';\nimport { Text } from '../../Text';\nimport { Loader } from '../../Loader';\nimport { CheckboxIcon } from '../../Checkbox';\nimport { UnstyledButton } from '../../Button';\nimport { Transition } from '../../Transition';\nimport useStyles from './Step.styles';\n\nexport type StepStylesNames = ClassNames<typeof useStyles>;\n\nexport interface StepProps\n  extends DefaultProps<StepStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Step state, controlled by Steps component */\n  state?: 'stepInactive' | 'stepProgress' | 'stepCompleted';\n\n  /** Step color from theme.colors */\n  color?: MantineColor;\n\n  /** Should icon be displayed */\n  withIcon?: boolean;\n\n  /** Step icon, defaults to step index + 1 when rendered within Stepper */\n  icon?: React.ReactNode;\n\n  /** Step icon displayed when step is completed */\n  completedIcon?: React.ReactNode;\n\n  /** Step icon displayed when step is in progress */\n  progressIcon?: React.ReactNode;\n\n  /** Step label, render after icon */\n  label?: React.ReactNode;\n\n  /** Step description */\n  description?: React.ReactNode;\n\n  /** Icon wrapper size in px */\n  iconSize?: number;\n\n  /** Icon position relative to step body */\n  iconPosition?: 'right' | 'left';\n\n  /** Component size */\n  size?: MantineSize;\n\n  /** Indicates loading state on step */\n  loading?: boolean;\n\n  /** Set to false to disable clicks on step */\n  allowStepClick?: boolean;\n\n  /** Static selector base */\n  __staticSelector?: string;\n}\n\nconst defaultIconSizes = {\n  xs: 16,\n  sm: 18,\n  md: 20,\n  lg: 22,\n  xl: 24,\n};\n\nexport const Step = forwardRef<HTMLButtonElement, StepProps>(\n  (\n    {\n      className,\n      state,\n      color,\n      icon,\n      completedIcon,\n      progressIcon,\n      label,\n      description,\n      withIcon = true,\n      iconSize,\n      size = 'md',\n      loading,\n      allowStepClick = true,\n      iconPosition = 'left',\n      __staticSelector = 'Step',\n      classNames,\n      styles,\n      sx,\n      ...others\n    }: StepProps,\n    ref\n  ) => {\n    const { classes, cx, theme } = useStyles(\n      { color, iconSize, size, allowStepClick, iconPosition },\n      { name: __staticSelector, classNames, styles }\n    );\n\n    const { sxClassName } = useSx({ sx });\n\n    const _iconSize = theme.fn.size({ size, sizes: defaultIconSizes });\n    const _icon = state === 'stepCompleted' ? null : state === 'stepProgress' ? progressIcon : icon;\n\n    return (\n      <UnstyledButton\n        className={cx(classes.step, classes[state], sxClassName, className)}\n        tabIndex={allowStepClick ? 0 : -1}\n        ref={ref}\n        {...others}\n      >\n        {withIcon && (\n          <div className={classes.stepIcon}>\n            <Transition mounted={state === 'stepCompleted'} transition=\"pop\" duration={200}>\n              {(transitionStyles) => (\n                <div className={classes.stepCompletedIcon} style={transitionStyles}>\n                  {loading ? (\n                    <Loader color=\"#fff\" size={_iconSize} />\n                  ) : (\n                    completedIcon || (\n                      <CheckboxIcon indeterminate={false} width={_iconSize} height={_iconSize} />\n                    )\n                  )}\n                </div>\n              )}\n            </Transition>\n\n            {state !== 'stepCompleted' ? (\n              loading ? (\n                <Loader size={_iconSize} />\n              ) : (\n                _icon || icon\n              )\n            ) : null}\n          </div>\n        )}\n\n        {(label || description) && (\n          <div className={classes.stepBody}>\n            {label && <Text className={classes.stepLabel}>{label}</Text>}\n            {description && (\n              <Text className={classes.stepDescription} color=\"dimmed\">\n                {description}\n              </Text>\n            )}\n          </div>\n        )}\n      </UnstyledButton>\n    );\n  }\n);\n\nStep.displayName = '@mantine/core/Step';\n"],"names":["forwardRef","styles","useStyles","useSx","React","UnstyledButton","Transition","Loader","CheckboxIcon","Text"],"mappings":"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"}

package/cjs/components/Stepper/Step/Step.styles.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 iconSizes = {
+  xs: 34,
+  sm: 36,
+  md: 42,
+  lg: 48,
+  xl: 52
+};
+var useStyles = styles.createStyles((theme, { color, iconSize, size, allowStepClick, iconPosition }, getRef) => {
+  const stepIcon = getRef("stepIcon");
+  const stepCompletedIcon = getRef("stepCompletedIcon");
+  const _iconSize = iconSize || theme.fn.size({ size, sizes: iconSizes });
+  const iconMargin = size === "xl" || size === "lg" ? theme.spacing.md : theme.spacing.sm;
+  return {
+    step: {
+      display: "flex",
+      alignItems: "center",
+      flexDirection: iconPosition === "left" ? "row" : "row-reverse",
+      cursor: allowStepClick ? "pointer" : "default"
+    },
+    stepIcon: {
+      boxSizing: "border-box",
+      ref: stepIcon,
+      height: _iconSize,
+      width: _iconSize,
+      minWidth: _iconSize,
+      borderRadius: _iconSize,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
+      border: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]}`,
+      transition: "background-color 150ms ease, border-color 150ms ease",
+      position: "relative",
+      fontWeight: 700,
+      color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7],
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes })
+    },
+    stepCompletedIcon: __spreadProps(__spreadValues({
+      ref: stepCompletedIcon
+    }, theme.fn.cover()), {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: theme.white
+    }),
+    stepProgress: {
+      [`& .${stepIcon}`]: {
+        borderColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 7 : 6)
+      }
+    },
+    stepCompleted: {
+      [`& .${stepIcon}`]: {
+        backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 7 : 6),
+        borderColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 7 : 6),
+        color: theme.white
+      }
+    },
+    stepBody: {
+      marginLeft: iconPosition === "left" ? iconMargin : void 0,
+      marginRight: iconPosition === "right" ? iconMargin : void 0
+    },
+    stepLabel: {
+      textAlign: iconPosition,
+      fontWeight: 500,
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
+      lineHeight: 1
+    },
+    stepDescription: {
+      textAlign: iconPosition,
+      marginTop: theme.fn.size({ size, sizes: theme.spacing }) / 3,
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }) - 2,
+      lineHeight: 1
+    }
+  };
+});
+
+exports.default = useStyles;
+exports.iconSizes = iconSizes;
+//# sourceMappingURL=Step.styles.js.map

package/cjs/components/Stepper/Step/Step.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.styles.js","sources":["../../../../src/components/Stepper/Step/Step.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineSize } from '@mantine/styles';\n\ninterface StepStyles {\n  color: MantineColor;\n  iconSize: number;\n  size: MantineSize;\n  allowStepClick: boolean;\n  iconPosition: 'right' | 'left';\n}\n\nexport const iconSizes = {\n  xs: 34,\n  sm: 36,\n  md: 42,\n  lg: 48,\n  xl: 52,\n};\n\nexport default createStyles(\n  (theme, { color, iconSize, size, allowStepClick, iconPosition }: StepStyles, getRef) => {\n    const stepIcon = getRef('stepIcon');\n    const stepCompletedIcon = getRef('stepCompletedIcon');\n    const _iconSize = iconSize || theme.fn.size({ size, sizes: iconSizes });\n    const iconMargin = size === 'xl' || size === 'lg' ? theme.spacing.md : theme.spacing.sm;\n\n    return {\n      step: {\n        display: 'flex',\n        alignItems: 'center',\n        flexDirection: iconPosition === 'left' ? 'row' : 'row-reverse',\n        cursor: allowStepClick ? 'pointer' : 'default',\n      },\n\n      stepIcon: {\n        boxSizing: 'border-box',\n        ref: stepIcon,\n        height: _iconSize,\n        width: _iconSize,\n        minWidth: _iconSize,\n        borderRadius: _iconSize,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n        border: `2px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1]\n        }`,\n        transition: 'background-color 150ms ease, border-color 150ms ease',\n        position: 'relative',\n        fontWeight: 700,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[7],\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n      },\n\n      stepCompletedIcon: {\n        ref: stepCompletedIcon,\n        ...theme.fn.cover(),\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        color: theme.white,\n      },\n\n      stepProgress: {\n        [`& .${stepIcon}`]: {\n          borderColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 7 : 6),\n        },\n      },\n\n      stepCompleted: {\n        [`& .${stepIcon}`]: {\n          backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 7 : 6),\n          borderColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 7 : 6),\n          color: theme.white,\n        },\n      },\n\n      stepBody: {\n        marginLeft: iconPosition === 'left' ? iconMargin : undefined,\n        marginRight: iconPosition === 'right' ? iconMargin : undefined,\n      },\n\n      stepLabel: {\n        textAlign: iconPosition,\n        fontWeight: 500,\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        lineHeight: 1,\n      },\n\n      stepDescription: {\n        textAlign: iconPosition,\n        marginTop: theme.fn.size({ size, sizes: theme.spacing }) / 3,\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }) - 2,\n        lineHeight: 1,\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,MAAC,SAAS,GAAG;AACzB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,MAAM,KAAK;AACxG,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACtC,EAAE,MAAM,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;AACxD,EAAE,MAAM,SAAS,GAAG,QAAQ,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC1E,EAAE,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;AAC1F,EAAE,OAAO;AACT,IAAI,IAAI,EAAE;AACV,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,aAAa,EAAE,YAAY,KAAK,MAAM,GAAG,KAAK,GAAG,aAAa;AACpE,MAAM,MAAM,EAAE,cAAc,GAAG,SAAS,GAAG,SAAS;AACpD,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,GAAG,EAAE,QAAQ;AACnB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,KAAK,EAAE,SAAS;AACtB,MAAM,QAAQ,EAAE,SAAS;AACzB,MAAM,YAAY,EAAE,SAAS;AAC7B,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,MAAM,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACvG,MAAM,UAAU,EAAE,sDAAsD;AACxE,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,UAAU,EAAE,GAAG;AACrB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC/D,KAAK;AACL,IAAI,iBAAiB,EAAE,aAAa,CAAC,cAAc,CAAC;AACpD,MAAM,GAAG,EAAE,iBAAiB;AAC5B,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE;AAC1B,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK;AACxB,KAAK,CAAC;AACN,IAAI,YAAY,EAAE;AAClB,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,GAAG;AAC1B,QAAQ,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACrF,OAAO;AACP,KAAK;AACL,IAAI,aAAa,EAAE;AACnB,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,GAAG;AAC1B,QAAQ,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACzF,QAAQ,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACrF,QAAQ,KAAK,EAAE,KAAK,CAAC,KAAK;AAC1B,OAAO;AACP,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,UAAU,EAAE,YAAY,KAAK,MAAM,GAAG,UAAU,GAAG,KAAK,CAAC;AAC/D,MAAM,WAAW,EAAE,YAAY,KAAK,OAAO,GAAG,UAAU,GAAG,KAAK,CAAC;AACjE,KAAK;AACL,IAAI,SAAS,EAAE;AACf,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,UAAU,EAAE,GAAG;AACrB,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC/D,MAAM,UAAU,EAAE,CAAC;AACnB,KAAK;AACL,IAAI,eAAe,EAAE;AACrB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AAClE,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC;AACnE,MAAM,UAAU,EAAE,CAAC;AACnB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}

package/cjs/components/Stepper/Stepper.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('@mantine/styles');
+var Step = require('./Step/Step.js');
+var Stepper_styles = require('./Stepper.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Stepper = React.forwardRef((_a, ref) => {
+  var _b = _a, {
+    className,
+    children,
+    onStepClick,
+    active,
+    completedIcon,
+    progressIcon,
+    color,
+    iconSize,
+    style,
+    contentPadding = "md",
+    size = "md",
+    orientation = "horizontal",
+    breakpoint,
+    iconPosition = "left",
+    classNames,
+    styles: styles$1,
+    sx
+  } = _b, others = __objRest(_b, [
+    "className",
+    "children",
+    "onStepClick",
+    "active",
+    "completedIcon",
+    "progressIcon",
+    "color",
+    "iconSize",
+    "style",
+    "contentPadding",
+    "size",
+    "orientation",
+    "breakpoint",
+    "iconPosition",
+    "classNames",
+    "styles",
+    "sx"
+  ]);
+  var _a2, _b2;
+  const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
+  const { classes, cx } = Stepper_styles['default']({ contentPadding, color, orientation, iconPosition, size, iconSize, breakpoint }, { classNames, styles: styles$1, sx, name: "Stepper" });
+  const filteredChildren = React.Children.toArray(children).filter((item) => item.type === Step.Step);
+  const items = filteredChildren.reduce((acc, item, index, array) => {
+    acc.push(/* @__PURE__ */ React__default.createElement(Step.Step, __spreadProps(__spreadValues({}, item.props), {
+      __staticSelector: "Stepper",
+      icon: item.props.icon || index + 1,
+      key: index,
+      state: active === index ? "stepProgress" : active > index ? "stepCompleted" : "stepInactive",
+      onClick: () => typeof onStepClick === "function" && onStepClick(index),
+      allowStepClick: typeof onStepClick === "function",
+      completedIcon: item.props.completedIcon || completedIcon,
+      progressIcon: item.props.progressIcon || progressIcon,
+      color: item.props.color || color,
+      iconSize,
+      size,
+      classNames,
+      styles: styles$1,
+      iconPosition: item.props.iconPosition || iconPosition
+    })));
+    if (index !== array.length - 1) {
+      acc.push(/* @__PURE__ */ React__default.createElement("div", {
+        className: cx(classes.separator, { [classes.separatorActive]: index < active }),
+        key: `separator-${index}`
+      }));
+    }
+    return acc;
+  }, []);
+  const content = (_b2 = (_a2 = filteredChildren[active]) == null ? void 0 : _a2.props) == null ? void 0 : _b2.children;
+  return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
+    className: cx(classes.root, className),
+    style: mergedStyles,
+    ref
+  }, rest), /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.steps
+  }, items), content && /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.content
+  }, content));
+});
+Stepper.Step = Step.Step;
+Stepper.displayName = "@mantine/core/Stepper";
+
+exports.Stepper = Stepper;
+//# sourceMappingURL=Stepper.js.map

package/cjs/components/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React, { Children, forwardRef } from 'react';\nimport {\n  MantineColor,\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  useExtractedMargins,\n  ClassNames,\n} from '@mantine/styles';\nimport { Step, StepStylesNames } from './Step/Step';\nimport useStyles from './Stepper.styles';\n\nexport type StepperStylesNames = ClassNames<typeof useStyles> | StepStylesNames;\n\nexport interface StepperProps\n  extends DefaultProps<StepperStylesNames>,\n    React.ComponentPropsWithRef<'div'> {\n  /** <Stepper.Step /> components only */\n  children: React.ReactNode;\n\n  /** Called when step is clicked */\n  onStepClick?(stepIndex: number): void;\n\n  /** Active step index */\n  active: number;\n\n  /** Step icon displayed when step is completed */\n  completedIcon?: React.ReactNode;\n\n  /** Step icon displayed when step is in progress */\n  progressIcon?: React.ReactNode;\n\n  /** Active and progress Step colors from theme.colors */\n  color?: MantineColor;\n\n  /** Step icon size in px */\n  iconSize?: number;\n\n  /** Content padding-top from theme.spacing or number to set value in px */\n  contentPadding?: MantineNumberSize;\n\n  /** Component orientation */\n  orientation?: 'vertical' | 'horizontal';\n\n  /** Icon position relative to step body */\n  iconPosition?: 'right' | 'left';\n\n  /** Component size */\n  size?: MantineSize;\n\n  /** Breakpoint at which orientation will change from horizontal to vertical */\n  breakpoint?: MantineNumberSize;\n}\n\ntype StepperComponent = ((props: StepperProps) => React.ReactElement) & {\n  displayName: string;\n  Step: typeof Step;\n};\n\nexport const Stepper: StepperComponent = forwardRef<HTMLDivElement, StepperProps>(\n  (\n    {\n      className,\n      children,\n      onStepClick,\n      active,\n      completedIcon,\n      progressIcon,\n      color,\n      iconSize,\n      style,\n      contentPadding = 'md',\n      size = 'md',\n      orientation = 'horizontal',\n      breakpoint,\n      iconPosition = 'left',\n      classNames,\n      styles,\n      sx,\n      ...others\n    }: StepperProps,\n    ref\n  ) => {\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const { classes, cx } = useStyles(\n      { contentPadding, color, orientation, iconPosition, size, iconSize, breakpoint },\n      { classNames, styles, sx, name: 'Stepper' }\n    );\n    const filteredChildren = Children.toArray(children).filter(\n      (item: React.ReactElement) => item.type === Step\n    ) as React.ReactElement[];\n\n    const items = filteredChildren.reduce((acc, item, index, array) => {\n      acc.push(\n        <Step\n          {...item.props}\n          __staticSelector=\"Stepper\"\n          icon={item.props.icon || index + 1}\n          key={index}\n          state={\n            active === index ? 'stepProgress' : active > index ? 'stepCompleted' : 'stepInactive'\n          }\n          onClick={() => typeof onStepClick === 'function' && onStepClick(index)}\n          allowStepClick={typeof onStepClick === 'function'}\n          completedIcon={item.props.completedIcon || completedIcon}\n          progressIcon={item.props.progressIcon || progressIcon}\n          color={item.props.color || color}\n          iconSize={iconSize}\n          size={size}\n          classNames={classNames}\n          styles={styles}\n          iconPosition={item.props.iconPosition || iconPosition}\n        />\n      );\n\n      if (index !== array.length - 1) {\n        acc.push(\n          <div\n            className={cx(classes.separator, { [classes.separatorActive]: index < active })}\n            key={`separator-${index}`}\n          />\n        );\n      }\n\n      return acc;\n    }, [] as React.ReactNode[]);\n\n    const content = filteredChildren[active]?.props?.children;\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles} ref={ref} {...rest}>\n        <div className={classes.steps}>{items}</div>\n        {content && <div className={classes.content}>{content}</div>}\n      </div>\n    );\n  }\n) as any;\n\nStepper.Step = Step;\nStepper.displayName = '@mantine/core/Stepper';\n"],"names":["forwardRef","styles","useExtractedMargins","useStyles","Children","Step","React"],"mappings":"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"}