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

package/cjs/components/Chips/Chip/Chip.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 getFontStyles = require('../../../theme/utils/get-font-styles/get-font-styles.js');
-var getThemeColor = require('../../../theme/utils/get-theme-color/get-theme-color.js');
-var getSharedColorScheme = require('../../../theme/utils/get-shared-color-scheme/get-shared-color-scheme.js');
+var styles = require('@mantine/styles');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -55,99 +51,104 @@ const checkedPadding = {
   lg: 13,
   xl: 15
 };
-var useStyles = createMemoStyles.createMemoStyles({
-  label: ({ theme, radius, size }) => __spreadProps(__spreadValues({}, getFontStyles.getFontStyles(theme)), {
+var useStyles = styles.createStyles((theme, { radius, size, color }, getRef) => {
+  const label = __spreadProps(__spreadValues({
+    ref: getRef("label")
+  }, styles.getFontStyles(theme)), {
     boxSizing: "border-box",
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
     display: "inline-block",
     alignItems: "center",
     userSelect: "none",
-    border: "1px solid transparent",
-    borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }),
-    height: getSizeValue.getSizeValue({ size, sizes }),
-    fontSize: getSizeValue.getSizeValue({ size, sizes: theme.fontSizes }),
-    lineHeight: `${getSizeValue.getSizeValue({ size, sizes }) - 2}px`,
-    paddingLeft: getSizeValue.getSizeValue({ size, sizes: padding }),
-    paddingRight: getSizeValue.getSizeValue({ size, sizes: padding }),
+    border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]}`,
+    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
+    height: styles.getSizeValue({ size, sizes }),
+    fontSize: styles.getSizeValue({ size, sizes: theme.fontSizes }),
+    lineHeight: `${styles.getSizeValue({ size, sizes }) - 2}px`,
+    paddingLeft: styles.getSizeValue({ size, sizes: padding }),
+    paddingRight: styles.getSizeValue({ size, sizes: padding }),
     cursor: "pointer",
     whiteSpace: "nowrap",
     transition: "background-color 100ms ease",
     WebkitTapHighlightColor: "transparent"
-  }),
-  outline: ({ theme }) => ({
+  });
+  const outline = {
+    ref: getRef("outline"),
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
-    borderColor: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4],
     "&:hover": {
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0]
     }
-  }),
-  filled: ({ theme }) => ({
+  };
+  const filled = {
+    ref: getRef("filled"),
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
+    borderColor: "transparent",
     "&:hover": {
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
     }
-  }),
-  disabled: ({ theme }) => ({
-    backgroundColor: [
-      [theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]],
-      "!important"
-    ],
-    borderColor: [
-      [theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]],
-      "!important"
-    ],
-    color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5],
-    cursor: "not-allowed",
-    "&:hover": {
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
-    },
-    "& $iconWrapper": {
-      color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
-    }
-  }),
-  checked: ({ theme, color, size }) => ({
-    paddingLeft: getSizeValue.getSizeValue({ size, sizes: checkedPadding }),
-    paddingRight: getSizeValue.getSizeValue({ size, sizes: checkedPadding }),
-    "&$outline": {
-      borderColor: getThemeColor.getThemeColor({ theme, color, shade: 6 })
-    },
-    "&$filled": {
-      backgroundColor: theme.colorScheme === "dark" ? getSharedColorScheme.getSharedColorScheme({ color, theme, variant: "light" }).background : getThemeColor.getThemeColor({ theme, color, shade: 1 })
-    }
-  }),
-  checkIcon: ({ size }) => ({
-    width: getSizeValue.getSizeValue({ size, sizes: iconSizes }),
-    height: getSizeValue.getSizeValue({ size, sizes: iconSizes }) / 1.1,
-    display: "block"
-  }),
-  iconWrapper: ({ theme, color, size }) => ({
-    color: getThemeColor.getThemeColor({ theme, color, shade: 6 }),
-    width: getSizeValue.getSizeValue({ size, sizes: iconSizes }) + getSizeValue.getSizeValue({ size, sizes: theme.spacing }) / 1.5,
-    maxWidth: getSizeValue.getSizeValue({ size, sizes: iconSizes }) + getSizeValue.getSizeValue({ size, sizes: theme.spacing }) / 1.5,
-    height: getSizeValue.getSizeValue({ size, sizes: iconSizes }),
+  };
+  const iconWrapper = {
+    ref: getRef("iconWrapper"),
+    color: styles.getThemeColor({ theme, color, shade: 6 }),
+    width: styles.getSizeValue({ size, sizes: iconSizes }) + styles.getSizeValue({ size, sizes: theme.spacing }) / 1.5,
+    maxWidth: styles.getSizeValue({ size, sizes: iconSizes }) + styles.getSizeValue({ size, sizes: theme.spacing }) / 1.5,
+    height: styles.getSizeValue({ size, sizes: iconSizes }),
     display: "inline-block",
     verticalAlign: "middle",
     overflow: "hidden"
-  }),
-  input: ({ theme }) => ({
-    width: 0,
-    height: 0,
-    padding: 0,
-    opacity: 0,
-    margin: 0,
-    "&:focus": {
-      outline: "none",
-      "& + $label": {
-        outline: "none",
-        boxShadow: `0 0 0 2px ${theme.colorScheme === "dark" ? theme.colors.dark[9] : theme.white}, 0 0 0 4px ${theme.colors[theme.primaryColor][5]}`
+  };
+  return {
+    label,
+    filled,
+    iconWrapper,
+    outline,
+    disabled: {
+      backgroundColor: `${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]} !important`,
+      borderColor: `${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]} !important`,
+      color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5],
+      cursor: "not-allowed",
+      "&:hover": {
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
       },
-      "&:focus:not(:focus-visible)": {
-        "& + $label": {
-          boxShadow: "none"
+      [`& .${iconWrapper.ref}`]: {
+        color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
+      }
+    },
+    checked: {
+      paddingLeft: styles.getSizeValue({ size, sizes: checkedPadding }),
+      paddingRight: styles.getSizeValue({ size, sizes: checkedPadding }),
+      [`&.${outline.ref}`]: {
+        border: `1px solid ${styles.getThemeColor({ theme, color, shade: 6 })}`
+      },
+      [`&.${filled.ref}`]: {
+        backgroundColor: `${theme.colorScheme === "dark" ? styles.getSharedColorScheme({ color, theme, variant: "light" }).background : styles.getThemeColor({ theme, color, shade: 1 })} !important`
+      }
+    },
+    checkIcon: {
+      width: styles.getSizeValue({ size, sizes: iconSizes }),
+      height: styles.getSizeValue({ size, sizes: iconSizes }) / 1.1,
+      display: "block"
+    },
+    input: {
+      width: 0,
+      height: 0,
+      padding: 0,
+      opacity: 0,
+      margin: 0,
+      "&:focus": {
+        outline: "none",
+        [`& + .${label.ref}`]: {
+          outline: "none",
+          boxShadow: `0 0 0 2px ${theme.colorScheme === "dark" ? theme.colors.dark[9] : theme.white}, 0 0 0 4px ${theme.colors[theme.primaryColor][5]}`
+        },
+        "&:focus:not(:focus-visible)": {
+          [`& + .${label.ref}`]: {
+            boxShadow: "none"
+          }
         }
       }
     }
-  })
+  };
 });
 
 exports.default = useStyles;

package/cjs/components/Chips/Chip/Chip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.styles.js","sources":["../../../../src/components/Chips/Chip/Chip.styles.ts"],"sourcesContent":["import {\n  createMemoStyles,\n  MantineTheme,\n  MantineNumberSize,\n  MantineSize,\n  getSizeValue,\n  getFontStyles,\n  getThemeColor,\n  getSharedColorScheme,\n} from '../../../theme';\n\nexport const sizes = {\n  xs: 24,\n  sm: 28,\n  md: 32,\n  lg: 36,\n  xl: 40,\n};\n\nconst iconSizes = {\n  xs: 10,\n  sm: 12,\n  md: 14,\n  lg: 16,\n  xl: 18,\n};\n\nconst padding = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 28,\n  xl: 32,\n};\n\nconst checkedPadding = {\n  xs: 7.5,\n  sm: 10,\n  md: 11.5,\n  lg: 13,\n  xl: 15,\n};\n\ninterface ChipStyles {\n  theme: MantineTheme;\n  radius: MantineNumberSize;\n  size: MantineSize;\n  color: string;\n}\n\nexport default createMemoStyles({\n  label: ({ theme, radius, size }: ChipStyles) => ({\n    ...getFontStyles(theme),\n    boxSizing: 'border-box',\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    display: 'inline-block',\n    alignItems: 'center',\n    userSelect: 'none',\n    border: '1px solid transparent',\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    height: getSizeValue({ size, sizes }),\n    fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n    lineHeight: `${getSizeValue({ size, sizes }) - 2}px`,\n    paddingLeft: getSizeValue({ size, sizes: padding }),\n    paddingRight: getSizeValue({ size, sizes: padding }),\n    cursor: 'pointer',\n    whiteSpace: 'nowrap',\n    transition: 'background-color 100ms ease',\n    WebkitTapHighlightColor: 'transparent',\n  }),\n\n  outline: ({ theme }: ChipStyles) => ({\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4],\n\n    '&:hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n    },\n  }),\n\n  filled: ({ theme }: ChipStyles) => ({\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n\n    '&:hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n    },\n  }),\n\n  disabled: ({ theme }: ChipStyles) => ({\n    backgroundColor: [\n      [theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1]],\n      '!important',\n    ],\n    borderColor: [\n      [theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1]],\n      '!important',\n    ],\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n    cursor: 'not-allowed',\n\n    '&:hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n    },\n\n    '& $iconWrapper': {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n    },\n  }),\n\n  checked: ({ theme, color, size }: ChipStyles) => ({\n    paddingLeft: getSizeValue({ size, sizes: checkedPadding }),\n    paddingRight: getSizeValue({ size, sizes: checkedPadding }),\n\n    '&$outline': {\n      borderColor: getThemeColor({ theme, color, shade: 6 }),\n    },\n\n    '&$filled': {\n      backgroundColor:\n        theme.colorScheme === 'dark'\n          ? getSharedColorScheme({ color, theme, variant: 'light' }).background\n          : getThemeColor({ theme, color, shade: 1 }),\n    },\n  }),\n\n  checkIcon: ({ size }: ChipStyles) => ({\n    width: getSizeValue({ size, sizes: iconSizes }),\n    height: getSizeValue({ size, sizes: iconSizes }) / 1.1,\n    display: 'block',\n  }),\n\n  iconWrapper: ({ theme, color, size }: ChipStyles) => ({\n    color: getThemeColor({ theme, color, shade: 6 }),\n    width:\n      getSizeValue({ size, sizes: iconSizes }) + getSizeValue({ size, sizes: theme.spacing }) / 1.5,\n    maxWidth:\n      getSizeValue({ size, sizes: iconSizes }) + getSizeValue({ size, sizes: theme.spacing }) / 1.5,\n    height: getSizeValue({ size, sizes: iconSizes }),\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    overflow: 'hidden',\n  }),\n\n  input: ({ theme }: ChipStyles) => ({\n    width: 0,\n    height: 0,\n    padding: 0,\n    opacity: 0,\n    margin: 0,\n\n    // input is hidden by default, these styles add focus to label when user navigates with keyboard\n    '&:focus': {\n      outline: 'none',\n\n      '& + $label': {\n        outline: 'none',\n        boxShadow: `0 0 0 2px ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white\n        }, 0 0 0 4px ${theme.colors[theme.primaryColor][5]}`,\n      },\n\n      '&:focus:not(:focus-visible)': {\n        '& + $label': {\n          boxShadow: 'none',\n        },\n      },\n    },\n  }),\n});\n"],"names":["createMemoStyles","getFontStyles","getSizeValue","getThemeColor","getSharedColorScheme"],"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;AAQtD,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,MAAM,SAAS,GAAG;AAClB,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,CAAC,CAAC;AACF,MAAM,OAAO,GAAG;AAChB,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,CAAC,CAAC;AACF,MAAM,cAAc,GAAG;AACvB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,IAAI;AACV,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACF,gBAAeA,iCAAgB,CAAC;AAChC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,aAAa,CAAC,cAAc,CAAC,EAAE,EAAEC,2BAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AAC9F,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,MAAM,EAAE,uBAAuB;AACnC,IAAI,YAAY,EAAEC,yBAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACrE,IAAI,MAAM,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzC,IAAI,QAAQ,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC5D,IAAI,UAAU,EAAE,CAAC,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AACxD,IAAI,WAAW,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AACvD,IAAI,YAAY,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AACxD,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,UAAU,EAAE,6BAA6B;AAC7C,IAAI,uBAAuB,EAAE,aAAa;AAC1C,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AAC3B,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,IAAI,SAAS,EAAE;AACf,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,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AAC1B,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,SAAS,EAAE;AACf,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,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AAC5B,IAAI,eAAe,EAAE;AACrB,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClF,MAAM,YAAY;AAClB,KAAK;AACL,IAAI,WAAW,EAAE;AACjB,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClF,MAAM,YAAY;AAClB,KAAK;AACL,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,MAAM,EAAE,aAAa;AACzB,IAAI,SAAS,EAAE;AACf,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,KAAK;AACL,IAAI,gBAAgB,EAAE;AACtB,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,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AACxC,IAAI,WAAW,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC9D,IAAI,YAAY,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAC/D,IAAI,WAAW,EAAE;AACjB,MAAM,WAAW,EAAEC,2BAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAC5D,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAGC,yCAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,UAAU,GAAGD,2BAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AACrK,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM;AAC5B,IAAI,KAAK,EAAED,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACnD,IAAI,MAAM,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAG,GAAG;AAC1D,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG,CAAC;AACJ,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AAC5C,IAAI,KAAK,EAAEC,2BAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AACpD,IAAI,KAAK,EAAED,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAGA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG;AACxG,IAAI,QAAQ,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAGA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG;AAC3G,IAAI,MAAM,EAAEA,yBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACpD,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,QAAQ,EAAE,QAAQ;AACtB,GAAG,CAAC;AACJ,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;AACzB,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,SAAS,EAAE;AACf,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,YAAY,EAAE;AACpB,QAAQ,OAAO,EAAE,MAAM;AACvB,QAAQ,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrJ,OAAO;AACP,MAAM,6BAA6B,EAAE;AACrC,QAAQ,YAAY,EAAE;AACtB,UAAU,SAAS,EAAE,MAAM;AAC3B,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;;"}
+{"version":3,"file":"Chip.styles.js","sources":["../../../../src/components/Chips/Chip/Chip.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  MantineSize,\n  getSizeValue,\n  getFontStyles,\n  getThemeColor,\n  getSharedColorScheme,\n  MantineColor,\n} from '@mantine/styles';\n\nexport const sizes = {\n  xs: 24,\n  sm: 28,\n  md: 32,\n  lg: 36,\n  xl: 40,\n};\n\nconst iconSizes = {\n  xs: 10,\n  sm: 12,\n  md: 14,\n  lg: 16,\n  xl: 18,\n};\n\nconst padding = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 28,\n  xl: 32,\n};\n\nconst checkedPadding = {\n  xs: 7.5,\n  sm: 10,\n  md: 11.5,\n  lg: 13,\n  xl: 15,\n};\n\ninterface ChipStyles {\n  radius: MantineNumberSize;\n  size: MantineSize;\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { radius, size, color }: ChipStyles, getRef) => {\n  const label = {\n    ref: getRef('label'),\n    ...getFontStyles(theme),\n    boxSizing: 'border-box',\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    display: 'inline-block',\n    alignItems: 'center',\n    userSelect: 'none',\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4]\n    }`,\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    height: getSizeValue({ size, sizes }),\n    fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n    lineHeight: `${getSizeValue({ size, sizes }) - 2}px`,\n    paddingLeft: getSizeValue({ size, sizes: padding }),\n    paddingRight: getSizeValue({ size, sizes: padding }),\n    cursor: 'pointer',\n    whiteSpace: 'nowrap',\n    transition: 'background-color 100ms ease',\n    WebkitTapHighlightColor: 'transparent',\n  } as const;\n\n  const outline = {\n    ref: getRef('outline'),\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n\n    '&:hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n    },\n  } as const;\n\n  const filled = {\n    ref: getRef('filled'),\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n    borderColor: 'transparent',\n\n    '&:hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n    },\n  } as const;\n\n  const iconWrapper = {\n    ref: getRef('iconWrapper'),\n    color: getThemeColor({ theme, color, shade: 6 }),\n    width:\n      getSizeValue({ size, sizes: iconSizes }) + getSizeValue({ size, sizes: theme.spacing }) / 1.5,\n    maxWidth:\n      getSizeValue({ size, sizes: iconSizes }) + getSizeValue({ size, sizes: theme.spacing }) / 1.5,\n    height: getSizeValue({ size, sizes: iconSizes }),\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    overflow: 'hidden',\n  } as const;\n\n  return {\n    label,\n    filled,\n    iconWrapper,\n    outline,\n\n    disabled: {\n      backgroundColor: `${\n        theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1]\n      } !important`,\n      borderColor: `${\n        theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1]\n      } !important`,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n      cursor: 'not-allowed',\n\n      '&:hover': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n      },\n\n      [`& .${iconWrapper.ref}`]: {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n      },\n    },\n\n    checked: {\n      paddingLeft: getSizeValue({ size, sizes: checkedPadding }),\n      paddingRight: getSizeValue({ size, sizes: checkedPadding }),\n\n      [`&.${outline.ref}`]: {\n        border: `1px solid ${getThemeColor({ theme, color, shade: 6 })}`,\n      },\n\n      [`&.${filled.ref}`]: {\n        backgroundColor: `${\n          theme.colorScheme === 'dark'\n            ? getSharedColorScheme({ color, theme, variant: 'light' }).background\n            : getThemeColor({ theme, color, shade: 1 })\n        } !important`,\n      },\n    },\n\n    checkIcon: {\n      width: getSizeValue({ size, sizes: iconSizes }),\n      height: getSizeValue({ size, sizes: iconSizes }) / 1.1,\n      display: 'block',\n    },\n\n    input: {\n      width: 0,\n      height: 0,\n      padding: 0,\n      opacity: 0,\n      margin: 0,\n\n      // input is hidden by default, these styles add focus to label when user navigates with keyboard\n      '&:focus': {\n        outline: 'none',\n\n        [`& + .${label.ref}`]: {\n          outline: 'none',\n          boxShadow: `0 0 0 2px ${\n            theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white\n          }, 0 0 0 4px ${theme.colors[theme.primaryColor][5]}`,\n        },\n\n        '&:focus:not(:focus-visible)': {\n          [`& + .${label.ref}`]: {\n            boxShadow: 'none',\n          },\n        },\n      },\n    },\n  };\n});\n"],"names":["createStyles","getFontStyles","getSizeValue","getThemeColor","getSharedColorScheme"],"mappings":"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"}

package/cjs/components/Chips/Chips.js

@@ -52,7 +52,6 @@ function Chips(_a) {
     multiple,
     children,
     id,
-    themeOverride,
     classNames,
     styles
   } = _b, others = __objRest(_b, [
@@ -67,7 +66,6 @@ function Chips(_a) {
     "multiple",
     "children",
     "id",
-    "themeOverride",
     "classNames",
     "styles"
   ]);
@@ -80,7 +78,6 @@ function Chips(_a) {
     rule: (val) => multiple ? Array.isArray(val) : typeof val === "string"
   });
   const chips = React.Children.toArray(children).filter((child) => child.type === Chip.Chip).map((child, index) => React__default.cloneElement(child, {
-    themeOverride,
     variant,
     radius,
     color,
@@ -108,6 +105,5 @@ function Chips(_a) {
 }
 Chips.displayName = "@mantine/core/Chips";
 
-exports.Chip = Chip.Chip;
 exports.Chips = Chips;
 //# sourceMappingURL=Chips.js.map

package/cjs/components/Chips/Chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","sources":["../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { Group, GroupProps } from '../Group/Group';\nimport { DefaultProps, MantineNumberSize, MantineSize } from '../../theme';\nimport { Chip, ChipProps, ChipStylesNames } from './Chip/Chip';\n\nexport { Chip };\nexport type { ChipProps, ChipStylesNames };\nexport type ChipsStylesNames = ChipStylesNames;\n\nexport interface ChipsProps<T extends boolean = false>\n  extends DefaultProps<ChipStylesNames>,\n    Omit<GroupProps, 'value' | 'defaultValue' | 'onChange' | 'classNames' | 'styles'> {\n  /** Spacing between chips from theme or number to set value in px */\n  spacing?: MantineNumberSize;\n\n  /** Chip border-radius from theme or number to set value in px */\n  radius?: MantineNumberSize;\n\n  /** Predefined chip size */\n  size?: MantineSize;\n\n  /** Allow multiple values to be picked */\n  multiple?: T;\n\n  /** Controlled component value */\n  value?: T extends true ? string[] : string;\n\n  /** Uncontrolled component value */\n  defaultValue?: T extends true ? string[] : string;\n\n  /** Called when value changes */\n  onChange?(value: T extends true ? string[] : string): void;\n\n  /** Static id, used to generate inputs names */\n  id?: string;\n\n  /** <Chip /> components only */\n  children?: React.ReactNode;\n\n  /** Controls chip appearance, defaults to filled with dark theme and to outline in light theme */\n  variant?: 'filled' | 'outline';\n\n  /** Active chip color, defaults to theme.primaryColor */\n  color?: string;\n}\n\nexport function Chips<T extends boolean>({\n  value,\n  defaultValue,\n  onChange,\n  color,\n  spacing = 'xs',\n  radius = 'xl',\n  size = 'sm',\n  variant,\n  multiple,\n  children,\n  id,\n  themeOverride,\n  classNames,\n  styles,\n  ...others\n}: ChipsProps<T>) {\n  const uuid = useId(id);\n  const [_value, setValue] = useUncontrolled<string | string[]>({\n    value,\n    defaultValue,\n    finalValue: multiple ? [] : null,\n    onChange,\n    rule: (val) => (multiple ? Array.isArray(val) : typeof val === 'string'),\n  });\n\n  const chips = Children.toArray(children)\n    .filter((child: React.ReactElement) => child.type === Chip)\n    .map((child: React.ReactElement, index) =>\n      React.cloneElement(child, {\n        themeOverride,\n        variant,\n        radius,\n        color,\n        __staticSelector: 'chips',\n        classNames,\n        styles,\n        name: uuid,\n        size,\n        id: `${uuid}-${index}`,\n        type: multiple ? 'checkbox' : 'radio',\n        checked: Array.isArray(_value)\n          ? _value.includes(child.props.value)\n          : child.props.value === _value,\n        onChange: () => {\n          const val = child.props.value;\n\n          if (Array.isArray(_value)) {\n            setValue(_value.includes(val) ? _value.filter((v) => v !== val) : [..._value, val]);\n          } else {\n            setValue(val);\n          }\n        },\n      })\n    );\n\n  return (\n    <Group spacing={spacing} id={uuid} {...others}>\n      {chips}\n    </Group>\n  );\n}\n\nChips.displayName = '@mantine/core/Chips';\n"],"names":["useId","useUncontrolled","Children","Chip","React","Group"],"mappings":"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"}
+{"version":3,"file":"Chips.js","sources":["../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize, MantineSize, MantineColor } from '@mantine/styles';\nimport { Group, GroupProps } from '../Group/Group';\nimport { Chip, ChipStylesNames } from './Chip/Chip';\n\nexport interface ChipsProps<T extends boolean = false>\n  extends DefaultProps<ChipStylesNames>,\n    Omit<GroupProps, 'value' | 'defaultValue' | 'onChange' | 'classNames' | 'styles'> {\n  /** Spacing between chips from theme or number to set value in px */\n  spacing?: MantineNumberSize;\n\n  /** Chip border-radius from theme or number to set value in px */\n  radius?: MantineNumberSize;\n\n  /** Predefined chip size */\n  size?: MantineSize;\n\n  /** Allow multiple values to be picked */\n  multiple?: T;\n\n  /** Controlled component value */\n  value?: T extends true ? string[] : string;\n\n  /** Uncontrolled component value */\n  defaultValue?: T extends true ? string[] : string;\n\n  /** Called when value changes */\n  onChange?(value: T extends true ? string[] : string): void;\n\n  /** Static id, used to generate inputs names */\n  id?: string;\n\n  /** <Chip /> components only */\n  children?: React.ReactNode;\n\n  /** Controls chip appearance, defaults to filled with dark theme and to outline in light theme */\n  variant?: 'filled' | 'outline';\n\n  /** Active chip color, defaults to theme.primaryColor */\n  color?: MantineColor;\n}\n\nexport function Chips<T extends boolean>({\n  value,\n  defaultValue,\n  onChange,\n  color,\n  spacing = 'xs',\n  radius = 'xl',\n  size = 'sm',\n  variant,\n  multiple,\n  children,\n  id,\n  classNames,\n  styles,\n  ...others\n}: ChipsProps<T>) {\n  const uuid = useId(id);\n  const [_value, setValue] = useUncontrolled<string | string[]>({\n    value,\n    defaultValue,\n    finalValue: multiple ? [] : null,\n    onChange,\n    rule: (val) => (multiple ? Array.isArray(val) : typeof val === 'string'),\n  });\n\n  const chips = Children.toArray(children)\n    .filter((child: React.ReactElement) => child.type === Chip)\n    .map((child: React.ReactElement, index) =>\n      React.cloneElement(child, {\n        variant,\n        radius,\n        color,\n        __staticSelector: 'chips',\n        classNames,\n        styles,\n        name: uuid,\n        size,\n        id: `${uuid}-${index}`,\n        type: multiple ? 'checkbox' : 'radio',\n        checked: Array.isArray(_value)\n          ? _value.includes(child.props.value)\n          : child.props.value === _value,\n        onChange: () => {\n          const val = child.props.value;\n\n          if (Array.isArray(_value)) {\n            setValue(_value.includes(val) ? _value.filter((v) => v !== val) : [..._value, val]);\n          } else {\n            setValue(val);\n          }\n        },\n      })\n    );\n\n  return (\n    <Group spacing={spacing} id={uuid} {...others}>\n      {chips}\n    </Group>\n  );\n}\n\nChips.displayName = '@mantine/core/Chips';\n"],"names":["useId","useUncontrolled","Children","Chip","React","Group"],"mappings":"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"}

package/cjs/components/Code/Code.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
+var styles = require('@mantine/styles');
 var Code_styles = require('./Code.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -41,29 +39,17 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function Code(_a) {
-  var _b = _a, {
-    className,
-    children,
-    themeOverride,
-    block = false,
-    color
-  } = _b, others = __objRest(_b, [
-    "className",
-    "children",
-    "themeOverride",
-    "block",
-    "color"
-  ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
+  var _b = _a, { className, children, block = false, color } = _b, others = __objRest(_b, ["className", "children", "block", "color"]);
+  const theme = styles.useMantineTheme();
   const themeColor = color || (theme.colorScheme === "dark" ? "dark" : "gray");
-  const classes = Code_styles['default']({ color: themeColor, theme }, null, "code");
+  const { classes, cx } = Code_styles['default']({ color: themeColor }, null, "code");
   if (block) {
     return /* @__PURE__ */ React__default.createElement("pre", __spreadValues({
-      className: cx__default(classes.root, classes.block, className)
+      className: cx(classes.root, classes.block, className)
     }, others), children);
   }
   return /* @__PURE__ */ React__default.createElement("code", __spreadValues({
-    className: cx__default(classes.root, className)
+    className: cx(classes.root, className)
   }, others), children);
 }
 Code.displayName = "@mantine/core/Code";

package/cjs/components/Code/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, useMantineTheme } from '../../theme';\nimport useStyles from './Code.styles';\n\nexport interface CodeProps extends DefaultProps, React.ComponentPropsWithoutRef<'code'> {\n  /** Code content */\n  children: React.ReactNode;\n\n  /** Code color and background from theme, defaults to gray in light theme and to dark in dark theme */\n  color?: string;\n\n  /** True for code block, false for inline code */\n  block?: boolean;\n}\n\nexport function Code({\n  className,\n  children,\n  themeOverride,\n  block = false,\n  color,\n  ...others\n}: CodeProps) {\n  const theme = useMantineTheme(themeOverride);\n  const themeColor = color || (theme.colorScheme === 'dark' ? 'dark' : 'gray');\n  const classes = useStyles({ color: themeColor, theme }, null, 'code');\n\n  if (block) {\n    return (\n      <pre className={cx(classes.root, classes.block, className)} {...others}>\n        {children}\n      </pre>\n    );\n  }\n\n  return (\n    <code className={cx(classes.root, className)} {...others}>\n      {children}\n    </code>\n  );\n}\n\nCode.displayName = '@mantine/core/Code';\n"],"names":["useMantineTheme","useStyles","React","cx"],"mappings":"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"}
+{"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineTheme, DefaultProps, MantineColor } from '@mantine/styles';\nimport useStyles from './Code.styles';\n\nexport interface CodeProps extends DefaultProps, React.ComponentPropsWithoutRef<'code'> {\n  /** Code content */\n  children: React.ReactNode;\n\n  /** Code color and background from theme, defaults to gray in light theme and to dark in dark theme */\n  color?: MantineColor;\n\n  /** True for code block, false for inline code */\n  block?: boolean;\n}\n\nexport function Code({ className, children, block = false, color, ...others }: CodeProps) {\n  const theme = useMantineTheme();\n  const themeColor = color || (theme.colorScheme === 'dark' ? 'dark' : 'gray');\n  const { classes, cx } = useStyles({ color: themeColor }, null, 'code');\n\n  if (block) {\n    return (\n      <pre className={cx(classes.root, classes.block, className)} {...others}>\n        {children}\n      </pre>\n    );\n  }\n\n  return (\n    <code className={cx(classes.root, className)} {...others}>\n      {children}\n    </code>\n  );\n}\n\nCode.displayName = '@mantine/core/Code';\n"],"names":["useMantineTheme","useStyles","React"],"mappings":"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"}

package/cjs/components/Code/Code.styles.js

@@ -2,9 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getSharedColorScheme = require('../../theme/utils/get-shared-color-scheme/get-shared-color-scheme.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;
@@ -25,25 +23,24 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createMemoStyles.createMemoStyles({
-  root: ({ theme, color }) => {
-    const colors = getSharedColorScheme.getSharedColorScheme({ theme, color, variant: "light" });
-    return __spreadProps(__spreadValues({}, getFontStyles.getFontStyles(theme)), {
+var useStyles = styles.createStyles((theme, { color }) => {
+  const colors = styles.getSharedColorScheme({ theme, color, variant: "light" });
+  return {
+    root: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
       lineHeight: theme.lineHeight,
-      padding: [1, theme.spacing.xs / 2],
+      padding: `2px ${theme.spacing.xs / 2}px`,
       borderRadius: theme.radius.sm,
       color: theme.colorScheme === "dark" ? theme.white : theme.black,
       backgroundColor: theme.colorScheme === "dark" && color === "dark" ? theme.colors.dark[5] : colors.background,
       fontFamily: theme.fontFamilyMonospace,
-      fontSize: theme.fontSizes.xs,
-      border: `1px solid ${colors.border}`
-    });
-  },
-  block: ({ theme }) => ({
-    padding: theme.spacing.xs,
-    margin: 0,
-    overflowX: "auto"
-  })
+      fontSize: theme.fontSizes.xs
+    }),
+    block: {
+      padding: theme.spacing.xs,
+      margin: 0,
+      overflowX: "auto"
+    }
+  };
 });
 
 exports.default = useStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"Code.styles.js","sources":["../../../src/components/Code/Code.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineTheme, getFontStyles, getSharedColorScheme } from '../../theme';\n\ninterface CodeStyles {\n  theme: MantineTheme;\n  color: string;\n}\n\nexport default createMemoStyles({\n  root: ({ theme, color }: CodeStyles) => {\n    const colors = getSharedColorScheme({ theme, color, variant: 'light' });\n\n    return {\n      ...getFontStyles(theme),\n      lineHeight: theme.lineHeight,\n      padding: [1, theme.spacing.xs / 2],\n      borderRadius: theme.radius.sm,\n      color: theme.colorScheme === 'dark' ? theme.white : theme.black,\n      backgroundColor:\n        theme.colorScheme === 'dark' && color === 'dark' ? theme.colors.dark[5] : colors.background,\n      fontFamily: theme.fontFamilyMonospace,\n      fontSize: theme.fontSizes.xs,\n      border: `1px solid ${colors.border}`,\n    };\n  },\n\n  block: ({ theme }: CodeStyles) => ({\n    padding: theme.spacing.xs,\n    margin: 0,\n    overflowX: 'auto',\n  }),\n});\n"],"names":["createMemoStyles","getSharedColorScheme","getFontStyles"],"mappings":"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"}
+{"version":3,"file":"Code.styles.js","sources":["../../../src/components/Code/Code.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles, getSharedColorScheme, MantineColor } from '@mantine/styles';\n\ninterface CodeStyles {\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: CodeStyles) => {\n  const colors = getSharedColorScheme({ theme, color, variant: 'light' });\n  return {\n    root: {\n      ...getFontStyles(theme),\n      lineHeight: theme.lineHeight,\n      padding: `2px ${theme.spacing.xs / 2}px`,\n      borderRadius: theme.radius.sm,\n      color: theme.colorScheme === 'dark' ? theme.white : theme.black,\n      backgroundColor:\n        theme.colorScheme === 'dark' && color === 'dark' ? theme.colors.dark[5] : colors.background,\n      fontFamily: theme.fontFamilyMonospace,\n      fontSize: theme.fontSizes.xs,\n    },\n\n    block: {\n      padding: theme.spacing.xs,\n      margin: 0,\n      overflowX: 'auto',\n    },\n  };\n});\n"],"names":["createStyles","getSharedColorScheme","getFontStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK;AAClD,EAAE,MAAM,MAAM,GAAGC,2BAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1E,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAEC,oBAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AAClE,MAAM,UAAU,EAAE,KAAK,CAAC,UAAU;AAClC,MAAM,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;AAC9C,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AACrE,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU;AAClH,MAAM,UAAU,EAAE,KAAK,CAAC,mBAAmB;AAC3C,MAAM,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAClC,KAAK,CAAC;AACN,IAAI,KAAK,EAAE;AACX,MAAM,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC/B,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,SAAS,EAAE,MAAM;AACvB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/cjs/components/Collapse/Collapse.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var hooks = require('@mantine/hooks');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
+var styles = require('@mantine/styles');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -57,13 +57,13 @@ function Collapse(_a) {
     "style",
     "onTransitionEnd"
   ]);
-  const forceUpdate = hooks.useForceUpdate();
-  const theme = useMantineTheme.useMantineTheme();
+  const theme = styles.useMantineTheme();
   const reduceMotion = hooks.useReducedMotion();
   const collapseRef = React.useRef(null);
   const contentRef = React.useRef(null);
   const [height, setHeight] = React.useState("auto");
-  hooks.useWindowEvent("resize", forceUpdate);
+  const duration = reduceMotion ? 0 : transitionDuration;
+  const timingFunction = transitionTimingFunction || theme.transitionTimingFunction;
   const handleTransitionEnd = (event) => {
     if (typeof onTransitionEnd === "function" && event.propertyName === "height") {
       onTransitionEnd();
@@ -81,14 +81,14 @@ function Collapse(_a) {
     onTransitionEnd: handleTransitionEnd,
     style: __spreadProps(__spreadValues({}, style), {
       overflow: "hidden",
-      transition: `height ${reduceMotion ? 0 : transitionDuration}ms ${transitionTimingFunction || theme.transitionTimingFunction}`,
+      transition: `height ${duration}ms ${timingFunction}`,
       height: isOpened ? height : "0px"
     })
   }, others), /* @__PURE__ */ React__default.createElement("div", {
     ref: contentRef,
     style: {
       opacity: isOpened ? 1 : 0,
-      transition: `opacity ${reduceMotion ? 0 : transitionDuration}ms ${transitionTimingFunction || theme.transitionTimingFunction}`
+      transition: `opacity ${duration}ms ${timingFunction}`
     }
   }, children));
 }

package/cjs/components/Collapse/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","sources":["../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport type { TransitionEvent } from 'react';\nimport { useWindowEvent, useForceUpdate, useReducedMotion } from '@mantine/hooks';\n\nimport { useMantineTheme } from '../../theme';\n\nexport interface CollapseProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n  /** Content that should be collapsed */\n  children: React.ReactNode;\n\n  /** Opened state */\n  in: boolean;\n\n  /** Called each time transition ends */\n  onTransitionEnd?: () => void;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Transition timing function */\n  transitionTimingFunction?: string;\n}\n\nexport function Collapse({\n  children,\n  in: isOpened,\n  transitionDuration = 200,\n  transitionTimingFunction = 'ease',\n  style,\n  onTransitionEnd,\n  ...others\n}: CollapseProps) {\n  const forceUpdate = useForceUpdate();\n  const theme = useMantineTheme();\n  const reduceMotion = useReducedMotion();\n\n  const collapseRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const [height, setHeight] = useState<`${number}px` | 'auto'>('auto');\n\n  useWindowEvent('resize', forceUpdate);\n\n  const handleTransitionEnd = (event: TransitionEvent<HTMLDivElement>) => {\n    if (typeof onTransitionEnd === 'function' && event.propertyName === 'height') {\n      onTransitionEnd();\n    }\n  };\n\n  useEffect(() => {\n    const content = contentRef?.current;\n\n    if (content) {\n      const { height: boundingHeight } = content.getBoundingClientRect();\n      setHeight(`${boundingHeight}px`);\n    }\n  }, [children]);\n\n  return (\n    <div\n      ref={collapseRef}\n      onTransitionEnd={handleTransitionEnd}\n      style={{\n        ...style,\n        overflow: 'hidden',\n        transition: `height ${reduceMotion ? 0 : transitionDuration}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n        height: isOpened ? height : '0px',\n      }}\n      {...others}\n    >\n      <div\n        ref={contentRef}\n        style={{\n          opacity: isOpened ? 1 : 0,\n          transition: `opacity ${reduceMotion ? 0 : transitionDuration}ms ${\n            transitionTimingFunction || theme.transitionTimingFunction\n          }`,\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nCollapse.displayName = '@mantine/core/Collapse';\n"],"names":["useForceUpdate","useMantineTheme","useReducedMotion","useRef","useState","useWindowEvent","useEffect","React"],"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;AAClE,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;AAIK,SAAS,QAAQ,CAAC,EAAE,EAAE;AAC7B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,QAAQ;AACZ,IAAI,EAAE,EAAE,QAAQ;AAChB,IAAI,kBAAkB,GAAG,GAAG;AAC5B,IAAI,wBAAwB,GAAG,MAAM;AACrC,IAAI,KAAK;AACT,IAAI,eAAe;AACnB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,UAAU;AACd,IAAI,IAAI;AACR,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,OAAO;AACX,IAAI,iBAAiB;AACrB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,WAAW,GAAGA,oBAAc,EAAE,CAAC;AACvC,EAAE,MAAM,KAAK,GAAGC,+BAAe,EAAE,CAAC;AAClC,EAAE,MAAM,YAAY,GAAGC,sBAAgB,EAAE,CAAC;AAC1C,EAAE,MAAM,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAC;AACnC,EAAE,MAAM,UAAU,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,MAAM,CAAC,CAAC;AAC/C,EAAEC,oBAAc,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AACxC,EAAE,MAAM,mBAAmB,GAAG,CAAC,KAAK,KAAK;AACzC,IAAI,IAAI,OAAO,eAAe,KAAK,UAAU,IAAI,KAAK,CAAC,YAAY,KAAK,QAAQ,EAAE;AAClF,MAAM,eAAe,EAAE,CAAC;AACxB,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,OAAO,GAAG,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC;AACrE,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;AACzE,MAAM,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;AACvC,KAAK;AACL,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,GAAG,EAAE,WAAW;AACpB,IAAI,eAAe,EAAE,mBAAmB;AACxC,IAAI,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE;AACpD,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,GAAG,CAAC,GAAG,kBAAkB,CAAC,GAAG,EAAE,wBAAwB,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;AACnI,MAAM,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK;AACvC,KAAK,CAAC;AACN,GAAG,EAAE,MAAM,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,GAAG,EAAE,UAAU;AACnB,IAAI,KAAK,EAAE;AACX,MAAM,OAAO,EAAE,QAAQ,GAAG,CAAC,GAAG,CAAC;AAC/B,MAAM,UAAU,EAAE,CAAC,QAAQ,EAAE,YAAY,GAAG,CAAC,GAAG,kBAAkB,CAAC,GAAG,EAAE,wBAAwB,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;AACpI,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AAChB,CAAC;AACD,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"Collapse.js","sources":["../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\nimport { useMantineTheme } from '@mantine/styles';\n\nexport interface CollapseProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n  /** Content that should be collapsed */\n  children: React.ReactNode;\n\n  /** Opened state */\n  in: boolean;\n\n  /** Called each time transition ends */\n  onTransitionEnd?: () => void;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Transition timing function */\n  transitionTimingFunction?: string;\n}\n\nexport function Collapse({\n  children,\n  in: isOpened,\n  transitionDuration = 200,\n  transitionTimingFunction = 'ease',\n  style,\n  onTransitionEnd,\n  ...others\n}: CollapseProps) {\n  const theme = useMantineTheme();\n  const reduceMotion = useReducedMotion();\n  const collapseRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [height, setHeight] = useState<`${number}px` | 'auto'>('auto');\n  const duration = reduceMotion ? 0 : transitionDuration;\n  const timingFunction = transitionTimingFunction || theme.transitionTimingFunction;\n\n  const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n    if (typeof onTransitionEnd === 'function' && event.propertyName === 'height') {\n      onTransitionEnd();\n    }\n  };\n\n  useEffect(() => {\n    const content = contentRef?.current;\n\n    if (content) {\n      const { height: boundingHeight } = content.getBoundingClientRect();\n      setHeight(`${boundingHeight}px`);\n    }\n  }, [children]);\n\n  return (\n    <div\n      ref={collapseRef}\n      onTransitionEnd={handleTransitionEnd}\n      style={{\n        ...style,\n        overflow: 'hidden',\n        transition: `height ${duration}ms ${timingFunction}`,\n        height: isOpened ? height : '0px',\n      }}\n      {...others}\n    >\n      <div\n        ref={contentRef}\n        style={{\n          opacity: isOpened ? 1 : 0,\n          transition: `opacity ${duration}ms ${timingFunction}`,\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nCollapse.displayName = '@mantine/core/Collapse';\n"],"names":["useMantineTheme","useReducedMotion","useRef","useState","useEffect","React"],"mappings":"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"}