@mantine/core 6.0.10 → 6.0.11

package/cjs/MultiSelect/MultiSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.styles.js","sources":["../../src/MultiSelect/MultiSelect.styles.ts"],"sourcesContent":["import { createStyles, rem, getSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\nimport { sizes as DEFAULT_VALUE_SIZES } from './DefaultValue/DefaultValue.styles';\n\nexport interface MultiSelectStylesParams {\n  invalid: boolean;\n}\n\nexport default createStyles((theme, { invalid }: MultiSelectStylesParams, { size }) => ({\n  wrapper: {\n    position: 'relative',\n  },\n\n  values: {\n    minHeight: `calc(${getSize({ size, sizes: INPUT_SIZES })} - ${rem(2)})`,\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginLeft: `calc(-${theme.spacing.xs} / 2)`,\n    boxSizing: 'border-box',\n\n    '&[data-clearable]': {\n      marginRight: getSize({ size, sizes: INPUT_SIZES }),\n    },\n  },\n\n  value: {\n    margin: `calc(${theme.spacing.xs} / 2 - ${rem(2)}) calc(${theme.spacing.xs} / 2)`,\n  },\n\n  searchInput: {\n    ...theme.fn.fontStyles(),\n    flex: 1,\n    minWidth: rem(60),\n    backgroundColor: 'transparent',\n    border: 0,\n    outline: 0,\n    fontSize: getSize({ size, sizes: theme.fontSizes }),\n    padding: 0,\n    marginLeft: `calc(${theme.spacing.xs} / 2)`,\n    appearance: 'none',\n    color: 'inherit',\n    maxHeight: getSize({ size, sizes: DEFAULT_VALUE_SIZES }),\n\n    '&::placeholder': {\n      opacity: 1,\n      color: invalid\n        ? theme.colors.red[theme.fn.primaryShade()]\n        : theme.colorScheme === 'dark'\n        ? theme.colors.dark[3]\n        : theme.colors.gray[5],\n    },\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n\n  searchInputEmpty: {\n    width: '100%',\n  },\n\n  searchInputInputHidden: {\n    width: 0,\n    minWidth: 0,\n    height: 0,\n    margin: 0,\n    overflow: 'hidden',\n  },\n\n  searchInputPointer: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n\n  input: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n}));\n"],"names":["createStyles","getSize","INPUT_SIZES","rem","DEFAULT_VALUE_SIZES"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.styles.js","sources":["../../src/MultiSelect/MultiSelect.styles.ts"],"sourcesContent":["import { createStyles, rem, getSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\nimport { sizes as DEFAULT_VALUE_SIZES } from './DefaultValue/DefaultValue.styles';\n\nexport interface MultiSelectStylesParams {\n  invalid: boolean;\n}\n\nexport default createStyles((theme, { invalid }: MultiSelectStylesParams, { size }) => ({\n  wrapper: {\n    position: 'relative',\n\n    '&:has(input:disabled)': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n\n      '& .mantine-MultiSelect-input': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n        color: theme.colors.dark[2],\n        opacity: 0.6,\n\n        '&::placeholder': {\n          color: theme.colors.dark[2],\n        },\n      },\n\n      '& .mantine-MultiSelect-defaultValue': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[3],\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[7],\n      },\n    },\n  },\n\n  values: {\n    minHeight: `calc(${getSize({ size, sizes: INPUT_SIZES })} - ${rem(2)})`,\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginLeft: `calc(-${theme.spacing.xs} / 2)`,\n    boxSizing: 'border-box',\n\n    '&[data-clearable]': {\n      marginRight: getSize({ size, sizes: INPUT_SIZES }),\n    },\n  },\n\n  value: {\n    margin: `calc(${theme.spacing.xs} / 2 - ${rem(2)}) calc(${theme.spacing.xs} / 2)`,\n  },\n\n  searchInput: {\n    ...theme.fn.fontStyles(),\n    flex: 1,\n    minWidth: rem(60),\n    backgroundColor: 'transparent',\n    border: 0,\n    outline: 0,\n    fontSize: getSize({ size, sizes: theme.fontSizes }),\n    padding: 0,\n    marginLeft: `calc(${theme.spacing.xs} / 2)`,\n    appearance: 'none',\n    color: 'inherit',\n    maxHeight: getSize({ size, sizes: DEFAULT_VALUE_SIZES }),\n\n    '&::placeholder': {\n      opacity: 1,\n      color: invalid\n        ? theme.colors.red[theme.fn.primaryShade()]\n        : theme.colorScheme === 'dark'\n        ? theme.colors.dark[3]\n        : theme.colors.gray[5],\n    },\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n  },\n\n  searchInputEmpty: {\n    width: '100%',\n  },\n\n  searchInputInputHidden: {\n    flex: 0,\n    width: 0,\n    minWidth: 0,\n    margin: 0,\n    overflow: 'hidden',\n  },\n\n  searchInputPointer: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n  },\n\n  input: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n  },\n}));\n"],"names":["createStyles","getSize","INPUT_SIZES","rem","DEFAULT_VALUE_SIZES"],"mappings":"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"}

package/cjs/NumberInput/NumberInput.styles.js

@@ -41,9 +41,6 @@ var useStyles = styles.createStyles((theme, { radius }, { size }) => ({
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
     "&:not(:disabled):hover": {
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
-    },
-    "&:disabled": {
-      color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]
     }
   },
   controlUp: {},

package/cjs/NumberInput/NumberInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.styles.js","sources":["../../src/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem, getSize } from '@mantine/styles';\n\nexport interface NumberInputStylesParams {\n  radius: MantineNumberSize;\n}\n\nexport const CONTROL_SIZES = {\n  xs: rem(20),\n  sm: rem(24),\n  md: rem(30),\n  lg: rem(34),\n  xl: rem(36),\n};\n\nexport default createStyles((theme, { radius }: NumberInputStylesParams, { size }) => ({\n  rightSection: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: `calc(100% - ${rem(2)})`,\n    margin: rem(1),\n    overflow: 'hidden',\n    borderTopRightRadius: theme.fn.radius(radius),\n    borderBottomRightRadius: theme.fn.radius(radius),\n  },\n\n  control: {\n    margin: 0,\n    position: 'relative',\n    flex: '0 0 50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    boxSizing: 'border-box',\n    width: getSize({ size, sizes: CONTROL_SIZES }),\n    padding: 0,\n    WebkitTapHighlightColor: 'transparent',\n    borderBottom: `${rem(1)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderLeft: `${rem(1)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderTop: 0,\n    borderRight: 0,\n    backgroundColor: 'transparent',\n    marginRight: rem(1),\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n    '&:not(:disabled):hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n    },\n\n    '&:disabled': {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4],\n    },\n  },\n\n  controlUp: {},\n\n  controlDown: {\n    borderBottom: 0,\n  },\n}));\n"],"names":["rem","createStyles","getSize"],"mappings":"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"}
+{"version":3,"file":"NumberInput.styles.js","sources":["../../src/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem, getSize } from '@mantine/styles';\n\nexport interface NumberInputStylesParams {\n  radius: MantineNumberSize;\n}\n\nexport const CONTROL_SIZES = {\n  xs: rem(20),\n  sm: rem(24),\n  md: rem(30),\n  lg: rem(34),\n  xl: rem(36),\n};\n\nexport default createStyles((theme, { radius }: NumberInputStylesParams, { size }) => ({\n  rightSection: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: `calc(100% - ${rem(2)})`,\n    margin: rem(1),\n    overflow: 'hidden',\n    borderTopRightRadius: theme.fn.radius(radius),\n    borderBottomRightRadius: theme.fn.radius(radius),\n  },\n\n  control: {\n    margin: 0,\n    position: 'relative',\n    flex: '0 0 50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    boxSizing: 'border-box',\n    width: getSize({ size, sizes: CONTROL_SIZES }),\n    padding: 0,\n    WebkitTapHighlightColor: 'transparent',\n    borderBottom: `${rem(1)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderLeft: `${rem(1)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderTop: 0,\n    borderRight: 0,\n    backgroundColor: 'transparent',\n    marginRight: rem(1),\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n    '&:not(:disabled):hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n    },\n  },\n\n  controlUp: {},\n\n  controlDown: {\n    borderBottom: 0,\n  },\n}));\n"],"names":["rem","createStyles","getSize"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAG;AAC7B,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE;AACF,gBAAeC,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM;AAC9D,EAAE,YAAY,EAAE;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,MAAM,EAAE,CAAC,YAAY,EAAED,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,IAAI,MAAM,EAAEA,UAAG,CAAC,CAAC,CAAC;AAClB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACjD,IAAI,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACpD,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,IAAI,EAAE,SAAS;AACnB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,cAAc,EAAE,QAAQ;AAC5B,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,KAAK,EAAEE,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAClD,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,uBAAuB,EAAE,aAAa;AAC1C,IAAI,YAAY,EAAE,CAAC,EAAEF,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,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;AACjH,IAAI,UAAU,EAAE,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,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;AAC/G,IAAI,SAAS,EAAE,CAAC;AAChB,IAAI,WAAW,EAAE,CAAC;AAClB,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,WAAW,EAAEA,UAAG,CAAC,CAAC,CAAC;AACvB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,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;AACH,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,WAAW,EAAE;AACf,IAAI,YAAY,EAAE,CAAC;AACnB,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}

package/cjs/PasswordInput/PasswordInput.styles.js

@@ -50,7 +50,14 @@ var useStyles = styles.createStyles((theme, { rightSectionWidth }, { size }) =>
       outline: 0
     },
     "&:disabled": {
-      cursor: "not-allowed"
+      cursor: "not-allowed",
+      pointerEvents: "none",
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[1],
+      color: theme.colors.dark[2],
+      opacity: 0.6,
+      "&::placeholder": {
+        color: theme.colors.dark[2]
+      }
     },
     "&::placeholder": __spreadProps(__spreadValues({}, theme.fn.placeholderStyles()), {
       opacity: 1

package/cjs/PasswordInput/PasswordInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.styles.js","sources":["../../src/PasswordInput/PasswordInput.styles.ts"],"sourcesContent":["import { createStyles, rem, getSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport interface PasswordInputStylesParams {\n  rightSectionWidth: number | string;\n}\n\nexport default createStyles(\n  (theme, { rightSectionWidth }: PasswordInputStylesParams, { size }) => ({\n    visibilityToggle: {},\n\n    input: {\n      position: 'relative',\n      overflow: 'hidden',\n    },\n\n    innerInput: {\n      ...theme.fn.fontStyles(),\n      ...theme.fn.cover(0),\n      backgroundColor: 'transparent',\n      border: `${rem(1)} solid transparent`,\n      borderLeftWidth: 0,\n      borderRightWidth: 0,\n      boxSizing: 'border-box',\n      display: 'block',\n      width: `calc(100% - ${rem(rightSectionWidth)})`,\n      paddingLeft: `calc(${getSize({ size, sizes: INPUT_SIZES })}  / 3)`,\n      fontSize: getSize({ size, sizes: theme.fontSizes }),\n      height: `calc(${getSize({ size, sizes: INPUT_SIZES })} - ${rem(2)})`,\n      lineHeight: `calc(${getSize({ size, sizes: INPUT_SIZES })} - ${rem(4)})`,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n      '&::-ms-reveal, &::-ms-clear': {\n        display: 'none',\n      },\n\n      '&:focus': {\n        outline: 0,\n      },\n\n      '&:disabled': {\n        cursor: 'not-allowed',\n      },\n\n      '&::placeholder': {\n        ...theme.fn.placeholderStyles(),\n        opacity: 1,\n      },\n\n      '&[data-invalid]': {\n        color: theme.fn.variant({ variant: 'filled', color: 'red' }).background,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: theme.fn.variant({ variant: 'filled', color: 'red' }).background,\n        },\n      },\n\n      '&[data-with-icon]': {\n        paddingLeft: getSize({ size, sizes: INPUT_SIZES }),\n      },\n    },\n  })\n);\n"],"names":["createStyles","rem","getSize","INPUT_SIZES"],"mappings":"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"}
+{"version":3,"file":"PasswordInput.styles.js","sources":["../../src/PasswordInput/PasswordInput.styles.ts"],"sourcesContent":["import { createStyles, rem, getSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport interface PasswordInputStylesParams {\n  rightSectionWidth: number | string;\n}\n\nexport default createStyles(\n  (theme, { rightSectionWidth }: PasswordInputStylesParams, { size }) => ({\n    visibilityToggle: {},\n\n    input: {\n      position: 'relative',\n      overflow: 'hidden',\n    },\n\n    innerInput: {\n      ...theme.fn.fontStyles(),\n      ...theme.fn.cover(0),\n      backgroundColor: 'transparent',\n      border: `${rem(1)} solid transparent`,\n      borderLeftWidth: 0,\n      borderRightWidth: 0,\n      boxSizing: 'border-box',\n      display: 'block',\n      width: `calc(100% - ${rem(rightSectionWidth)})`,\n      paddingLeft: `calc(${getSize({ size, sizes: INPUT_SIZES })}  / 3)`,\n      fontSize: getSize({ size, sizes: theme.fontSizes }),\n      height: `calc(${getSize({ size, sizes: INPUT_SIZES })} - ${rem(2)})`,\n      lineHeight: `calc(${getSize({ size, sizes: INPUT_SIZES })} - ${rem(4)})`,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n      '&::-ms-reveal, &::-ms-clear': {\n        display: 'none',\n      },\n\n      '&:focus': {\n        outline: 0,\n      },\n\n      '&:disabled': {\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n        color: theme.colors.dark[2],\n        opacity: 0.6,\n\n        '&::placeholder': {\n          color: theme.colors.dark[2],\n        },\n      },\n\n      '&::placeholder': {\n        ...theme.fn.placeholderStyles(),\n        opacity: 1,\n      },\n\n      '&[data-invalid]': {\n        color: theme.fn.variant({ variant: 'filled', color: 'red' }).background,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: theme.fn.variant({ variant: 'filled', color: 'red' }).background,\n        },\n      },\n\n      '&[data-with-icon]': {\n        paddingLeft: getSize({ size, sizes: INPUT_SIZES }),\n      },\n    },\n  })\n);\n"],"names":["createStyles","rem","getSize","INPUT_SIZES"],"mappings":"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"}

package/cjs/Rating/Rating.styles.js

@@ -7,7 +7,11 @@ var styles = require('@mantine/styles');
 var useStyles = styles.createStyles(() => ({
   root: {
     display: "flex",
-    width: "max-content"
+    width: "max-content",
+    "&:has(input:disabled)": {
+      pointerEvents: "none",
+      cursor: "not-allowed"
+    }
   },
   symbolGroup: {
     position: "relative",

package/cjs/Rating/Rating.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.styles.js","sources":["../../src/Rating/Rating.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles(() => ({\n  root: {\n    display: 'flex',\n    width: 'max-content',\n  },\n\n  symbolGroup: {\n    position: 'relative',\n    transition: 'transform 100ms ease',\n\n    '&[data-active=\"true\"]': {\n      zIndex: 1,\n      transform: 'scale(1.2)',\n    },\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,OAAO;AACnC,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,KAAK,EAAE,aAAa;AACxB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,UAAU,EAAE,sBAAsB;AACtC,IAAI,uBAAuB,EAAE;AAC7B,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,SAAS,EAAE,YAAY;AAC7B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Rating.styles.js","sources":["../../src/Rating/Rating.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles(() => ({\n  root: {\n    display: 'flex',\n    width: 'max-content',\n\n    '&:has(input:disabled)': {\n      pointerEvents: 'none',\n      cursor: 'not-allowed',\n    },\n  },\n\n  symbolGroup: {\n    position: 'relative',\n    transition: 'transform 100ms ease',\n\n    '&[data-active=\"true\"]': {\n      zIndex: 1,\n      transform: 'scale(1.2)',\n    },\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,OAAO;AACnC,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,KAAK,EAAE,aAAa;AACxB,IAAI,uBAAuB,EAAE;AAC7B,MAAM,aAAa,EAAE,MAAM;AAC3B,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,UAAU,EAAE,sBAAsB;AACtC,IAAI,uBAAuB,EAAE;AAC7B,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,SAAS,EAAE,YAAY;AAC7B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/Rating/StarSymbol/StarSymbol.styles.js

@@ -13,7 +13,11 @@ const sizes = {
 };
 var useStyles = styles.createStyles((theme, { type, color }, { size }) => {
   const emptyColor = theme.colorScheme === "light" ? theme.colors.gray[3] : theme.colors.gray[8];
-  const fullColor = theme.fn.variant({ variant: "filled", color }).background;
+  const fullColor = theme.fn.variant({
+    variant: "filled",
+    color,
+    primaryFallback: false
+  }).background;
   return {
     icon: {
       stroke: type === "empty" ? emptyColor : fullColor,

package/cjs/Rating/StarSymbol/StarSymbol.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"StarSymbol.styles.js","sources":["../../../src/Rating/StarSymbol/StarSymbol.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, rem, getSize } from '@mantine/styles';\n\nexport interface StarSymbolStylesParams {\n  type: 'empty' | 'full';\n  color: MantineColor;\n}\n\nconst sizes = {\n  xs: rem(14),\n  sm: rem(18),\n  md: rem(20),\n  lg: rem(28),\n  xl: rem(32),\n};\n\nexport default createStyles((theme, { type, color }: StarSymbolStylesParams, { size }) => {\n  const emptyColor = theme.colorScheme === 'light' ? theme.colors.gray[3] : theme.colors.gray[8];\n  const fullColor = theme.fn.variant({ variant: 'filled', color }).background;\n\n  return {\n    icon: {\n      stroke: type === 'empty' ? emptyColor : fullColor,\n      fill: type === 'empty' ? emptyColor : fullColor,\n      width: getSize({ size, sizes }),\n      height: getSize({ size, sizes }),\n    },\n  };\n});\n"],"names":["rem","createStyles","getSize"],"mappings":";;;;;;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,CAAC,CAAC;AACF,gBAAeC,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK;AAClE,EAAE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,KAAK,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACjG,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;AAC9E,EAAE,OAAO;AACT,IAAI,IAAI,EAAE;AACV,MAAM,MAAM,EAAE,IAAI,KAAK,OAAO,GAAG,UAAU,GAAG,SAAS;AACvD,MAAM,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,UAAU,GAAG,SAAS;AACrD,MAAM,KAAK,EAAEC,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACrC,MAAM,MAAM,EAAEA,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACtC,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"StarSymbol.styles.js","sources":["../../../src/Rating/StarSymbol/StarSymbol.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, rem, getSize } from '@mantine/styles';\n\nexport interface StarSymbolStylesParams {\n  type: 'empty' | 'full';\n  color: MantineColor;\n}\n\nconst sizes = {\n  xs: rem(14),\n  sm: rem(18),\n  md: rem(20),\n  lg: rem(28),\n  xl: rem(32),\n};\n\nexport default createStyles((theme, { type, color }: StarSymbolStylesParams, { size }) => {\n  const emptyColor = theme.colorScheme === 'light' ? theme.colors.gray[3] : theme.colors.gray[8];\n  const fullColor = theme.fn.variant({\n    variant: 'filled',\n    color,\n    primaryFallback: false,\n  }).background;\n\n  return {\n    icon: {\n      stroke: type === 'empty' ? emptyColor : fullColor,\n      fill: type === 'empty' ? emptyColor : fullColor,\n      width: getSize({ size, sizes }),\n      height: getSize({ size, sizes }),\n    },\n  };\n});\n"],"names":["rem","createStyles","getSize"],"mappings":";;;;;;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,CAAC,CAAC;AACF,gBAAeC,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK;AAClE,EAAE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,KAAK,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACjG,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC;AACrC,IAAI,OAAO,EAAE,QAAQ;AACrB,IAAI,KAAK;AACT,IAAI,eAAe,EAAE,KAAK;AAC1B,GAAG,CAAC,CAAC,UAAU,CAAC;AAChB,EAAE,OAAO;AACT,IAAI,IAAI,EAAE;AACV,MAAM,MAAM,EAAE,IAAI,KAAK,OAAO,GAAG,UAAU,GAAG,SAAS;AACvD,MAAM,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,UAAU,GAAG,SAAS;AACrD,MAAM,KAAK,EAAEC,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACrC,MAAM,MAAM,EAAEA,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACtC,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/cjs/SegmentedControl/SegmentedControl.styles.js

@@ -66,7 +66,8 @@ var useStyles = styles.createStyles((theme, {
       "&[data-disabled]": {
         "&, &:hover": {
           color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5],
-          cursor: "not-allowed"
+          cursor: "not-allowed",
+          pointerEvents: "none"
         }
       },
       "&[data-active]": {
@@ -101,6 +102,13 @@ var useStyles = styles.createStyles((theme, {
         "&:focus:not(:focus-visible)": {
           [`& + .${styles.getStylesRef("label")}`]: __spreadValues({}, theme.focusRing === "auto" || theme.focusRing === "never" ? theme.focusRingStyles.resetStyles(theme) : null)
         }
+      },
+      "&:disabled + label": {
+        "&, &:hover": {
+          color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5],
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        }
       }
     },
     root: {

package/cjs/SegmentedControl/SegmentedControl.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.styles.js","sources":["../../src/SegmentedControl/SegmentedControl.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor, getStylesRef, rem } from '@mantine/styles';\n\nexport const WRAPPER_PADDING = 4;\n\nexport interface SegmentedControlStylesParams {\n  fullWidth: boolean;\n  color: MantineColor;\n  radius: MantineNumberSize;\n  shouldAnimate: boolean;\n  transitionDuration: number;\n  transitionTimingFunction: string;\n  orientation: 'vertical' | 'horizontal';\n}\n\nconst sizes = {\n  xs: `${rem(3)} ${rem(6)}`,\n  sm: `${rem(5)} ${rem(10)}`,\n  md: `${rem(7)} ${rem(14)}`,\n  lg: `${rem(9)} ${rem(16)}`,\n  xl: `${rem(12)} ${rem(20)}`,\n};\n\nexport default createStyles(\n  (\n    theme,\n    {\n      fullWidth,\n      color,\n      radius,\n      shouldAnimate,\n      transitionDuration,\n      transitionTimingFunction,\n      orientation,\n    }: SegmentedControlStylesParams,\n    { size }\n  ) => {\n    const vertical = orientation === 'vertical';\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      label: {\n        ref: getStylesRef('label'),\n        ...theme.fn.focusStyles(),\n        ...theme.fn.fontStyles(),\n        WebkitTapHighlightColor: 'transparent',\n        borderRadius: theme.fn.radius(radius),\n        fontWeight: 500,\n        fontSize: size in theme.fontSizes ? theme.fontSizes[size] : theme.fontSizes.sm,\n        cursor: 'pointer',\n        display: 'block',\n        textAlign: 'center',\n        padding: sizes[size in sizes ? size : 'sm'],\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        userSelect: 'none',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[7],\n        transition: `color ${shouldAnimate ? 0 : transitionDuration}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n\n        '&:hover': {\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        },\n\n        '&[data-disabled]': {\n          '&, &:hover': {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n            cursor: 'not-allowed',\n          },\n        },\n\n        '&[data-active]': {\n          '&, &:hover': {\n            color: color || theme.colorScheme === 'dark' ? theme.white : theme.black,\n          },\n        },\n      },\n\n      control: {\n        ref: getStylesRef('control'),\n        position: 'relative',\n        boxSizing: 'border-box',\n        flex: 1,\n        zIndex: 2,\n        transition: `border-left-color ${shouldAnimate ? 0 : transitionDuration}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n\n        '&:not(:first-of-type)': {\n          borderStyle: 'solid',\n          borderWidth: vertical ? `${rem(1)} 0 0 0` : `0 0 0 ${rem(1)}`,\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n        },\n      },\n\n      input: {\n        height: 0,\n        width: 0,\n        position: 'absolute',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        opacity: 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          [`& + .${getStylesRef('label')}`]: {\n            ...(theme.focusRing === 'always' || theme.focusRing === 'auto'\n              ? theme.focusRingStyles.styles(theme)\n              : theme.focusRingStyles.resetStyles(theme)),\n          },\n\n          '&:focus:not(:focus-visible)': {\n            [`& + .${getStylesRef('label')}`]: {\n              ...(theme.focusRing === 'auto' || theme.focusRing === 'never'\n                ? theme.focusRingStyles.resetStyles(theme)\n                : null),\n            },\n          },\n        },\n      },\n\n      root: {\n        position: 'relative',\n        display: fullWidth || vertical ? 'flex' : 'inline-flex',\n        width: vertical && !fullWidth ? 'max-content' : 'auto',\n        flexDirection: vertical ? 'column' : 'row',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[1],\n        borderRadius: theme.fn.radius(radius),\n        overflow: 'hidden',\n        padding: WRAPPER_PADDING,\n      },\n\n      controlActive: {\n        borderLeftColor: 'transparent !important',\n        borderTopColor: 'transparent !important',\n\n        [`& + .${getStylesRef('control')}`]: {\n          [vertical ? 'borderTopColor' : 'borderLeftColor']: 'transparent !important',\n        },\n        borderRadius: theme.fn.radius(radius),\n        boxShadow: shouldAnimate\n          ? color || theme.colorScheme === 'dark'\n            ? 'none'\n            : theme.shadows.xs\n          : undefined,\n        backgroundColor: shouldAnimate\n          ? color\n            ? colors.background\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[5]\n            : theme.white\n          : undefined,\n      },\n\n      indicator: {\n        boxSizing: 'border-box',\n        borderRadius: theme.fn.radius(radius),\n        position: 'absolute',\n        zIndex: 1,\n        boxShadow: color || theme.colorScheme === 'dark' ? 'none' : theme.shadows.xs,\n        transition: `transform ${shouldAnimate ? 0 : transitionDuration}ms ${\n          theme.transitionTimingFunction\n        }, width ${shouldAnimate ? 0 : transitionDuration / 2}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n        backgroundColor: color\n          ? colors.background\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[5]\n          : theme.white,\n      },\n    };\n  }\n);\n"],"names":["rem","createStyles","getStylesRef"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.styles.js","sources":["../../src/SegmentedControl/SegmentedControl.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor, getStylesRef, rem } from '@mantine/styles';\n\nexport const WRAPPER_PADDING = 4;\n\nexport interface SegmentedControlStylesParams {\n  fullWidth: boolean;\n  color: MantineColor;\n  radius: MantineNumberSize;\n  shouldAnimate: boolean;\n  transitionDuration: number;\n  transitionTimingFunction: string;\n  orientation: 'vertical' | 'horizontal';\n}\n\nconst sizes = {\n  xs: `${rem(3)} ${rem(6)}`,\n  sm: `${rem(5)} ${rem(10)}`,\n  md: `${rem(7)} ${rem(14)}`,\n  lg: `${rem(9)} ${rem(16)}`,\n  xl: `${rem(12)} ${rem(20)}`,\n};\n\nexport default createStyles(\n  (\n    theme,\n    {\n      fullWidth,\n      color,\n      radius,\n      shouldAnimate,\n      transitionDuration,\n      transitionTimingFunction,\n      orientation,\n    }: SegmentedControlStylesParams,\n    { size }\n  ) => {\n    const vertical = orientation === 'vertical';\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      label: {\n        ref: getStylesRef('label'),\n        ...theme.fn.focusStyles(),\n        ...theme.fn.fontStyles(),\n        WebkitTapHighlightColor: 'transparent',\n        borderRadius: theme.fn.radius(radius),\n        fontWeight: 500,\n        fontSize: size in theme.fontSizes ? theme.fontSizes[size] : theme.fontSizes.sm,\n        cursor: 'pointer',\n        display: 'block',\n        textAlign: 'center',\n        padding: sizes[size in sizes ? size : 'sm'],\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        userSelect: 'none',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[7],\n        transition: `color ${shouldAnimate ? 0 : transitionDuration}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n\n        '&:hover': {\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        },\n\n        '&[data-disabled]': {\n          '&, &:hover': {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n            cursor: 'not-allowed',\n            pointerEvents: 'none',\n          },\n        },\n\n        '&[data-active]': {\n          '&, &:hover': {\n            color: color || theme.colorScheme === 'dark' ? theme.white : theme.black,\n          },\n        },\n      },\n\n      control: {\n        ref: getStylesRef('control'),\n        position: 'relative',\n        boxSizing: 'border-box',\n        flex: 1,\n        zIndex: 2,\n        transition: `border-left-color ${shouldAnimate ? 0 : transitionDuration}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n\n        '&:not(:first-of-type)': {\n          borderStyle: 'solid',\n          borderWidth: vertical ? `${rem(1)} 0 0 0` : `0 0 0 ${rem(1)}`,\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n        },\n      },\n\n      input: {\n        height: 0,\n        width: 0,\n        position: 'absolute',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        opacity: 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          [`& + .${getStylesRef('label')}`]: {\n            ...(theme.focusRing === 'always' || theme.focusRing === 'auto'\n              ? theme.focusRingStyles.styles(theme)\n              : theme.focusRingStyles.resetStyles(theme)),\n          },\n\n          '&:focus:not(:focus-visible)': {\n            [`& + .${getStylesRef('label')}`]: {\n              ...(theme.focusRing === 'auto' || theme.focusRing === 'never'\n                ? theme.focusRingStyles.resetStyles(theme)\n                : null),\n            },\n          },\n        },\n\n        '&:disabled + label': {\n          '&, &:hover': {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n            cursor: 'not-allowed',\n            pointerEvents: 'none',\n          },\n        },\n      },\n\n      root: {\n        position: 'relative',\n        display: fullWidth || vertical ? 'flex' : 'inline-flex',\n        width: vertical && !fullWidth ? 'max-content' : 'auto',\n        flexDirection: vertical ? 'column' : 'row',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[1],\n        borderRadius: theme.fn.radius(radius),\n        overflow: 'hidden',\n        padding: WRAPPER_PADDING,\n      },\n\n      controlActive: {\n        borderLeftColor: 'transparent !important',\n        borderTopColor: 'transparent !important',\n\n        [`& + .${getStylesRef('control')}`]: {\n          [vertical ? 'borderTopColor' : 'borderLeftColor']: 'transparent !important',\n        },\n        borderRadius: theme.fn.radius(radius),\n        boxShadow: shouldAnimate\n          ? color || theme.colorScheme === 'dark'\n            ? 'none'\n            : theme.shadows.xs\n          : undefined,\n        backgroundColor: shouldAnimate\n          ? color\n            ? colors.background\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[5]\n            : theme.white\n          : undefined,\n      },\n\n      indicator: {\n        boxSizing: 'border-box',\n        borderRadius: theme.fn.radius(radius),\n        position: 'absolute',\n        zIndex: 1,\n        boxShadow: color || theme.colorScheme === 'dark' ? 'none' : theme.shadows.xs,\n        transition: `transform ${shouldAnimate ? 0 : transitionDuration}ms ${\n          theme.transitionTimingFunction\n        }, width ${shouldAnimate ? 0 : transitionDuration / 2}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n        backgroundColor: color\n          ? colors.background\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[5]\n          : theme.white,\n      },\n    };\n  }\n);\n"],"names":["rem","createStyles","getStylesRef"],"mappings":"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"}

package/cjs/Slider/Marks/Marks.styles.js

@@ -9,7 +9,13 @@ var useStyles = styles.createStyles((theme, { color, disabled, thumbSize }, { si
   marksContainer: {
     position: "absolute",
     right: thumbSize ? styles.rem(thumbSize / 2) : styles.getSize({ sizes: SliderRoot_styles.sizes, size }),
-    left: thumbSize ? styles.rem(thumbSize / 2) : styles.getSize({ sizes: SliderRoot_styles.sizes, size })
+    left: thumbSize ? styles.rem(thumbSize / 2) : styles.getSize({ sizes: SliderRoot_styles.sizes, size }),
+    "&:has(~ input:disabled)": {
+      "& .mantine-Slider-markFilled": {
+        border: `${styles.rem(2)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
+        borderColor: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]
+      }
+    }
   },
   markWrapper: {
     position: "absolute",

package/cjs/Slider/Marks/Marks.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marks.styles.js","sources":["../../../src/Slider/Marks/Marks.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, rem, getSize } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface MarksStyles {\n  color: MantineColor;\n  disabled: boolean;\n  thumbSize?: number;\n}\n\nexport default createStyles((theme, { color, disabled, thumbSize }: MarksStyles, { size }) => ({\n  marksContainer: {\n    position: 'absolute',\n    right: thumbSize ? rem(thumbSize / 2) : getSize({ sizes, size }),\n    left: thumbSize ? rem(thumbSize / 2) : getSize({ sizes, size }),\n  },\n\n  markWrapper: {\n    position: 'absolute',\n    top: `calc(${rem(getSize({ sizes, size }))} / 2)`,\n    zIndex: 2,\n    height: 0,\n  },\n\n  mark: {\n    boxSizing: 'border-box',\n    border: `${rem(2)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n    }`,\n    height: getSize({ sizes, size }),\n    width: getSize({ sizes, size }),\n    borderRadius: 1000,\n    transform: `translateX(calc(-${getSize({ sizes, size })} / 2))`,\n    backgroundColor: theme.white,\n    pointerEvents: 'none',\n  },\n\n  markFilled: {\n    borderColor: disabled\n      ? theme.colorScheme === 'dark'\n        ? theme.colors.dark[3]\n        : theme.colors.gray[4]\n      : theme.fn.variant({ variant: 'filled', color }).background,\n  },\n\n  markLabel: {\n    transform: `translate(-50%, calc(${theme.spacing.xs} / 2))`,\n    fontSize: theme.fontSizes.sm,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    whiteSpace: 'nowrap',\n    cursor: 'pointer',\n    userSelect: 'none',\n  },\n}));\n"],"names":["createStyles","rem","getSize","sizes"],"mappings":";;;;;;;AAEA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM;AAClF,EAAE,cAAc,EAAE;AAClB,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,KAAK,EAAE,SAAS,GAAGC,UAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAGC,cAAO,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC;AACpE,IAAI,IAAI,EAAE,SAAS,GAAGF,UAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAGC,cAAO,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC;AACnE,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,CAAC,KAAK,EAAEF,UAAG,CAACC,cAAO,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;AACrD,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,MAAM,EAAE,CAAC;AACb,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,MAAM,EAAE,CAAC,EAAEF,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,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;AAC3G,IAAI,MAAM,EAAEC,cAAO,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC;AACpC,IAAI,KAAK,EAAED,cAAO,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC;AACnC,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,SAAS,EAAE,CAAC,iBAAiB,EAAED,cAAO,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;AACnE,IAAI,eAAe,EAAE,KAAK,CAAC,KAAK;AAChC,IAAI,aAAa,EAAE,MAAM;AACzB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,WAAW,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU;AAClK,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,SAAS,EAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC;AAC/D,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,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,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,UAAU,EAAE,MAAM;AACtB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Marks.styles.js","sources":["../../../src/Slider/Marks/Marks.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, rem, getSize } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface MarksStyles {\n  color: MantineColor;\n  disabled: boolean;\n  thumbSize?: number;\n}\n\nexport default createStyles((theme, { color, disabled, thumbSize }: MarksStyles, { size }) => ({\n  marksContainer: {\n    position: 'absolute',\n    right: thumbSize ? rem(thumbSize / 2) : getSize({ sizes, size }),\n    left: thumbSize ? rem(thumbSize / 2) : getSize({ sizes, size }),\n\n    '&:has(~ input:disabled)': {\n      '& .mantine-Slider-markFilled': {\n        border: `${rem(2)} solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n        }`,\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[4],\n      },\n    },\n  },\n\n  markWrapper: {\n    position: 'absolute',\n    top: `calc(${rem(getSize({ sizes, size }))} / 2)`,\n    zIndex: 2,\n    height: 0,\n  },\n\n  mark: {\n    boxSizing: 'border-box',\n    border: `${rem(2)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n    }`,\n    height: getSize({ sizes, size }),\n    width: getSize({ sizes, size }),\n    borderRadius: 1000,\n    transform: `translateX(calc(-${getSize({ sizes, size })} / 2))`,\n    backgroundColor: theme.white,\n    pointerEvents: 'none',\n  },\n\n  markFilled: {\n    borderColor: disabled\n      ? theme.colorScheme === 'dark'\n        ? theme.colors.dark[3]\n        : theme.colors.gray[4]\n      : theme.fn.variant({ variant: 'filled', color }).background,\n  },\n\n  markLabel: {\n    transform: `translate(-50%, calc(${theme.spacing.xs} / 2))`,\n    fontSize: theme.fontSizes.sm,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    whiteSpace: 'nowrap',\n    cursor: 'pointer',\n    userSelect: 'none',\n  },\n}));\n"],"names":["createStyles","rem","getSize","sizes"],"mappings":"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"}

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

@@ -11,7 +11,22 @@ var useStyles = styles.createStyles((theme, { radius, color, disabled, inverted,
     alignItems: "center",
     width: "100%",
     height: `calc(${styles.getSize({ sizes: SliderRoot_styles.sizes, size })} * 2)`,
-    cursor: "pointer"
+    cursor: "pointer",
+    "&:has(~ input:disabled)": {
+      "&": {
+        pointerEvents: "none"
+      },
+      "& .mantine-Slider-thumb": {
+        display: "none"
+      },
+      "& .mantine-Slider-track::before": {
+        content: '""',
+        backgroundColor: inverted ? theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4] : theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]
+      },
+      "& .mantine-Slider-bar": {
+        backgroundColor: inverted ? theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2] : theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4]
+      }
+    }
   },
   track: {
     position: "relative",

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

@@ -1 +1 @@
-{"version":3,"file":"Track.styles.js","sources":["../../../src/Slider/Track/Track.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor, getSize, rem } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface TrackStyles {\n  radius: MantineNumberSize;\n  color: MantineColor;\n  disabled: boolean;\n  inverted: boolean;\n  thumbSize?: number;\n}\n\nexport default createStyles(\n  (theme, { radius, color, disabled, inverted, thumbSize }: TrackStyles, { size }) => ({\n    trackContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      width: '100%',\n      height: `calc(${getSize({ sizes, size })} * 2)`,\n      cursor: 'pointer',\n    },\n\n    track: {\n      position: 'relative',\n      height: getSize({ sizes, size }),\n      width: '100%',\n      marginRight: thumbSize ? rem(thumbSize / 2) : getSize({ size, sizes }),\n      marginLeft: thumbSize ? rem(thumbSize / 2) : getSize({ size, sizes }),\n\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        borderRadius: theme.fn.radius(radius),\n        right: `calc(${thumbSize ? rem(thumbSize / 2) : getSize({ size, sizes })} * -1)`,\n        left: `calc(${thumbSize ? rem(thumbSize / 2) : getSize({ size, sizes })} * -1)`,\n        backgroundColor: inverted\n          ? disabled\n            ? theme.colorScheme === 'dark'\n              ? theme.colors.dark[3]\n              : theme.colors.gray[4]\n            : theme.fn.variant({ variant: 'filled', color }).background\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[4]\n          : theme.colors.gray[2],\n        zIndex: 0,\n      },\n    },\n\n    bar: {\n      position: 'absolute',\n      zIndex: 1,\n      top: 0,\n      bottom: 0,\n      backgroundColor: inverted\n        ? theme.colorScheme === 'dark'\n          ? theme.colors.dark[4]\n          : theme.colors.gray[2]\n        : disabled\n        ? theme.colorScheme === 'dark'\n          ? theme.colors.dark[3]\n          : theme.colors.gray[4]\n        : theme.fn.variant({ variant: 'filled', color }).background,\n      borderRadius: theme.fn.radius(radius),\n    },\n  })\n);\n"],"names":["createStyles","getSize","sizes","rem"],"mappings":"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"}
+{"version":3,"file":"Track.styles.js","sources":["../../../src/Slider/Track/Track.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor, getSize, rem } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface TrackStyles {\n  radius: MantineNumberSize;\n  color: MantineColor;\n  disabled: boolean;\n  inverted: boolean;\n  thumbSize?: number;\n}\n\nexport default createStyles(\n  (theme, { radius, color, disabled, inverted, thumbSize }: TrackStyles, { size }) => ({\n    trackContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      width: '100%',\n      height: `calc(${getSize({ sizes, size })} * 2)`,\n      cursor: 'pointer',\n\n      '&:has(~ input:disabled)': {\n        '&': {\n          pointerEvents: 'none',\n        },\n\n        '& .mantine-Slider-thumb': {\n          display: 'none',\n        },\n\n        '& .mantine-Slider-track::before': {\n          content: '\"\"',\n          backgroundColor: inverted\n            ? theme.colorScheme === 'dark'\n              ? theme.colors.dark[3]\n              : theme.colors.gray[4]\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[4]\n            : theme.colors.gray[2],\n        },\n\n        '& .mantine-Slider-bar': {\n          backgroundColor: inverted\n            ? theme.colorScheme === 'dark'\n              ? theme.colors.dark[4]\n              : theme.colors.gray[2]\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[3]\n            : theme.colors.gray[4],\n        },\n      },\n    },\n\n    track: {\n      position: 'relative',\n      height: getSize({ sizes, size }),\n      width: '100%',\n      marginRight: thumbSize ? rem(thumbSize / 2) : getSize({ size, sizes }),\n      marginLeft: thumbSize ? rem(thumbSize / 2) : getSize({ size, sizes }),\n\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        borderRadius: theme.fn.radius(radius),\n        right: `calc(${thumbSize ? rem(thumbSize / 2) : getSize({ size, sizes })} * -1)`,\n        left: `calc(${thumbSize ? rem(thumbSize / 2) : getSize({ size, sizes })} * -1)`,\n        backgroundColor: inverted\n          ? disabled\n            ? theme.colorScheme === 'dark'\n              ? theme.colors.dark[3]\n              : theme.colors.gray[4]\n            : theme.fn.variant({ variant: 'filled', color }).background\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[4]\n          : theme.colors.gray[2],\n        zIndex: 0,\n      },\n    },\n\n    bar: {\n      position: 'absolute',\n      zIndex: 1,\n      top: 0,\n      bottom: 0,\n      backgroundColor: inverted\n        ? theme.colorScheme === 'dark'\n          ? theme.colors.dark[4]\n          : theme.colors.gray[2]\n        : disabled\n        ? theme.colorScheme === 'dark'\n          ? theme.colors.dark[3]\n          : theme.colors.gray[4]\n        : theme.fn.variant({ variant: 'filled', color }).background,\n      borderRadius: theme.fn.radius(radius),\n    },\n  })\n);\n"],"names":["createStyles","getSize","sizes","rem"],"mappings":"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"}

package/cjs/Switch/Switch.styles.js

@@ -114,7 +114,8 @@ var useStyles = styles.createStyles((theme, { radius, color, labelPosition, erro
       "input:disabled + &": {
         backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
         borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
-        cursor: "not-allowed"
+        cursor: "not-allowed",
+        pointerEvents: "none"
       }
     }),
     thumb: {

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.js","sources":["../../src/Switch/Switch.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor, rem, getSize } from '@mantine/styles';\n\nexport interface SwitchStylesParams {\n  color: MantineColor;\n  radius: MantineNumberSize;\n  labelPosition: 'left' | 'right';\n  error: boolean;\n}\n\nconst switchHeight = {\n  xs: rem(16),\n  sm: rem(20),\n  md: rem(24),\n  lg: rem(30),\n  xl: rem(36),\n};\n\nconst switchWidth = {\n  xs: rem(32),\n  sm: rem(38),\n  md: rem(46),\n  lg: rem(56),\n  xl: rem(72),\n};\n\nconst handleSizes = {\n  xs: rem(12),\n  sm: rem(14),\n  md: rem(18),\n  lg: rem(22),\n  xl: rem(28),\n};\n\nconst labelFontSizes = {\n  xs: rem(5),\n  sm: rem(6),\n  md: rem(7),\n  lg: rem(9),\n  xl: rem(11),\n};\n\nconst trackLabelPaddings = {\n  xs: rem(4),\n  sm: rem(5),\n  md: rem(6),\n  lg: rem(8),\n  xl: rem(10),\n};\n\nexport default createStyles(\n  (theme, { radius, color, labelPosition, error }: SwitchStylesParams, { size }) => {\n    const handleSize = getSize({ size, sizes: handleSizes });\n    const borderRadius = getSize({ size: radius, sizes: theme.radius });\n    const colors = theme.fn.variant({ variant: 'filled', color });\n    const trackWidth = getSize({ size, sizes: switchWidth });\n    const trackPadding = rem(size === 'xs' ? 1 : 2);\n    const errorColor = theme.fn.variant({ variant: 'filled', color: 'red' }).background;\n\n    return {\n      root: {\n        position: 'relative',\n      },\n\n      input: {\n        height: 0,\n        width: 0,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        padding: 0,\n        WebkitClipPath: 'inset(50%)',\n        clipPath: 'inset(50%)',\n        position: 'absolute',\n      },\n\n      track: {\n        ...theme.fn.focusStyles('input:focus + &'),\n        cursor: theme.cursorType,\n        overflow: 'hidden',\n        WebkitTapHighlightColor: 'transparent',\n        position: 'relative',\n        borderRadius,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n        border: `${rem(1)} solid ${\n          error\n            ? errorColor\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[4]\n            : theme.colors.gray[3]\n        }`,\n        height: getSize({ size, sizes: switchHeight }),\n        minWidth: trackWidth,\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        fontSize: getSize({ size, sizes: labelFontSizes }),\n        fontWeight: 600,\n        order: labelPosition === 'left' ? 2 : 1,\n        userSelect: 'none',\n        zIndex: 0,\n        lineHeight: 0,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[6],\n        transition: `color 150ms ${theme.transitionTimingFunction}`,\n\n        'input:checked + &': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n          color: theme.white,\n          transition: `color 150ms ${theme.transitionTimingFunction}`,\n        },\n\n        'input:disabled + &': {\n          backgroundColor:\n            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      },\n\n      thumb: {\n        position: 'absolute',\n        zIndex: 1,\n        borderRadius,\n        boxSizing: 'border-box',\n        display: 'flex',\n        backgroundColor: theme.white,\n        height: handleSize,\n        width: handleSize,\n        border: `${rem(1)} solid ${\n          theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[3]\n        }`,\n        left: trackPadding,\n        transition: `left 150ms ${theme.transitionTimingFunction}`,\n\n        '& > *': {\n          margin: 'auto',\n        },\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: theme.respectReducedMotion ? '0ms' : '',\n        },\n\n        'input:checked + * > &': {\n          left: `calc(100% - ${handleSize} - ${trackPadding})`,\n          borderColor: theme.white,\n        },\n\n        'input:disabled + * > &': {\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      trackLabel: {\n        height: '100%',\n        display: 'grid',\n        placeContent: 'center',\n\n        minWidth: `calc(${trackWidth} - ${handleSize})`,\n        paddingInline: getSize({ size, sizes: trackLabelPaddings }),\n        margin: `0 0 0 calc(${handleSize} + ${trackPadding})`,\n        transition: `margin 150ms ${theme.transitionTimingFunction}`,\n\n        'input:checked + * > &': {\n          margin: `0 calc(${handleSize} + ${trackPadding}) 0 0`,\n        },\n      },\n    };\n  }\n);\n"],"names":["rem","createStyles","getSize"],"mappings":"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"}
+{"version":3,"file":"Switch.styles.js","sources":["../../src/Switch/Switch.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor, rem, getSize } from '@mantine/styles';\n\nexport interface SwitchStylesParams {\n  color: MantineColor;\n  radius: MantineNumberSize;\n  labelPosition: 'left' | 'right';\n  error: boolean;\n}\n\nconst switchHeight = {\n  xs: rem(16),\n  sm: rem(20),\n  md: rem(24),\n  lg: rem(30),\n  xl: rem(36),\n};\n\nconst switchWidth = {\n  xs: rem(32),\n  sm: rem(38),\n  md: rem(46),\n  lg: rem(56),\n  xl: rem(72),\n};\n\nconst handleSizes = {\n  xs: rem(12),\n  sm: rem(14),\n  md: rem(18),\n  lg: rem(22),\n  xl: rem(28),\n};\n\nconst labelFontSizes = {\n  xs: rem(5),\n  sm: rem(6),\n  md: rem(7),\n  lg: rem(9),\n  xl: rem(11),\n};\n\nconst trackLabelPaddings = {\n  xs: rem(4),\n  sm: rem(5),\n  md: rem(6),\n  lg: rem(8),\n  xl: rem(10),\n};\n\nexport default createStyles(\n  (theme, { radius, color, labelPosition, error }: SwitchStylesParams, { size }) => {\n    const handleSize = getSize({ size, sizes: handleSizes });\n    const borderRadius = getSize({ size: radius, sizes: theme.radius });\n    const colors = theme.fn.variant({ variant: 'filled', color });\n    const trackWidth = getSize({ size, sizes: switchWidth });\n    const trackPadding = rem(size === 'xs' ? 1 : 2);\n    const errorColor = theme.fn.variant({ variant: 'filled', color: 'red' }).background;\n\n    return {\n      root: {\n        position: 'relative',\n      },\n\n      input: {\n        height: 0,\n        width: 0,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        padding: 0,\n        WebkitClipPath: 'inset(50%)',\n        clipPath: 'inset(50%)',\n        position: 'absolute',\n      },\n\n      track: {\n        ...theme.fn.focusStyles('input:focus + &'),\n        cursor: theme.cursorType,\n        overflow: 'hidden',\n        WebkitTapHighlightColor: 'transparent',\n        position: 'relative',\n        borderRadius,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n        border: `${rem(1)} solid ${\n          error\n            ? errorColor\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[4]\n            : theme.colors.gray[3]\n        }`,\n        height: getSize({ size, sizes: switchHeight }),\n        minWidth: trackWidth,\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        fontSize: getSize({ size, sizes: labelFontSizes }),\n        fontWeight: 600,\n        order: labelPosition === 'left' ? 2 : 1,\n        userSelect: 'none',\n        zIndex: 0,\n        lineHeight: 0,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[6],\n        transition: `color 150ms ${theme.transitionTimingFunction}`,\n\n        'input:checked + &': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n          color: theme.white,\n          transition: `color 150ms ${theme.transitionTimingFunction}`,\n        },\n\n        'input:disabled + &': {\n          backgroundColor:\n            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          pointerEvents: 'none',\n        },\n      },\n\n      thumb: {\n        position: 'absolute',\n        zIndex: 1,\n        borderRadius,\n        boxSizing: 'border-box',\n        display: 'flex',\n        backgroundColor: theme.white,\n        height: handleSize,\n        width: handleSize,\n        border: `${rem(1)} solid ${\n          theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[3]\n        }`,\n        left: trackPadding,\n        transition: `left 150ms ${theme.transitionTimingFunction}`,\n\n        '& > *': {\n          margin: 'auto',\n        },\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: theme.respectReducedMotion ? '0ms' : '',\n        },\n\n        'input:checked + * > &': {\n          left: `calc(100% - ${handleSize} - ${trackPadding})`,\n          borderColor: theme.white,\n        },\n\n        'input:disabled + * > &': {\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      trackLabel: {\n        height: '100%',\n        display: 'grid',\n        placeContent: 'center',\n\n        minWidth: `calc(${trackWidth} - ${handleSize})`,\n        paddingInline: getSize({ size, sizes: trackLabelPaddings }),\n        margin: `0 0 0 calc(${handleSize} + ${trackPadding})`,\n        transition: `margin 150ms ${theme.transitionTimingFunction}`,\n\n        'input:checked + * > &': {\n          margin: `0 calc(${handleSize} + ${trackPadding}) 0 0`,\n        },\n      },\n    };\n  }\n);\n"],"names":["rem","createStyles","getSize"],"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,MAAM,YAAY,GAAG;AACrB,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,CAAC,CAAC;AACF,MAAM,WAAW,GAAG;AACpB,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,CAAC,CAAC;AACF,MAAM,WAAW,GAAG;AACpB,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,CAAC,CAAC;AACF,MAAM,cAAc,GAAG;AACvB,EAAE,EAAE,EAAEA,UAAG,CAAC,CAAC,CAAC;AACZ,EAAE,EAAE,EAAEA,UAAG,CAAC,CAAC,CAAC;AACZ,EAAE,EAAE,EAAEA,UAAG,CAAC,CAAC,CAAC;AACZ,EAAE,EAAE,EAAEA,UAAG,CAAC,CAAC,CAAC;AACZ,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,CAAC,CAAC;AACF,MAAM,kBAAkB,GAAG;AAC3B,EAAE,EAAE,EAAEA,UAAG,CAAC,CAAC,CAAC;AACZ,EAAE,EAAE,EAAEA,UAAG,CAAC,CAAC,CAAC;AACZ,EAAE,EAAE,EAAEA,UAAG,CAAC,CAAC,CAAC;AACZ,EAAE,EAAE,EAAEA,UAAG,CAAC,CAAC,CAAC;AACZ,EAAE,EAAE,EAAEA,UAAG,CAAC,EAAE,CAAC;AACb,CAAC,CAAC;AACF,gBAAeC,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK;AAC1F,EAAE,MAAM,UAAU,GAAGC,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;AAC3D,EAAE,MAAM,YAAY,GAAGA,cAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;AACtE,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AAChE,EAAE,MAAM,UAAU,GAAGA,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;AAC3D,EAAE,MAAM,YAAY,GAAGF,UAAG,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAClD,EAAE,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;AACtF,EAAE,OAAO;AACT,IAAI,IAAI,EAAE;AACV,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,cAAc,EAAE,YAAY;AAClC,MAAM,QAAQ,EAAE,YAAY;AAC5B,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,EAAE;AACtF,MAAM,MAAM,EAAE,KAAK,CAAC,UAAU;AAC9B,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,YAAY;AAClB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,MAAM,MAAM,EAAE,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,GAAG,UAAU,GAAG,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;AAClI,MAAM,MAAM,EAAEE,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACpD,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,kBAAkB,EAAE,gCAAgC;AAC1D,MAAM,wBAAwB,EAAE,KAAK,CAAC,wBAAwB;AAC9D,MAAM,kBAAkB,EAAE,OAAO;AACjC,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,QAAQ,EAAEA,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACxD,MAAM,UAAU,EAAE,GAAG;AACrB,MAAM,KAAK,EAAE,aAAa,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC;AAC7C,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,UAAU,EAAE,CAAC;AACnB,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,UAAU,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC;AACjE,MAAM,mBAAmB,EAAE;AAC3B,QAAQ,eAAe,EAAE,MAAM,CAAC,UAAU;AAC1C,QAAQ,WAAW,EAAE,MAAM,CAAC,UAAU;AACtC,QAAQ,KAAK,EAAE,KAAK,CAAC,KAAK;AAC1B,QAAQ,UAAU,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC;AACnE,OAAO;AACP,MAAM,oBAAoB,EAAE;AAC5B,QAAQ,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;AACnG,QAAQ,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;AAC/F,QAAQ,MAAM,EAAE,aAAa;AAC7B,QAAQ,aAAa,EAAE,MAAM;AAC7B,OAAO;AACP,KAAK,CAAC;AACN,IAAI,KAAK,EAAE;AACX,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,YAAY;AAClB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,eAAe,EAAE,KAAK,CAAC,KAAK;AAClC,MAAM,MAAM,EAAE,UAAU;AACxB,MAAM,KAAK,EAAE,UAAU;AACvB,MAAM,MAAM,EAAE,CAAC,EAAEF,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACpG,MAAM,IAAI,EAAE,YAAY;AACxB,MAAM,UAAU,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC;AAChE,MAAM,OAAO,EAAE;AACf,QAAQ,MAAM,EAAE,MAAM;AACtB,OAAO;AACP,MAAM,iCAAiC,EAAE;AACzC,QAAQ,kBAAkB,EAAE,KAAK,CAAC,oBAAoB,GAAG,KAAK,GAAG,EAAE;AACnE,OAAO;AACP,MAAM,uBAAuB,EAAE;AAC/B,QAAQ,IAAI,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;AAC5D,QAAQ,WAAW,EAAE,KAAK,CAAC,KAAK;AAChC,OAAO;AACP,MAAM,wBAAwB,EAAE;AAChC,QAAQ,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;AAC/F,QAAQ,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;AACnG,OAAO;AACP,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,MAAM,EAAE,MAAM;AACpB,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,YAAY,EAAE,QAAQ;AAC5B,MAAM,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;AACrD,MAAM,aAAa,EAAEE,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;AACjE,MAAM,MAAM,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;AAC3D,MAAM,UAAU,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC;AAClE,MAAM,uBAAuB,EAAE;AAC/B,QAAQ,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC;AAC7D,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/cjs/ThemeIcon/ThemeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeIcon.js","sources":["../../src/ThemeIcon/ThemeIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineGradient,\n  MantineColor,\n  useComponentDefaultProps,\n  Variants,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { ThemeIconStylesParams } from './ThemeIcon.styles';\n\nexport interface ThemeIconProps\n  extends DefaultProps<never, ThemeIconStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Icon */\n  children: React.ReactNode;\n\n  /** Width and height of theme icon */\n  size?: MantineNumberSize;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */\n  radius?: MantineNumberSize;\n\n  /** Icon color from theme */\n  color?: MantineColor;\n\n  /** Controls appearance */\n  variant?: Variants<'filled' | 'light' | 'gradient' | 'outline' | 'default'>;\n\n  /** Controls gradient settings in gradient variant only */\n  gradient?: MantineGradient;\n}\n\nconst defaultProps: Partial<ThemeIconProps> = {\n  size: 'md',\n  variant: 'filled',\n};\n\nexport const ThemeIcon = forwardRef<HTMLDivElement, ThemeIconProps>((props, ref) => {\n  const { className, size, radius, variant, color, children, gradient, unstyled, ...others } =\n    useComponentDefaultProps('ThemeIcon', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { variant, radius, color, gradient },\n    { name: 'ThemeIcon', unstyled, variant, size }\n  );\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nThemeIcon.displayName = '@mantine/core/ThemeIcon';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"ThemeIcon.js","sources":["../../src/ThemeIcon/ThemeIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineGradient,\n  MantineColor,\n  useComponentDefaultProps,\n  Variants,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { ThemeIconStylesParams } from './ThemeIcon.styles';\n\nexport type ThemeIconVariant = Variants<'filled' | 'light' | 'gradient' | 'outline' | 'default'>;\n\nexport interface ThemeIconProps\n  extends DefaultProps<never, ThemeIconStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Icon */\n  children: React.ReactNode;\n\n  /** Width and height of theme icon */\n  size?: MantineNumberSize;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */\n  radius?: MantineNumberSize;\n\n  /** Icon color from theme */\n  color?: MantineColor;\n\n  /** Controls appearance */\n  variant?: ThemeIconVariant;\n\n  /** Controls gradient settings in gradient variant only */\n  gradient?: MantineGradient;\n}\n\nconst defaultProps: Partial<ThemeIconProps> = {\n  size: 'md',\n  variant: 'filled',\n};\n\nexport const ThemeIcon = forwardRef<HTMLDivElement, ThemeIconProps>((props, ref) => {\n  const { className, size, radius, variant, color, children, gradient, unstyled, ...others } =\n    useComponentDefaultProps('ThemeIcon', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { variant, radius, color, gradient },\n    { name: 'ThemeIcon', unstyled, variant, size }\n  );\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nThemeIcon.displayName = '@mantine/core/ThemeIcon';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"mappings":"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"}

package/esm/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineNumberSize,\n  MantineGradient,\n  MantineColor,\n  Selectors,\n  useComponentDefaultProps,\n  Variants,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles, { BadgeStylesParams } from './Badge.styles';\n\nexport type BadgeStylesNames = Selectors<typeof useStyles>;\n\nexport interface BadgeProps extends DefaultProps<BadgeStylesNames, BadgeStylesParams> {\n  /** Key of theme.colors */\n  color?: MantineColor;\n\n  /** Controls appearance */\n  variant?: Variants<'light' | 'filled' | 'outline' | 'dot' | 'gradient'>;\n\n  /** Controls gradient, applied to gradient variant only */\n  gradient?: MantineGradient;\n\n  /** Badge height and font size */\n  size?: MantineSize;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius, \"xl\" by default */\n  radius?: MantineNumberSize;\n\n  /** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */\n  fullWidth?: boolean;\n\n  /** Section rendered on the left side of label */\n  leftSection?: React.ReactNode;\n\n  /** Section rendered on the right side of label */\n  rightSection?: React.ReactNode;\n\n  /** Badge label */\n  children?: React.ReactNode;\n}\n\nconst defaultProps: Partial<BadgeProps> = {\n  variant: 'light',\n  size: 'md',\n  radius: 'xl',\n};\n\nexport const _Badge = forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n  const {\n    className,\n    color,\n    variant,\n    fullWidth,\n    children,\n    size,\n    leftSection,\n    rightSection,\n    radius,\n    gradient,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Badge', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { fullWidth, color, radius, gradient },\n    { classNames, styles, name: 'Badge', unstyled, variant, size }\n  );\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {leftSection && <span className={classes.leftSection}>{leftSection}</span>}\n      <span className={classes.inner}>{children}</span>\n      {rightSection && <span className={classes.rightSection}>{rightSection}</span>}\n    </Box>\n  );\n});\n\n_Badge.displayName = '@mantine/core/Badge';\n\nexport const Badge = createPolymorphicComponent<'div', BadgeProps>(_Badge);\n"],"names":[],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAQF,MAAM,YAAY,GAAG;AACrB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,MAAM,EAAE,IAAI;AACd,CAAC,CAAC;AACU,MAAC,MAAM,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACjD,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AACrE,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,aAAa;AACjB,IAAI,cAAc;AAClB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5I,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzE,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,GAAG,EAAE,WAAW,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC/D,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,QAAQ,CAAC,EAAE,YAAY,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC5E,IAAI,SAAS,EAAE,OAAO,CAAC,YAAY;AACnC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;AACpB,CAAC,EAAE;AACH,MAAM,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAC/B,MAAC,KAAK,GAAG,0BAA0B,CAAC,MAAM;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineNumberSize,\n  MantineGradient,\n  MantineColor,\n  Selectors,\n  useComponentDefaultProps,\n  Variants,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles, { BadgeStylesParams } from './Badge.styles';\n\nexport type BadgeStylesNames = Selectors<typeof useStyles>;\nexport type BadgeVariant = Variants<'light' | 'filled' | 'outline' | 'dot' | 'gradient'>;\n\nexport interface BadgeProps extends DefaultProps<BadgeStylesNames, BadgeStylesParams> {\n  /** Key of theme.colors */\n  color?: MantineColor;\n\n  /** Controls appearance */\n  variant?: BadgeVariant;\n\n  /** Controls gradient, applied to gradient variant only */\n  gradient?: MantineGradient;\n\n  /** Badge height and font size */\n  size?: MantineSize;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius, \"xl\" by default */\n  radius?: MantineNumberSize;\n\n  /** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */\n  fullWidth?: boolean;\n\n  /** Section rendered on the left side of label */\n  leftSection?: React.ReactNode;\n\n  /** Section rendered on the right side of label */\n  rightSection?: React.ReactNode;\n\n  /** Badge label */\n  children?: React.ReactNode;\n}\n\nconst defaultProps: Partial<BadgeProps> = {\n  variant: 'light',\n  size: 'md',\n  radius: 'xl',\n};\n\nexport const _Badge = forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n  const {\n    className,\n    color,\n    variant,\n    fullWidth,\n    children,\n    size,\n    leftSection,\n    rightSection,\n    radius,\n    gradient,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Badge', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { fullWidth, color, radius, gradient },\n    { classNames, styles, name: 'Badge', unstyled, variant, size }\n  );\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {leftSection && <span className={classes.leftSection}>{leftSection}</span>}\n      <span className={classes.inner}>{children}</span>\n      {rightSection && <span className={classes.rightSection}>{rightSection}</span>}\n    </Box>\n  );\n});\n\n_Badge.displayName = '@mantine/core/Badge';\n\nexport const Badge = createPolymorphicComponent<'div', BadgeProps>(_Badge);\n"],"names":[],"mappings":"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"}

package/esm/Checkbox/Checkbox.styles.js

@@ -85,6 +85,7 @@ var useStyles = createStyles((theme, {
         backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2],
         borderColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[3],
         cursor: "not-allowed",
+        pointerEvents: "none",
         [`& + .${getStylesRef("icon")}`]: {
           color: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[5]
         }

package/esm/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","sources":["../../src/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineColor,\n  MantineNumberSize,\n  getStylesRef,\n  rem,\n  getSize,\n} from '@mantine/styles';\n\nconst sizes = {\n  xs: rem(16),\n  sm: rem(20),\n  md: rem(24),\n  lg: rem(30),\n  xl: rem(36),\n};\n\nexport interface CheckboxStylesParams {\n  radius: MantineNumberSize;\n  color: MantineColor;\n  transitionDuration: number;\n  labelPosition: 'left' | 'right';\n  error: boolean;\n  indeterminate: boolean;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      radius,\n      color,\n      transitionDuration,\n      labelPosition,\n      error,\n      indeterminate,\n    }: CheckboxStylesParams,\n    { size }\n  ) => {\n    const _size = getSize({ size, sizes });\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      icon: {\n        ...theme.fn.cover(),\n        ref: getStylesRef('icon'),\n        color: indeterminate ? 'inherit' : theme.white,\n        transform: indeterminate ? 'none' : `translateY(${rem(5)}) scale(0.5)`,\n        opacity: indeterminate ? 1 : 0,\n        transitionProperty: 'opacity, transform',\n        transitionTimingFunction: 'ease',\n        transitionDuration: `${transitionDuration}ms`,\n        pointerEvents: 'none',\n        width: '60%',\n        position: 'absolute',\n        zIndex: 1,\n        margin: 'auto',\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: theme.respectReducedMotion ? '0ms' : undefined,\n        },\n      },\n\n      inner: {\n        position: 'relative',\n        width: _size,\n        height: _size,\n        order: labelPosition === 'left' ? 2 : 1,\n      },\n\n      input: {\n        ...theme.fn.focusStyles(),\n        appearance: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        border: `${rem(1)} solid ${\n          error\n            ? theme.fn.variant({ variant: 'filled', color: 'red' }).background\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[4]\n            : theme.colors.gray[4]\n        }`,\n        width: _size,\n        height: _size,\n        borderRadius: theme.fn.radius(radius),\n        padding: 0,\n        display: 'block',\n        margin: 0,\n        transition: `border-color ${transitionDuration}ms ease, background-color ${transitionDuration}ms ease`,\n        cursor: theme.cursorType,\n\n        '&:checked': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n\n          [`& + .${getStylesRef('icon')}`]: {\n            opacity: 1,\n            color: theme.white,\n            transform: 'translateY(0) scale(1)',\n          },\n        },\n\n        '&:disabled': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[3],\n          cursor: 'not-allowed',\n\n          [`& + .${getStylesRef('icon')}`]: {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Checkbox.styles.js","sources":["../../src/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineColor,\n  MantineNumberSize,\n  getStylesRef,\n  rem,\n  getSize,\n} from '@mantine/styles';\n\nconst sizes = {\n  xs: rem(16),\n  sm: rem(20),\n  md: rem(24),\n  lg: rem(30),\n  xl: rem(36),\n};\n\nexport interface CheckboxStylesParams {\n  radius: MantineNumberSize;\n  color: MantineColor;\n  transitionDuration: number;\n  labelPosition: 'left' | 'right';\n  error: boolean;\n  indeterminate: boolean;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      radius,\n      color,\n      transitionDuration,\n      labelPosition,\n      error,\n      indeterminate,\n    }: CheckboxStylesParams,\n    { size }\n  ) => {\n    const _size = getSize({ size, sizes });\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      icon: {\n        ...theme.fn.cover(),\n        ref: getStylesRef('icon'),\n        color: indeterminate ? 'inherit' : theme.white,\n        transform: indeterminate ? 'none' : `translateY(${rem(5)}) scale(0.5)`,\n        opacity: indeterminate ? 1 : 0,\n        transitionProperty: 'opacity, transform',\n        transitionTimingFunction: 'ease',\n        transitionDuration: `${transitionDuration}ms`,\n        pointerEvents: 'none',\n        width: '60%',\n        position: 'absolute',\n        zIndex: 1,\n        margin: 'auto',\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: theme.respectReducedMotion ? '0ms' : undefined,\n        },\n      },\n\n      inner: {\n        position: 'relative',\n        width: _size,\n        height: _size,\n        order: labelPosition === 'left' ? 2 : 1,\n      },\n\n      input: {\n        ...theme.fn.focusStyles(),\n        appearance: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        border: `${rem(1)} solid ${\n          error\n            ? theme.fn.variant({ variant: 'filled', color: 'red' }).background\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[4]\n            : theme.colors.gray[4]\n        }`,\n        width: _size,\n        height: _size,\n        borderRadius: theme.fn.radius(radius),\n        padding: 0,\n        display: 'block',\n        margin: 0,\n        transition: `border-color ${transitionDuration}ms ease, background-color ${transitionDuration}ms ease`,\n        cursor: theme.cursorType,\n\n        '&:checked': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n\n          [`& + .${getStylesRef('icon')}`]: {\n            opacity: 1,\n            color: theme.white,\n            transform: 'translateY(0) scale(1)',\n          },\n        },\n\n        '&:disabled': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[3],\n          cursor: 'not-allowed',\n          pointerEvents: 'none',\n\n          [`& + .${getStylesRef('icon')}`]: {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/Chip/Chip.styles.js

@@ -123,7 +123,8 @@ var useStyles = createStyles((theme, { radius, color }, { size, variant }) => {
         backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
         borderColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
         color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5],
-        cursor: "not-allowed"
+        cursor: "not-allowed",
+        pointerEvents: "none"
       }, theme.fn.hover({
         backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
       })), {
@@ -164,6 +165,28 @@ var useStyles = createStyles((theme, { radius, color }, { size, variant }) => {
       padding: 0,
       opacity: 0,
       margin: 0,
+      "&:disabled + label": __spreadProps(__spreadValues({
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
+        borderColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
+        color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5],
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      }, theme.fn.hover({
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]
+      })), {
+        [`& .${getStylesRef("iconWrapper")}`]: {
+          color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
+        },
+        "&[data-checked]": {
+          paddingLeft: getSize({ size, sizes: checkedPadding }),
+          paddingRight: getSize({ size, sizes: checkedPadding }),
+          "&:not([data-disabled])": {
+            backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
+            borderColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
+            color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
+          }
+        }
+      }),
       "&:focus": {
         outline: "none",
         [`& + .${getStylesRef("label")}`]: __spreadValues({}, theme.focusRing === "always" || theme.focusRing === "auto" ? theme.focusRingStyles.styles(theme) : theme.focusRingStyles.resetStyles(theme)),