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

package/cjs/components/Alert/Alert.js

@@ -1,8 +1,8 @@
-'use client';
 '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');
@@ -18,131 +18,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 = {
-  variant: "light"
+    variant: 'light',
 };
 const varsResolver = createVarsResolver.createVarsResolver((theme, { radius, color, variant }) => {
-  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 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 _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
-  }))));
+    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";
+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":";;;;;;;;;;;;;;;;;;;;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;AAClE,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;AAaF,MAAM,YAAY,GAAG;AACrB,EAAE,OAAO,EAAE,OAAO;AAClB,CAAC,CAAC;AACF,MAAM,YAAY,GAAGA,qCAAkB,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK;AAC/E,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,oBAAoB,CAAC;AAC5C,IAAI,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY;AACtC,IAAI,KAAK;AACT,IAAI,OAAO;AACX,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,IAAI,EAAE;AACV,MAAM,gBAAgB,EAAEC,iBAAS,CAAC,MAAM,CAAC;AACzC,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU;AACrC,MAAM,eAAe,EAAE,MAAM,CAAC,KAAK;AACnC,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM;AACjC,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;AACS,MAAC,KAAK,GAAGC,eAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AAC9C,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AACxD,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,EAAE;AACN,IAAI,IAAI;AACR,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,OAAO;AACX,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,iBAAiB;AACrB,IAAI,SAAS;AACb,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAGC,mBAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,OAAO;AACjB,aAAIC,uBAAO;AACX,IAAI,KAAK;AACT,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,MAAM,MAAM,GAAGC,WAAK,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC;AACvD,EAAE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAClC,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,aAAa,CAAC,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC;AAC5G,IAAI,EAAE,EAAE,MAAM;AACd,GAAG,EAAE,SAAS,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE;AACtC,IAAI,OAAO;AACX,IAAI,GAAG;AACP,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,kBAAkB,EAAE,MAAM;AAC9B,IAAI,iBAAiB,EAAE,OAAO;AAC9B,GAAG,CAAC,kBAAkBD,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE;AACxX,IAAI,wBAAwB,EAAE,eAAe,IAAI,KAAK,CAAC;AACvD,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC;AACjE,IAAI,EAAE,EAAE,OAAO;AACf,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AAC7F,IAAI,EAAE,EAAE,MAAM;AACd,GAAG,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,eAAe,oBAAoBA,cAAK,CAAC,aAAa,CAACE,uBAAW,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE;AACxK,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,QAAQ,EAAE,EAAE;AAChB,IAAI,YAAY,EAAE,gBAAgB;AAClC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACR,CAAC,EAAE;AACH,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.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

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

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

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

package/cjs/components/Anchor/Anchor.js

@@ -1,8 +1,8 @@
-'use client';
 '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');
@@ -15,52 +15,14 @@ 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 = __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"
-  }));
+    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";
+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":"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"}
+{"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

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

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

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

package/cjs/components/AspectRatio/AspectRatio.js

@@ -1,8 +1,8 @@
-'use client';
 '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');
@@ -15,60 +15,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 = {};
 const varsResolver = createVarsResolver.createVarsResolver((_, { ratio }) => ({
-  root: {
-    "--ar-ratio": (ratio != null ? ratio : 1).toString()
-  }
+    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 _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));
+    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";
+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":"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"}
+{"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

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

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

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

package/cjs/components/Avatar/Avatar.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 = require('./AvatarGroup/AvatarGroup.js');
 var AvatarGroup_context = require('./AvatarGroup/AvatarGroup.context.js');
@@ -19,122 +19,54 @@ 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 colors = theme.variantColorResolver({
-    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
-    }
-  };
+    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 _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);
-    }
-  })));
+    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.displayName = '@mantine/core/Avatar';
 Avatar.Group = AvatarGroup.AvatarGroup;
 
 exports.Avatar = Avatar;