@mantine/core 7.0.0-alpha.7 → 7.0.0-alpha.9

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

@@ -1 +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":"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"}
+{"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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

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

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,8 +7,8 @@ var React = require('react');
 const AvatarGroupContext = React.createContext(null);
 const AvatarGroupProvider = AvatarGroupContext.Provider;
 function useAvatarGroupContext() {
-  const ctx = React.useContext(AvatarGroupContext);
-  return { withinGroup: !!ctx };
+    const ctx = React.useContext(AvatarGroupContext);
+    return { withinGroup: !!ctx };
 }
 
 exports.AvatarGroupProvider = AvatarGroupProvider;

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

@@ -1 +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":";;;;;;;AACA,MAAM,kBAAkB,GAAGA,mBAAa,CAAC,IAAI,CAAC,CAAC;AACnC,MAAC,mBAAmB,GAAG,kBAAkB,CAAC,SAAS;AACxD,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,GAAG,GAAGC,gBAAU,CAAC,kBAAkB,CAAC,CAAC;AAC7C,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAChC;;;"}
+{"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;;;;;"}

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

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var AvatarGroup_context = require('./AvatarGroup.context.js');
 var AvatarGroup_module = require('./AvatarGroup.module.css.js');
@@ -17,64 +17,33 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const defaultProps = {
-  spacing: "sm"
+    spacing: 'sm',
 };
 const varsResolver = createVarsResolver.createVarsResolver((_, { spacing }) => ({
-  root: {
-    "--ag-spacing": getSize.getSpacing(spacing)
-  }
+    root: {
+        '--ag-spacing': getSize.getSpacing(spacing),
+    },
 }));
 const AvatarGroup = factory.factory((_props, ref) => {
-  const props = useProps.useProps("AvatarGroup", defaultProps, _props);
-  const _a = props, { classNames, className, style, styles, unstyled, vars, spacing } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "spacing"]);
-  const getStyles = useStyles.useStyles({
-    name: "AvatarGroup",
-    classes: AvatarGroup_module['default'],
-    props,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    vars,
-    varsResolver
-  });
-  return /* @__PURE__ */ React__default.createElement(AvatarGroup_context.AvatarGroupProvider, {
-    value: true
-  }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({
-    ref
-  }, getStyles("root")), others)));
+    const props = useProps.useProps('AvatarGroup', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, spacing } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "spacing"]);
+    const getStyles = useStyles.useStyles({
+        name: 'AvatarGroup',
+        classes: AvatarGroup_module['default'],
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React__default.createElement(AvatarGroup_context.AvatarGroupProvider, { value: true },
+        React__default.createElement(Box.Box, Object.assign({ ref: ref }, getStyles('root'), others))));
 });
-AvatarGroup.displayName = "@mantine/core/AvatarGroup";
+AvatarGroup.displayName = '@mantine/core/AvatarGroup';
 
 exports.AvatarGroup = AvatarGroup;
 //# sourceMappingURL=AvatarGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.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  MantineSpacing,\n  getSpacing,\n} from '../../../core';\nimport { AvatarGroupProvider } from './AvatarGroup.context';\nimport classes from './AvatarGroup.module.css';\n\nexport type AvatarGroupStylesNames = 'root';\nexport type AvatarGroupVariant = string;\nexport type AvatarGroupCssVariables = {\n  root: '--ag-spacing';\n};\n\nexport interface AvatarGroupProps\n  extends BoxProps,\n    StylesApiProps<AvatarGroupFactory>,\n    ElementProps<'div'> {\n  /** Negative space between Avatar components, `'sm'` by default */\n  spacing?: MantineSpacing | (string & {}) | number;\n}\n\nexport type AvatarGroupFactory = Factory<{\n  props: AvatarGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: AvatarGroupStylesNames;\n  vars: AvatarGroupCssVariables;\n  variant: AvatarGroupVariant;\n}>;\n\nconst defaultProps: Partial<AvatarGroupProps> = {\n  spacing: 'sm',\n};\n\nconst varsResolver = createVarsResolver<AvatarGroupFactory>((_, { spacing }) => ({\n  root: {\n    '--ag-spacing': getSpacing(spacing),\n  },\n}));\n\nexport const AvatarGroup = factory<AvatarGroupFactory>((_props, ref) => {\n  const props = useProps('AvatarGroup', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, spacing, ...others } = props;\n\n  const getStyles = useStyles<AvatarGroupFactory>({\n    name: 'AvatarGroup',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <AvatarGroupProvider value>\n      <Box ref={ref} {...getStyles('root')} {...others} />\n    </AvatarGroupProvider>\n  );\n});\n\nAvatarGroup.displayName = '@mantine/core/AvatarGroup';\n"],"names":["createVarsResolver","getSpacing","factory","useProps","useStyles","classes","React","AvatarGroupProvider","Box"],"mappings":"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"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.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  MantineSpacing,\n  getSpacing,\n} from '../../../core';\nimport { AvatarGroupProvider } from './AvatarGroup.context';\nimport classes from './AvatarGroup.module.css';\n\nexport type AvatarGroupStylesNames = 'root';\nexport type AvatarGroupVariant = string;\nexport type AvatarGroupCssVariables = {\n  root: '--ag-spacing';\n};\n\nexport interface AvatarGroupProps\n  extends BoxProps,\n    StylesApiProps<AvatarGroupFactory>,\n    ElementProps<'div'> {\n  /** Negative space between Avatar components, `'sm'` by default */\n  spacing?: MantineSpacing | (string & {}) | number;\n}\n\nexport type AvatarGroupFactory = Factory<{\n  props: AvatarGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: AvatarGroupStylesNames;\n  vars: AvatarGroupCssVariables;\n  variant: AvatarGroupVariant;\n}>;\n\nconst defaultProps: Partial<AvatarGroupProps> = {\n  spacing: 'sm',\n};\n\nconst varsResolver = createVarsResolver<AvatarGroupFactory>((_, { spacing }) => ({\n  root: {\n    '--ag-spacing': getSpacing(spacing),\n  },\n}));\n\nexport const AvatarGroup = factory<AvatarGroupFactory>((_props, ref) => {\n  const props = useProps('AvatarGroup', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, spacing, ...others } = props;\n\n  const getStyles = useStyles<AvatarGroupFactory>({\n    name: 'AvatarGroup',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <AvatarGroupProvider value>\n      <Box ref={ref} {...getStyles('root')} {...others} />\n    </AvatarGroupProvider>\n  );\n});\n\nAvatarGroup.displayName = '@mantine/core/AvatarGroup';\n"],"names":["createVarsResolver","getSpacing","factory","useProps","useStyles","classes","React","AvatarGroupProvider","Box"],"mappings":";;;;;;;;;;;;;;;;;;;AAuCA,MAAM,YAAY,GAA8B;IAC9C,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CAAqB,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM;IAC/E,IAAI,EAAE;QACJ,cAAc,EAAEC,kBAAU,CAAC,OAAO,CAAC;KACpC;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,OAAO,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAApF,6EAA4E,CAAQ,CAAC;IAE3F,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,QACEC,6BAACC,uCAAmB,IAAC,KAAK;QACxBD,6BAACE,OAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM,EAAI,CAChC,EACtB;AACJ,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

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

package/cjs/components/Avatar/AvatarPlaceholderIcon.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,37 +8,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function AvatarPlaceholderIcon(props) {
-  return /* @__PURE__ */ React__default.createElement("svg", __spreadProps(__spreadValues({}, props), {
-    "data-avatar-placeholder-icon": true,
-    viewBox: "0 0 15 15",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z",
-    fill: "currentColor",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
+    return (React__default.createElement("svg", Object.assign({}, props, { "data-avatar-placeholder-icon": true, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }),
+        React__default.createElement("path", { d: "M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })));
 }
 
 exports.AvatarPlaceholderIcon = AvatarPlaceholderIcon;

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarPlaceholderIcon.js","sources":["../../../src/components/Avatar/AvatarPlaceholderIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport function AvatarPlaceholderIcon(props: React.ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg\n      {...props}\n      data-avatar-placeholder-icon\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3D,SAAS,qBAAqB,CAAC,KAAK,EAAE;AAC7C,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE;AAC7F,IAAI,8BAA8B,EAAE,IAAI;AACxC,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK,EAAE,4BAA4B;AACvC,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,wnCAAwnC;AAC/nC,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,QAAQ,EAAE,SAAS;AACvB,GAAG,CAAC,CAAC,CAAC;AACN;;"}
+{"version":3,"file":"AvatarPlaceholderIcon.js","sources":["../../../src/components/Avatar/AvatarPlaceholderIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport function AvatarPlaceholderIcon(props: React.ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg\n      {...props}\n      data-avatar-placeholder-icon\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;SAEgB,qBAAqB,CAAC,KAA4C;IAChF,QACEA,sDACM,KAAK,0CAET,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElCA,uCACE,CAAC,EAAC,wnCAAwnC,EAC1nC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,CACE,EACN;AACJ;;;;"}

package/cjs/components/BackgroundImage/BackgroundImage.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var BackgroundImage_module = require('./BackgroundImage.module.css.js');
 var polymorphicFactory = require('../../core/factory/polymorphic-factory.js');
@@ -16,61 +16,30 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const defaultProps = {
-  radius: 0
+    radius: 0,
 };
 const varsResolver = createVarsResolver.createVarsResolver((_, { radius }) => ({
-  root: { "--bi-radius": getSize.getRadius(radius) }
+    root: { '--bi-radius': getSize.getRadius(radius) },
 }));
 const BackgroundImage = polymorphicFactory.polymorphicFactory((_props, ref) => {
-  const props = useProps.useProps("BackgroundImage", defaultProps, _props);
-  const _a = props, { classNames, className, style, styles, unstyled, vars, radius, src, variant } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "radius", "src", "variant"]);
-  const getStyles = useStyles.useStyles({
-    name: "BackgroundImage",
-    props,
-    classes: BackgroundImage_module['default'],
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    vars,
-    varsResolver
-  });
-  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({
-    ref,
-    variant
-  }, getStyles("root", { style: { backgroundImage: `url(${src})` } })), others));
+    const props = useProps.useProps('BackgroundImage', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, radius, src, variant } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "radius", "src", "variant"]);
+    const getStyles = useStyles.useStyles({
+        name: 'BackgroundImage',
+        props,
+        classes: BackgroundImage_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React__default.createElement(Box.Box, Object.assign({ ref: ref, variant: variant }, getStyles('root', { style: { backgroundImage: `url(${src})` } }), others)));
 });
-BackgroundImage.displayName = "@mantine/core/BackgroundImage";
+BackgroundImage.displayName = '@mantine/core/BackgroundImage';
 
 exports.BackgroundImage = BackgroundImage;
 //# sourceMappingURL=BackgroundImage.js.map

package/cjs/components/BackgroundImage/BackgroundImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackgroundImage.js","sources":["../../../src/components/BackgroundImage/BackgroundImage.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  MantineRadius,\n  getRadius,\n  createVarsResolver,\n  PolymorphicFactory,\n} from '../../core';\nimport classes from './BackgroundImage.module.css';\n\nexport type BackgroundImageStylesNames = 'root';\nexport type BackgroundImageVariant = string;\nexport type BackgroundImageCssVariables = {\n  root: '--bi-radius';\n};\n\nexport interface BackgroundImageProps extends BoxProps, StylesApiProps<BackgroundImageFactory> {\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `0` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Image url */\n  src: string;\n}\n\nexport type BackgroundImageFactory = PolymorphicFactory<{\n  props: BackgroundImageProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  variant: BackgroundImageVariant;\n  stylesNames: BackgroundImageStylesNames;\n  vars: BackgroundImageCssVariables;\n}>;\n\nconst defaultProps: Partial<BackgroundImageProps> = {\n  radius: 0,\n};\n\nconst varsResolver = createVarsResolver<BackgroundImageFactory>((_, { radius }) => ({\n  root: { '--bi-radius': getRadius(radius) },\n}));\n\nexport const BackgroundImage = polymorphicFactory<BackgroundImageFactory>((_props, ref) => {\n  const props = useProps('BackgroundImage', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, radius, src, variant, ...others } =\n    props;\n\n  const getStyles = useStyles<BackgroundImageFactory>({\n    name: 'BackgroundImage',\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      ref={ref}\n      variant={variant}\n      {...getStyles('root', { style: { backgroundImage: `url(${src})` } })}\n      {...others}\n    />\n  );\n});\n\nBackgroundImage.displayName = '@mantine/core/BackgroundImage';\n"],"names":["createVarsResolver","getRadius","polymorphicFactory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAWF,MAAM,YAAY,GAAG;AACrB,EAAE,MAAM,EAAE,CAAC;AACX,CAAC,CAAC;AACF,MAAM,YAAY,GAAGA,qCAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM;AAC5D,EAAE,IAAI,EAAE,EAAE,aAAa,EAAEC,iBAAS,CAAC,MAAM,CAAC,EAAE;AAC5C,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,eAAe,GAAGC,qCAAkB,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACnE,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,iBAAiB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAClE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAChO,EAAE,MAAM,SAAS,GAAGC,mBAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,iBAAiB;AAC3B,IAAI,KAAK;AACT,aAAIC,iCAAO;AACX,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC,cAAc,CAAC;AAChF,IAAI,GAAG;AACP,IAAI,OAAO;AACX,GAAG,EAAE,SAAS,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AACjF,CAAC,EAAE;AACH,eAAe,CAAC,WAAW,GAAG,+BAA+B;;"}
+{"version":3,"file":"BackgroundImage.js","sources":["../../../src/components/BackgroundImage/BackgroundImage.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  MantineRadius,\n  getRadius,\n  createVarsResolver,\n  PolymorphicFactory,\n} from '../../core';\nimport classes from './BackgroundImage.module.css';\n\nexport type BackgroundImageStylesNames = 'root';\nexport type BackgroundImageVariant = string;\nexport type BackgroundImageCssVariables = {\n  root: '--bi-radius';\n};\n\nexport interface BackgroundImageProps extends BoxProps, StylesApiProps<BackgroundImageFactory> {\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `0` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Image url */\n  src: string;\n}\n\nexport type BackgroundImageFactory = PolymorphicFactory<{\n  props: BackgroundImageProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  variant: BackgroundImageVariant;\n  stylesNames: BackgroundImageStylesNames;\n  vars: BackgroundImageCssVariables;\n}>;\n\nconst defaultProps: Partial<BackgroundImageProps> = {\n  radius: 0,\n};\n\nconst varsResolver = createVarsResolver<BackgroundImageFactory>((_, { radius }) => ({\n  root: { '--bi-radius': getRadius(radius) },\n}));\n\nexport const BackgroundImage = polymorphicFactory<BackgroundImageFactory>((_props, ref) => {\n  const props = useProps('BackgroundImage', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, radius, src, variant, ...others } =\n    props;\n\n  const getStyles = useStyles<BackgroundImageFactory>({\n    name: 'BackgroundImage',\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      ref={ref}\n      variant={variant}\n      {...getStyles('root', { style: { backgroundImage: `url(${src})` } })}\n      {...others}\n    />\n  );\n});\n\nBackgroundImage.displayName = '@mantine/core/BackgroundImage';\n"],"names":["createVarsResolver","getRadius","polymorphicFactory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,MAAM,YAAY,GAAkC;IAClD,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CAAyB,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM;IAClF,IAAI,EAAE,EAAE,aAAa,EAAEC,iBAAS,CAAC,MAAM,CAAC,EAAE;CAC3C,CAAC,CAAC,CAAC;MAES,eAAe,GAAGC,qCAAkB,CAAyB,CAAC,MAAM,EAAE,GAAG;IACpF,MAAM,KAAK,GAAGC,iBAAQ,CAAC,iBAAiB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAChE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,KAChF,KAAK,EADgF,MAAM,gBAC3F,KAAK,EADD,8FAAyF,CACxF,CAAC;IAER,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,kBACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,IACZ,SAAS,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,GAAG,GAAG,EAAE,EAAE,CAAC,EAChE,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

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

package/cjs/components/Badge/Badge.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var Badge_module = require('./Badge.module.css.js');
 var polymorphicFactory = require('../../core/factory/polymorphic-factory.js');
@@ -17,119 +17,52 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const defaultProps = {
-  size: "md",
-  radius: "xl",
-  variant: "filled"
+    size: 'md',
+    radius: 'xl',
+    variant: 'filled',
 };
 const varsResolver = createVarsResolver.createVarsResolver((theme, { radius, color, gradient, variant, size }) => {
-  const colors = theme.variantColorResolver({
-    color: color || theme.primaryColor,
-    theme,
-    gradient,
-    variant
-  });
-  return {
-    root: {
-      "--badge-height": getSize.getSize(size, "badge-height"),
-      "--badge-padding-x": getSize.getSize(size, "badge-padding-x"),
-      "--badge-fz": getSize.getSize(size, "badge-fz"),
-      "--badge-radius": getSize.getRadius(radius),
-      "--badge-bg": colors.background,
-      "--badge-color": colors.color,
-      "--badge-bd": colors.border,
-      "--badge-dot-color": variant === "dot" ? getThemeColor.getThemeColor(color, theme) : void 0
-    }
-  };
+    const colors = theme.variantColorResolver({
+        color: color || theme.primaryColor,
+        theme,
+        gradient,
+        variant: variant,
+    });
+    return {
+        root: {
+            '--badge-height': getSize.getSize(size, 'badge-height'),
+            '--badge-padding-x': getSize.getSize(size, 'badge-padding-x'),
+            '--badge-fz': getSize.getSize(size, 'badge-fz'),
+            '--badge-radius': getSize.getRadius(radius),
+            '--badge-bg': colors.background,
+            '--badge-color': colors.color,
+            '--badge-bd': colors.border,
+            '--badge-dot-color': variant === 'dot' ? getThemeColor.getThemeColor(color, theme) : undefined,
+        },
+    };
 });
 const Badge = polymorphicFactory.polymorphicFactory((_props, ref) => {
-  const props = useProps.useProps("Badge", defaultProps, _props);
-  const _a = props, {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    radius,
-    color,
-    gradient,
-    leftSection,
-    rightSection,
-    children,
-    variant,
-    fullWidth
-  } = _a, others = __objRest(_a, [
-    "classNames",
-    "className",
-    "style",
-    "styles",
-    "unstyled",
-    "vars",
-    "radius",
-    "color",
-    "gradient",
-    "leftSection",
-    "rightSection",
-    "children",
-    "variant",
-    "fullWidth"
-  ]);
-  const getStyles = useStyles.useStyles({
-    name: "Badge",
-    props,
-    classes: Badge_module['default'],
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    vars,
-    varsResolver
-  });
-  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadProps(__spreadValues({
-    variant,
-    mod: { block: fullWidth }
-  }, getStyles("root", { variant })), {
-    ref
-  }), others), leftSection && /* @__PURE__ */ React__default.createElement("span", __spreadProps(__spreadValues({}, getStyles("section")), {
-    "data-position": "left"
-  }), leftSection), /* @__PURE__ */ React__default.createElement("span", __spreadValues({}, getStyles("label")), children), rightSection && /* @__PURE__ */ React__default.createElement("span", __spreadProps(__spreadValues({}, getStyles("section")), {
-    "data-position": "right"
-  }), rightSection));
+    const props = useProps.useProps('Badge', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, radius, color, gradient, leftSection, rightSection, children, variant, fullWidth } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "radius", "color", "gradient", "leftSection", "rightSection", "children", "variant", "fullWidth"]);
+    const getStyles = useStyles.useStyles({
+        name: 'Badge',
+        props,
+        classes: Badge_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React__default.createElement(Box.Box, Object.assign({ variant: variant, mod: { block: fullWidth } }, getStyles('root', { variant }), { ref: ref }, others),
+        leftSection && (React__default.createElement("span", Object.assign({}, getStyles('section'), { "data-position": "left" }), leftSection)),
+        React__default.createElement("span", Object.assign({}, getStyles('label')), children),
+        rightSection && (React__default.createElement("span", Object.assign({}, getStyles('section'), { "data-position": "right" }), rightSection))));
 });
-Badge.displayName = "@mantine/core/Badge";
+Badge.displayName = '@mantine/core/Badge';
 
 exports.Badge = Badge;
 //# sourceMappingURL=Badge.js.map