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

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

@@ -2,11 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var styles = require('@mantine/styles');
 var SliderRoot_styles = require('../SliderRoot/SliderRoot.styles.js');
-var createMemoStyles = require('../../../theme/create-memo-styles.js');
-var getThemeColor = require('../../../theme/utils/get-theme-color/get-theme-color.js');
-var getSizeValue = require('../../../theme/utils/get-size-value/get-size-value.js');
-var getFocusStyles = require('../../../theme/utils/get-focus-styles/get-focus-styles.js');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -27,24 +24,24 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createMemoStyles.createMemoStyles({
-  label: ({ theme, color }) => ({
+var useStyles = styles.createStyles((theme, { color, size }) => ({
+  label: {
     position: "absolute",
     top: -32,
-    backgroundColor: getThemeColor.getThemeColor({ theme, color, shade: 6 }),
+    backgroundColor: styles.getThemeColor({ theme, color, shade: 6 }),
     fontSize: theme.fontSizes.xs,
     color: theme.white,
     padding: theme.spacing.xs / 2,
     borderRadius: theme.radius.sm,
     whiteSpace: "nowrap"
-  }),
-  thumb: ({ theme, color, size }) => __spreadProps(__spreadValues({}, getFocusStyles.getFocusStyles(theme)), {
+  },
+  thumb: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
     boxSizing: "border-box",
     position: "absolute",
-    height: getSizeValue.getSizeValue({ sizes: SliderRoot_styles.sizes, size }) * 2,
-    width: getSizeValue.getSizeValue({ sizes: SliderRoot_styles.sizes, size }) * 2,
-    backgroundColor: theme.colorScheme === "dark" ? getThemeColor.getThemeColor({ theme, color, shade: 6 }) : theme.white,
-    border: `4px solid ${theme.colorScheme === "dark" ? theme.white : getThemeColor.getThemeColor({ theme, color, shade: 6 })}`,
+    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 })}`,
     transform: "translate(-50%, -50%)",
     top: "50%",
     cursor: "pointer",
@@ -57,11 +54,11 @@ var useStyles = createMemoStyles.createMemoStyles({
     transitionTimingFunction: theme.transitionTimingFunction,
     zIndex: 2
   }),
-  dragging: ({ theme }) => ({
+  dragging: {
     transform: "translate(-50%, -50%) scale(1.1)",
     boxShadow: theme.shadows.md
-  })
-});
+  }
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=Thumb.styles.js.map

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  createMemoStyles,\n  getThemeColor,\n  MantineTheme,\n  getFocusStyles,\n  getSizeValue,\n  MantineNumberSize,\n} from '../../../theme';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface ThumbStyles {\n  theme: MantineTheme;\n  color: string;\n  size: MantineNumberSize;\n}\n\nexport default createMemoStyles({\n  label: ({ theme, color }: ThumbStyles) => ({\n    position: 'absolute',\n    top: -32,\n    backgroundColor: getThemeColor({ theme, color, shade: 6 }),\n    fontSize: theme.fontSizes.xs,\n    color: theme.white,\n    padding: theme.spacing.xs / 2,\n    borderRadius: theme.radius.sm,\n    whiteSpace: 'nowrap',\n  }),\n\n  thumb: ({ theme, color, size }: ThumbStyles) => ({\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: ({ theme }: ThumbStyles) => ({\n    transform: 'translate(-50%, -50%) scale(1.1)',\n    boxShadow: theme.shadows.md,\n  }),\n});\n"],"names":["createMemoStyles","getThemeColor","getFocusStyles","getSizeValue","sizes"],"mappings":"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"}
+{"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: getThemeColor({ theme, color, shade: 6 }),\n    fontSize: theme.fontSizes.xs,\n    color: theme.white,\n    padding: theme.spacing.xs / 2,\n    borderRadius: theme.radius.sm,\n    whiteSpace: 'nowrap',\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.1)',\n    boxShadow: theme.shadows.md,\n  },\n}));\n"],"names":["createStyles","getThemeColor","getFocusStyles","getSizeValue","sizes"],"mappings":"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"}

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

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var styles = require('@mantine/styles');
 var Marks = require('../Marks/Marks.js');
 var Track_styles = require('./Track.styles.js');
-var useMantineTheme = require('../../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../../theme/utils/merge-styles/merge-styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -49,9 +48,8 @@ function Track(_a) {
     size,
     color,
     classNames,
-    styles,
+    styles: styles$1,
     radius,
-    themeOverride,
     children,
     offset
   } = _b, others = __objRest(_b, [
@@ -61,13 +59,11 @@ function Track(_a) {
     "classNames",
     "styles",
     "radius",
-    "themeOverride",
     "children",
     "offset"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = Track_styles['default']({ theme, color, size, radius }, classNames, "slider");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes } = Track_styles['default']({ color, size, radius }, classNames, "slider");
+  const _styles = styles.mergeStyles(classes, styles$1);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classes.track,
     style: _styles.track
@@ -78,9 +74,8 @@ function Track(_a) {
     size,
     color,
     offset,
-    themeOverride,
     classNames,
-    styles
+    styles: styles$1
   })));
 }
 Track.displayName = "@mantine/core/SliderTrack";

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

@@ -1 +1 @@
-{"version":3,"file":"Track.js","sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, useMantineTheme, mergeStyles, MantineNumberSize } from '../../../theme';\nimport { Marks, MarksStylesNames } from '../Marks/Marks';\nimport useStyles from './Track.styles';\n\nexport type TrackStylesNames = keyof ReturnType<typeof useStyles> | MarksStylesNames;\n\ninterface TrackProps extends DefaultProps<TrackStylesNames> {\n  filled: number;\n  offset: number;\n  marks: { value: number; label?: React.ReactNode }[];\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  color: string;\n  min: number;\n  max: number;\n  value: number;\n  children: React.ReactNode;\n  onChange(value: number): void;\n}\n\nexport function Track({\n  filled,\n  size,\n  color,\n  classNames,\n  styles,\n  radius,\n  themeOverride,\n  children,\n  offset,\n  ...others\n}: TrackProps) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ theme, color, size, radius }, classNames, 'slider');\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <div className={classes.track} style={_styles.track}>\n      <div\n        className={classes.bar}\n        style={{ ..._styles.bar, left: `${offset}%`, width: `${filled}%` }}\n      />\n\n      {children}\n\n      <Marks\n        {...others}\n        size={size}\n        color={color}\n        offset={offset}\n        themeOverride={themeOverride}\n        classNames={classNames}\n        styles={styles}\n      />\n    </div>\n  );\n}\n\nTrack.displayName = '@mantine/core/SliderTrack';\n"],"names":["useMantineTheme","useStyles","mergeStyles","React","Marks"],"mappings":"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"}
+{"version":3,"file":"Track.js","sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  mergeStyles,\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n  ClassNames,\n} from '@mantine/styles';\nimport { Marks, MarksStylesNames } from '../Marks/Marks';\nimport useStyles from './Track.styles';\n\nexport type TrackStylesNames = ClassNames<typeof useStyles> | MarksStylesNames;\n\ninterface TrackProps extends DefaultProps<TrackStylesNames> {\n  filled: number;\n  offset: number;\n  marks: { value: number; label?: React.ReactNode }[];\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  color: MantineColor;\n  min: number;\n  max: number;\n  value: number;\n  children: React.ReactNode;\n  onChange(value: number): void;\n}\n\nexport function Track({\n  filled,\n  size,\n  color,\n  classNames,\n  styles,\n  radius,\n  children,\n  offset,\n  ...others\n}: TrackProps) {\n  const { classes } = useStyles({ color, size, radius }, classNames, 'slider');\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <div className={classes.track} style={_styles.track}>\n      <div\n        className={classes.bar}\n        style={{ ..._styles.bar, left: `${offset}%`, width: `${filled}%` }}\n      />\n\n      {children}\n\n      <Marks\n        {...others}\n        size={size}\n        color={color}\n        offset={offset}\n        classNames={classNames}\n        styles={styles}\n      />\n    </div>\n  );\n}\n\nTrack.displayName = '@mantine/core/SliderTrack';\n"],"names":["styles","useStyles","mergeStyles","React","Marks"],"mappings":"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"}

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

@@ -2,28 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var styles = require('@mantine/styles');
 var SliderRoot_styles = require('../SliderRoot/SliderRoot.styles.js');
-var createMemoStyles = require('../../../theme/create-memo-styles.js');
-var getSizeValue = require('../../../theme/utils/get-size-value/get-size-value.js');
-var getThemeColor = require('../../../theme/utils/get-theme-color/get-theme-color.js');
 
-var useStyles = createMemoStyles.createMemoStyles({
-  track: ({ theme, radius, size }) => ({
+var useStyles = styles.createStyles((theme, { radius, size, color }) => ({
+  track: {
     position: "relative",
-    height: getSizeValue.getSizeValue({ sizes: SliderRoot_styles.sizes, size }),
+    height: styles.getSizeValue({ sizes: SliderRoot_styles.sizes, size }),
     width: "100%",
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
-    borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius })
-  }),
-  bar: ({ theme, color, radius }) => ({
+    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius })
+  },
+  bar: {
     position: "absolute",
     top: 0,
     bottom: 0,
     left: 0,
-    backgroundColor: getThemeColor.getThemeColor({ theme, color, shade: 6 }),
-    borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius })
-  })
-});
+    backgroundColor: styles.getThemeColor({ theme, color, shade: 6 }),
+    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius })
+  }
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=Track.styles.js.map

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  createMemoStyles,\n  getSizeValue,\n  getThemeColor,\n  MantineNumberSize,\n  MantineTheme,\n} from '../../../theme';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface TrackStyles {\n  theme: MantineTheme;\n  radius: MantineNumberSize;\n  size: MantineNumberSize;\n  color: string;\n}\n\nexport default createMemoStyles({\n  track: ({ theme, radius, size }: TrackStyles) => ({\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: ({ theme, color, radius }: TrackStyles) => ({\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":["createMemoStyles","getSizeValue","sizes","getThemeColor"],"mappings":";;;;;;;;;AAMA,gBAAeA,iCAAgB,CAAC;AAChC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;AACvC,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAEC,yBAAY,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,yBAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACrE,GAAG,CAAC;AACJ,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AACtC,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,eAAe,EAAEE,2BAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,YAAY,EAAEF,yBAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACrE,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"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;;;;"}

package/cjs/components/Spoiler/Spoiler.js

@@ -3,17 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
-var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
 var Button = require('../Button/Button.js');
 var Spoiler_styles = require('./Spoiler.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -54,12 +50,11 @@ function Spoiler(_a) {
     maxHeight = 100,
     hideLabel,
     showLabel,
-    themeOverride,
     transitionDuration = 200,
     controlRef,
     initialState = false,
     classNames,
-    styles
+    styles: styles$1
   } = _b, others = __objRest(_b, [
     "className",
     "style",
@@ -67,18 +62,14 @@ function Spoiler(_a) {
     "maxHeight",
     "hideLabel",
     "showLabel",
-    "themeOverride",
     "transitionDuration",
     "controlRef",
     "initialState",
     "classNames",
     "styles"
   ]);
-  const classes = Spoiler_styles['default']({
-    transitionDuration: !hooks.useReducedMotion() && transitionDuration,
-    theme: useMantineTheme.useMantineTheme(themeOverride)
-  }, classNames, "spoiler");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes, cx } = Spoiler_styles['default']({ transitionDuration }, classNames, "spoiler");
+  const _styles = styles.mergeStyles(classes, styles$1);
   const [show, setShowState] = React.useState(initialState);
   const [spoiler, setSpoilerState] = React.useState(initialState);
   const contentRef = React.useRef(null);
@@ -87,7 +78,7 @@ function Spoiler(_a) {
     setSpoilerState(maxHeight < contentRef.current.clientHeight);
   }, [maxHeight, children]);
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx__default(classes.root, className),
+    className: cx(classes.root, className),
     style: __spreadValues(__spreadValues({}, style), _styles.root)
   }, others), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.content,
@@ -100,7 +91,6 @@ function Spoiler(_a) {
     variant: "link",
     elementRef: controlRef,
     onClick: () => setShowState((opened) => !opened),
-    themeOverride,
     className: classes.control,
     style: _styles.control
   }, spoilerMoreContent));

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 } from 'react';\nimport cx from 'clsx';\nimport { useReducedMotion } from '@mantine/hooks';\nimport { DefaultProps, useMantineTheme, mergeStyles } from '../../theme';\nimport { Button } from '../Button/Button';\nimport useStyles from './Spoiler.styles';\n\nexport type SpoilerStylesNames = keyof ReturnType<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 function Spoiler({\n  className,\n  style,\n  children,\n  maxHeight = 100,\n  hideLabel,\n  showLabel,\n  themeOverride,\n  transitionDuration = 200,\n  controlRef,\n  initialState = false,\n  classNames,\n  styles,\n  ...others\n}: SpoilerProps) {\n  const classes = useStyles(\n    {\n      transitionDuration: !useReducedMotion() && transitionDuration,\n      theme: useMantineTheme(themeOverride),\n    },\n    classNames,\n    'spoiler'\n  );\n  const _styles = mergeStyles(classes, styles);\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={{ ...style, ..._styles.root }} {...others}>\n      <div\n        className={classes.content}\n        style={{\n          ..._styles.content,\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          elementRef={controlRef}\n          onClick={() => setShowState((opened) => !opened)}\n          themeOverride={themeOverride}\n          className={classes.control}\n          style={_styles.control}\n        >\n          {spoilerMoreContent}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nSpoiler.displayName = '@mantine/core/Spoiler';\n"],"names":["useStyles","useReducedMotion","useMantineTheme","mergeStyles","useState","useRef","useEffect","React","cx","Button"],"mappings":"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"}
+{"version":3,"file":"Spoiler.js","sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { mergeStyles, DefaultProps, ClassNames } 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 function Spoiler({\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  ...others\n}: SpoilerProps) {\n  const { classes, cx } = useStyles({ transitionDuration }, classNames, 'spoiler');\n  const _styles = mergeStyles(classes, styles);\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={{ ...style, ..._styles.root }} {...others}>\n      <div\n        className={classes.content}\n        style={{\n          ..._styles.content,\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          elementRef={controlRef}\n          onClick={() => setShowState((opened) => !opened)}\n          className={classes.control}\n          style={_styles.control}\n        >\n          {spoilerMoreContent}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nSpoiler.displayName = '@mantine/core/Spoiler';\n"],"names":["styles","useStyles","mergeStyles","useState","useRef","useEffect","React","Button"],"mappings":"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"}

package/cjs/components/Spoiler/Spoiler.styles.js

@@ -2,20 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
+var styles = require('@mantine/styles');
 
-var useStyles = createMemoStyles.createMemoStyles({
+var useStyles = styles.createStyles((_theme, { transitionDuration }) => ({
   control: {},
   root: {
     position: "relative"
   },
-  content: ({ transitionDuration }) => ({
+  content: {
     overflow: "hidden",
     transitionProperty: "max-height",
     transitionTimingFunction: "ease",
-    transitionDuration: transitionDuration || 0
-  })
-});
+    transitionDuration: `${transitionDuration}ms`,
+    "@media (prefers-reduced-motion)": {
+      transitionDuration: "0ms"
+    }
+  }
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=Spoiler.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.styles.js","sources":["../../../src/components/Spoiler/Spoiler.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineTheme } from '../../theme';\n\ninterface SpoilerStyles {\n  theme: MantineTheme;\n  transitionDuration: number;\n}\n\nexport default createMemoStyles({\n  control: {},\n\n  root: {\n    position: 'relative',\n  },\n\n  content: ({ transitionDuration }: SpoilerStyles) => ({\n    overflow: 'hidden',\n    transitionProperty: 'max-height',\n    transitionTimingFunction: 'ease',\n    transitionDuration: transitionDuration || 0,\n  }),\n});\n"],"names":["createMemoStyles"],"mappings":";;;;;;AACA,gBAAeA,iCAAgB,CAAC;AAChC,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,OAAO,EAAE,CAAC,EAAE,kBAAkB,EAAE,MAAM;AACxC,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,kBAAkB,EAAE,YAAY;AACpC,IAAI,wBAAwB,EAAE,MAAM;AACpC,IAAI,kBAAkB,EAAE,kBAAkB,IAAI,CAAC;AAC/C,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"Spoiler.styles.js","sources":["../../../src/components/Spoiler/Spoiler.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface SpoilerStyles {\n  transitionDuration: number;\n}\n\nexport default createStyles((_theme, { transitionDuration }: SpoilerStyles) => ({\n  control: {},\n\n  root: {\n    position: 'relative',\n  },\n\n  content: {\n    overflow: 'hidden',\n    transitionProperty: 'max-height',\n    transitionTimingFunction: 'ease',\n    transitionDuration: `${transitionDuration}ms`,\n\n    '@media (prefers-reduced-motion)': {\n      transitionDuration: '0ms',\n    },\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,MAAM,EAAE,EAAE,kBAAkB,EAAE,MAAM;AACjE,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,kBAAkB,EAAE,YAAY;AACpC,IAAI,wBAAwB,EAAE,MAAM;AACpC,IAAI,kBAAkB,EAAE,CAAC,EAAE,kBAAkB,CAAC,EAAE,CAAC;AACjD,IAAI,iCAAiC,EAAE;AACvC,MAAM,kBAAkB,EAAE,KAAK;AAC/B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/Switch/Switch.js

@@ -3,16 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
 var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
 var Switch_styles = require('./Switch.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -45,7 +42,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const SWITCH_SIZES = Switch_styles.sizes;
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -55,12 +51,11 @@ function Switch(_a) {
     style,
     size = "sm",
     radius = "xl",
-    themeOverride,
     wrapperProps,
     elementRef,
     children,
     classNames,
-    styles
+    styles: styles$1
   } = _b, others = __objRest(_b, [
     "className",
     "color",
@@ -69,20 +64,17 @@ function Switch(_a) {
     "style",
     "size",
     "radius",
-    "themeOverride",
     "wrapperProps",
     "elementRef",
     "children",
     "classNames",
     "styles"
   ]);
-  const reduceMotion = hooks.useReducedMotion();
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = Switch_styles['default']({ size, color, radius, reduceMotion, theme }, classNames, "switch");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes, cx } = Switch_styles['default']({ size, color, radius }, classNames, "switch");
+  const _styles = styles.mergeStyles(classes, styles$1);
   const uuid = hooks.useId(id);
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx__default(classes.root, className),
+    className: cx(classes.root, className),
     style: __spreadValues(__spreadValues({}, style), _styles.root)
   }, wrapperProps), /* @__PURE__ */ React__default.createElement("input", __spreadProps(__spreadValues({}, others), {
     id: uuid,
@@ -98,6 +90,5 @@ function Switch(_a) {
 }
 Switch.displayName = "@mantine/core/Switch";
 
-exports.SWITCH_SIZES = SWITCH_SIZES;
 exports.Switch = Switch;
 //# sourceMappingURL=Switch.js.map

package/cjs/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { useId, useReducedMotion } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  mergeStyles,\n  useMantineTheme,\n} from '../../theme';\nimport useStyles, { sizes } from './Switch.styles';\n\nexport const SWITCH_SIZES = sizes;\n\nexport type SwitchStylesNames = keyof ReturnType<typeof useStyles>;\n\nexport interface SwitchProps\n  extends DefaultProps<SwitchStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'size'> {\n  /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n  id?: string;\n\n  /** Switch label */\n  label?: React.ReactNode;\n\n  /** Switch checked state color from theme, defaults to theme.primaryColor */\n  color?: string;\n\n  /** Predefined size value */\n  size?: MantineSize;\n\n  /** Predefined border-radius value from theme.radius or number for border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Props spread to wrapper element */\n  wrapperProps?: Record<string, any>;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<HTMLInputElement>;\n}\n\nexport function Switch({\n  className,\n  color,\n  label,\n  id,\n  style,\n  size = 'sm',\n  radius = 'xl',\n  themeOverride,\n  wrapperProps,\n  elementRef,\n  children,\n  classNames,\n  styles,\n  ...others\n}: SwitchProps) {\n  const reduceMotion = useReducedMotion();\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ size, color, radius, reduceMotion, theme }, classNames, 'switch');\n  const _styles = mergeStyles(classes, styles);\n\n  const uuid = useId(id);\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      style={{ ...style, ..._styles.root }}\n      {...wrapperProps}\n    >\n      <input\n        {...others}\n        id={uuid}\n        ref={elementRef}\n        type=\"checkbox\"\n        className={classes.input}\n        style={_styles.input}\n      />\n\n      {label && (\n        <label className={classes.label} htmlFor={uuid} style={_styles.label}>\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = '@mantine/core/Switch';\n"],"names":["sizes","useReducedMotion","useMantineTheme","useStyles","mergeStyles","useId","React","cx"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n  mergeStyles,\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  MantineColor,\n  ClassNames,\n} from '@mantine/styles';\nimport useStyles from './Switch.styles';\n\nexport type SwitchStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SwitchProps\n  extends DefaultProps<SwitchStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'size'> {\n  /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n  id?: string;\n\n  /** Switch label */\n  label?: React.ReactNode;\n\n  /** Switch checked state color from theme.colors, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Predefined size value */\n  size?: MantineSize;\n\n  /** Predefined border-radius value from theme.radius or number for border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Props spread to wrapper element */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'> & { [key: string]: any };\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<HTMLInputElement>;\n}\n\nexport function Switch({\n  className,\n  color,\n  label,\n  id,\n  style,\n  size = 'sm',\n  radius = 'xl',\n  wrapperProps,\n  elementRef,\n  children,\n  classNames,\n  styles,\n  ...others\n}: SwitchProps) {\n  const { classes, cx } = useStyles({ size, color, radius }, classNames, 'switch');\n  const _styles = mergeStyles(classes, styles);\n\n  const uuid = useId(id);\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      style={{ ...style, ..._styles.root }}\n      {...wrapperProps}\n    >\n      <input\n        {...others}\n        id={uuid}\n        ref={elementRef}\n        type=\"checkbox\"\n        className={classes.input}\n        style={_styles.input}\n      />\n\n      {label && (\n        <label className={classes.label} htmlFor={uuid} style={_styles.label}>\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\n\nSwitch.displayName = '@mantine/core/Switch';\n"],"names":["styles","useStyles","mergeStyles","useId","React"],"mappings":"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"}

package/cjs/components/Switch/Switch.styles.js

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
-var getThemeColor = require('../../theme/utils/get-theme-color/get-theme-color.js');
-var getFocusStyles = require('../../theme/utils/get-focus-styles/get-focus-styles.js');
-var getFontStyles = require('../../theme/utils/get-font-styles/get-font-styles.js');
+var styles = require('@mantine/styles');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -52,28 +48,28 @@ const sizes = Object.keys(switchHeight).reduce((acc, size) => {
   acc[size] = { width: switchWidth[size], height: switchHeight[size] };
   return acc;
 }, {});
-var useStyles = createMemoStyles.createMemoStyles({
-  root: {
-    display: "flex",
-    alignItems: "center"
-  },
-  input: ({ size, radius, theme, reduceMotion, color }) => {
-    const handleSize = getSizeValue.getSizeValue({ size, sizes: handleSizes });
-    const borderRadius = getSizeValue.getSizeValue({ size: radius, sizes: theme.radius });
-    return __spreadProps(__spreadValues({}, getFocusStyles.getFocusStyles(theme)), {
+var useStyles = styles.createStyles((theme, { size, radius, color }) => {
+  const handleSize = styles.getSizeValue({ size, sizes: handleSizes });
+  const borderRadius = styles.getSizeValue({ size: radius, sizes: theme.radius });
+  return {
+    root: {
+      display: "flex",
+      alignItems: "center"
+    },
+    input: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
       WebkitTapHighlightColor: "transparent",
       position: "relative",
       borderRadius,
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
       border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
-      height: getSizeValue.getSizeValue({ size, sizes: switchHeight }),
-      width: getSizeValue.getSizeValue({ size, sizes: switchWidth }),
-      minWidth: getSizeValue.getSizeValue({ size, sizes: switchWidth }),
+      height: styles.getSizeValue({ size, sizes: switchHeight }),
+      width: styles.getSizeValue({ size, sizes: switchWidth }),
+      minWidth: styles.getSizeValue({ size, sizes: switchWidth }),
       padding: [0, 2],
       margin: 0,
       transitionProperty: "background-color, border-color",
       transitionTimingFunction: theme.transitionTimingFunction,
-      transitionDuration: reduceMotion ? "1ms" : "150ms",
+      transitionDuration: "150ms",
       boxSizing: "border-box",
       appearance: "none",
       display: "flex",
@@ -87,13 +83,16 @@ var useStyles = createMemoStyles.createMemoStyles({
         height: handleSize,
         width: handleSize,
         border: `1px solid ${theme.colorScheme === "dark" ? theme.white : theme.colors.gray[3]}`,
-        transition: reduceMotion ? "none" : `transform 150ms ${theme.transitionTimingFunction}`
+        transition: `transform 150ms ${theme.transitionTimingFunction}`,
+        "@media (prefers-reduced-motion)": {
+          transitionDuration: "0ms"
+        }
       },
       "&:checked": {
-        backgroundColor: getThemeColor.getThemeColor({ theme, color, shade: 6 }),
-        borderColor: getThemeColor.getThemeColor({ theme, color, shade: 6 }),
+        backgroundColor: styles.getThemeColor({ theme, color, shade: 6 }),
+        borderColor: styles.getThemeColor({ theme, color, shade: 6 }),
         "&::before": {
-          transform: `translateX(${getSizeValue.getSizeValue({ size, sizes: switchWidth }) - getSizeValue.getSizeValue({ size, sizes: handleSizes }) - 6}px)`,
+          transform: `translateX(${styles.getSizeValue({ size, sizes: switchWidth }) - styles.getSizeValue({ size, sizes: handleSizes }) - 6}px)`,
           borderColor: theme.white
         }
       },
@@ -106,15 +105,15 @@ var useStyles = createMemoStyles.createMemoStyles({
           backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[0]
         }
       }
-    });
-  },
-  label: ({ theme, size }) => __spreadProps(__spreadValues({}, getFontStyles.getFontStyles(theme)), {
-    WebkitTapHighlightColor: "transparent",
-    fontSize: getSizeValue.getSizeValue({ size, sizes: theme.fontSizes }),
-    fontFamily: theme.fontFamily,
-    paddingLeft: theme.spacing.sm,
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
-  })
+    }),
+    label: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
+      WebkitTapHighlightColor: "transparent",
+      fontSize: styles.getSizeValue({ size, sizes: theme.fontSizes }),
+      fontFamily: theme.fontFamily,
+      paddingLeft: theme.spacing.sm,
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
+    })
+  };
 });
 
 exports.default = useStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import {\n  createMemoStyles,\n  MantineTheme,\n  MantineNumberSize,\n  getFontStyles,\n  getThemeColor,\n  getFocusStyles,\n  getSizeValue,\n  MantineSize,\n} from '../../theme';\n\ninterface SwitchStyles {\n  reduceMotion: boolean;\n  color: string;\n  size: MantineSize;\n  radius: MantineNumberSize;\n  theme: MantineTheme;\n}\n\nconst switchHeight = {\n  xs: 14,\n  sm: 18,\n  md: 22,\n  lg: 28,\n  xl: 34,\n};\n\nconst switchWidth = {\n  xs: 28,\n  sm: 36,\n  md: 42,\n  lg: 54,\n  xl: 66,\n};\n\nconst handleSizes = {\n  xs: 10,\n  sm: 12,\n  md: 16,\n  lg: 20,\n  xl: 26,\n};\n\nexport const sizes = Object.keys(switchHeight).reduce((acc, size) => {\n  acc[size] = { width: switchWidth[size], height: switchHeight[size] };\n  return acc;\n}, {} as Record<MantineSize, { width: number; height: number }>);\n\nexport default createMemoStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n\n  input: ({ size, radius, theme, reduceMotion, color }: SwitchStyles) => {\n    const handleSize = getSizeValue({ size, sizes: handleSizes });\n    const borderRadius = getSizeValue({ size: radius, sizes: theme.radius });\n\n    return {\n      ...getFocusStyles(theme),\n      WebkitTapHighlightColor: 'transparent',\n      position: 'relative',\n      borderRadius,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n      }`,\n      height: getSizeValue({ size, sizes: switchHeight }),\n      width: getSizeValue({ size, sizes: switchWidth }),\n      minWidth: getSizeValue({ size, sizes: switchWidth }),\n      padding: [0, 2],\n      margin: 0,\n      transitionProperty: 'background-color, border-color',\n      transitionTimingFunction: theme.transitionTimingFunction,\n      transitionDuration: reduceMotion ? '1ms' : '150ms',\n      boxSizing: 'border-box',\n      appearance: 'none',\n      display: 'flex',\n      alignItems: 'center',\n\n      '&::before': {\n        borderRadius,\n        boxSizing: 'border-box',\n        content: \"''\",\n        display: 'block',\n        backgroundColor: theme.white,\n        height: handleSize,\n        width: handleSize,\n        border: `1px solid ${theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[3]}`,\n        transition: reduceMotion ? 'none' : `transform 150ms ${theme.transitionTimingFunction}`,\n      },\n\n      '&:checked': {\n        backgroundColor: getThemeColor({ theme, color, shade: 6 }),\n        borderColor: getThemeColor({ theme, color, shade: 6 }),\n\n        '&::before': {\n          transform: `translateX(${\n            getSizeValue({ size, sizes: switchWidth }) -\n            getSizeValue({ size, sizes: handleSizes }) -\n            6 // borderWidth: 2 + padding: 2 * 2\n          }px)`,\n          borderColor: theme.white,\n        },\n      },\n\n      '&:disabled': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n        cursor: 'not-allowed',\n\n        '&::before': {\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[0],\n        },\n      },\n    };\n  },\n\n  label: ({ theme, size }: SwitchStyles) => ({\n    ...getFontStyles(theme),\n    WebkitTapHighlightColor: 'transparent',\n    fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n    fontFamily: theme.fontFamily,\n    paddingLeft: theme.spacing.sm,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n  }),\n});\n"],"names":["createMemoStyles","getSizeValue","getFocusStyles","getThemeColor","getFontStyles"],"mappings":"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"}
+{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  getFontStyles,\n  getThemeColor,\n  getFocusStyles,\n  getSizeValue,\n  MantineSize,\n  MantineColor,\n} from '@mantine/styles';\n\ninterface SwitchStyles {\n  color: MantineColor;\n  size: MantineSize;\n  radius: MantineNumberSize;\n}\n\nconst switchHeight = {\n  xs: 14,\n  sm: 18,\n  md: 22,\n  lg: 28,\n  xl: 34,\n};\n\nconst switchWidth = {\n  xs: 28,\n  sm: 36,\n  md: 42,\n  lg: 54,\n  xl: 66,\n};\n\nconst handleSizes = {\n  xs: 10,\n  sm: 12,\n  md: 16,\n  lg: 20,\n  xl: 26,\n};\n\nexport const sizes = Object.keys(switchHeight).reduce((acc, size) => {\n  acc[size] = { width: switchWidth[size], height: switchHeight[size] };\n  return acc;\n}, {} as Record<MantineSize, { width: number; height: number }>);\n\nexport default createStyles((theme, { size, radius, color }: SwitchStyles) => {\n  const handleSize = getSizeValue({ size, sizes: handleSizes });\n  const borderRadius = getSizeValue({ size: radius, sizes: theme.radius });\n\n  return {\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    input: {\n      ...getFocusStyles(theme),\n      WebkitTapHighlightColor: 'transparent',\n      position: 'relative',\n      borderRadius,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n      }`,\n      height: getSizeValue({ size, sizes: switchHeight }),\n      width: getSizeValue({ size, sizes: switchWidth }),\n      minWidth: getSizeValue({ size, sizes: switchWidth }),\n      padding: [0, 2],\n      margin: 0,\n      transitionProperty: 'background-color, border-color',\n      transitionTimingFunction: theme.transitionTimingFunction,\n      transitionDuration: '150ms',\n      boxSizing: 'border-box',\n      appearance: 'none',\n      display: 'flex',\n      alignItems: 'center',\n\n      '&::before': {\n        borderRadius,\n        boxSizing: 'border-box',\n        content: \"''\",\n        display: 'block',\n        backgroundColor: theme.white,\n        height: handleSize,\n        width: handleSize,\n        border: `1px solid ${theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[3]}`,\n        transition: `transform 150ms ${theme.transitionTimingFunction}`,\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: '0ms',\n        },\n      },\n\n      '&:checked': {\n        backgroundColor: getThemeColor({ theme, color, shade: 6 }),\n        borderColor: getThemeColor({ theme, color, shade: 6 }),\n\n        '&::before': {\n          transform: `translateX(${\n            getSizeValue({ size, sizes: switchWidth }) -\n            getSizeValue({ size, sizes: handleSizes }) -\n            6 // borderWidth: 2 + padding: 2 * 2\n          }px)`,\n          borderColor: theme.white,\n        },\n      },\n\n      '&:disabled': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n        cursor: 'not-allowed',\n\n        '&::before': {\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[0],\n        },\n      },\n    },\n\n    label: {\n      ...getFontStyles(theme),\n      WebkitTapHighlightColor: 'transparent',\n      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n      fontFamily: theme.fontFamily,\n      paddingLeft: theme.spacing.sm,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    },\n  };\n});\n"],"names":["createStyles","getSizeValue","getFocusStyles","getThemeColor","getFontStyles"],"mappings":"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"}