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

package/esm/components/Switch/Switch.styles.js

@@ -1,8 +1,4 @@
-import { createMemoStyles } from '../../theme/create-memo-styles.js';
-import { getSizeValue } from '../../theme/utils/get-size-value/get-size-value.js';
-import { getThemeColor } from '../../theme/utils/get-theme-color/get-theme-color.js';
-import { getFocusStyles } from '../../theme/utils/get-focus-styles/get-focus-styles.js';
-import { getFontStyles } from '../../theme/utils/get-font-styles/get-font-styles.js';
+import { createStyles, getSizeValue, getThemeColor, getFocusStyles, getFontStyles } from '@mantine/styles';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -48,15 +44,15 @@ const sizes = Object.keys(switchHeight).reduce((acc, size) => {
   acc[size] = { width: switchWidth[size], height: switchHeight[size] };
   return acc;
 }, {});
-var useStyles = createMemoStyles({
-  root: {
-    display: "flex",
-    alignItems: "center"
-  },
-  input: ({ size, radius, theme, reduceMotion, color }) => {
-    const handleSize = getSizeValue({ size, sizes: handleSizes });
-    const borderRadius = getSizeValue({ size: radius, sizes: theme.radius });
-    return __spreadProps(__spreadValues({}, getFocusStyles(theme)), {
+var useStyles = createStyles((theme, { size, radius, color }) => {
+  const handleSize = getSizeValue({ size, sizes: handleSizes });
+  const borderRadius = getSizeValue({ size: radius, sizes: theme.radius });
+  return {
+    root: {
+      display: "flex",
+      alignItems: "center"
+    },
+    input: __spreadProps(__spreadValues({}, getFocusStyles(theme)), {
       WebkitTapHighlightColor: "transparent",
       position: "relative",
       borderRadius,
@@ -69,7 +65,7 @@ var useStyles = createMemoStyles({
       margin: 0,
       transitionProperty: "background-color, border-color",
       transitionTimingFunction: theme.transitionTimingFunction,
-      transitionDuration: reduceMotion ? "1ms" : "150ms",
+      transitionDuration: "150ms",
       boxSizing: "border-box",
       appearance: "none",
       display: "flex",
@@ -83,7 +79,10 @@ var useStyles = 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({ theme, color, shade: 6 }),
@@ -102,15 +101,15 @@ var useStyles = createMemoStyles({
           backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[0]
         }
       }
-    });
-  },
-  label: ({ theme, size }) => __spreadProps(__spreadValues({}, getFontStyles(theme)), {
-    WebkitTapHighlightColor: "transparent",
-    fontSize: 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({}, getFontStyles(theme)), {
+      WebkitTapHighlightColor: "transparent",
+      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),
+      fontFamily: theme.fontFamily,
+      paddingLeft: theme.spacing.sm,
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
+    })
+  };
 });
 
 export default useStyles;

package/esm/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":[],"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":[],"mappings":"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"}

package/esm/components/Table/Table.js

@@ -1,7 +1,5 @@
 import React from 'react';
-import cx from 'clsx';
 import useStyles from './Table.styles.js';
-import { useMantineTheme } from '../../theme/use-mantine-theme/use-mantine-theme.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -40,18 +38,15 @@ function Table(_a) {
     children,
     striped = false,
     highlightOnHover = false,
-    themeOverride,
     captionSide = "top"
   } = _b, others = __objRest(_b, [
     "className",
     "children",
     "striped",
     "highlightOnHover",
-    "themeOverride",
     "captionSide"
   ]);
-  const theme = useMantineTheme(themeOverride);
-  const classes = useStyles({ captionSide, theme }, null, "table");
+  const { classes, cx } = useStyles({ captionSide }, null, "table");
   return /* @__PURE__ */ React.createElement("table", __spreadProps(__spreadValues({}, others), {
     className: cx(classes.table, { [classes.striped]: striped, [classes.hover]: highlightOnHover }, className)
   }), children);

package/esm/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, useMantineTheme } from '../../theme';\nimport useStyles from './Table.styles';\n\nexport interface TableProps extends DefaultProps, React.ComponentPropsWithoutRef<'table'> {\n  /** If true every odd row of table will have gray background color */\n  striped?: boolean;\n\n  /** If true row will have hover color */\n  highlightOnHover?: boolean;\n\n  /** Table caption position */\n  captionSide?: 'top' | 'bottom';\n}\n\nexport function Table({\n  className,\n  children,\n  striped = false,\n  highlightOnHover = false,\n  themeOverride,\n  captionSide = 'top',\n  ...others\n}: TableProps) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ captionSide, theme }, null, 'table');\n\n  return (\n    <table\n      {...others}\n      className={cx(\n        classes.table,\n        { [classes.striped]: striped, [classes.hover]: highlightOnHover },\n        className\n      )}\n    >\n      {children}\n    </table>\n  );\n}\n\nTable.displayName = '@mantine/core/Table';\n"],"names":[],"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;AAKK,SAAS,KAAK,CAAC,EAAE,EAAE;AAC1B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,OAAO,GAAG,KAAK;AACnB,IAAI,gBAAgB,GAAG,KAAK;AAC5B,IAAI,aAAa;AACjB,IAAI,WAAW,GAAG,KAAK;AACvB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,kBAAkB;AACtB,IAAI,eAAe;AACnB,IAAI,aAAa;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,KAAK,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;AAC/C,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACnE,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAChG,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,gBAAgB,EAAE,EAAE,SAAS,CAAC;AAC9G,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC;AAChB,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport useStyles from './Table.styles';\n\nexport interface TableProps extends DefaultProps, React.ComponentPropsWithoutRef<'table'> {\n  /** If true every odd row of table will have gray background color */\n  striped?: boolean;\n\n  /** If true row will have hover color */\n  highlightOnHover?: boolean;\n\n  /** Table caption position */\n  captionSide?: 'top' | 'bottom';\n}\n\nexport function Table({\n  className,\n  children,\n  striped = false,\n  highlightOnHover = false,\n  captionSide = 'top',\n  ...others\n}: TableProps) {\n  const { classes, cx } = useStyles({ captionSide }, null, 'table');\n\n  return (\n    <table\n      {...others}\n      className={cx(\n        classes.table,\n        { [classes.striped]: striped, [classes.hover]: highlightOnHover },\n        className\n      )}\n    >\n      {children}\n    </table>\n  );\n}\n\nTable.displayName = '@mantine/core/Table';\n"],"names":[],"mappings":"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"}

package/esm/components/Table/Table.styles.js

@@ -1,5 +1,4 @@
-import { createMemoStyles } from '../../theme/create-memo-styles.js';
-import { getFontStyles } from '../../theme/utils/get-font-styles/get-font-styles.js';
+import { createStyles, getFontStyles } from '@mantine/styles';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -20,49 +19,53 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createMemoStyles({
-  striped: {},
-  hover: {},
-  table: ({ theme, captionSide }) => __spreadProps(__spreadValues({}, getFontStyles(theme)), {
-    width: "100%",
-    borderCollapse: "collapse",
-    captionSide,
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-    lineHeight: theme.lineHeight,
-    "& caption": {
-      marginTop: captionSide === "top" ? 0 : theme.spacing.xs,
-      marginBottom: captionSide === "bottom" ? 0 : theme.spacing.xs,
-      fontSize: theme.fontSizes.sm,
-      color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6]
-    },
-    "& thead tr th, & tfoot tr th": {
-      textAlign: "left",
-      fontWeight: "bold",
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
-      fontSize: 14,
-      padding: [7, 10]
-    },
-    "& thead tr th": {
-      borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
-    },
-    "& tfoot tr th": {
-      borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
-    },
-    "& tbody tr td": {
-      padding: [7, 10],
-      borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
-      fontSize: 14
-    },
-    "& tbody tr:last-of-type td": {
-      borderBottom: "none"
-    },
-    "&$striped tbody tr:nth-of-type(odd)": {
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
-    },
-    "&$hover tbody tr:hover": {
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
-    }
-  })
+var useStyles = createStyles((theme, { captionSide }, getRef) => {
+  const striped = { ref: getRef("striped") };
+  const hover = { ref: getRef("hover") };
+  return {
+    striped,
+    hover,
+    table: __spreadProps(__spreadValues({}, getFontStyles(theme)), {
+      width: "100%",
+      borderCollapse: "collapse",
+      captionSide,
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      lineHeight: theme.lineHeight,
+      "& caption": {
+        marginTop: captionSide === "top" ? 0 : theme.spacing.xs,
+        marginBottom: captionSide === "bottom" ? 0 : theme.spacing.xs,
+        fontSize: theme.fontSizes.sm,
+        color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6]
+      },
+      "& thead tr th, & tfoot tr th": {
+        textAlign: "left",
+        fontWeight: "bold",
+        color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
+        fontSize: 14,
+        padding: "7px 10px"
+      },
+      "& thead tr th": {
+        borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
+      },
+      "& tfoot tr th": {
+        borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
+      },
+      "& tbody tr td": {
+        padding: "7px 10px",
+        borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
+        fontSize: 14
+      },
+      "& tbody tr:last-of-type td": {
+        borderBottom: "none"
+      },
+      [`&.${striped.ref} tbody tr:nth-of-type(odd)`]: {
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
+      },
+      [`&.${hover.ref} tbody tr:hover`]: {
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
+      }
+    })
+  };
 });
 
 export default useStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineTheme, getFontStyles } from '../../theme';\n\ninterface TableStyles {\n  theme: MantineTheme;\n  captionSide: 'top' | 'bottom';\n}\n\nexport default createMemoStyles({\n  striped: {},\n  hover: {},\n\n  table: ({ theme, captionSide }: TableStyles) => ({\n    ...getFontStyles(theme),\n    width: '100%',\n    borderCollapse: 'collapse',\n    captionSide,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    lineHeight: theme.lineHeight,\n\n    '& caption': {\n      marginTop: captionSide === 'top' ? 0 : theme.spacing.xs,\n      marginBottom: captionSide === 'bottom' ? 0 : theme.spacing.xs,\n      fontSize: theme.fontSizes.sm,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    },\n\n    '& thead tr th, & tfoot tr th': {\n      textAlign: 'left',\n      fontWeight: 'bold',\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n      fontSize: 14,\n      padding: [7, 10],\n    },\n\n    '& thead tr th': {\n      borderBottom: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n      }`,\n    },\n\n    '& tfoot tr th': {\n      borderTop: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n      }`,\n    },\n\n    '& tbody tr td': {\n      padding: [7, 10],\n      borderBottom: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n      }`,\n      fontSize: 14,\n    },\n\n    '& tbody tr:last-of-type td': {\n      borderBottom: 'none',\n    },\n\n    '&$striped tbody tr:nth-of-type(odd)': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n    },\n\n    '&$hover tbody tr:hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n    },\n  }),\n});\n"],"names":[],"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,gBAAe,gBAAgB,CAAC;AAChC,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,KAAK,EAAE,EAAE;AACX,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AAC7F,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,cAAc,EAAE,UAAU;AAC9B,IAAI,WAAW;AACf,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AAChC,IAAI,WAAW,EAAE;AACjB,MAAM,SAAS,EAAE,WAAW,KAAK,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE;AAC7D,MAAM,YAAY,EAAE,WAAW,KAAK,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE;AACnE,MAAM,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAClC,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,IAAI,8BAA8B,EAAE;AACpC,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,QAAQ,EAAE,EAAE;AAClB,MAAM,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACtB,KAAK;AACL,IAAI,eAAe,EAAE;AACrB,MAAM,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7G,KAAK;AACL,IAAI,eAAe,EAAE;AACrB,MAAM,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1G,KAAK;AACL,IAAI,eAAe,EAAE;AACrB,MAAM,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACtB,MAAM,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7G,MAAM,QAAQ,EAAE,EAAE;AAClB,KAAK;AACL,IAAI,4BAA4B,EAAE;AAClC,MAAM,YAAY,EAAE,MAAM;AAC1B,KAAK;AACL,IAAI,qCAAqC,EAAE;AAC3C,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,wBAAwB,EAAE;AAC9B,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"Table.styles.js","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles } from '@mantine/styles';\n\ninterface TableStyles {\n  captionSide: 'top' | 'bottom';\n}\n\nexport default createStyles((theme, { captionSide }: TableStyles, getRef) => {\n  const striped = { ref: getRef('striped') };\n  const hover = { ref: getRef('hover') };\n\n  return {\n    striped,\n    hover,\n\n    table: {\n      ...getFontStyles(theme),\n      width: '100%',\n      borderCollapse: 'collapse',\n      captionSide,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      lineHeight: theme.lineHeight,\n\n      '& caption': {\n        marginTop: captionSide === 'top' ? 0 : theme.spacing.xs,\n        marginBottom: captionSide === 'bottom' ? 0 : theme.spacing.xs,\n        fontSize: theme.fontSizes.sm,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n      },\n\n      '& thead tr th, & tfoot tr th': {\n        textAlign: 'left',\n        fontWeight: 'bold',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n        fontSize: 14,\n        padding: '7px 10px',\n      },\n\n      '& thead tr th': {\n        borderBottom: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n        }`,\n      },\n\n      '& tfoot tr th': {\n        borderTop: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n        }`,\n      },\n\n      '& tbody tr td': {\n        padding: '7px 10px',\n        borderBottom: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n        }`,\n        fontSize: 14,\n      },\n\n      '& tbody tr:last-of-type td': {\n        borderBottom: 'none',\n      },\n\n      [`&.${striped.ref} tbody tr:nth-of-type(odd)`]: {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n      },\n\n      [`&.${hover.ref} tbody tr:hover`]: {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n      },\n    },\n  };\n});\n"],"names":[],"mappings":"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"}

package/esm/components/Tabs/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps } from '../../../theme';\n\nexport interface TabProps extends DefaultProps, React.ComponentProps<'button'> {\n  /** Tab control label */\n  label?: React.ReactNode;\n\n  /** Icon on the left side of label */\n  icon?: React.ReactNode;\n\n  /** Tab content */\n  children?: React.ReactNode;\n\n  /** Get tab control ref */\n  elementRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport interface TabType {\n  type: any;\n  props: TabProps;\n}\n\n// Props should be kept for ts integration\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function Tab(props: TabProps) {\n  return null;\n}\n\nTab.displayName = '@mantine/core/Tab';\n"],"names":[],"mappings":"AAAO,SAAS,GAAG,CAAC,KAAK,EAAE;AAC3B,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,GAAG,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps } from '@mantine/styles';\n\nexport interface TabProps extends DefaultProps, React.ComponentProps<'button'> {\n  /** Tab control label */\n  label?: React.ReactNode;\n\n  /** Icon on the left side of label */\n  icon?: React.ReactNode;\n\n  /** Tab content */\n  children?: React.ReactNode;\n\n  /** Get tab control ref */\n  elementRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport interface TabType {\n  type: any;\n  props: TabProps;\n}\n\n// Props should be kept for ts integration\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function Tab(props: TabProps) {\n  return null;\n}\n\nTab.displayName = '@mantine/core/Tab';\n"],"names":[],"mappings":"AAAO,SAAS,GAAG,CAAC,KAAK,EAAE;AAC3B,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,GAAG,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/esm/components/Tabs/TabControl/TabControl.js

@@ -1,9 +1,7 @@
 import React from 'react';
-import cx from 'clsx';
-import { useReducedMotion, useMergedRef } from '@mantine/hooks';
+import { useMergedRef } from '@mantine/hooks';
+import { mergeStyles } from '@mantine/styles';
 import useStyles from './TabControl.styles.js';
-import { useMantineTheme } from '../../../theme/use-mantine-theme/use-mantine-theme.js';
-import { mergeStyles } from '../../../theme/utils/merge-styles/merge-styles.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -40,7 +38,6 @@ function TabControl(_a) {
   var _b = _a, {
     className,
     style,
-    themeOverride,
     active,
     elementRef,
     tabProps,
@@ -53,7 +50,6 @@ function TabControl(_a) {
   } = _b, others = __objRest(_b, [
     "className",
     "style",
-    "themeOverride",
     "active",
     "elementRef",
     "tabProps",
@@ -65,9 +61,7 @@ function TabControl(_a) {
     "icon"
   ]);
   const _a2 = tabProps, { label, icon, color: overrideColor, elementRef: _ } = _a2, props = __objRest(_a2, ["label", "icon", "color", "elementRef"]);
-  const theme = useMantineTheme(themeOverride);
-  const reduceMotion = useReducedMotion();
-  const classes = useStyles({ reduceMotion, color: overrideColor || color, theme, orientation }, classNames, "tabs");
+  const { classes, cx } = useStyles({ color: overrideColor || color, orientation }, classNames, "tabs");
   const _styles = mergeStyles(classes, styles);
   return /* @__PURE__ */ React.createElement("button", __spreadProps(__spreadValues(__spreadValues({}, others), props), {
     tabIndex: active ? 0 : -1,

package/esm/components/Tabs/TabControl/TabControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabControl.js","sources":["../../../../src/components/Tabs/TabControl/TabControl.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { useMergedRef, useReducedMotion } from '@mantine/hooks';\nimport { DefaultProps, useMantineTheme, mergeStyles } from '../../../theme';\nimport { TabProps } from '../Tab/Tab';\nimport type { TabsVariant } from '../Tabs';\nimport useStyles from './TabControl.styles';\n\nexport type TabControlStylesNames = Exclude<keyof ReturnType<typeof useStyles>, TabsVariant>;\n\nexport interface TabControlProps\n  extends DefaultProps<TabControlStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  active: boolean;\n  elementRef(node: HTMLButtonElement): void;\n  tabProps: TabProps;\n  color?: string;\n  variant?: TabsVariant;\n  orientation?: 'horizontal' | 'vertical';\n  icon?: React.ReactNode;\n}\n\nexport function TabControl({\n  className,\n  style,\n  themeOverride,\n  active,\n  elementRef,\n  tabProps,\n  color,\n  variant = 'default',\n  classNames,\n  styles,\n  orientation = 'horizontal',\n  icon: __,\n  ...others\n}: TabControlProps) {\n  const { label, icon, color: overrideColor, elementRef: _, ...props } = tabProps;\n  const theme = useMantineTheme(themeOverride);\n  const reduceMotion = useReducedMotion();\n  const classes = useStyles(\n    { reduceMotion, color: overrideColor || color, theme, orientation },\n    classNames,\n    'tabs'\n  );\n\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <button\n      {...others}\n      {...props}\n      tabIndex={active ? 0 : -1}\n      className={cx(\n        classes.tabControl,\n        classes[variant],\n        { [classes.tabActive]: active },\n        className\n      )}\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={active}\n      ref={useMergedRef(elementRef, tabProps.elementRef)}\n      style={{\n        ...style,\n        ..._styles.tabControl,\n        ..._styles[variant],\n        ...(active ? _styles.tabActive : null),\n      }}\n    >\n      <div className={classes.tabInner} style={_styles.tabInner}>\n        {icon && (\n          <div className={classes.tabIcon} style={_styles.tabIcon}>\n            {icon}\n          </div>\n        )}\n\n        {label && (\n          <div className={classes.tabLabel} style={_styles.tabLabel}>\n            {label}\n          </div>\n        )}\n      </div>\n    </button>\n  );\n}\n\nTabControl.displayName = '@mantine/core/TabControl';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabControl.js","sources":["../../../../src/components/Tabs/TabControl/TabControl.tsx"],"sourcesContent":["import React from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { mergeStyles, DefaultProps, MantineColor, ClassNames } from '@mantine/styles';\nimport { TabProps } from '../Tab/Tab';\nimport type { TabsVariant } from '../Tabs';\nimport useStyles from './TabControl.styles';\n\nexport type TabControlStylesNames = Exclude<ClassNames<typeof useStyles>, TabsVariant>;\n\nexport interface TabControlProps\n  extends DefaultProps<TabControlStylesNames>,\n    React.ComponentPropsWithoutRef<'button'> {\n  active: boolean;\n  elementRef(node: HTMLButtonElement): void;\n  tabProps: TabProps;\n  color?: MantineColor;\n  variant?: TabsVariant;\n  orientation?: 'horizontal' | 'vertical';\n  icon?: React.ReactNode;\n}\n\nexport function TabControl({\n  className,\n  style,\n  active,\n  elementRef,\n  tabProps,\n  color,\n  variant = 'default',\n  classNames,\n  styles,\n  orientation = 'horizontal',\n  icon: __,\n  ...others\n}: TabControlProps) {\n  const { label, icon, color: overrideColor, elementRef: _, ...props } = tabProps;\n  const { classes, cx } = useStyles(\n    { color: overrideColor || color, orientation },\n    classNames,\n    'tabs'\n  );\n\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <button\n      {...others}\n      {...props}\n      tabIndex={active ? 0 : -1}\n      className={cx(\n        classes.tabControl,\n        classes[variant],\n        { [classes.tabActive]: active },\n        className\n      )}\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={active}\n      ref={useMergedRef(elementRef, tabProps.elementRef)}\n      style={{\n        ...style,\n        ..._styles.tabControl,\n        ..._styles[variant],\n        ...(active ? _styles.tabActive : null),\n      }}\n    >\n      <div className={classes.tabInner} style={_styles.tabInner}>\n        {icon && (\n          <div className={classes.tabIcon} style={_styles.tabIcon}>\n            {icon}\n          </div>\n        )}\n\n        {label && (\n          <div className={classes.tabLabel} style={_styles.tabLabel}>\n            {label}\n          </div>\n        )}\n      </div>\n    </button>\n  );\n}\n\nTabControl.displayName = '@mantine/core/TabControl';\n"],"names":[],"mappings":"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"}

package/esm/components/Tabs/TabControl/TabControl.styles.js

@@ -1,7 +1,4 @@
-import { createMemoStyles } from '../../../theme/create-memo-styles.js';
-import { getFocusStyles } from '../../../theme/utils/get-focus-styles/get-focus-styles.js';
-import { getFontStyles } from '../../../theme/utils/get-font-styles/get-font-styles.js';
-import { getThemeColor } from '../../../theme/utils/get-theme-color/get-theme-color.js';
+import { createStyles, getFocusStyles, getFontStyles, getThemeColor } from '@mantine/styles';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -22,78 +19,81 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createMemoStyles({
-  tabActive: {},
-  tabLabel: {},
-  tabControl: ({ theme, orientation }) => __spreadProps(__spreadValues(__spreadValues({}, getFontStyles(theme)), getFocusStyles(theme)), {
-    WebkitTapHighlightColor: "transparent",
-    boxSizing: "border-box",
-    display: "block",
-    height: 40,
-    backgroundColor: "transparent",
-    border: 0,
-    padding: [0, theme.spacing.md],
-    fontSize: theme.fontSizes.sm,
-    cursor: "pointer",
-    width: orientation === "vertical" ? "100%" : "auto",
-    "&:disabled": {
-      cursor: "not-allowed",
-      color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
-    }
-  }),
-  default: ({ theme, reduceMotion, color, orientation }) => ({
-    transition: reduceMotion ? "none" : "border-color 150ms ease, color 150ms ease",
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-    [orientation === "horizontal" ? "borderBottom" : "borderRight"]: "2px solid transparent",
-    "&$tabActive": {
-      color: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 4 : 7 }),
-      [orientation === "horizontal" ? "borderBottomColor" : "borderRightColor"]: getThemeColor({
-        theme,
-        color,
-        shade: theme.colorScheme === "dark" ? 4 : 7
-      })
-    }
-  }),
-  outline: ({ theme, orientation }) => ({
-    borderBottomLeftRadius: orientation === "vertical" ? theme.radius.sm : 0,
-    borderTopRightRadius: orientation === "horizontal" ? theme.radius.sm : 0,
-    borderTopLeftRadius: theme.radius.sm,
-    border: "1px solid transparent",
-    borderBottom: orientation === "horizontal" ? 0 : "1px solid transparent",
-    borderRight: orientation === "vertical" ? 0 : "1px solid transparent",
-    color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7],
-    "&$tabActive": {
+var useStyles = createStyles((theme, { color, orientation }, getRef) => {
+  const tabActive = { ref: getRef("tabActive") };
+  return {
+    tabActive,
+    tabLabel: {},
+    tabControl: __spreadProps(__spreadValues(__spreadValues({}, getFontStyles(theme)), getFocusStyles(theme)), {
+      WebkitTapHighlightColor: "transparent",
+      boxSizing: "border-box",
+      display: "block",
+      height: 40,
+      backgroundColor: "transparent",
+      border: 0,
+      padding: `0 ${theme.spacing.md}px`,
+      fontSize: theme.fontSizes.sm,
+      cursor: "pointer",
+      width: orientation === "vertical" ? "100%" : "auto",
+      "&:disabled": {
+        cursor: "not-allowed",
+        color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
+      }
+    }),
+    default: {
+      transition: "border-color 150ms ease, color 150ms ease",
       color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-      borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
-      background: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white
-    }
-  }),
-  pills: ({ theme, color }) => ({
-    borderRadius: 1e3,
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0],
-    color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7],
-    fontSize: theme.fontSizes.md,
-    "&$tabActive": {
-      color: theme.white,
-      background: getThemeColor({ theme, color, shade: 6 })
-    }
-  }),
-  tabInner: ({ orientation }) => ({
-    boxSizing: "border-box",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: orientation === "horizontal" ? "center" : "flex-start",
-    lineHeight: 1,
-    height: "100%"
-  }),
-  tabIcon: ({ theme }) => ({
-    "&:not(:only-child)": {
-      marginRight: theme.spacing.xs
+      [orientation === "horizontal" ? "borderBottom" : "borderRight"]: "2px solid transparent",
+      [`&.${tabActive.ref}`]: {
+        color: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 4 : 7 }),
+        [orientation === "horizontal" ? "borderBottomColor" : "borderRightColor"]: getThemeColor({
+          theme,
+          color,
+          shade: theme.colorScheme === "dark" ? 4 : 7
+        })
+      }
+    },
+    outline: {
+      borderBottomLeftRadius: orientation === "vertical" ? theme.radius.sm : 0,
+      borderTopRightRadius: orientation === "horizontal" ? theme.radius.sm : 0,
+      borderTopLeftRadius: theme.radius.sm,
+      border: "1px solid transparent",
+      borderBottom: orientation === "horizontal" ? 0 : "1px solid transparent",
+      borderRight: orientation === "vertical" ? 0 : "1px solid transparent",
+      color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7],
+      [`&.${tabActive.ref}`]: {
+        color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+        borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
+        background: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white
+      }
+    },
+    pills: {
+      borderRadius: 1e3,
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0],
+      color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7],
+      fontSize: theme.fontSizes.md,
+      [`&.${tabActive.ref}`]: {
+        color: theme.white,
+        background: getThemeColor({ theme, color, shade: 6 })
+      }
+    },
+    tabInner: {
+      boxSizing: "border-box",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: orientation === "horizontal" ? "center" : "flex-start",
+      lineHeight: 1,
+      height: "100%"
     },
-    "& *": {
-      display: "block"
+    tabIcon: {
+      "&:not(:only-child)": {
+        marginRight: theme.spacing.xs
+      },
+      "& *": {
+        display: "block"
+      }
     }
-  })
+  };
 });
 
 export default useStyles;