@mantine/core 6.0.10 → 7.0.0-alpha.10

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  PolymorphicFactory,\n  MantineSize,\n  MantineColor,\n  MantineRadius,\n  MantineGradient,\n  Box,\n  getRadius,\n  getSize,\n  getFontSize,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport { ButtonGroup } from './ButtonGroup/ButtonGroup';\nimport classes from './Button.module.css';\n\nexport type ButtonStylesNames = 'root' | 'inner' | 'loader' | 'section' | 'label';\nexport type ButtonVariant =\n  | 'filled'\n  | 'light'\n  | 'outline'\n  | 'transparent'\n  | 'white'\n  | 'subtle'\n  | 'default'\n  | 'gradient';\n\nexport type ButtonCssVariables = {\n  root:\n    | '--button-justify'\n    | '--button-height'\n    | '--button-padding-x'\n    | '--button-fz'\n    | '--button-radius'\n    | '--button-bg'\n    | '--button-hover'\n    | '--button-color'\n    | '--button-bd';\n};\n\nexport interface ButtonProps extends BoxProps, StylesApiProps<ButtonFactory> {\n  'data-disabled'?: boolean;\n\n  /** Controls button `height`, `font-size` and horizontal `padding`, `'sm'` by default */\n  size?: MantineSize | `compact-${MantineSize}` | (string & {});\n\n  /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Sets `justify-content` of `inner` element, can be used to change distribution of sections and label, `'center'` by default */\n  justify?: React.CSSProperties['justifyContent'];\n\n  /** Content displayed on the left side of the button label */\n  leftSection?: React.ReactNode;\n\n  /** Content displayed on the right side of the button label */\n  rightSection?: React.ReactNode;\n\n  /** Determines whether button should take 100% width of its parent container, `false` by default */\n  fullWidth?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Gradient configuration used when `variant=\"gradient\"`, default value is `theme.defaultGradient` */\n  gradient?: MantineGradient;\n\n  /** Indicates disabled state */\n  disabled?: boolean;\n\n  /** Button content */\n  children?: React.ReactNode;\n\n  /** Determines whether the `Loader` component should be displayed over the button */\n  loading?: boolean;\n\n  /** Props added to the `Loader` component (only visible when `loading` prop is set) */\n  loaderProps?: LoaderProps;\n}\n\nexport type ButtonFactory = PolymorphicFactory<{\n  props: ButtonProps;\n  defaultRef: HTMLButtonElement;\n  defaultComponent: 'button';\n  stylesNames: ButtonStylesNames;\n  vars: ButtonCssVariables;\n  staticComponents: {\n    Group: typeof ButtonGroup;\n  };\n}>;\n\nconst defaultProps: Partial<ButtonProps> = {\n  size: 'sm',\n  variant: 'filled',\n};\n\nconst varsResolver = createVarsResolver<ButtonFactory>(\n  (theme, { radius, color, gradient, variant, size, justify }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant!,\n    });\n\n    return {\n      root: {\n        '--button-justify': justify,\n        '--button-height': getSize(size, 'button-height'),\n        '--button-padding-x': getSize(size, 'button-padding-x'),\n        '--button-fz': size?.includes('compact')\n          ? getFontSize(size.replace('compact-', ''))\n          : getFontSize(size),\n        '--button-radius': getRadius(radius),\n        '--button-bg': colors.background,\n        '--button-hover': colors.hover,\n        '--button-color': colors.color,\n        '--button-bd': colors.border,\n      },\n    };\n  }\n);\n\nexport const Button = polymorphicFactory<ButtonFactory>((_props, ref) => {\n  const props = useProps('Button', defaultProps, _props);\n  const {\n    style,\n    vars,\n    className,\n    color,\n    disabled,\n    children,\n    leftSection,\n    rightSection,\n    fullWidth,\n    variant,\n    radius,\n    loading,\n    loaderProps,\n    gradient,\n    classNames,\n    styles,\n    unstyled,\n    'data-disabled': dataDisabled,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ButtonFactory>({\n    name: 'Button',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const hasLeftSection = !!leftSection;\n  const hasRightSection = !!rightSection;\n\n  return (\n    <UnstyledButton\n      ref={ref}\n      {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n      unstyled={unstyled}\n      variant={variant}\n      disabled={disabled || loading}\n      mod={[\n        'button',\n        {\n          disabled: disabled || dataDisabled,\n          loading,\n          block: fullWidth,\n          'with-left-section': hasLeftSection,\n          'with-right-section': hasRightSection,\n        },\n      ]}\n      {...others}\n    >\n      <span {...getStyles('inner')}>\n        {leftSection && (\n          <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n            {leftSection}\n          </Box>\n        )}\n\n        {loading && (\n          <Box component=\"span\" {...getStyles('loader')}>\n            <Loader\n              color=\"var(--button-color)\"\n              size=\"calc(var(--button-height) / 1.8)\"\n              {...loaderProps}\n            />\n          </Box>\n        )}\n\n        <Box component=\"span\" mod={{ loading }} {...getStyles('label')}>\n          {children}\n        </Box>\n\n        {rightSection && (\n          <Box component=\"span\" {...getStyles('section')} mod={{ position: 'right' }}>\n            {rightSection}\n          </Box>\n        )}\n      </span>\n    </UnstyledButton>\n  );\n});\n\nButton.displayName = '@mantine/core/Button';\nButton.Group = ButtonGroup;\n"],"names":["createVarsResolver","getSize","getFontSize","getRadius","polymorphicFactory","useProps","useStyles","classes","React","UnstyledButton","Box","Loader","ButtonGroup"],"mappings":"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"}

package/cjs/components/Button/Button.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-c33yiTy","inner":"mantine-O2hyOF7","label":"mantine-57Dsm73","section":"mantine-klSE8ka","loader":"mantine-2p4-weR"};
+
+exports.default = classes;
+//# sourceMappingURL=Button.module.css.js.map

package/cjs/components/Button/Button.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var ButtonGroup_module = require('./ButtonGroup.module.css.js');
+var factory = require('../../../core/factory/factory.js');
+var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../../core/styles-api/use-styles/use-styles.js');
+var Box = require('../../../core/Box/Box.js');
+var createVarsResolver = require('../../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var rem = require('../../../core/utils/units-converters/rem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    orientation: 'horizontal',
+    borderWidth: 1,
+};
+const varsResolver = createVarsResolver.createVarsResolver((_, { borderWidth }) => ({
+    root: { '--button-border-width': rem.rem(borderWidth) },
+}));
+const ButtonGroup = factory.factory((_props, ref) => {
+    const props = useProps.useProps('ButtonGroup', defaultProps, _props);
+    const _a = useProps.useProps('ButtonGroup', defaultProps, _props), { className, style, classNames, styles, unstyled, orientation, vars, borderWidth, variant } = _a, others = tslib.__rest(_a, ["className", "style", "classNames", "styles", "unstyled", "orientation", "vars", "borderWidth", "variant"]);
+    const getStyles = useStyles.useStyles({
+        name: 'ButtonGroup',
+        props,
+        classes: ButtonGroup_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React__default.createElement(Box.Box, Object.assign({}, getStyles('root'), { ref: ref, variant: variant, mod: { 'data-orientation': orientation }, role: "group" }, 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":["import React from 'react';\nimport {\n  factory,\n  Box,\n  BoxProps,\n  StylesApiProps,\n  useProps,\n  useStyles,\n  rem,\n  createVarsResolver,\n  Factory,\n} from '../../../core';\nimport classes from './ButtonGroup.module.css';\n\nexport type ButtonGroupStylesNames = 'root';\nexport type ButtonGroupVariant = string;\nexport type ButtonGroupCssVariables = {\n  root: '--button-border-width';\n};\n\nexport interface ButtonGroupProps extends BoxProps, StylesApiProps<ButtonGroupFactory> {\n  /** `Button` components */\n  children?: React.ReactNode;\n\n  /** Orientation of the group, `horizontal` by default */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** `border-width` of the child `Button` components. Numbers are converted to rem. Default value in `1`. */\n  borderWidth?: number | string;\n}\n\nexport type ButtonGroupFactory = Factory<{\n  props: ButtonGroupProps;\n  ref: HTMLDivElement;\n  variant: ButtonGroupVariant;\n  stylesNames: ButtonGroupStylesNames;\n  vars: ButtonGroupCssVariables;\n}>;\n\nconst defaultProps: Partial<ButtonGroupProps> = {\n  orientation: 'horizontal',\n  borderWidth: 1,\n};\n\nconst varsResolver = createVarsResolver<ButtonGroupFactory>((_, { borderWidth }) => ({\n  root: { '--button-border-width': rem(borderWidth) },\n}));\n\nexport const ButtonGroup = factory<ButtonGroupFactory>((_props, ref) => {\n  const props = useProps('ButtonGroup', defaultProps, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    orientation,\n    vars,\n    borderWidth,\n    variant,\n    ...others\n  } = useProps('ButtonGroup', defaultProps, _props);\n\n  const getStyles = useStyles<ButtonGroupFactory>({\n    name: 'ButtonGroup',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      ref={ref}\n      variant={variant}\n      mod={{ 'data-orientation': orientation }}\n      role=\"group\"\n      {...others}\n    />\n  );\n});\n\nButtonGroup.displayName = '@mantine/core/ButtonGroup';\n"],"names":["createVarsResolver","rem","factory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AAuCA,MAAM,YAAY,GAA8B;IAC9C,WAAW,EAAE,YAAY;IACzB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CAAqB,CAAC,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM;IACnF,IAAI,EAAE,EAAE,uBAAuB,EAAEC,OAAG,CAAC,WAAW,CAAC,EAAE;CACpD,CAAC,CAAC,CAAC;MAES,WAAW,GAAGC,eAAO,CAAqB,CAAC,MAAM,EAAE,GAAG;IACjE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC5D,MAAM,KAWFA,iBAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,EAX3C,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,WAAW,EACX,OAAO,OAEwC,EAD5C,MAAM,oBAVL,2GAWL,CAAgD,CAAC;IAElD,MAAM,SAAS,GAAGC,mBAAS,CAAqB;QAC9C,IAAI,EAAE,aAAa;QACnB,KAAK;iBACLC,6BAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,OAAG,oBACE,SAAS,CAAC,MAAM,CAAC,IACrB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,EACxC,IAAI,EAAC,OAAO,IACR,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-VaCj17A"};
+
+exports.default = classes;
+//# sourceMappingURL=ButtonGroup.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Center/Center.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Center_module = require('./Center.module.css.js');
+var polymorphicFactory = require('../../core/factory/polymorphic-factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {};
+const varsResolver = createVarsResolver.createVarsResolver((_, { inline }) => ({
+    root: { '--center-display': inline ? 'inline-flex' : 'flex' },
+}));
+const Center = polymorphicFactory.polymorphicFactory((_props, ref) => {
+    const props = useProps.useProps('Center', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
+    const getStyles = useStyles.useStyles({
+        name: 'Center',
+        props,
+        classes: Center_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return React__default.createElement(Box.Box, Object.assign({ ref: ref }, getStyles('root'), others));
+});
+Center.displayName = '@mantine/core/Center';
+
+exports.Center = Center;
+//# sourceMappingURL=Center.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Center.js","sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  PolymorphicFactory,\n} from '../../core';\nimport classes from './Center.module.css';\n\nexport type CenterStylesNames = 'root';\nexport type CenterVariant = string;\nexport type CenterCssVariables = {\n  root: '--center-display';\n};\n\nexport interface CenterProps extends BoxProps, StylesApiProps<CenterFactory> {\n  /** Content that should be centered vertically and horizontally */\n  children?: React.ReactNode;\n\n  /** Determines whether `inline-flex` should be used instead of `flex`, `false` by default */\n  inline?: boolean;\n}\n\nexport type CenterFactory = PolymorphicFactory<{\n  props: CenterProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: CenterStylesNames;\n  vars: CenterCssVariables;\n  variant: CenterVariant;\n}>;\n\nconst defaultProps: Partial<CenterProps> = {};\n\nconst varsResolver = createVarsResolver<CenterFactory>((_, { inline }) => ({\n  root: { '--center-display': inline ? 'inline-flex' : 'flex' },\n}));\n\nexport const Center = polymorphicFactory<CenterFactory>((_props, ref) => {\n  const props = useProps('Center', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n\n  const getStyles = useStyles<CenterFactory>({\n    name: 'Center',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return <Box ref={ref} {...getStyles('root')} {...others} />;\n});\n\nCenter.displayName = '@mantine/core/Center';\n"],"names":["createVarsResolver","polymorphicFactory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;AAoCA,MAAM,YAAY,GAAyB,EAAE,CAAC;AAE9C,MAAM,YAAY,GAAGA,qCAAkB,CAAgB,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM;IACzE,IAAI,EAAE,EAAE,kBAAkB,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,EAAE;CAC9D,CAAC,CAAC,CAAC;MAES,MAAM,GAAGC,qCAAkB,CAAgB,CAAC,MAAM,EAAE,GAAG;IAClE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAA3E,kEAAmE,CAAQ,CAAC;IAElF,MAAM,SAAS,GAAGC,mBAAS,CAAgB;QACzC,IAAI,EAAE,QAAQ;QACd,KAAK;iBACLC,wBAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,OAAOC,6BAACC,OAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM,EAAI,CAAC;AAC9D,CAAC,EAAE;AAEH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/cjs/components/Center/Center.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-FiYZkHS"};
+
+exports.default = classes;
+//# sourceMappingURL=Center.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Center.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Checkbox/CheckIcon.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function CheckIcon(props) {
+    return (React__default.createElement("svg", Object.assign({ viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default.createElement("path", { d: "M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })));
+}
+function CheckboxIcon(_a) {
+    var { indeterminate } = _a, others = tslib.__rest(_a, ["indeterminate"]);
+    if (indeterminate) {
+        return (React__default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 6" }, others),
+            React__default.createElement("rect", { width: "32", height: "6", fill: "currentColor", rx: "3" })));
+    }
+    return React__default.createElement(CheckIcon, Object.assign({}, others));
+}
+
+exports.CheckIcon = CheckIcon;
+exports.CheckboxIcon = CheckboxIcon;
+//# sourceMappingURL=CheckIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon.js","sources":["../../../src/components/Checkbox/CheckIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface CheckboxIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n  indeterminate: boolean | undefined;\n}\n\nexport function CheckIcon(props: React.ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg viewBox=\"0 0 10 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\nexport function CheckboxIcon({ indeterminate, ...others }: CheckboxIconProps) {\n  if (indeterminate) {\n    return (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 32 6\" {...others}>\n        <rect width=\"32\" height=\"6\" fill=\"currentColor\" rx=\"3\" />\n      </svg>\n    );\n  }\n\n  return <CheckIcon {...others} />;\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;SAMgB,SAAS,CAAC,KAA4C;IACpE,QACEA,oDAAK,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK;QAC9EA,uCACE,CAAC,EAAC,uGAAuG,EACzG,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,CACE,EACN;AACJ,CAAC;SAEe,YAAY,CAAC,EAA+C;QAA/C,EAAE,aAAa,OAAgC,EAA3B,MAAM,oBAA1B,iBAA4B,CAAF;IACrD,IAAI,aAAa,EAAE;QACjB,QACEA,oDAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,UAAU,IAAK,MAAM;YAC/EA,uCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,EAAE,EAAC,GAAG,GAAG,CACrD,EACN;KACH;IAED,OAAOA,6BAAC,SAAS,oBAAK,MAAM,EAAI,CAAC;AACnC;;;;;"}

package/cjs/components/Checkbox/Checkbox.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var CheckboxGroup_context = require('./CheckboxGroup.context.js');
+var CheckboxGroup = require('./CheckboxGroup/CheckboxGroup.js');
+var CheckIcon = require('./CheckIcon.js');
+var Checkbox_module = require('./Checkbox.module.css.js');
+var InlineInput = require('../InlineInput/InlineInput.js');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var extractStyleProps = require('../../core/Box/style-props/extract-style-props/extract-style-props.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+var getThemeColor = require('../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    size: 'sm',
+    labelPosition: 'right',
+    icon: CheckIcon.CheckboxIcon,
+};
+const varsResolver = createVarsResolver.createVarsResolver((theme, { radius, color, size }) => ({
+    root: {
+        '--checkbox-size': getSize.getSize(size, 'checkbox-size'),
+        '--checkbox-radius': getSize.getRadius(radius),
+        '--checkbox-color': getThemeColor.getThemeColor(color, theme),
+    },
+}));
+const Checkbox = factory.factory((_props, ref) => {
+    const props = useProps.useProps('Checkbox', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, color, label, id, size, radius, wrapperProps, children, checked, labelPosition, description, error, disabled, variant, indeterminate, icon } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "color", "label", "id", "size", "radius", "wrapperProps", "children", "checked", "labelPosition", "description", "error", "disabled", "variant", "indeterminate", "icon"]);
+    const ctx = CheckboxGroup_context.useCheckboxGroupContext();
+    const _size = size || (ctx === null || ctx === void 0 ? void 0 : ctx.size);
+    const Icon = icon;
+    const getStyles = useStyles.useStyles({
+        name: 'Checkbox',
+        props,
+        classes: Checkbox_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    const { styleProps, rest } = extractStyleProps.extractStyleProps(others);
+    const uuid = hooks.useId(id);
+    const contextProps = ctx
+        ? {
+            checked: ctx.value.includes(rest.value),
+            onChange: ctx.onChange,
+        }
+        : {};
+    return (React__default.createElement(InlineInput.InlineInput, Object.assign({}, getStyles('root'), { __staticSelector: "Checkbox", __stylesApiProps: props, id: uuid, size: _size, labelPosition: labelPosition, label: label, description: description, error: error, disabled: disabled, classNames: classNames, styles: styles, unstyled: unstyled, "data-checked": contextProps.checked || undefined, variant: variant }, styleProps, wrapperProps),
+        React__default.createElement(Box.Box, Object.assign({}, getStyles('inner'), { mod: { 'data-label-position': labelPosition } }),
+            React__default.createElement(Box.Box, Object.assign({ component: "input", id: uuid, ref: ref, checked: checked, disabled: disabled, mod: { error: !!error, indeterminate } }, getStyles('input', { focusable: true }), rest, contextProps, { type: "checkbox" })),
+            React__default.createElement(Icon, Object.assign({ indeterminate: indeterminate }, getStyles('icon'))))));
+});
+Checkbox.displayName = '@mantine/core/Checkbox';
+Checkbox.Group = CheckboxGroup.CheckboxGroup;
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineColor,\n  MantineSize,\n  MantineRadius,\n  extractStyleProps,\n  getRadius,\n  getSize,\n  getThemeColor,\n  createVarsResolver,\n  Factory,\n  Box,\n} from '../../core';\nimport { InlineInput, InlineInputStylesNames } from '../InlineInput';\nimport { useCheckboxGroupContext } from './CheckboxGroup.context';\nimport { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';\nimport { CheckboxIcon } from './CheckIcon';\nimport classes from './Checkbox.module.css';\n\nexport type CheckboxStylesNames = 'icon' | 'inner' | 'input' | InlineInputStylesNames;\nexport type CheckboxVariant = string;\nexport type CheckboxCssVariables = {\n  root: '--checkbox-size' | '--checkbox-radius' | '--checkbox-color';\n};\n\nexport interface CheckboxProps\n  extends BoxProps,\n    StylesApiProps<CheckboxFactory>,\n    ElementProps<'input', 'size'> {\n  /** Id used to bind input and label, if not passed, unique id will be generated instead */\n  id?: string;\n\n  /** Checkbox label */\n  label?: React.ReactNode;\n\n  /** Key of `theme.colors` or any valid CSS color to set input color in checked state, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Controls size of all elements */\n  size?: MantineSize | (string & {});\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius,` \"xl\" by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Props passed down to wrapper element */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Position of the label relative to the input, `'right'` by default */\n  labelPosition?: 'left' | 'right';\n\n  /** Description displayed below the label */\n  description?: React.ReactNode;\n\n  /** Error displayed below the label */\n  error?: React.ReactNode;\n\n  /** Indeterminate state of checkbox, if set, `checked` prop is ignored */\n  indeterminate?: boolean;\n\n  /** Icon rendered when checkbox has checked or indeterminate state */\n  icon?: React.FC<{ indeterminate: boolean | undefined; className: string }>;\n}\n\nexport type CheckboxFactory = Factory<{\n  props: CheckboxProps;\n  ref: HTMLInputElement;\n  stylesNames: CheckboxStylesNames;\n  vars: CheckboxCssVariables;\n  variant: CheckboxVariant;\n  staticComponents: {\n    Group: typeof CheckboxGroup;\n  };\n}>;\n\nconst defaultProps: Partial<CheckboxProps> = {\n  size: 'sm',\n  labelPosition: 'right',\n  icon: CheckboxIcon,\n};\n\nconst varsResolver = createVarsResolver<CheckboxFactory>((theme, { radius, color, size }) => ({\n  root: {\n    '--checkbox-size': getSize(size, 'checkbox-size'),\n    '--checkbox-radius': getRadius(radius),\n    '--checkbox-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Checkbox = factory<CheckboxFactory>((_props, ref) => {\n  const props = useProps('Checkbox', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    color,\n    label,\n    id,\n    size,\n    radius,\n    wrapperProps,\n    children,\n    checked,\n    labelPosition,\n    description,\n    error,\n    disabled,\n    variant,\n    indeterminate,\n    icon,\n    ...others\n  } = props;\n\n  const ctx = useCheckboxGroupContext();\n  const _size = size || ctx?.size;\n  const Icon = icon!;\n\n  const getStyles = useStyles<CheckboxFactory>({\n    name: 'Checkbox',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const { styleProps, rest } = extractStyleProps(others);\n  const uuid = useId(id);\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    <InlineInput\n      {...getStyles('root')}\n      __staticSelector=\"Checkbox\"\n      __stylesApiProps={props}\n      id={uuid}\n      size={_size}\n      labelPosition={labelPosition}\n      label={label}\n      description={description}\n      error={error}\n      disabled={disabled}\n      classNames={classNames}\n      styles={styles}\n      unstyled={unstyled}\n      data-checked={contextProps.checked || undefined}\n      variant={variant}\n      {...styleProps}\n      {...wrapperProps}\n    >\n      <Box {...getStyles('inner')} mod={{ 'data-label-position': labelPosition }}>\n        <Box\n          component=\"input\"\n          id={uuid}\n          ref={ref}\n          checked={checked}\n          disabled={disabled}\n          mod={{ error: !!error, indeterminate }}\n          {...getStyles('input', { focusable: true })}\n          {...rest}\n          {...contextProps}\n          type=\"checkbox\"\n        />\n\n        <Icon indeterminate={indeterminate} {...getStyles('icon')} />\n      </Box>\n    </InlineInput>\n  );\n});\n\nCheckbox.displayName = '@mantine/core/Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"names":["CheckboxIcon","createVarsResolver","getSize","getRadius","getThemeColor","factory","useProps","useCheckboxGroupContext","useStyles","classes","extractStyleProps","useId","React","InlineInput","Box","CheckboxGroup"],"mappings":"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"}

package/cjs/components/Checkbox/Checkbox.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-6kpa4F2","inner":"mantine-JX5yLoy","input":"mantine-1b7xjww","icon":"mantine-yTl8m6C"};
+
+exports.default = classes;
+//# sourceMappingURL=Checkbox.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var CheckboxGroup_context = require('../CheckboxGroup.context.js');
+var Input = require('../../Input/Input.js');
+var factory = require('../../../core/factory/factory.js');
+var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {};
+const CheckboxGroup = factory.factory((props, ref) => {
+    const _a = useProps.useProps('CheckboxGroup', defaultProps, props), { value, defaultValue, onChange, size, wrapperProps, children } = _a, others = tslib.__rest(_a, ["value", "defaultValue", "onChange", "size", "wrapperProps", "children"]);
+    const [_value, setValue] = hooks.useUncontrolled({
+        value,
+        defaultValue,
+        finalValue: [],
+        onChange,
+    });
+    const handleChange = (event) => {
+        const itemValue = event.currentTarget.value;
+        setValue(_value.includes(itemValue)
+            ? _value.filter((item) => item !== itemValue)
+            : [..._value, itemValue]);
+    };
+    return (React__default.createElement(CheckboxGroup_context.CheckboxGroupProvider, { value: { value: _value, onChange: handleChange, size } },
+        React__default.createElement(Input.Input.Wrapper, Object.assign({ size: size, ref: ref }, wrapperProps, others, { labelElement: "div", __staticSelector: "CheckboxGroup" }), children)));
+});
+CheckboxGroup.displayName = '@mantine/core/CheckboxGroup';
+
+exports.CheckboxGroup = CheckboxGroup;
+//# sourceMappingURL=CheckboxGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { factory, useProps, MantineSize, Factory } from '../../../core';\nimport { InputWrapperStylesNames, Input, InputWrapperProps } from '../../Input';\nimport { CheckboxGroupProvider } from '../CheckboxGroup.context';\n\nexport type CheckboxGroupStylesNames = InputWrapperStylesNames;\nexport type CheckboxGroupVariant = string;\n\nexport interface CheckboxGroupProps extends Omit<InputWrapperProps, 'onChange'> {\n  /** `Checkbox` components */\n  children: React.ReactNode;\n\n  /** Controlled component value */\n  value?: string[];\n\n  /** Default value for uncontrolled component */\n  defaultValue?: string[];\n\n  /** Called when value changes */\n  onChange?(value: string[]): void;\n\n  /** Props passed down to the `Input.Wrapper` */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Controls size of the `Input.Wrapper`, `'sm'` by default */\n  size?: MantineSize | (string & {});\n}\n\nexport type CheckboxGroupFactory = Factory<{\n  props: CheckboxGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: CheckboxGroupStylesNames;\n}>;\n\nconst defaultProps: Partial<CheckboxGroupProps> = {};\n\nexport const CheckboxGroup = factory<CheckboxGroupFactory>((props, ref) => {\n  const { value, defaultValue, onChange, size, wrapperProps, children, ...others } = useProps(\n    'CheckboxGroup',\n    defaultProps,\n    props\n  );\n\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: [],\n    onChange,\n  });\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const itemValue = event.currentTarget.value;\n    setValue(\n      _value.includes(itemValue)\n        ? _value.filter((item) => item !== itemValue)\n        : [..._value, itemValue]\n    );\n  };\n\n  return (\n    <CheckboxGroupProvider value={{ value: _value, onChange: handleChange, size }}>\n      <Input.Wrapper\n        size={size}\n        ref={ref}\n        {...wrapperProps}\n        {...others}\n        labelElement=\"div\"\n        __staticSelector=\"CheckboxGroup\"\n      >\n        {children}\n      </Input.Wrapper>\n    </CheckboxGroupProvider>\n  );\n});\n\nCheckboxGroup.displayName = '@mantine/core/CheckboxGroup';\n"],"names":["factory","useProps","useUncontrolled","React","CheckboxGroupProvider","Input"],"mappings":";;;;;;;;;;;;;;;;AAmCA,MAAM,YAAY,GAAgC,EAAE,CAAC;MAExC,aAAa,GAAGA,eAAO,CAAuB,CAAC,KAAK,EAAE,GAAG;IACpE,MAAM,KAA6EC,iBAAQ,CACzF,eAAe,EACf,YAAY,EACZ,KAAK,CACN,EAJK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,OAIlE,EAJuE,MAAM,oBAAxE,yEAA0E,CAI/E,CAAC;IAEF,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,CAAC;QACzC,KAAK;QACL,YAAY;QACZ,UAAU,EAAE,EAAE;QACd,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,KAA0C;QAC9D,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;QAC5C,QAAQ,CACN,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC;cACtB,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,SAAS,CAAC;cAC3C,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC,CAC3B,CAAC;KACH,CAAC;IAEF,QACEC,6BAACC,2CAAqB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE;QAC3ED,6BAACE,WAAK,CAAC,OAAO,kBACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACJ,YAAY,EACZ,MAAM,IACV,YAAY,EAAC,KAAK,EAClB,gBAAgB,EAAC,eAAe,KAE/B,QAAQ,CACK,CACM,EACxB;AACJ,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,6BAA6B;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.context.js","sources":["../../../src/components/Checkbox/CheckboxGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { MantineSize } from '../../core';\n\ninterface CheckboxGroupContextValue {\n  value: string[];\n  onChange(event: React.ChangeEvent<HTMLInputElement>): void;\n  size: MantineSize | (string & {}) | undefined;\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null);\nexport const CheckboxGroupProvider = CheckboxGroupContext.Provider;\nexport const useCheckboxGroupContext = () => useContext(CheckboxGroupContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AASA,MAAM,oBAAoB,GAAGA,mBAAa,CAAmC,IAAI,CAAC,CAAC;MACtE,qBAAqB,GAAG,oBAAoB,CAAC,SAAS;MACtD,uBAAuB,GAAG,MAAMC,gBAAU,CAAC,oBAAoB;;;;;"}

package/cjs/components/CloseButton/CloseButton.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var CloseIcon = require('./CloseIcon.js');
+var ActionIcon = require('../ActionIcon/ActionIcon.js');
+var polymorphicFactory = require('../../core/factory/polymorphic-factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var rem = require('../../core/utils/units-converters/rem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    iconSize: '70%',
+    variant: 'subtle',
+    color: 'gray',
+};
+const CloseButton = polymorphicFactory.polymorphicFactory((_props, ref) => {
+    const props = useProps.useProps('CloseButton', defaultProps, _props);
+    const { iconSize, children, vars } = props, others = tslib.__rest(props, ["iconSize", "children", "vars"]);
+    return (React__default.createElement(ActionIcon.ActionIcon, Object.assign({ ref: ref }, others, { __vars: { '--cb-icon-size': rem.rem(iconSize) }, __staticSelector: "CloseButton" }),
+        React__default.createElement(CloseIcon.CloseIcon, null),
+        children));
+});
+CloseButton.displayName = '@mantine/core/CloseButton';
+
+exports.CloseButton = CloseButton;
+//# sourceMappingURL=CloseButton.js.map

package/cjs/components/CloseButton/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.js","sources":["../../../src/components/CloseButton/CloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { polymorphicFactory, useProps, rem, PolymorphicFactory } from '../../core';\nimport {\n  ActionIcon,\n  ActionIconProps,\n  ActionIconVariant,\n  ActionIconStylesNames,\n} from '../ActionIcon';\nimport { CloseIcon } from './CloseIcon';\n\nexport type CloseButtonVariant = ActionIconVariant;\nexport type CloseButtonStylesNames = ActionIconStylesNames;\n\nexport interface CloseButtonProps extends ActionIconProps {\n  /** `X` icon `width` and `height`, `80%` by default */\n  iconSize?: number | string;\n}\n\nexport type CloseButtonFactory = PolymorphicFactory<{\n  props: CloseButtonProps;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n  stylesNames: CloseButtonStylesNames;\n  variant: CloseButtonVariant;\n}>;\n\nconst defaultProps: Partial<CloseButtonProps> = {\n  iconSize: '70%',\n  variant: 'subtle',\n  color: 'gray',\n};\n\nexport const CloseButton = polymorphicFactory<CloseButtonFactory>((_props, ref) => {\n  const props = useProps('CloseButton', defaultProps, _props);\n  const { iconSize, children, vars, ...others } = props;\n  return (\n    <ActionIcon\n      ref={ref}\n      {...others}\n      __vars={{ '--cb-icon-size': rem(iconSize) }}\n      __staticSelector=\"CloseButton\"\n    >\n      <CloseIcon />\n      {children}\n    </ActionIcon>\n  );\n});\n\nCloseButton.displayName = '@mantine/core/CloseButton';\n"],"names":["polymorphicFactory","useProps","React","ActionIcon","rem","CloseIcon"],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAM,YAAY,GAA8B;IAC9C,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,MAAM;CACd,CAAC;MAEW,WAAW,GAAGA,qCAAkB,CAAqB,CAAC,MAAM,EAAE,GAAG;IAC5E,MAAM,KAAK,GAAGC,iBAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC5D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAA/C,gCAAuC,CAAQ,CAAC;IACtD,QACEC,6BAACC,qBAAU,kBACT,GAAG,EAAE,GAAG,IACJ,MAAM,IACV,MAAM,EAAE,EAAE,gBAAgB,EAAEC,OAAG,CAAC,QAAQ,CAAC,EAAE,EAC3C,gBAAgB,EAAC,aAAa;QAE9BF,6BAACG,mBAAS,OAAG;QACZ,QAAQ,CACE,EACb;AACJ,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/cjs/components/CloseButton/CloseIcon.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const CloseIcon = React.forwardRef((_a, ref) => {
+    var { size = 'var(--cb-icon-size)', style } = _a, others = tslib.__rest(_a, ["size", "style"]);
+    return (React__default.createElement("svg", Object.assign({ viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: Object.assign(Object.assign({}, style), { width: size, height: size }), ref: ref }, others),
+        React__default.createElement("path", { d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })));
+});
+CloseIcon.displayName = '@mantine/core/CloseIcon';
+
+exports.CloseIcon = CloseIcon;
+//# sourceMappingURL=CloseIcon.js.map

package/cjs/components/CloseButton/CloseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon.js","sources":["../../../src/components/CloseButton/CloseIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nexport interface CloseIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n  /** Icon width and height, `var(--icon-size)` by default */\n  size?: string;\n}\n\nexport const CloseIcon = forwardRef<SVGSVGElement, CloseIconProps>(\n  ({ size = 'var(--cb-icon-size)', style, ...others }, ref) => (\n    <svg\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ ...style, width: size, height: size }}\n      ref={ref}\n      {...others}\n    >\n      <path\n        d=\"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\n\nCloseIcon.displayName = '@mantine/core/CloseIcon';\n"],"names":["forwardRef","React"],"mappings":";;;;;;;;;;;MAOa,SAAS,GAAGA,gBAAU,CACjC,CAAC,EAAkD,EAAE,GAAG;QAAvD,EAAE,IAAI,GAAG,qBAAqB,EAAE,KAAK,OAAa,EAAR,MAAM,oBAAhD,iBAAkD,CAAF;IAAY,QAC3DC,oDACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAC5C,GAAG,EAAE,GAAG,IACJ,MAAM;QAEVA,uCACE,CAAC,EAAC,ygBAAygB,EAC3gB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,CACE,EACP;CAAA,EACD;AAEF,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/cjs/components/Code/Code.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Code_module = require('./Code.module.css.js');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var getThemeColor = require('../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {};
+const varsResolver = createVarsResolver.createVarsResolver((theme, { color }) => ({
+    root: {
+        '--code-bg': color ? getThemeColor.getThemeColor(color, theme) : undefined,
+    },
+}));
+const Code = factory.factory((_props, ref) => {
+    const props = useProps.useProps('Code', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, color, block, variant } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "color", "block", "variant"]);
+    const getStyles = useStyles.useStyles({
+        name: 'Code',
+        props,
+        classes: Code_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React__default.createElement(Box.Box, Object.assign({ component: block ? 'pre' : 'code', variant: variant, ref: ref, mod: { block } }, getStyles('root'), others, { dir: "ltr" })));
+});
+Code.displayName = '@mantine/core/Code';
+
+exports.Code = Code;
+//# sourceMappingURL=Code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineColor,\n  getThemeColor,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport classes from './Code.module.css';\n\nexport type CodeStylesNames = 'root';\nexport type CodeVariant = string;\nexport type CodeCssVariables = {\n  root: '--code-bg';\n};\n\nexport interface CodeProps extends BoxProps, StylesApiProps<CodeFactory>, ElementProps<'code'> {\n  /** Key of `theme.colors` or any valid CSS color, controls `background-color` of the code, by default value is calculated based on color scheme */\n  color?: MantineColor;\n\n  /** If set code will be rendered inside `pre`, `false` by default */\n  block?: boolean;\n}\n\nexport type CodeFactory = Factory<{\n  props: CodeProps;\n  ref: HTMLElement;\n  stylesNames: CodeStylesNames;\n  vars: CodeCssVariables;\n  variant: CodeVariant;\n}>;\n\nconst defaultProps: Partial<CodeProps> = {};\n\nconst varsResolver = createVarsResolver<CodeFactory>((theme, { color }) => ({\n  root: {\n    '--code-bg': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const Code = factory<CodeFactory>((_props, ref) => {\n  const props = useProps('Code', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, color, block, variant, ...others } =\n    props;\n\n  const getStyles = useStyles<CodeFactory>({\n    name: 'Code',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box<any>\n      component={block ? 'pre' : 'code'}\n      variant={variant}\n      ref={ref}\n      mod={{ block }}\n      {...getStyles('root')}\n      {...others}\n      dir=\"ltr\"\n    />\n  );\n});\n\nCode.displayName = '@mantine/core/Code';\n"],"names":["createVarsResolver","getThemeColor","factory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,MAAM,YAAY,GAAuB,EAAE,CAAC;AAE5C,MAAM,YAAY,GAAGA,qCAAkB,CAAc,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM;IAC1E,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK,GAAGC,2BAAa,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,SAAS;KAC7D;CACF,CAAC,CAAC,CAAC;MAES,IAAI,GAAGC,eAAO,CAAc,CAAC,MAAM,EAAE,GAAG;IACnD,MAAM,KAAK,GAAGC,iBAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,KACjF,KAAK,EADiF,MAAM,gBAC5F,KAAK,EADD,+FAA0F,CACzF,CAAC;IAER,MAAM,SAAS,GAAGC,mBAAS,CAAc;QACvC,IAAI,EAAE,MAAM;QACZ,KAAK;iBACLC,sBAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,OAAG,kBACF,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,EACjC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,EAAE,KAAK,EAAE,IACV,SAAS,CAAC,MAAM,CAAC,EACjB,MAAM,IACV,GAAG,EAAC,KAAK,IACT,EACF;AACJ,CAAC,EAAE;AAEH,IAAI,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/cjs/components/Code/Code.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-pIzHFb4"};
+
+exports.default = classes;
+//# sourceMappingURL=Code.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Code.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Collapse/Collapse.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var useCollapse = require('./use-collapse.js');
+var MantineThemeProvider = require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
+var getStyleObject = require('../../core/Box/get-style-object/get-style-object.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var Box = require('../../core/Box/Box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    transitionDuration: 200,
+    transitionTimingFunction: 'ease',
+    animateOpacity: true,
+};
+const Collapse = React.forwardRef((props, ref) => {
+    const _a = useProps.useProps('Collapse', defaultProps, props), { children, in: opened, transitionDuration, transitionTimingFunction, style, onTransitionEnd, animateOpacity } = _a, others = tslib.__rest(_a, ["children", "in", "transitionDuration", "transitionTimingFunction", "style", "onTransitionEnd", "animateOpacity"]);
+    const theme = MantineThemeProvider.useMantineTheme();
+    const shouldReduceMotion = hooks.useReducedMotion();
+    const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;
+    const duration = reduceMotion ? 0 : transitionDuration;
+    const getCollapseProps = useCollapse.useCollapse({
+        opened,
+        transitionDuration: duration,
+        transitionTimingFunction,
+        onTransitionEnd,
+    });
+    if (duration === 0) {
+        return opened ? React__default.createElement(Box.Box, Object.assign({}, others), children) : null;
+    }
+    return (React__default.createElement(Box.Box, Object.assign({}, getCollapseProps(Object.assign({ style: getStyleObject.getStyleObject(style, theme), ref }, others))),
+        React__default.createElement("div", { style: {
+                opacity: opened || !animateOpacity ? 1 : 0,
+                transition: animateOpacity ? `opacity ${duration}ms ${transitionTimingFunction}` : 'none',
+            } }, children)));
+});
+Collapse.displayName = '@mantine/core/Collapse';
+
+exports.Collapse = Collapse;
+//# sourceMappingURL=Collapse.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","sources":["../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\nimport { BoxProps, useProps, useMantineTheme, Box, getStyleObject } from '../../core';\nimport { useCollapse } from './use-collapse';\n\nexport interface CollapseProps\n  extends BoxProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, keyof BoxProps> {\n  /** Opened state */\n  in: boolean;\n\n  /** Called each time transition ends */\n  onTransitionEnd?(): void;\n\n  /** Transition duration in ms, `200` by default */\n  transitionDuration?: number;\n\n  /** Transition timing function, default value is `ease` */\n  transitionTimingFunction?: string;\n\n  /** Determines whether opacity should be animated, `true` by default */\n  animateOpacity?: boolean;\n}\n\nconst defaultProps: Partial<CollapseProps> = {\n  transitionDuration: 200,\n  transitionTimingFunction: 'ease',\n  animateOpacity: true,\n};\n\nexport const Collapse = forwardRef<HTMLDivElement, CollapseProps>((props, ref) => {\n  const {\n    children,\n    in: opened,\n    transitionDuration,\n    transitionTimingFunction,\n    style,\n    onTransitionEnd,\n    animateOpacity,\n    ...others\n  } = useProps('Collapse', defaultProps, props);\n\n  const theme = useMantineTheme();\n  const shouldReduceMotion = useReducedMotion();\n  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n  const duration = reduceMotion ? 0 : transitionDuration;\n\n  const getCollapseProps = useCollapse({\n    opened,\n    transitionDuration: duration,\n    transitionTimingFunction,\n    onTransitionEnd,\n  });\n\n  if (duration === 0) {\n    return opened ? <Box {...others}>{children}</Box> : null;\n  }\n\n  return (\n    <Box {...getCollapseProps({ style: getStyleObject(style, theme), ref, ...others })}>\n      <div\n        style={{\n          opacity: opened || !animateOpacity ? 1 : 0,\n          transition: animateOpacity ? `opacity ${duration}ms ${transitionTimingFunction}` : 'none',\n        }}\n      >\n        {children}\n      </div>\n    </Box>\n  );\n});\n\nCollapse.displayName = '@mantine/core/Collapse';\n"],"names":["forwardRef","useProps","useMantineTheme","useReducedMotion","useCollapse","React","Box","getStyleObject"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,MAAM,YAAY,GAA2B;IAC3C,kBAAkB,EAAE,GAAG;IACvB,wBAAwB,EAAE,MAAM;IAChC,cAAc,EAAE,IAAI;CACrB,CAAC;MAEW,QAAQ,GAAGA,gBAAU,CAAgC,CAAC,KAAK,EAAE,GAAG;IAC3E,MAAM,KASFC,iBAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,EATvC,EACJ,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,EACL,eAAe,EACf,cAAc,OAE6B,EADxC,MAAM,oBARL,kHASL,CAA4C,CAAC;IAE9C,MAAM,KAAK,GAAGC,oCAAe,EAAE,CAAC;IAChC,MAAM,kBAAkB,GAAGC,sBAAgB,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,oBAAoB,GAAG,kBAAkB,GAAG,KAAK,CAAC;IAC7E,MAAM,QAAQ,GAAG,YAAY,GAAG,CAAC,GAAG,kBAAkB,CAAC;IAEvD,MAAM,gBAAgB,GAAGC,uBAAW,CAAC;QACnC,MAAM;QACN,kBAAkB,EAAE,QAAQ;QAC5B,wBAAwB;QACxB,eAAe;KAChB,CAAC,CAAC;IAEH,IAAI,QAAQ,KAAK,CAAC,EAAE;QAClB,OAAO,MAAM,GAAGC,6BAACC,OAAG,oBAAK,MAAM,GAAG,QAAQ,CAAO,GAAG,IAAI,CAAC;KAC1D;IAED,QACED,6BAACC,OAAG,oBAAK,gBAAgB,iBAAG,KAAK,EAAEC,6BAAc,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,IAAK,MAAM,EAAG;QAChFF,sCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,GAAG,CAAC,GAAG,CAAC;gBAC1C,UAAU,EAAE,cAAc,GAAG,WAAW,QAAQ,MAAM,wBAAwB,EAAE,GAAG,MAAM;aAC1F,IAEA,QAAQ,CACL,CACF,EACN;AACJ,CAAC,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}