@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13

package/cjs/components/Alert/Alert.js

@@ -2,7 +2,6 @@
 
 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');
@@ -18,52 +17,133 @@ 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 = {
-    variant: 'light',
+  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 colors = theme.variantColorResolver({
+    color: color || theme.primaryColor,
+    theme,
+    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 }))))));
+  const props = useProps.useProps("Alert", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    radius,
+    color,
+    title,
+    children,
+    id,
+    icon,
+    withCloseButton,
+    onClose,
+    closeButtonLabel,
+    variant
+  } = _a, others = __objRest(_a, [
+    "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` || void 0;
+  const bodyId = `${rootId}-body`;
+  return /* @__PURE__ */ React__default.createElement(
+    Box.Box,
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      id: rootId
+    }, getStyles("root", { variant })), {
+      variant,
+      ref
+    }), others), {
+      role: "alert",
+      "aria-describedby": bodyId,
+      "aria-labelledby": titleId
+    }),
+    /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("wrapper")), icon && /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("icon")), icon), /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("body")), title && /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({}, getStyles("title")), { "data-with-close-button": withCloseButton || void 0 }), /* @__PURE__ */ React__default.createElement("span", __spreadValues({ id: titleId }, getStyles("label")), title)), /* @__PURE__ */ React__default.createElement("div", __spreadValues({ id: bodyId }, getStyles("message")), children)), withCloseButton && /* @__PURE__ */ React__default.createElement(
+      CloseButton.CloseButton,
+      __spreadProps(__spreadValues({}, getStyles("closeButton")), {
+        onClick: onClose,
+        variant: "transparent",
+        size: 16,
+        iconSize: 16,
+        "aria-label": closeButtonLabel
+      })
+    ))
+  );
 });
-Alert.displayName = '@mantine/core/Alert';
+Alert.classes = Alert_module['default'];
+Alert.displayName = "@mantine/core/Alert";
 
 exports.Alert = Alert;
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +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;;;;"}
+{"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.classes = classes;\nAlert.displayName = '@mantine/core/Alert';\n"],"names":["createVarsResolver","getRadius","factory","useProps","useStyles","classes","useId","React","Box","CloseButton"],"mappings":"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"}

package/cjs/components/Anchor/Anchor.js

@@ -2,7 +2,6 @@
 
 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');
@@ -15,14 +14,56 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
+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 = {
-    underline: 'hover',
+  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" })));
+  const _a = useProps.useProps("Anchor", defaultProps, props), { underline, className } = _a, others = __objRest(_a, ["underline", "className"]);
+  return /* @__PURE__ */ React__default.createElement(
+    Text.Text,
+    __spreadProps(__spreadValues({
+      component: "a",
+      ref,
+      className: cx__default(Anchor_module['default'].root, className)
+    }, others), {
+      mod: { underline },
+      __staticSelector: "Anchor"
+    })
+  );
 });
-Anchor.displayName = '@mantine/core/Anchor';
+Anchor.classes = Anchor_module['default'];
+Anchor.displayName = "@mantine/core/Anchor";
 
 exports.Anchor = Anchor;
 //# sourceMappingURL=Anchor.js.map

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

@@ -1 +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;;;;"}
+{"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.classes = classes;\nAnchor.displayName = '@mantine/core/Anchor';\n"],"names":["polymorphicFactory","useProps","React","Text","cx","classes"],"mappings":"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"}

package/cjs/components/AspectRatio/AspectRatio.js

@@ -2,7 +2,6 @@
 
 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');
@@ -15,30 +14,59 @@ 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 = {};
 const varsResolver = createVarsResolver.createVarsResolver((_, { ratio }) => ({
-    root: {
-        '--ar-ratio': (ratio !== null && ratio !== void 0 ? ratio : 1).toString(),
-    },
+  root: {
+    "--ar-ratio": (ratio != null ? 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));
+  const props = useProps.useProps("AspectRatio", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars, ratio } = _a, others = __objRest(_a, ["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 /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({ ref }, getStyles("root")), others));
 });
-AspectRatio.displayName = '@mantine/core/AspectRatio';
+AspectRatio.classes = AspectRatio_module['default'];
+AspectRatio.displayName = "@mantine/core/AspectRatio";
 
 exports.AspectRatio = AspectRatio;
 //# sourceMappingURL=AspectRatio.js.map

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

@@ -1 +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;;;;"}
+{"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.classes = classes;\nAspectRatio.displayName = '@mantine/core/AspectRatio';\n"],"names":["createVarsResolver","factory","useProps","useStyles","classes","React","Box"],"mappings":"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"}

package/cjs/components/Avatar/Avatar.js

@@ -2,7 +2,6 @@
 
 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');
@@ -19,54 +18,123 @@ 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: '100%',
-    color: 'gray',
-    variant: 'light',
+  size: "md",
+  radius: "100%",
+  color: "gray",
+  variant: "light"
 };
-const varsResolver = createVarsResolver.createVarsResolver((theme, { size, radius, variant, gradient, color }) => {
+const varsResolver = createVarsResolver.createVarsResolver(
+  (theme, { size, radius, variant, gradient, color }) => {
     const colors = theme.variantColorResolver({
-        color: color || theme.primaryColor,
-        theme,
-        gradient,
-        variant: variant,
+      color: color || theme.primaryColor,
+      theme,
+      gradient,
+      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,
-        },
+      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);
-        } })))));
+  const props = useProps.useProps("Avatar", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    src,
+    alt,
+    radius,
+    color,
+    gradient,
+    imageProps,
+    children
+  } = _a, others = __objRest(_a, [
+    "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 /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { mod: { "within-group": ctx.withinGroup }, ref }), others), error ? /* @__PURE__ */ React__default.createElement("span", __spreadProps(__spreadValues({}, getStyles("placeholder")), { title: alt }), children || /* @__PURE__ */ React__default.createElement(AvatarPlaceholderIcon.AvatarPlaceholderIcon, null)) : /* @__PURE__ */ React__default.createElement(
+    "img",
+    __spreadProps(__spreadValues(__spreadValues({}, imageProps), getStyles("image")), {
+      src,
+      alt,
+      onError: (event) => {
+        var _a2;
+        setError(true);
+        (_a2 = imageProps == null ? void 0 : imageProps.onError) == null ? void 0 : _a2.call(imageProps, event);
+      }
+    })
+  ));
 });
-Avatar.displayName = '@mantine/core/Avatar';
+Avatar.classes = Avatar_module['default'];
+Avatar.displayName = "@mantine/core/Avatar";
 Avatar.Group = AvatarGroup.AvatarGroup;
 
 exports.Avatar = Avatar;