@mantine/core 4.2.9 → 5.0.0-alpha.10

package/cjs/components/Button/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('@mantine/styles');
+var ButtonGroup_styles = require('./ButtonGroup.styles.js');
+var Box = require('../../Box/Box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  orientation: "horizontal",
+  buttonBorderWidth: 1
+};
+const ButtonGroup = React.forwardRef((props, ref) => {
+  const _a = styles.useComponentDefaultProps("ButtonGroup", defaultProps, props), { className, orientation, buttonBorderWidth, unstyled } = _a, others = __objRest(_a, ["className", "orientation", "buttonBorderWidth", "unstyled"]);
+  const { classes, cx } = ButtonGroup_styles['default']({ orientation, buttonBorderWidth }, { name: "ButtonGroup", unstyled });
+  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
+    className: cx(classes.root, className),
+    ref
+  }, others));
+});
+ButtonGroup.displayName = "@mantine/core/ButtonGroup";
+
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=ButtonGroup.js.map

package/cjs/components/Button/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/Button/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles, { ButtonGroupStylesParams } from './ButtonGroup.styles';\n\nexport interface ButtonGroupProps\n  extends DefaultProps<never, ButtonGroupStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** <Button /> components */\n  children?: React.ReactNode;\n\n  /** Switch between vertical and horizontal orientation */\n  orientation?: 'vertical' | 'horizontal';\n\n  /** Child <Button /> border width in px */\n  buttonBorderWidth?: number;\n}\n\nconst defaultProps: Partial<ButtonGroupProps> = {\n  orientation: 'horizontal',\n  buttonBorderWidth: 1,\n};\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n  const { className, orientation, buttonBorderWidth, unstyled, ...others } =\n    useComponentDefaultProps('ButtonGroup', defaultProps, props);\n  const { classes, cx } = useStyles(\n    { orientation, buttonBorderWidth },\n    { name: 'ButtonGroup', unstyled }\n  );\n  return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n});\n\nButtonGroup.displayName = '@mantine/core/ButtonGroup';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"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;AAKF,MAAM,YAAY,GAAG;AACrB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,iBAAiB,EAAE,CAAC;AACtB,CAAC,CAAC;AACU,MAAC,WAAW,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACtD,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;AAC/N,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,6BAAS,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC3G,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/cjs/components/Button/ButtonGroup/ButtonGroup.styles.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = require('@mantine/styles');
+
+var useStyles = styles.createStyles((_theme, { orientation, buttonBorderWidth }) => ({
+  root: {
+    display: "flex",
+    flexDirection: orientation === "vertical" ? "column" : "row",
+    "& [data-button]": {
+      "&:first-of-type": {
+        borderBottomRightRadius: 0,
+        [orientation === "vertical" ? "borderBottomLeftRadius" : "borderTopRightRadius"]: 0,
+        [orientation === "vertical" ? "borderBottomWidth" : "borderRightWidth"]: buttonBorderWidth / 2
+      },
+      "&:last-of-type": {
+        borderTopLeftRadius: 0,
+        [orientation === "vertical" ? "borderTopRightRadius" : "borderBottomLeftRadius"]: 0,
+        [orientation === "vertical" ? "borderTopWidth" : "borderLeftWidth"]: buttonBorderWidth / 2
+      },
+      "&:not(:first-of-type):not(:last-of-type)": {
+        borderRadius: 0,
+        [orientation === "vertical" ? "borderTopWidth" : "borderLeftWidth"]: buttonBorderWidth / 2,
+        [orientation === "vertical" ? "borderBottomWidth" : "borderRightWidth"]: buttonBorderWidth / 2
+      }
+    }
+  }
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=ButtonGroup.styles.js.map

package/cjs/components/Button/ButtonGroup/ButtonGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.styles.js","sources":["../../../../src/components/Button/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface ButtonGroupStylesParams {\n  orientation: 'vertical' | 'horizontal';\n  buttonBorderWidth: number;\n}\n\nexport default createStyles(\n  (_theme, { orientation, buttonBorderWidth }: ButtonGroupStylesParams) => ({\n    root: {\n      display: 'flex',\n      flexDirection: orientation === 'vertical' ? 'column' : 'row',\n\n      '& [data-button]': {\n        '&:first-of-type': {\n          borderBottomRightRadius: 0,\n          [orientation === 'vertical' ? 'borderBottomLeftRadius' : 'borderTopRightRadius']: 0,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '&:last-of-type': {\n          borderTopLeftRadius: 0,\n          [orientation === 'vertical' ? 'borderTopRightRadius' : 'borderBottomLeftRadius']: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']:\n            buttonBorderWidth / 2,\n        },\n\n        '&:not(:first-of-type):not(:last-of-type)': {\n          borderRadius: 0,\n          [orientation === 'vertical' ? 'borderTopWidth' : 'borderLeftWidth']:\n            buttonBorderWidth / 2,\n          [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:\n            buttonBorderWidth / 2,\n        },\n      },\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM;AAC7E,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK;AAChE,IAAI,iBAAiB,EAAE;AACvB,MAAM,iBAAiB,EAAE;AACzB,QAAQ,uBAAuB,EAAE,CAAC;AAClC,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,wBAAwB,GAAG,sBAAsB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,CAAC;AACtG,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,mBAAmB,EAAE,CAAC;AAC9B,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,CAAC;AAC3F,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,CAAC;AAClG,OAAO;AACP,MAAM,0CAA0C,EAAE;AAClD,QAAQ,YAAY,EAAE,CAAC;AACvB,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,CAAC;AAClG,QAAQ,CAAC,WAAW,KAAK,UAAU,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,CAAC;AACtG,OAAO;AACP,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/Card/Card.context.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const CardContext = React.createContext({ padding: 0 });
+const CardProvider = CardContext.Provider;
+const useCardPadding = () => React.useContext(CardContext).padding;
+
+exports.CardProvider = CardProvider;
+exports.useCardPadding = useCardPadding;
+//# sourceMappingURL=Card.context.js.map

package/cjs/components/Card/Card.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.context.js","sources":["../../../src/components/Card/Card.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst CardContext = createContext<{ padding: string | number }>({ padding: 0 });\n\nexport const CardProvider = CardContext.Provider;\nexport const useCardPadding = () => useContext(CardContext).padding;\n"],"names":["createContext","useContext"],"mappings":";;;;;;AACA,MAAM,WAAW,GAAGA,mBAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACtC,MAAC,YAAY,GAAG,WAAW,CAAC,SAAS;AACrC,MAAC,cAAc,GAAG,MAAMC,gBAAU,CAAC,WAAW,CAAC,CAAC;;;;;"}

package/cjs/components/Card/Card.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
 var Paper = require('../Paper/Paper.js');
 var CardSection = require('./CardSection/CardSection.js');
 var Card_styles = require('./Card.styles.js');
+var Card_context = require('./Card.context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -43,30 +45,33 @@ var __objRest = (source, exclude) => {
 const defaultProps = {
   p: "md"
 };
-const Card = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Card", defaultProps, props), { component, className, p, radius, children, classNames, styles: styles$1 } = _a, others = __objRest(_a, ["component", "className", "p", "radius", "children", "classNames", "styles"]);
-  const { classes, cx } = Card_styles['default'](null, { name: "Card", classNames, styles: styles$1 });
+const _Card = React.forwardRef((props, ref) => {
+  const _a = styles.useComponentDefaultProps("Card", defaultProps, props), { className, p, radius, children, unstyled } = _a, others = __objRest(_a, ["className", "p", "radius", "children", "unstyled"]);
+  const { classes, cx } = Card_styles['default'](null, { name: "Card", unstyled });
   const _children = React.Children.toArray(children);
   const content = _children.map((child, index) => {
     if (typeof child === "object" && child && "type" in child && child.type === CardSection.CardSection) {
       return React.cloneElement(child, {
         padding: p,
-        first: index === 0,
-        last: index === _children.length - 1
+        "data-first": index === 0 || void 0,
+        "data-last": index === _children.length - 1 || void 0
       });
     }
     return child;
   });
-  return /* @__PURE__ */ React__default.createElement(Paper.Paper, __spreadValues({
+  return /* @__PURE__ */ React__default.createElement(Card_context.CardProvider, {
+    value: { padding: p }
+  }, /* @__PURE__ */ React__default.createElement(Paper.Paper, __spreadValues({
     className: cx(classes.root, className),
     radius,
     p,
-    component: component || "div",
     ref
-  }, others), content);
+  }, others), content));
 });
-Card.Section = CardSection.CardSection;
-Card.displayName = "@mantine/core/Card";
+_Card.Section = CardSection.CardSection;
+_Card.displayName = "@mantine/core/Card";
+const Card = utils.createPolymorphicComponent(_Card);
 
 exports.Card = Card;
+exports._Card = _Card;
 //# sourceMappingURL=Card.js.map

package/cjs/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Children, cloneElement, forwardRef } from 'react';\nimport { PolymorphicComponentProps, PolymorphicRef, useMantineDefaultProps } from '@mantine/styles';\nimport { Paper, SharedPaperProps } from '../Paper/Paper';\nimport { CardSection } from './CardSection/CardSection';\nimport useStyles from './Card.styles';\n\ninterface _CardProps extends SharedPaperProps {\n  /** Card content */\n  children: React.ReactNode;\n}\n\nexport type CardProps<C> = PolymorphicComponentProps<C, _CardProps>;\n\ntype CardComponent = (<C = 'div'>(props: CardProps<C>) => React.ReactElement) & {\n  displayName?: string;\n  Section: typeof CardSection;\n};\n\nconst defaultProps: Partial<CardProps<any>> = {\n  p: 'md',\n};\n\nexport const Card: CardComponent = forwardRef(\n  (props: CardProps<'div'>, ref: PolymorphicRef<'div'>) => {\n    const { component, className, p, radius, children, classNames, styles, ...others } =\n      useMantineDefaultProps('Card', defaultProps, props);\n    const { classes, cx } = useStyles(null, { name: 'Card', classNames, styles });\n    const _children = Children.toArray(children);\n\n    const content = _children.map((child, index) => {\n      if (typeof child === 'object' && child && 'type' in child && child.type === CardSection) {\n        return cloneElement(child, {\n          padding: p,\n          first: index === 0,\n          last: index === _children.length - 1,\n        });\n      }\n\n      return child;\n    });\n\n    return (\n      <Paper\n        className={cx(classes.root, className)}\n        radius={radius}\n        p={p}\n        component={component || 'div'}\n        ref={ref}\n        {...others}\n      >\n        {content}\n      </Paper>\n    );\n  }\n) as any;\n\nCard.Section = CardSection;\nCard.displayName = '@mantine/core/Card';\n"],"names":["forwardRef","useMantineDefaultProps","styles","useStyles","Children","CardSection","cloneElement","React","Paper"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Children, cloneElement, forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Paper, PaperProps } from '../Paper/Paper';\nimport { CardSection } from './CardSection/CardSection';\nimport useStyles from './Card.styles';\nimport { CardProvider } from './Card.context';\n\nexport interface CardProps extends PaperProps {\n  /** Card content */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<CardProps> = {\n  p: 'md',\n};\n\nexport const _Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { className, p, radius, children, unstyled, ...others } = useComponentDefaultProps(\n    'Card',\n    defaultProps,\n    props\n  );\n  const { classes, cx } = useStyles(null, { name: 'Card', unstyled });\n  const _children = Children.toArray(children);\n\n  const content = _children.map((child, index) => {\n    if (typeof child === 'object' && child && 'type' in child && child.type === CardSection) {\n      return cloneElement(child, {\n        padding: p,\n        'data-first': index === 0 || undefined,\n        'data-last': index === _children.length - 1 || undefined,\n      });\n    }\n\n    return child;\n  });\n\n  return (\n    <CardProvider value={{ padding: p }}>\n      <Paper className={cx(classes.root, className)} radius={radius} p={p} ref={ref} {...others}>\n        {content}\n      </Paper>\n    </CardProvider>\n  );\n}) as any;\n\n_Card.Section = CardSection;\n_Card.displayName = '@mantine/core/Card';\n\nexport const Card = createPolymorphicComponent<'div', CardProps, { Section: typeof CardSection }>(\n  _Card\n);\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","Children","CardSection","cloneElement","React","CardProvider","Paper","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/Card/CardSection/CardSection.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var utils = require('@mantine/utils');
+var Card_context = require('../Card.context.js');
 var CardSection_styles = require('./CardSection.styles.js');
 var Box = require('../../Box/Box.js');
 
@@ -38,16 +40,17 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const CardSection = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, padding = 0, component, first, last } = _b, others = __objRest(_b, ["className", "padding", "component", "first", "last"]);
-  const { classes, cx } = CardSection_styles['default']({ padding, first, last }, { name: "Card" });
+const _CardSection = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, withBorder = false, inheritPadding = false, unstyled } = _b, others = __objRest(_b, ["className", "withBorder", "inheritPadding", "unstyled"]);
+  const { classes, cx } = CardSection_styles['default']({ padding: Card_context.useCardPadding(), withBorder, inheritPadding }, { name: "Card", unstyled });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
-    component: component || "div",
     className: cx(classes.cardSection, className),
     ref
   }, others));
 });
-CardSection.displayName = "@mantine/core/CardSection";
+_CardSection.displayName = "@mantine/core/CardSection";
+const CardSection = utils.createPolymorphicComponent(_CardSection);
 
 exports.CardSection = CardSection;
+exports._CardSection = _CardSection;
 //# sourceMappingURL=CardSection.js.map

package/cjs/components/Card/CardSection/CardSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSection.js","sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './CardSection.styles';\n\nexport interface _CardSectionProps extends DefaultProps {\n  padding?: MantineNumberSize;\n  first?: boolean;\n  last?: boolean;\n}\n\nexport type CardSectionProps<C> = PolymorphicComponentProps<C, _CardSectionProps>;\n\ntype CardSectionComponent = (<C = 'div'>(props: CardSectionProps<C>) => React.ReactElement) & {\n  displayName?: string;\n};\n\nexport const CardSection: CardSectionComponent = forwardRef(\n  (\n    { className, padding = 0, component, first, last, ...others }: CardSectionProps<'div'>,\n    ref: PolymorphicRef<'div'>\n  ) => {\n    const { classes, cx } = useStyles({ padding, first, last }, { name: 'Card' });\n    return (\n      <Box\n        component={component || 'div'}\n        className={cx(classes.cardSection, className)}\n        ref={ref}\n        {...others}\n      />\n    );\n  }\n) as any;\n\nCardSection.displayName = '@mantine/core/CardSection';\n"],"names":["forwardRef","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"CardSection.js","sources":["../../../../src/components/Card/CardSection/CardSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { useCardPadding } from '../Card.context';\nimport { Box } from '../../Box';\nimport useStyles from './CardSection.styles';\n\nexport interface CardSectionProps extends DefaultProps {\n  /** Determines whether section should have border */\n  withBorder?: boolean;\n\n  /** Determines whether section from inherit padding from Card */\n  inheritPadding?: boolean;\n}\n\nexport const _CardSection = forwardRef<HTMLDivElement, CardSectionProps>(\n  ({ className, withBorder = false, inheritPadding = false, unstyled, ...others }, ref) => {\n    const { classes, cx } = useStyles(\n      { padding: useCardPadding(), withBorder, inheritPadding },\n      { name: 'Card', unstyled }\n    );\n    return <Box className={cx(classes.cardSection, className)} ref={ref} {...others} />;\n  }\n);\n\n_CardSection.displayName = '@mantine/core/CardSection';\n\nexport const CardSection = createPolymorphicComponent<'div', CardSectionProps>(_CardSection);\n"],"names":["forwardRef","useStyles","useCardPadding","React","Box","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/Card/CardSection/CardSection.styles.js

@@ -4,15 +4,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styles = require('@mantine/styles');
 
-var useStyles = styles.createStyles((theme, { padding, first, last }) => ({
-  cardSection: {
-    display: "block",
-    marginLeft: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),
-    marginRight: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),
-    marginTop: first ? -1 * theme.fn.size({ size: padding, sizes: theme.spacing }) : void 0,
-    marginBottom: last ? -1 * theme.fn.size({ size: padding, sizes: theme.spacing }) : void 0
-  }
-}));
+var useStyles = styles.createStyles((theme, { padding, withBorder, inheritPadding }) => {
+  const spacing = theme.fn.size({ size: padding, sizes: theme.spacing });
+  const offset = -1 * spacing;
+  const borderColor = theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3];
+  return {
+    cardSection: {
+      display: "block",
+      marginLeft: offset,
+      marginRight: offset,
+      paddingLeft: inheritPadding ? spacing : void 0,
+      paddingRight: inheritPadding ? spacing : void 0,
+      borderTop: withBorder && `1px solid ${borderColor}`,
+      borderBottom: withBorder && `1px solid ${borderColor}`,
+      "& + &": {
+        borderTop: 0
+      },
+      "&[data-first]": {
+        marginTop: offset,
+        borderTop: 0,
+        borderBottom: withBorder && `1px solid ${borderColor}`
+      },
+      "&[data-last]": {
+        marginBottom: offset,
+        borderBottom: 0
+      }
+    }
+  };
+});
 
 exports.default = useStyles;
 //# sourceMappingURL=CardSection.styles.js.map

package/cjs/components/Card/CardSection/CardSection.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSection.styles.js","sources":["../../../../src/components/Card/CardSection/CardSection.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface CardSectionStyles {\n  padding: MantineNumberSize;\n  first?: boolean;\n  last?: boolean;\n}\n\nexport default createStyles((theme, { padding, first, last }: CardSectionStyles) => ({\n  cardSection: {\n    display: 'block',\n    marginLeft: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),\n    marginRight: -1 * theme.fn.size({ size: padding, sizes: theme.spacing }),\n    marginTop: first ? -1 * theme.fn.size({ size: padding, sizes: theme.spacing }) : undefined,\n    marginBottom: last ? -1 * theme.fn.size({ size: padding, sizes: theme.spacing }) : undefined,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AAClE,EAAE,WAAW,EAAE;AACf,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,UAAU,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC3E,IAAI,WAAW,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC5E,IAAI,SAAS,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC;AAC3F,IAAI,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC;AAC7F,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"CardSection.styles.js","sources":["../../../../src/components/Card/CardSection/CardSection.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface CardSectionStyles {\n  padding: string | number;\n  withBorder: boolean;\n  inheritPadding: boolean;\n}\n\nexport default createStyles((theme, { padding, withBorder, inheritPadding }: CardSectionStyles) => {\n  const spacing = theme.fn.size({ size: padding, sizes: theme.spacing });\n  const offset = -1 * spacing;\n  const borderColor = theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3];\n\n  return {\n    cardSection: {\n      display: 'block',\n      marginLeft: offset,\n      marginRight: offset,\n      paddingLeft: inheritPadding ? spacing : undefined,\n      paddingRight: inheritPadding ? spacing : undefined,\n      borderTop: withBorder && `1px solid ${borderColor}`,\n      borderBottom: withBorder && `1px solid ${borderColor}`,\n\n      '& + &': {\n        borderTop: 0,\n      },\n\n      '&[data-first]': {\n        marginTop: offset,\n        borderTop: 0,\n        borderBottom: withBorder && `1px solid ${borderColor}`,\n      },\n\n      '&[data-last]': {\n        marginBottom: offset,\n        borderBottom: 0,\n      },\n    },\n  };\n});\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK;AAChF,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACzE,EAAE,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;AAC9B,EAAE,MAAM,WAAW,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;AACjG,EAAE,OAAO;AACT,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,OAAO;AACtB,MAAM,UAAU,EAAE,MAAM;AACxB,MAAM,WAAW,EAAE,MAAM;AACzB,MAAM,WAAW,EAAE,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,YAAY,EAAE,cAAc,GAAG,OAAO,GAAG,KAAK,CAAC;AACrD,MAAM,SAAS,EAAE,UAAU,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AACzD,MAAM,YAAY,EAAE,UAAU,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAC5D,MAAM,OAAO,EAAE;AACf,QAAQ,SAAS,EAAE,CAAC;AACpB,OAAO;AACP,MAAM,eAAe,EAAE;AACvB,QAAQ,SAAS,EAAE,MAAM;AACzB,QAAQ,SAAS,EAAE,CAAC;AACpB,QAAQ,YAAY,EAAE,UAAU,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAC9D,OAAO;AACP,MAAM,cAAc,EAAE;AACtB,QAAQ,YAAY,EAAE,MAAM;AAC5B,QAAQ,YAAY,EAAE,CAAC;AACvB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/cjs/components/Center/Center.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
 var Box = require('../Box/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -38,8 +39,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Center = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Center", {}, props), { inline, sx } = _a, others = __objRest(_a, ["inline", "sx"]);
+const _Center = React.forwardRef((props, ref) => {
+  const _a = styles.useComponentDefaultProps("Center", {}, props), { inline, sx } = _a, others = __objRest(_a, ["inline", "sx"]);
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     ref,
     sx: [
@@ -48,11 +49,13 @@ const Center = React.forwardRef((props, ref) => {
         alignItems: "center",
         justifyContent: "center"
       },
-      ...Array.isArray(sx) ? sx : [sx]
+      ...utils.packSx(sx)
     ]
   }, others));
 });
-Center.displayName = "@mantine/core/Center";
+_Center.displayName = "@mantine/core/Center";
+const Center = utils.createPolymorphicComponent(_Center);
 
 exports.Center = Center;
+exports._Center = _Center;
 //# sourceMappingURL=Center.js.map

package/cjs/components/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"file":"Center.js","sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\n\nexport interface _CenterProps extends DefaultProps {\n  /** Content that should be centered vertically and horizontally */\n  children: React.ReactNode;\n\n  /** Set to true to use inline-flex instead of flex */\n  inline?: boolean;\n}\n\nexport type CenterProps<C> = PolymorphicComponentProps<C, _CenterProps>;\n\ntype CenterComponent = (<C = 'div'>(props: CenterProps<C>) => React.ReactElement) & {\n  displayName?: string;\n};\n\nexport const Center: CenterComponent = forwardRef(\n  (props: CenterProps<'div'>, ref: PolymorphicRef<'div'>) => {\n    const { inline, sx, ...others } = useMantineDefaultProps('Center', {}, props);\n    return (\n      <Box\n        ref={ref}\n        sx={[\n          {\n            display: inline ? 'inline-flex' : 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          },\n          ...(Array.isArray(sx) ? sx : [sx]),\n        ]}\n        {...others}\n      />\n    );\n  }\n) as any;\n\nCenter.displayName = '@mantine/core/Center';\n"],"names":["forwardRef","useMantineDefaultProps","React","Box"],"mappings":"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"}
+{"version":3,"file":"Center.js","sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { packSx, createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\n\nexport interface CenterProps extends DefaultProps {\n  /** Content that should be centered vertically and horizontally */\n  children: React.ReactNode;\n\n  /** Set to true to use inline-flex instead of flex */\n  inline?: boolean;\n}\n\nexport const _Center = forwardRef<HTMLDivElement, CenterProps>((props, ref) => {\n  const { inline, sx, ...others } = useComponentDefaultProps('Center', {}, props);\n  return (\n    <Box\n      ref={ref}\n      sx={[\n        {\n          display: inline ? 'inline-flex' : 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        },\n        ...packSx(sx),\n      ]}\n      {...others}\n    />\n  );\n});\n\n_Center.displayName = '@mantine/core/Center';\n\nexport const Center = createPolymorphicComponent<'div', CenterProps>(_Center);\n"],"names":["forwardRef","useComponentDefaultProps","React","Box","packSx","createPolymorphicComponent"],"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;AAKU,MAAC,OAAO,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAClD,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;AAC1H,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,GAAG;AACP,IAAI,EAAE,EAAE;AACR,MAAM;AACN,QAAQ,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM;AAChD,QAAQ,UAAU,EAAE,QAAQ;AAC5B,QAAQ,cAAc,EAAE,QAAQ;AAChC,OAAO;AACP,MAAM,GAAGC,YAAM,CAAC,EAAE,CAAC;AACnB,KAAK;AACL,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,OAAO,CAAC,WAAW,GAAG,sBAAsB,CAAC;AACjC,MAAC,MAAM,GAAGC,gCAA0B,CAAC,OAAO;;;;;"}

package/cjs/components/Checkbox/Checkbox.js

@@ -6,6 +6,8 @@ var React = require('react');
 var styles = require('@mantine/styles');
 var hooks = require('@mantine/hooks');
 var CheckboxIcon = require('./CheckboxIcon.js');
+var CheckboxGroup = require('./CheckboxGroup/CheckboxGroup.js');
+var CheckboxGroup_context = require('./CheckboxGroup.context.js');
 var Checkbox_styles = require('./Checkbox.styles.js');
 var Box = require('../Box/Box.js');
 
@@ -43,12 +45,11 @@ var __objRest = (source, exclude) => {
 };
 const defaultProps = {
   size: "sm",
-  __staticSelector: "Checkbox",
   transitionDuration: 100,
   icon: CheckboxIcon.CheckboxIcon
 };
 const Checkbox = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Checkbox", defaultProps, props), {
+  const _a = styles.useComponentDefaultProps("Checkbox", defaultProps, props), {
     className,
     style,
     sx,
@@ -65,7 +66,7 @@ const Checkbox = React.forwardRef((props, ref) => {
     styles: styles$1,
     transitionDuration,
     icon: Icon,
-    __staticSelector
+    unstyled
   } = _a, others = __objRest(_a, [
     "className",
     "style",
@@ -83,24 +84,29 @@ const Checkbox = React.forwardRef((props, ref) => {
     "styles",
     "transitionDuration",
     "icon",
-    "__staticSelector"
+    "unstyled"
   ]);
-  const uuid = hooks.useUuid(id);
+  const ctx = CheckboxGroup_context.useCheckboxGroupContext();
+  const uuid = hooks.useId(id);
   const { systemStyles, rest } = styles.extractSystemStyles(others);
-  const { classes, cx } = Checkbox_styles['default']({ size, radius, color, transitionDuration }, { classNames, styles: styles$1, name: __staticSelector });
+  const { classes, cx } = Checkbox_styles['default']({ size: (ctx == null ? void 0 : ctx.size) || size, radius, color, transitionDuration }, { name: "Checkbox", classNames, styles: styles$1, unstyled });
+  const contextProps = ctx ? {
+    checked: ctx.value.includes(rest.value),
+    onChange: ctx.onChange
+  } : {};
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({
     className: cx(classes.root, className),
     style,
     sx
   }, systemStyles), wrapperProps), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.inner
-  }, /* @__PURE__ */ React__default.createElement("input", __spreadValues({
+  }, /* @__PURE__ */ React__default.createElement("input", __spreadValues(__spreadValues({
     id: uuid,
     ref,
     type: "checkbox",
     className: classes.input,
     checked: indeterminate || checked
-  }, rest)), /* @__PURE__ */ React__default.createElement(Icon, {
+  }, rest), contextProps)), /* @__PURE__ */ React__default.createElement(Icon, {
     indeterminate,
     className: classes.icon
   })), label && /* @__PURE__ */ React__default.createElement("label", {
@@ -109,6 +115,7 @@ const Checkbox = React.forwardRef((props, ref) => {
   }, label));
 });
 Checkbox.displayName = "@mantine/core/Checkbox";
+Checkbox.Group = CheckboxGroup.CheckboxGroup;
 
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=Checkbox.js.map

package/cjs/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineColor,\n  Selectors,\n  extractSystemStyles,\n  MantineNumberSize,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { useUuid } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport useStyles from './Checkbox.styles';\n\nexport type CheckboxStylesNames = Selectors<typeof useStyles>;\n\nexport interface CheckboxProps\n  extends DefaultProps<CheckboxStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'type' | 'size'> {\n  /** Checkbox checked and indeterminate state color from theme, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Radius from theme.radius, or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Predefined label font-size and checkbox width and height in px */\n  size?: MantineSize;\n\n  /** Checkbox label */\n  label?: React.ReactNode;\n\n  /** Indeterminate state of checkbox, overwrites checked */\n  indeterminate?: boolean;\n\n  /** Props spread to wrapper element */\n  wrapperProps?: { [key: string]: any };\n\n  /** Id is used to bind input and label, if not passed unique id will be generated for each input */\n  id?: string;\n\n  /** Check/uncheck transition duration, set to 0 to disable all transitions */\n  transitionDuration?: number;\n\n  /** Replace default icon */\n  icon?: React.FC<{ indeterminate: boolean; className: string }>;\n\n  /** Static selector base */\n  __staticSelector?: string;\n}\n\nconst defaultProps: Partial<CheckboxProps> = {\n  size: 'sm',\n  __staticSelector: 'Checkbox',\n  transitionDuration: 100,\n  icon: CheckboxIcon,\n};\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props: CheckboxProps, ref) => {\n  const {\n    className,\n    style,\n    sx,\n    checked,\n    color,\n    label,\n    indeterminate,\n    id,\n    size,\n    radius,\n    wrapperProps,\n    children,\n    classNames,\n    styles,\n    transitionDuration,\n    icon: Icon,\n    __staticSelector,\n    ...others\n  } = useMantineDefaultProps('Checkbox', defaultProps, props);\n\n  const uuid = useUuid(id);\n  const { systemStyles, rest } = extractSystemStyles(others);\n  const { classes, cx } = useStyles(\n    { size, radius, color, transitionDuration },\n    { classNames, styles, name: __staticSelector }\n  );\n\n  return (\n    <Box\n      className={cx(classes.root, className)}\n      style={style}\n      sx={sx}\n      {...systemStyles}\n      {...wrapperProps}\n    >\n      <div className={classes.inner}>\n        <input\n          id={uuid}\n          ref={ref}\n          type=\"checkbox\"\n          className={classes.input}\n          checked={indeterminate || checked}\n          {...rest}\n        />\n\n        <Icon indeterminate={indeterminate} className={classes.icon} />\n      </div>\n\n      {label && (\n        <label className={classes.label} htmlFor={uuid}>\n          {label}\n        </label>\n      )}\n    </Box>\n  );\n});\n\nCheckbox.displayName = '@mantine/core/Checkbox';\n"],"names":["CheckboxIcon","forwardRef","useMantineDefaultProps","styles","useUuid","extractSystemStyles","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineSize,\n  MantineColor,\n  Selectors,\n  extractSystemStyles,\n  MantineNumberSize,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { useId } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';\nimport { useCheckboxGroupContext } from './CheckboxGroup.context';\nimport useStyles, { CheckboxStylesParams } from './Checkbox.styles';\n\nexport type CheckboxStylesNames = Selectors<typeof useStyles>;\n\nexport interface CheckboxProps\n  extends DefaultProps<CheckboxStylesNames, CheckboxStylesParams>,\n    Omit<React.ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  /** Key of theme.colors */\n  color?: MantineColor;\n\n  /** Key of theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Predefined label font-size and checkbox width and height in px */\n  size?: MantineSize;\n\n  /** Checkbox label */\n  label?: React.ReactNode;\n\n  /** Indeterminate state of checkbox, overwrites checked */\n  indeterminate?: boolean;\n\n  /** Props spread to wrapper element */\n  wrapperProps?: Record<string, any>;\n\n  /** id to connect label with input */\n  id?: string;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Icon rendered when checkbox has checked or indeterminate state */\n  icon?: React.FC<{ indeterminate: boolean; className: string }>;\n}\n\nconst defaultProps: Partial<CheckboxProps> = {\n  size: 'sm',\n  transitionDuration: 100,\n  icon: CheckboxIcon,\n};\n\ntype CheckboxComponent = ForwardRefWithStaticComponents<\n  CheckboxProps,\n  { Group: typeof CheckboxGroup }\n>;\n\nexport const Checkbox: CheckboxComponent = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => {\n    const {\n      className,\n      style,\n      sx,\n      checked,\n      color,\n      label,\n      indeterminate,\n      id,\n      size,\n      radius,\n      wrapperProps,\n      children,\n      classNames,\n      styles,\n      transitionDuration,\n      icon: Icon,\n      unstyled,\n      ...others\n    } = useComponentDefaultProps('Checkbox', defaultProps, props);\n\n    const ctx = useCheckboxGroupContext();\n    const uuid = useId(id);\n    const { systemStyles, rest } = extractSystemStyles(others);\n    const { classes, cx } = useStyles(\n      { size: ctx?.size || size, radius, color, transitionDuration },\n      { name: 'Checkbox', classNames, styles, unstyled }\n    );\n\n    const contextProps = ctx\n      ? {\n          checked: ctx.value.includes(rest.value as string),\n          onChange: ctx.onChange,\n        }\n      : {};\n\n    return (\n      <Box\n        className={cx(classes.root, className)}\n        style={style}\n        sx={sx}\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <div className={classes.inner}>\n          <input\n            id={uuid}\n            ref={ref}\n            type=\"checkbox\"\n            className={classes.input}\n            checked={indeterminate || checked}\n            {...rest}\n            {...contextProps}\n          />\n\n          <Icon indeterminate={indeterminate} className={classes.icon} />\n        </div>\n\n        {label && (\n          <label className={classes.label} htmlFor={uuid}>\n            {label}\n          </label>\n        )}\n      </Box>\n    );\n  }\n) as any;\n\nCheckbox.displayName = '@mantine/core/Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"names":["CheckboxIcon","forwardRef","useComponentDefaultProps","styles","useCheckboxGroupContext","useId","extractSystemStyles","useStyles","React","Box","CheckboxGroup"],"mappings":"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"}

package/cjs/components/Checkbox/Checkbox.styles.js

@@ -59,7 +59,7 @@ var useStyles = styles.createStyles((theme, { size, radius, color, transitionDur
       right: 0,
       margin: "auto",
       "@media (prefers-reduced-motion)": {
-        transitionDuration: "0ms"
+        transitionDuration: theme.respectReducedMotion ? "0ms" : void 0
       }
     },
     root: {
@@ -76,11 +76,12 @@ var useStyles = styles.createStyles((theme, { size, radius, color, transitionDur
       paddingLeft: theme.spacing.sm,
       fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
       lineHeight: `${_size}px`,
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      cursor: theme.cursorType
     }),
     input: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
       appearance: "none",
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.white,
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
       border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
       width: _size,
       height: _size,
@@ -89,6 +90,7 @@ var useStyles = styles.createStyles((theme, { size, radius, color, transitionDur
       display: "block",
       margin: 0,
       transition: `border-color ${transitionDuration}ms ease, background-color ${transitionDuration}ms ease`,
+      cursor: theme.cursorType,
       "&:checked": {
         backgroundColor: colors.background,
         borderColor: colors.background,
@@ -110,5 +112,4 @@ var useStyles = styles.createStyles((theme, { size, radius, color, transitionDur
 });
 
 exports.default = useStyles;
-exports.sizes = sizes;
 //# sourceMappingURL=Checkbox.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nexport const sizes = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 30,\n  xl: 36,\n};\n\nconst iconSizes = {\n  xs: 8,\n  sm: 10,\n  md: 14,\n  lg: 16,\n  xl: 20,\n};\n\nexport interface CheckboxStylesParams {\n  size: MantineSize;\n  radius: MantineNumberSize;\n  color: MantineColor;\n  transitionDuration: number;\n}\n\nexport default createStyles(\n  (theme, { size, radius, color, transitionDuration }: CheckboxStylesParams, getRef) => {\n    const _size = theme.fn.size({ size, sizes });\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      icon: {\n        ref: getRef('icon'),\n        color: theme.white,\n        transform: 'translateY(5px) scale(0.5)',\n        opacity: 0,\n        transitionProperty: 'opacity, transform',\n        transitionTimingFunction: 'ease',\n        transitionDuration: `${transitionDuration}ms`,\n        pointerEvents: 'none',\n        width: theme.fn.size({ size, sizes: iconSizes }),\n        position: 'absolute',\n        zIndex: 1,\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n        margin: 'auto',\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: '0ms',\n        },\n      },\n\n      root: {\n        display: 'flex',\n        alignItems: 'center',\n      },\n\n      inner: {\n        position: 'relative',\n        width: _size,\n        height: _size,\n      },\n\n      label: {\n        ...theme.fn.fontStyles(),\n        WebkitTapHighlightColor: 'transparent',\n        paddingLeft: theme.spacing.sm,\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        lineHeight: `${_size}px`,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      },\n\n      input: {\n        ...theme.fn.focusStyles(),\n        appearance: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.white,\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : 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\n        '&:checked': {\n          backgroundColor: colors.background,\n          borderColor: colors.background,\n\n          [`& + .${getRef('icon')}`]: {\n            opacity: 1,\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          [`& + .${getRef('icon')}`]: {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nconst sizes = {\n  xs: 16,\n  sm: 20,\n  md: 24,\n  lg: 30,\n  xl: 36,\n};\n\nconst iconSizes = {\n  xs: 8,\n  sm: 10,\n  md: 14,\n  lg: 16,\n  xl: 20,\n};\n\nexport interface CheckboxStylesParams {\n  size: MantineSize;\n  radius: MantineNumberSize;\n  color: MantineColor;\n  transitionDuration: number;\n}\n\nexport default createStyles(\n  (theme, { size, radius, color, transitionDuration }: CheckboxStylesParams, getRef) => {\n    const _size = theme.fn.size({ size, sizes });\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      icon: {\n        ref: getRef('icon'),\n        color: theme.white,\n        transform: 'translateY(5px) scale(0.5)',\n        opacity: 0,\n        transitionProperty: 'opacity, transform',\n        transitionTimingFunction: 'ease',\n        transitionDuration: `${transitionDuration}ms`,\n        pointerEvents: 'none',\n        width: theme.fn.size({ size, sizes: iconSizes }),\n        position: 'absolute',\n        zIndex: 1,\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n        margin: 'auto',\n\n        '@media (prefers-reduced-motion)': {\n          transitionDuration: theme.respectReducedMotion ? '0ms' : undefined,\n        },\n      },\n\n      root: {\n        display: 'flex',\n        alignItems: 'center',\n      },\n\n      inner: {\n        position: 'relative',\n        width: _size,\n        height: _size,\n      },\n\n      label: {\n        ...theme.fn.fontStyles(),\n        WebkitTapHighlightColor: 'transparent',\n        paddingLeft: theme.spacing.sm,\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        lineHeight: `${_size}px`,\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        cursor: theme.cursorType,\n      },\n\n      input: {\n        ...theme.fn.focusStyles(),\n        appearance: 'none',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : 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          [`& + .${getRef('icon')}`]: {\n            opacity: 1,\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          [`& + .${getRef('icon')}`]: {\n            color: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[5],\n          },\n        },\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}