@mantine/core 6.0.11 → 7.0.0-alpha.11

package/cjs/components/ActionIcon/ActionIcon.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var ActionIconGroup = require('./ActionIconGroup/ActionIconGroup.js');
+var ActionIcon_module = require('./ActionIcon.module.css.js');
+var UnstyledButton = require('../UnstyledButton/UnstyledButton.js');
+var Loader = require('../Loader/Loader.js');
+var getSize = require('../../core/utils/get-size/get-size.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 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 = {
+    variant: 'filled',
+    size: 'md',
+};
+const varsResolver = createVarsResolver.createVarsResolver((theme, { size, radius, variant, gradient, color }) => {
+    const colors = theme.variantColorResolver({
+        color: color || theme.primaryColor,
+        theme,
+        gradient,
+        variant: variant,
+    });
+    return {
+        root: {
+            '--ai-size': getSize.getSize(size, 'ai-size'),
+            '--ai-radius': getSize.getRadius(radius),
+            '--ai-bg': colors.background,
+            '--ai-hover': colors.hover,
+            '--ai-color': colors.color,
+            '--ai-bd': colors.border,
+        },
+    };
+});
+const ActionIcon = polymorphicFactory.polymorphicFactory((_props, ref) => {
+    const props = useProps.useProps('ActionIcon', defaultProps, _props);
+    const { className, unstyled, variant, classNames, styles, style, loading, loaderProps, size, color, radius, __staticSelector, gradient, vars, children, disabled, 'data-disabled': dataDisabled } = props, others = tslib.__rest(props, ["className", "unstyled", "variant", "classNames", "styles", "style", "loading", "loaderProps", "size", "color", "radius", "__staticSelector", "gradient", "vars", "children", "disabled", 'data-disabled']);
+    const getStyles = useStyles.useStyles({
+        name: ['ActionIcon', __staticSelector],
+        props,
+        className,
+        style,
+        classes: ActionIcon_module['default'],
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React__default.createElement(UnstyledButton.UnstyledButton, Object.assign({}, getStyles('root', { active: !disabled && !loading && !dataDisabled }), others, { unstyled: unstyled, variant: variant, size: size, disabled: disabled || loading, ref: ref, mod: ['action-icon', { loading, disabled: disabled || dataDisabled }] }), loading ? (React__default.createElement(Loader.Loader, Object.assign({}, getStyles('loader'), { color: "var(--ai-color)", size: "calc(var(--ai-size) * 0.55)" }, loaderProps))) : (children)));
+});
+ActionIcon.displayName = '@mantine/core/ActionIcon';
+ActionIcon.Group = ActionIconGroup.ActionIconGroup;
+
+exports.ActionIcon = ActionIcon;
+//# sourceMappingURL=ActionIcon.js.map

package/cjs/components/ActionIcon/ActionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  BoxProps,\n  useProps,\n  StylesApiProps,\n  useStyles,\n  MantineSize,\n  MantineColor,\n  MantineGradient,\n  getRadius,\n  polymorphicFactory,\n  getSize,\n  createVarsResolver,\n  MantineRadius,\n  PolymorphicFactory,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { LoaderProps, Loader } from '../Loader';\nimport { ActionIconGroup } from './ActionIconGroup/ActionIconGroup';\nimport classes from './ActionIcon.module.css';\n\nexport type ActionIconVariant =\n  | 'filled'\n  | 'light'\n  | 'outline'\n  | 'transparent'\n  | 'white'\n  | 'subtle'\n  | 'default'\n  | 'gradient';\n\nexport type ActionIconStylesNames = 'root' | 'loader';\nexport type ActionIconCssVariables = {\n  root: '--ai-radius' | '--ai-size' | '--ai-bg' | '--ai-hover' | '--ai-color' | '--ai-bd';\n};\n\nexport interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFactory> {\n  'data-disabled'?: boolean;\n  __staticSelector?: string;\n\n  /** Determines whether `Loader` component should be displayed instead of the `children`, `false` by default */\n  loading?: boolean;\n\n  /** Props added to the `Loader` component (only visible when `loading` prop is set) */\n  loaderProps?: LoaderProps;\n\n  /** Controls width and height of the button. Numbers are converted. `'md'` by default. */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color. Default value is `theme.primaryColor`.  */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted. `theme.defaultRadius` by default. */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Gradient data used when `variant=\"gradient\"`, default value is `theme.defaultGradient` */\n  gradient?: MantineGradient;\n\n  /** Sets `disabled` and `data-disabled` attributes on the button element */\n  disabled?: boolean;\n\n  /** Icon displayed inside the button */\n  children?: React.ReactNode;\n}\n\nexport type ActionIconFactory = PolymorphicFactory<{\n  props: ActionIconProps;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n  stylesNames: ActionIconStylesNames;\n  variant: ActionIconVariant;\n  vars: ActionIconCssVariables;\n  staticComponents: {\n    Group: typeof ActionIconGroup;\n  };\n}>;\n\nconst defaultProps: Partial<ActionIconProps> = {\n  variant: 'filled',\n  size: 'md',\n};\n\nconst varsResolver = createVarsResolver<ActionIconFactory>(\n  (theme, { size, radius, variant, gradient, color }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant!,\n    });\n\n    return {\n      root: {\n        '--ai-size': getSize(size, 'ai-size'),\n        '--ai-radius': getRadius(radius),\n        '--ai-bg': colors.background,\n        '--ai-hover': colors.hover,\n        '--ai-color': colors.color,\n        '--ai-bd': colors.border,\n      },\n    };\n  }\n);\n\nexport const ActionIcon = polymorphicFactory<ActionIconFactory>((_props, ref) => {\n  const props = useProps('ActionIcon', defaultProps, _props);\n  const {\n    className,\n    unstyled,\n    variant,\n    classNames,\n    styles,\n    style,\n    loading,\n    loaderProps,\n    size,\n    color,\n    radius,\n    __staticSelector,\n    gradient,\n    vars,\n    children,\n    disabled,\n    'data-disabled': dataDisabled,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconFactory>({\n    name: ['ActionIcon', __staticSelector],\n    props,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n      {...others}\n      unstyled={unstyled}\n      variant={variant}\n      size={size}\n      disabled={disabled || loading}\n      ref={ref}\n      mod={['action-icon', { loading, disabled: disabled || dataDisabled }]}\n    >\n      {loading ? (\n        <Loader\n          {...getStyles('loader')}\n          color=\"var(--ai-color)\"\n          size=\"calc(var(--ai-size) * 0.55)\"\n          {...loaderProps}\n        />\n      ) : (\n        children\n      )}\n    </UnstyledButton>\n  );\n});\n\nActionIcon.displayName = '@mantine/core/ActionIcon';\nActionIcon.Group = ActionIconGroup;\n"],"names":["createVarsResolver","getSize","getRadius","polymorphicFactory","useProps","useStyles","classes","React","UnstyledButton","Loader","ActionIconGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6EA,MAAM,YAAY,GAA6B;IAC7C,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CACrC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,oBAAoB,CAAC;QACxC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY;QAClC,KAAK;QACL,QAAQ;QACR,OAAO,EAAE,OAAQ;KAClB,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE;YACJ,WAAW,EAAEC,eAAO,CAAC,IAAI,EAAE,SAAS,CAAC;YACrC,aAAa,EAAEC,iBAAS,CAAC,MAAM,CAAC;YAChC,SAAS,EAAE,MAAM,CAAC,UAAU;YAC5B,YAAY,EAAE,MAAM,CAAC,KAAK;YAC1B,YAAY,EAAE,MAAM,CAAC,KAAK;YAC1B,SAAS,EAAE,MAAM,CAAC,MAAM;SACzB;KACF,CAAC;AACJ,CAAC,CACF,CAAC;MAEW,UAAU,GAAGC,qCAAkB,CAAoB,CAAC,MAAM,EAAE,GAAG;IAC1E,MAAM,KAAK,GAAGC,iBAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,UAAU,EACV,MAAM,EACN,KAAK,EACL,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,eAAe,EAAE,YAAY,KAE3B,KAAK,EADJ,MAAM,gBACP,KAAK,EAnBH,2MAmBL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,mBAAS,CAAoB;QAC7C,IAAI,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;QACtC,KAAK;QACL,SAAS;QACT,KAAK;iBACLC,4BAAO;QACP,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,6BAAc,oBACT,SAAS,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC,EACrE,MAAM,IACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAAE,CAAC,KAEpE,OAAO,IACND,6BAACE,aAAM,oBACD,SAAS,CAAC,QAAQ,CAAC,IACvB,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,6BAA6B,IAC9B,WAAW,EACf,KAEF,QAAQ,CACT,CACc,EACjB;AACJ,CAAC,EAAE;AAEH,UAAU,CAAC,WAAW,GAAG,0BAA0B,CAAC;AACpD,UAAU,CAAC,KAAK,GAAGC,+BAAe;;;;"}

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

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

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

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

package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var ActionIconGroup_module = require('./ActionIconGroup.module.css.js');
+var rem = require('../../../core/utils/units-converters/rem.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');
+
+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: { '--ai-border-width': rem.rem(borderWidth) },
+}));
+const ActionIconGroup = factory.factory((_props, ref) => {
+    const props = useProps.useProps('ActionIconGroup', defaultProps, _props);
+    const _a = useProps.useProps('ActionIconGroup', 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: 'ActionIconGroup',
+        props,
+        classes: ActionIconGroup_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)));
+});
+ActionIconGroup.displayName = '@mantine/core/ActionIconGroup';
+
+exports.ActionIconGroup = ActionIconGroup;
+//# sourceMappingURL=ActionIconGroup.js.map

package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIconGroup.js","sources":["../../../../src/components/ActionIcon/ActionIconGroup/ActionIconGroup.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 './ActionIconGroup.module.css';\n\nexport type ActionIconGroupStylesNames = 'root';\nexport type ActionIconGroupVariant = string;\nexport type ActionIconGroupCssVariables = {\n  root: '--ai-border-width';\n};\n\nexport interface ActionIconGroupProps extends BoxProps, StylesApiProps<ActionIconGroupFactory> {\n  /** `ActionIcon` components only */\n  children?: React.ReactNode;\n\n  /** Controls group orientation, `'horizontal'` by default */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** `border-width` of the child `ActionIcon` components. Default value in `1` */\n  borderWidth?: number | string;\n}\n\nexport type ActionIconGroupFactory = Factory<{\n  props: ActionIconGroupProps;\n  ref: HTMLDivElement;\n  variant: ActionIconGroupVariant;\n  stylesNames: ActionIconGroupStylesNames;\n  vars: ActionIconGroupCssVariables;\n}>;\n\nconst defaultProps: Partial<ActionIconGroupProps> = {\n  orientation: 'horizontal',\n  borderWidth: 1,\n};\n\nconst varsResolver = createVarsResolver<ActionIconGroupFactory>((_, { borderWidth }) => ({\n  root: { '--ai-border-width': rem(borderWidth) },\n}));\n\nexport const ActionIconGroup = factory<ActionIconGroupFactory>((_props, ref) => {\n  const props = useProps('ActionIconGroup', 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('ActionIconGroup', defaultProps, _props);\n\n  const getStyles = useStyles<ActionIconGroupFactory>({\n    name: 'ActionIconGroup',\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\nActionIconGroup.displayName = '@mantine/core/ActionIconGroup';\n"],"names":["createVarsResolver","rem","factory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AAuCA,MAAM,YAAY,GAAkC;IAClD,WAAW,EAAE,YAAY;IACzB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CAAyB,CAAC,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM;IACvF,IAAI,EAAE,EAAE,mBAAmB,EAAEC,OAAG,CAAC,WAAW,CAAC,EAAE;CAChD,CAAC,CAAC,CAAC;MAES,eAAe,GAAGC,eAAO,CAAyB,CAAC,MAAM,EAAE,GAAG;IACzE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,iBAAiB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAChE,MAAM,KAWFA,iBAAQ,CAAC,iBAAiB,EAAE,YAAY,EAAE,MAAM,CAAC,EAX/C,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,WAAW,EACX,OAAO,OAE4C,EADhD,MAAM,oBAVL,2GAWL,CAAoD,CAAC;IAEtD,MAAM,SAAS,GAAGC,mBAAS,CAAyB;QAClD,IAAI,EAAE,iBAAiB;QACvB,KAAK;iBACLC,iCAAO;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,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}

package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js

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

package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js.map

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

package/cjs/components/Affix/Affix.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Affix_module = require('./Affix.module.css.js');
+var OptionalPortal = require('../Portal/OptionalPortal.js');
+var getDefaultZIndex = require('../../core/utils/get-default-z-index/get-default-z-index.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 = {
+    position: { bottom: 0, right: 0 },
+    zIndex: getDefaultZIndex.getDefaultZIndex('modal'),
+    withinPortal: true,
+};
+const varsResolver = createVarsResolver.createVarsResolver((_, { zIndex, position }) => ({
+    root: {
+        '--affix-z-index': zIndex === null || zIndex === void 0 ? void 0 : zIndex.toString(),
+        '--affix-top': rem.rem(position === null || position === void 0 ? void 0 : position.top),
+        '--affix-left': rem.rem(position === null || position === void 0 ? void 0 : position.left),
+        '--affix-bottom': rem.rem(position === null || position === void 0 ? void 0 : position.bottom),
+        '--affix-right': rem.rem(position === null || position === void 0 ? void 0 : position.right),
+    },
+}));
+const Affix = factory.factory((_props, ref) => {
+    const props = useProps.useProps('Affix', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, portalProps, zIndex, withinPortal } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "portalProps", "zIndex", "withinPortal"]);
+    const getStyles = useStyles.useStyles({
+        name: 'Affix',
+        classes: Affix_module['default'],
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React__default.createElement(OptionalPortal.OptionalPortal, Object.assign({}, portalProps, { withinPortal: withinPortal }),
+        React__default.createElement(Box.Box, Object.assign({ ref: ref }, getStyles('root'), others))));
+});
+Affix.displayName = '@mantine/core/Affix';
+
+exports.Affix = Affix;
+//# sourceMappingURL=Affix.js.map

package/cjs/components/Affix/Affix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Affix.js","sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  getDefaultZIndex,\n  rem,\n} from '../../core';\nimport { OptionalPortal, PortalProps } from '../Portal';\nimport classes from './Affix.module.css';\n\nexport type AffixStylesNames = 'root';\nexport type AffixVariant = string;\nexport type AffixCssVariables = {\n  root: '--affix-z-index' | '--affix-top' | '--affix-left' | '--affix-bottom' | '--affix-right';\n};\n\nexport interface AffixProps extends BoxProps, StylesApiProps<AffixFactory>, ElementProps<'div'> {\n  /** Root element `z-index` property, `200` by default */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Determines whether component should be rendered within portal, `true` by default */\n  withinPortal?: boolean;\n\n  /** Props to pass down to the `Portal` component when `withinPortal` is set */\n  portalProps?: Omit<PortalProps, 'children'>;\n\n  /** Affix position on screen, defaults value is `{ bottom: 0, right: 0 }` */\n  position?: {\n    top?: string | number;\n    left?: string | number;\n    bottom?: string | number;\n    right?: string | number;\n  };\n}\n\nexport type AffixFactory = Factory<{\n  props: AffixProps;\n  ref: HTMLDivElement;\n  stylesNames: AffixStylesNames;\n  vars: AffixCssVariables;\n  variant: AffixVariant;\n}>;\n\nconst defaultProps: Partial<AffixProps> = {\n  position: { bottom: 0, right: 0 },\n  zIndex: getDefaultZIndex('modal'),\n  withinPortal: true,\n};\n\nconst varsResolver = createVarsResolver<AffixFactory>((_, { zIndex, position }) => ({\n  root: {\n    '--affix-z-index': zIndex?.toString(),\n    '--affix-top': rem(position?.top),\n    '--affix-left': rem(position?.left),\n    '--affix-bottom': rem(position?.bottom),\n    '--affix-right': rem(position?.right),\n  },\n}));\n\nexport const Affix = factory<AffixFactory>((_props, ref) => {\n  const props = useProps('Affix', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    portalProps,\n    zIndex,\n    withinPortal,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<AffixFactory>({\n    name: 'Affix',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n      <Box ref={ref} {...getStyles('root')} {...others} />\n    </OptionalPortal>\n  );\n});\n\nAffix.displayName = '@mantine/core/Affix';\n"],"names":["getDefaultZIndex","createVarsResolver","rem","factory","useProps","useStyles","classes","React","OptionalPortal","Box"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkDA,MAAM,YAAY,GAAwB;IACxC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IACjC,MAAM,EAAEA,iCAAgB,CAAC,OAAO,CAAC;IACjC,YAAY,EAAE,IAAI;CACnB,CAAC;AAEF,MAAM,YAAY,GAAGC,qCAAkB,CAAe,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAClF,IAAI,EAAE;QACJ,iBAAiB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE;QACrC,aAAa,EAAEC,OAAG,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC;QACjC,cAAc,EAAEA,OAAG,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC;QACnC,gBAAgB,EAAEA,OAAG,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAAC;QACvC,eAAe,EAAEA,OAAG,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC;KACtC;CACF,CAAC,CAAC,CAAC;MAES,KAAK,GAAGC,eAAO,CAAe,CAAC,MAAM,EAAE,GAAG;IACrD,MAAM,KAAK,GAAGC,iBAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,MAAM,EACN,YAAY,KAEV,KAAK,EADJ,MAAM,gBACP,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,mBAAS,CAAe;QACxC,IAAI,EAAE,OAAO;iBACbC,uBAAO;QACP,KAAK;QACL,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,6BAAc,oBAAK,WAAW,IAAE,YAAY,EAAE,YAAY;QACzDD,6BAACE,OAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM,EAAI,CACrC,EACjB;AACJ,CAAC,EAAE;AAEH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

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

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

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

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

package/cjs/components/Alert/Alert.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var Alert_module = require('./Alert.module.css.js');
+var CloseButton = require('../CloseButton/CloseButton.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 getSize = require('../../core/utils/get-size/get-size.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    variant: 'light',
+};
+const varsResolver = createVarsResolver.createVarsResolver((theme, { radius, color, variant }) => {
+    const colors = theme.variantColorResolver({
+        color: color || theme.primaryColor,
+        theme,
+        variant: variant,
+    });
+    return {
+        root: {
+            '--alert-radius': getSize.getRadius(radius),
+            '--alert-bg': colors.background,
+            '--alert-color': colors.color,
+            '--alert-bd': colors.border,
+        },
+    };
+});
+const Alert = factory.factory((_props, ref) => {
+    const props = useProps.useProps('Alert', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, radius, color, title, children, id, icon, withCloseButton, onClose, closeButtonLabel, variant } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "radius", "color", "title", "children", "id", "icon", "withCloseButton", "onClose", "closeButtonLabel", "variant"]);
+    const getStyles = useStyles.useStyles({
+        name: 'Alert',
+        classes: Alert_module['default'],
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    const rootId = hooks.useId(id);
+    const titleId = (title && `${rootId}-title`) || undefined;
+    const bodyId = `${rootId}-body`;
+    return (React__default.createElement(Box.Box, Object.assign({ id: rootId }, getStyles('root', { variant }), { variant: variant, ref: ref }, others, { role: "alert", "aria-describedby": bodyId, "aria-labelledby": titleId }),
+        React__default.createElement("div", Object.assign({}, getStyles('wrapper')),
+            icon && React__default.createElement("div", Object.assign({}, getStyles('icon')), icon),
+            React__default.createElement("div", Object.assign({}, getStyles('body')),
+                title && (React__default.createElement("div", Object.assign({}, getStyles('title'), { "data-with-close-button": withCloseButton || undefined }),
+                    React__default.createElement("span", Object.assign({ id: titleId }, getStyles('label')), title))),
+                React__default.createElement("div", Object.assign({ id: bodyId }, getStyles('message')), children)),
+            withCloseButton && (React__default.createElement(CloseButton.CloseButton, Object.assign({}, getStyles('closeButton'), { onClick: onClose, variant: "transparent", size: 16, iconSize: 16, "aria-label": closeButtonLabel }))))));
+});
+Alert.displayName = '@mantine/core/Alert';
+
+exports.Alert = Alert;
+//# sourceMappingURL=Alert.js.map

package/cjs/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  getRadius,\n  MantineRadius,\n  MantineColor,\n} from '../../core';\nimport classes from './Alert.module.css';\nimport { CloseButton } from '../CloseButton';\n\nexport type AlertStylesNames =\n  | 'root'\n  | 'body'\n  | 'label'\n  | 'title'\n  | 'icon'\n  | 'wrapper'\n  | 'message'\n  | 'closeButton';\nexport type AlertVariant = 'filled' | 'light' | 'outline' | 'default' | 'transparent' | 'white';\nexport type AlertCssVariables = {\n  root: '--alert-radius' | '--alert-bg' | '--alert-color' | '--alert-bd';\n};\n\nexport interface AlertProps\n  extends BoxProps,\n    StylesApiProps<AlertFactory>,\n    ElementProps<'div', 'title'> {\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  /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`  */\n  color?: MantineColor;\n\n  /** Alert title */\n  title?: React.ReactNode;\n\n  /** Icon displayed next to the title */\n  icon?: React.ReactNode;\n\n  /** Determines whether close button should be displayed, `false` by default */\n  withCloseButton?: boolean;\n\n  /** Called when the close button is clicked */\n  onClose?(): void;\n\n  /** Close button `aria-label` */\n  closeButtonLabel?: string;\n}\n\nexport type AlertFactory = Factory<{\n  props: AlertProps;\n  ref: HTMLDivElement;\n  stylesNames: AlertStylesNames;\n  vars: AlertCssVariables;\n  variant: AlertVariant;\n}>;\n\nconst defaultProps: Partial<AlertProps> = {\n  variant: 'light',\n};\n\nconst varsResolver = createVarsResolver<AlertFactory>((theme, { radius, color, variant }) => {\n  const colors = theme.variantColorResolver({\n    color: color || theme.primaryColor,\n    theme,\n    variant: variant!,\n  });\n\n  return {\n    root: {\n      '--alert-radius': getRadius(radius),\n      '--alert-bg': colors.background,\n      '--alert-color': colors.color,\n      '--alert-bd': colors.border,\n    },\n  };\n});\n\nexport const Alert = factory<AlertFactory>((_props, ref) => {\n  const props = useProps('Alert', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    radius,\n    color,\n    title,\n    children,\n    id,\n    icon,\n    withCloseButton,\n    onClose,\n    closeButtonLabel,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<AlertFactory>({\n    name: 'Alert',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const rootId = useId(id);\n  const titleId = (title && `${rootId}-title`) || undefined;\n  const bodyId = `${rootId}-body`;\n\n  return (\n    <Box\n      id={rootId}\n      {...getStyles('root', { variant })}\n      variant={variant}\n      ref={ref}\n      {...others}\n      role=\"alert\"\n      aria-describedby={bodyId}\n      aria-labelledby={titleId}\n    >\n      <div {...getStyles('wrapper')}>\n        {icon && <div {...getStyles('icon')}>{icon}</div>}\n\n        <div {...getStyles('body')}>\n          {title && (\n            <div {...getStyles('title')} data-with-close-button={withCloseButton || undefined}>\n              <span id={titleId} {...getStyles('label')}>\n                {title}\n              </span>\n            </div>\n          )}\n\n          <div id={bodyId} {...getStyles('message')}>\n            {children}\n          </div>\n        </div>\n\n        {withCloseButton && (\n          <CloseButton\n            {...getStyles('closeButton')}\n            onClick={onClose}\n            variant=\"transparent\"\n            size={16}\n            iconSize={16}\n            aria-label={closeButtonLabel}\n          />\n        )}\n      </div>\n    </Box>\n  );\n});\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":["createVarsResolver","getRadius","factory","useProps","useStyles","classes","useId","React","Box","CloseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmEA,MAAM,YAAY,GAAwB;IACxC,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;IACtF,MAAM,MAAM,GAAG,KAAK,CAAC,oBAAoB,CAAC;QACxC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY;QAClC,KAAK;QACL,OAAO,EAAE,OAAQ;KAClB,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE;YACJ,gBAAgB,EAAEC,iBAAS,CAAC,MAAM,CAAC;YACnC,YAAY,EAAE,MAAM,CAAC,UAAU;YAC/B,eAAe,EAAE,MAAM,CAAC,KAAK;YAC7B,YAAY,EAAE,MAAM,CAAC,MAAM;SAC5B;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;MAEU,KAAK,GAAGC,eAAO,CAAe,CAAC,MAAM,EAAE,GAAG;IACrD,MAAM,KAAK,GAAGC,iBAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,OAAO,KAEL,KAAK,EADJ,MAAM,gBACP,KAAK,EAlBH,qLAkBL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,mBAAS,CAAe;QACxC,IAAI,EAAE,OAAO;iBACbC,uBAAO;QACP,KAAK;QACL,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,MAAM,GAAGC,WAAK,CAAC,EAAE,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,GAAG,MAAM,QAAQ,KAAK,SAAS,CAAC;IAC1D,MAAM,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC;IAEhC,QACEC,6BAACC,OAAG,kBACF,EAAE,EAAE,MAAM,IACN,SAAS,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,IAClC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IACJ,MAAM,IACV,IAAI,EAAC,OAAO,sBACM,MAAM,qBACP,OAAO;QAExBD,sDAAS,SAAS,CAAC,SAAS,CAAC;YAC1B,IAAI,IAAIA,sDAAS,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAO;YAEjDA,sDAAS,SAAS,CAAC,MAAM,CAAC;gBACvB,KAAK,KACJA,sDAAS,SAAS,CAAC,OAAO,CAAC,8BAA0B,eAAe,IAAI,SAAS;oBAC/EA,qDAAM,EAAE,EAAE,OAAO,IAAM,SAAS,CAAC,OAAO,CAAC,GACtC,KAAK,CACD,CACH,CACP;gBAEDA,oDAAK,EAAE,EAAE,MAAM,IAAM,SAAS,CAAC,SAAS,CAAC,GACtC,QAAQ,CACL,CACF;YAEL,eAAe,KACdA,6BAACE,uBAAW,oBACN,SAAS,CAAC,aAAa,CAAC,IAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,aAAa,EACrB,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,EAAE,gBACA,gBAAgB,IAC5B,CACH,CACG,CACF,EACN;AACJ,CAAC,EAAE;AAEH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-wK6rTtU","root--filled":"mantine-j9KrEIg","root--white":"mantine-Dy-Ug58","wrapper":"mantine-01p4pZq","body":"mantine-9PtDsve","title":"mantine-dlG1-0a","label":"mantine-vl7zyk6","icon":"mantine-BUZombZ","message":"mantine-hYsypua","closeButton":"mantine-0870dm5"};
+
+exports.default = classes;
+//# sourceMappingURL=Alert.module.css.js.map

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

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

package/cjs/components/Anchor/Anchor.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cx = require('clsx');
+var Anchor_module = require('./Anchor.module.css.js');
+var Text = require('../Text/Text.js');
+var polymorphicFactory = require('../../core/factory/polymorphic-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);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const defaultProps = {
+    underline: 'hover',
+};
+const Anchor = polymorphicFactory.polymorphicFactory((props, ref) => {
+    const _a = useProps.useProps('Anchor', defaultProps, props), { underline, className } = _a, others = tslib.__rest(_a, ["underline", "className"]);
+    return (React__default.createElement(Text.Text, Object.assign({ component: "a", ref: ref, className: cx__default(Anchor_module['default'].root, className) }, others, { mod: { underline }, __staticSelector: "Anchor" })));
+});
+Anchor.displayName = '@mantine/core/Anchor';
+
+exports.Anchor = Anchor;
+//# sourceMappingURL=Anchor.js.map

package/cjs/components/Anchor/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { polymorphicFactory, useProps, PolymorphicFactory } from '../../core';\nimport { Text, TextProps, TextCssVariables, TextStylesNames, TextVariant } from '../Text';\nimport classes from './Anchor.module.css';\n\nexport type AnchorStylesNames = TextStylesNames;\nexport type AnchorVariant = TextVariant;\nexport type AnchorCssVariables = TextCssVariables;\n\nexport interface AnchorProps extends Omit<TextProps, 'span'> {\n  /** Determines in which cases link should have `text-decoration: underline` styles, `hover` by default */\n  underline?: 'always' | 'hover' | 'never';\n}\n\nexport type AnchorFactory = PolymorphicFactory<{\n  props: AnchorProps;\n  defaultComponent: 'a';\n  defaultRef: HTMLAnchorElement;\n  stylesNames: AnchorStylesNames;\n  vars: AnchorCssVariables;\n  variant: AnchorVariant;\n}>;\n\nconst defaultProps: Partial<AnchorProps> = {\n  underline: 'hover',\n};\n\nexport const Anchor = polymorphicFactory<AnchorFactory>((props, ref) => {\n  const { underline, className, ...others } = useProps('Anchor', defaultProps, props);\n  return (\n    <Text\n      component=\"a\"\n      ref={ref}\n      className={cx(classes.root, className)}\n      {...others}\n      mod={{ underline }}\n      __staticSelector=\"Anchor\"\n    />\n  );\n});\n\nAnchor.displayName = '@mantine/core/Anchor';\n"],"names":["polymorphicFactory","useProps","React","Text","cx","classes"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,MAAM,YAAY,GAAyB;IACzC,SAAS,EAAE,OAAO;CACnB,CAAC;MAEW,MAAM,GAAGA,qCAAkB,CAAgB,CAAC,KAAK,EAAE,GAAG;IACjE,MAAM,KAAsCC,iBAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,EAA7E,EAAE,SAAS,EAAE,SAAS,OAAuD,EAAlD,MAAM,oBAAjC,0BAAmC,CAA0C,CAAC;IACpF,QACEC,6BAACC,SAAI,kBACH,SAAS,EAAC,GAAG,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,WAAE,CAACC,wBAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAClC,MAAM,IACV,GAAG,EAAE,EAAE,SAAS,EAAE,EAClB,gBAAgB,EAAC,QAAQ,IACzB,EACF;AACJ,CAAC,EAAE;AAEH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}

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

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

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

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

package/cjs/components/AspectRatio/AspectRatio.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var AspectRatio_module = require('./AspectRatio.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');
+
+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((_, { ratio }) => ({
+    root: {
+        '--ar-ratio': (ratio !== null && ratio !== void 0 ? ratio : 1).toString(),
+    },
+}));
+const AspectRatio = factory.factory((_props, ref) => {
+    const props = useProps.useProps('AspectRatio', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, ratio } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "ratio"]);
+    const getStyles = useStyles.useStyles({
+        name: 'AspectRatio',
+        classes: AspectRatio_module['default'],
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return React__default.createElement(Box.Box, Object.assign({ ref: ref }, getStyles('root'), others));
+});
+AspectRatio.displayName = '@mantine/core/AspectRatio';
+
+exports.AspectRatio = AspectRatio;
+//# sourceMappingURL=AspectRatio.js.map

package/cjs/components/AspectRatio/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport classes from './AspectRatio.module.css';\n\nexport type AspectRatioStylesNames = 'root';\nexport type AspectRatioVariant = string;\nexport type AspectRatioCssVariables = {\n  root: '--ar-ratio';\n};\n\nexport interface AspectRatioProps\n  extends BoxProps,\n    StylesApiProps<AspectRatioFactory>,\n    ElementProps<'div'> {\n  /** Aspect ratio, e.g. `16 / 9`, `4 / 3`, `1920 / 1080`, `1` by default */\n  ratio?: number;\n}\n\nexport type AspectRatioFactory = Factory<{\n  props: AspectRatioProps;\n  ref: HTMLDivElement;\n  stylesNames: AspectRatioStylesNames;\n  vars: AspectRatioCssVariables;\n  variant: AspectRatioVariant;\n}>;\n\nconst defaultProps: Partial<AspectRatioProps> = {};\n\nconst varsResolver = createVarsResolver<AspectRatioFactory>((_, { ratio }) => ({\n  root: {\n    '--ar-ratio': (ratio ?? 1).toString(),\n  },\n}));\n\nexport const AspectRatio = factory<AspectRatioFactory>((_props, ref) => {\n  const props = useProps('AspectRatio', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, ratio, ...others } = props;\n\n  const getStyles = useStyles<AspectRatioFactory>({\n    name: 'AspectRatio',\n    classes,\n    props,\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\nAspectRatio.displayName = '@mantine/core/AspectRatio';\n"],"names":["createVarsResolver","factory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;AAoCA,MAAM,YAAY,GAA8B,EAAE,CAAC;AAEnD,MAAM,YAAY,GAAGA,qCAAkB,CAAqB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM;IAC7E,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,EAAE,QAAQ,EAAE;KACtC;CACF,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,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAAlF,2EAA0E,CAAQ,CAAC;IAEzF,MAAM,SAAS,GAAGC,mBAAS,CAAqB;QAC9C,IAAI,EAAE,aAAa;iBACnBC,6BAAO;QACP,KAAK;QACL,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,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

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

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

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

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

package/cjs/components/Avatar/Avatar.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var AvatarGroup = require('./AvatarGroup/AvatarGroup.js');
+var AvatarGroup_context = require('./AvatarGroup/AvatarGroup.context.js');
+var AvatarPlaceholderIcon = require('./AvatarPlaceholderIcon.js');
+var Avatar_module = require('./Avatar.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');
+var getSize = require('../../core/utils/get-size/get-size.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    size: 'md',
+    radius: '100%',
+    color: 'gray',
+    variant: 'light',
+};
+const varsResolver = createVarsResolver.createVarsResolver((theme, { size, radius, variant, gradient, color }) => {
+    const colors = theme.variantColorResolver({
+        color: color || theme.primaryColor,
+        theme,
+        gradient,
+        variant: variant,
+    });
+    return {
+        root: {
+            '--avatar-size': getSize.getSize(size, 'avatar-size'),
+            '--avatar-radius': getSize.getRadius(radius),
+            '--avatar-bg': colors.background,
+            '--avatar-color': colors.color,
+            '--avatar-bd': colors.border,
+        },
+    };
+});
+const Avatar = polymorphicFactory.polymorphicFactory((_props, ref) => {
+    const props = useProps.useProps('Avatar', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, src, alt, radius, color, gradient, imageProps, children } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "src", "alt", "radius", "color", "gradient", "imageProps", "children"]);
+    const ctx = AvatarGroup_context.useAvatarGroupContext();
+    const [error, setError] = React.useState(!src);
+    const getStyles = useStyles.useStyles({
+        name: 'Avatar',
+        props,
+        classes: Avatar_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    React.useEffect(() => setError(!src), [src]);
+    return (React__default.createElement(Box.Box, Object.assign({}, getStyles('root'), { mod: { 'within-group': ctx.withinGroup }, ref: ref }, others), error ? (React__default.createElement("span", Object.assign({}, getStyles('placeholder'), { title: alt }), children || React__default.createElement(AvatarPlaceholderIcon.AvatarPlaceholderIcon, null))) : (React__default.createElement("img", Object.assign({}, imageProps, getStyles('image'), { src: src, alt: alt, onError: (event) => {
+            var _a;
+            setError(true);
+            (_a = imageProps === null || imageProps === void 0 ? void 0 : imageProps.onError) === null || _a === void 0 ? void 0 : _a.call(imageProps, event);
+        } })))));
+});
+Avatar.displayName = '@mantine/core/Avatar';
+Avatar.Group = AvatarGroup.AvatarGroup;
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=Avatar.js.map

package/cjs/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  PolymorphicFactory,\n  getSize,\n  getRadius,\n  MantineSize,\n  MantineRadius,\n  MantineColor,\n  MantineGradient,\n} from '../../core';\nimport { AvatarGroup } from './AvatarGroup/AvatarGroup';\nimport { useAvatarGroupContext } from './AvatarGroup/AvatarGroup.context';\nimport { AvatarPlaceholderIcon } from './AvatarPlaceholderIcon';\nimport classes from './Avatar.module.css';\n\nexport type AvatarStylesNames = 'root' | 'placeholder' | 'image';\nexport type AvatarVariant =\n  | 'filled'\n  | 'light'\n  | 'gradient'\n  | 'outline'\n  | 'transparent'\n  | 'default'\n  | 'white';\n\nexport type AvatarCssVariables = {\n  root: '--avatar-size' | '--avatar-radius' | '--avatar-bg' | '--avatar-color' | '--avatar-bd';\n};\n\nexport interface AvatarProps extends BoxProps, StylesApiProps<AvatarFactory> {\n  /** Width and height of the avatar, numbers are converted to rem, `'md'` by default */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, `'100%'` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`  */\n  color?: MantineColor;\n\n  /** Gradient configuration used when `variant=\"gradient\"`, default value is `theme.defaultGradient` */\n  gradient?: MantineGradient;\n\n  /** Image url, if the image cannot be loaded or `src={null}`, then placeholder is displayed instead */\n  src?: string | null;\n\n  /** Image `alt` attribute, also used as `title` attribute for placeholder */\n  alt?: string;\n\n  /** `img` tag attributes */\n  imageProps?: React.ComponentPropsWithoutRef<'img'>;\n\n  /** Avatar placeholder, displayed when `src={null}` or when the image cannot be loaded */\n  children?: React.ReactNode;\n}\n\nexport type AvatarFactory = PolymorphicFactory<{\n  props: AvatarProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: AvatarStylesNames;\n  vars: AvatarCssVariables;\n  variant: AvatarVariant;\n  staticComponents: {\n    Group: typeof AvatarGroup;\n  };\n}>;\n\nconst defaultProps: Partial<AvatarProps> = {\n  size: 'md',\n  radius: '100%',\n  color: 'gray',\n  variant: 'light',\n};\n\nconst varsResolver = createVarsResolver<AvatarFactory>(\n  (theme, { size, radius, variant, gradient, color }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant!,\n    });\n\n    return {\n      root: {\n        '--avatar-size': getSize(size, 'avatar-size'),\n        '--avatar-radius': getRadius(radius),\n        '--avatar-bg': colors.background,\n        '--avatar-color': colors.color,\n        '--avatar-bd': colors.border,\n      },\n    };\n  }\n);\n\nexport const Avatar = polymorphicFactory<AvatarFactory>((_props, ref) => {\n  const props = useProps('Avatar', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    src,\n    alt,\n    radius,\n    color,\n    gradient,\n    imageProps,\n    children,\n    ...others\n  } = props;\n  const ctx = useAvatarGroupContext();\n  const [error, setError] = useState(!src);\n\n  const getStyles = useStyles<AvatarFactory>({\n    name: 'Avatar',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  useEffect(() => setError(!src), [src]);\n\n  return (\n    <Box {...getStyles('root')} mod={{ 'within-group': ctx.withinGroup }} ref={ref} {...others}>\n      {error ? (\n        <span {...getStyles('placeholder')} title={alt}>\n          {children || <AvatarPlaceholderIcon />}\n        </span>\n      ) : (\n        <img\n          {...imageProps}\n          {...getStyles('image')}\n          src={src!}\n          alt={alt}\n          onError={(event) => {\n            setError(true);\n            imageProps?.onError?.(event);\n          }}\n        />\n      )}\n    </Box>\n  );\n});\n\nAvatar.displayName = '@mantine/core/Avatar';\nAvatar.Group = AvatarGroup;\n"],"names":["createVarsResolver","getSize","getRadius","polymorphicFactory","useProps","useAvatarGroupContext","useState","useStyles","classes","useEffect","React","Box","AvatarPlaceholderIcon","AvatarGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0EA,MAAM,YAAY,GAAyB;IACzC,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CACrC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,oBAAoB,CAAC;QACxC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY;QAClC,KAAK;QACL,QAAQ;QACR,OAAO,EAAE,OAAQ;KAClB,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE;YACJ,eAAe,EAAEC,eAAO,CAAC,IAAI,EAAE,aAAa,CAAC;YAC7C,iBAAiB,EAAEC,iBAAS,CAAC,MAAM,CAAC;YACpC,aAAa,EAAE,MAAM,CAAC,UAAU;YAChC,gBAAgB,EAAE,MAAM,CAAC,KAAK;YAC9B,aAAa,EAAE,MAAM,CAAC,MAAM;SAC7B;KACF,CAAC;AACJ,CAAC,CACF,CAAC;MAEW,MAAM,GAAGC,qCAAkB,CAAgB,CAAC,MAAM,EAAE,GAAG;IAClE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,GAAG,EACH,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,KAEN,KAAK,EADJ,MAAM,gBACP,KAAK,EAfH,yIAeL,CAAQ,CAAC;IACV,MAAM,GAAG,GAAGC,yCAAqB,EAAE,CAAC;IACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAEzC,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;IAEHC,eAAS,CAAC,MAAM,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEvC,QACEC,6BAACC,OAAG,oBAAK,SAAS,CAAC,MAAM,CAAC,IAAE,GAAG,EAAE,EAAE,cAAc,EAAE,GAAG,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,GAAG,IAAM,MAAM,GACvF,KAAK,IACJD,uDAAU,SAAS,CAAC,aAAa,CAAC,IAAE,KAAK,EAAE,GAAG,KAC3C,QAAQ,IAAIA,6BAACE,2CAAqB,OAAG,CACjC,KAEPF,sDACM,UAAU,EACV,SAAS,CAAC,OAAO,CAAC,IACtB,GAAG,EAAE,GAAI,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,KAAK;;YACb,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,2DAAG,KAAK,CAAC,CAAC;SAC9B,IACD,CACH,CACG,EACN;AACJ,CAAC,EAAE;AAEH,MAAM,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAC5C,MAAM,CAAC,KAAK,GAAGG,uBAAW;;;;"}

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

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

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

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

package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const AvatarGroupContext = React.createContext(null);
+const AvatarGroupProvider = AvatarGroupContext.Provider;
+function useAvatarGroupContext() {
+    const ctx = React.useContext(AvatarGroupContext);
+    return { withinGroup: !!ctx };
+}
+
+exports.AvatarGroupProvider = AvatarGroupProvider;
+exports.useAvatarGroupContext = useAvatarGroupContext;
+//# sourceMappingURL=AvatarGroup.context.js.map

package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.context.js","sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst AvatarGroupContext = createContext<true | null>(null);\nexport const AvatarGroupProvider = AvatarGroupContext.Provider;\n\nexport function useAvatarGroupContext() {\n  const ctx = useContext(AvatarGroupContext);\n  return { withinGroup: !!ctx };\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAEA,MAAM,kBAAkB,GAAGA,mBAAa,CAAc,IAAI,CAAC,CAAC;MAC/C,mBAAmB,GAAG,kBAAkB,CAAC,SAAS;SAE/C,qBAAqB;IACnC,MAAM,GAAG,GAAGC,gBAAU,CAAC,kBAAkB,CAAC,CAAC;IAC3C,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAChC;;;;;"}