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

package/esm/components/Blockquote/Blockquote.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React from 'react';
 import classes from './Blockquote.module.css.js';
 import { rgba } from '../../core/MantineProvider/color-functions/rgba/rgba.js';
@@ -12,51 +11,99 @@ import { getThemeColor } from '../../core/MantineProvider/color-functions/get-th
 import { rem } from '../../core/utils/units-converters/rem.js';
 import { getRadius } from '../../core/utils/get-size/get-size.js';
 
+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 = {
-    iconSize: 48,
+  iconSize: 48
 };
 const varsResolver = createVarsResolver((theme, { color, iconSize, radius }) => {
-    const darkParsed = parseThemeColor({
-        color: color || theme.primaryColor,
-        theme,
-        colorScheme: 'dark',
-    });
-    const lightParsed = parseThemeColor({
-        color: color || theme.primaryColor,
-        theme,
-        colorScheme: 'light',
-    });
-    return {
-        root: {
-            '--bq-bg-light': rgba(lightParsed.value, 0.07),
-            '--bq-bg-dark': rgba(darkParsed.value, 0.06),
-            '--bq-bd': getThemeColor(color, theme),
-            '--bq-icon-size': rem(iconSize),
-            '--bq-radius': getRadius(radius),
-        },
-    };
+  const darkParsed = parseThemeColor({
+    color: color || theme.primaryColor,
+    theme,
+    colorScheme: "dark"
+  });
+  const lightParsed = parseThemeColor({
+    color: color || theme.primaryColor,
+    theme,
+    colorScheme: "light"
+  });
+  return {
+    root: {
+      "--bq-bg-light": rgba(lightParsed.value, 0.07),
+      "--bq-bg-dark": rgba(darkParsed.value, 0.06),
+      "--bq-bd": getThemeColor(color, theme),
+      "--bq-icon-size": rem(iconSize),
+      "--bq-radius": getRadius(radius)
+    }
+  };
 });
 const Blockquote = factory((_props, ref) => {
-    const props = useProps('Blockquote', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, vars, children, icon, iconSize, cite } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "children", "icon", "iconSize", "cite"]);
-    const getStyles = useStyles({
-        name: 'Blockquote',
-        classes,
-        props,
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-        vars,
-        varsResolver,
-    });
-    return (React.createElement(Box, Object.assign({ component: "blockquote", ref: ref }, getStyles('root'), others),
-        icon && React.createElement("span", Object.assign({}, getStyles('icon')), icon),
-        children,
-        cite && React.createElement("cite", Object.assign({}, getStyles('cite')), cite)));
+  const props = useProps("Blockquote", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    children,
+    icon,
+    iconSize,
+    cite
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "children",
+    "icon",
+    "iconSize",
+    "cite"
+  ]);
+  const getStyles = useStyles({
+    name: "Blockquote",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({ component: "blockquote", ref }, getStyles("root")), others), icon && /* @__PURE__ */ React.createElement("span", __spreadValues({}, getStyles("icon")), icon), children, cite && /* @__PURE__ */ React.createElement("cite", __spreadValues({}, getStyles("cite")), cite));
 });
-Blockquote.displayName = '@mantine/core/Blockquote';
+Blockquote.classes = classes;
+Blockquote.displayName = "@mantine/core/Blockquote";
 
 export { Blockquote };
 //# sourceMappingURL=Blockquote.js.map

package/esm/components/Blockquote/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.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  MantineColor,\n  getThemeColor,\n  parseThemeColor,\n  rgba,\n  rem,\n  MantineRadius,\n  getRadius,\n} from '../../core';\nimport classes from './Blockquote.module.css';\n\nexport type BlockquoteStylesNames = 'root' | 'icon' | 'cite';\nexport type BlockquoteVariant = string;\nexport type BlockquoteCssVariables = {\n  root: '--bq-bg-light' | '--bq-bg-dark' | '--bq-bd' | '--bq-icon-size' | '--bq-radius';\n};\n\nexport interface BlockquoteProps\n  extends BoxProps,\n    StylesApiProps<BlockquoteFactory>,\n    ElementProps<'blockquote', 'cite'> {\n  /** Blockquote icon, displayed on the top left */\n  icon?: React.ReactNode;\n\n  /** Controls icon `width` and `height`, numbers are converted to rem, `40` by default */\n  iconSize?: number | string;\n\n  /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Reference to a cited quote */\n  cite?: React.ReactNode;\n}\n\nexport type BlockquoteFactory = Factory<{\n  props: BlockquoteProps;\n  ref: HTMLQuoteElement;\n  stylesNames: BlockquoteStylesNames;\n  vars: BlockquoteCssVariables;\n  variant: BlockquoteVariant;\n}>;\n\nconst defaultProps: Partial<BlockquoteProps> = {\n  iconSize: 48,\n};\n\nconst varsResolver = createVarsResolver<BlockquoteFactory>((theme, { color, iconSize, radius }) => {\n  const darkParsed = parseThemeColor({\n    color: color || theme.primaryColor,\n    theme,\n    colorScheme: 'dark',\n  });\n\n  const lightParsed = parseThemeColor({\n    color: color || theme.primaryColor,\n    theme,\n    colorScheme: 'light',\n  });\n\n  return {\n    root: {\n      '--bq-bg-light': rgba(lightParsed.value, 0.07),\n      '--bq-bg-dark': rgba(darkParsed.value, 0.06),\n      '--bq-bd': getThemeColor(color, theme),\n      '--bq-icon-size': rem(iconSize),\n      '--bq-radius': getRadius(radius),\n    },\n  };\n});\n\nexport const Blockquote = factory<BlockquoteFactory>((_props, ref) => {\n  const props = useProps('Blockquote', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    icon,\n    iconSize,\n    cite,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<BlockquoteFactory>({\n    name: 'Blockquote',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box component=\"blockquote\" ref={ref} {...getStyles('root')} {...others}>\n      {icon && <span {...getStyles('icon')}>{icon}</span>}\n      {children}\n      {cite && <cite {...getStyles('cite')}>{cite}</cite>}\n    </Box>\n  );\n});\n\nBlockquote.displayName = '@mantine/core/Blockquote';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuDA,MAAM,YAAY,GAA6B;IAC7C,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAoB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;IAC5F,MAAM,UAAU,GAAG,eAAe,CAAC;QACjC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY;QAClC,KAAK;QACL,WAAW,EAAE,MAAM;KACpB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAe,CAAC;QAClC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY;QAClC,KAAK;QACL,WAAW,EAAE,OAAO;KACrB,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE;YACJ,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC;YAC9C,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC;YAC5C,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC;YACtC,gBAAgB,EAAE,GAAG,CAAC,QAAQ,CAAC;YAC/B,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC;SACjC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;MAEU,UAAU,GAAG,OAAO,CAAoB,CAAC,MAAM,EAAE,GAAG;IAC/D,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,KAEF,KAAK,EADJ,MAAM,UACP,KAAK,EAZH,0GAYL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAoB;QAC7C,IAAI,EAAE,YAAY;QAClB,OAAO;QACP,KAAK;QACL,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,kBAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM;QACpE,IAAI,IAAI,8CAAU,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAQ;QAClD,QAAQ;QACR,IAAI,IAAI,8CAAU,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAQ,CAC/C,EACN;AACJ,CAAC,EAAE;AAEH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
+{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.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  MantineColor,\n  getThemeColor,\n  parseThemeColor,\n  rgba,\n  rem,\n  MantineRadius,\n  getRadius,\n} from '../../core';\nimport classes from './Blockquote.module.css';\n\nexport type BlockquoteStylesNames = 'root' | 'icon' | 'cite';\nexport type BlockquoteVariant = string;\nexport type BlockquoteCssVariables = {\n  root: '--bq-bg-light' | '--bq-bg-dark' | '--bq-bd' | '--bq-icon-size' | '--bq-radius';\n};\n\nexport interface BlockquoteProps\n  extends BoxProps,\n    StylesApiProps<BlockquoteFactory>,\n    ElementProps<'blockquote', 'cite'> {\n  /** Blockquote icon, displayed on the top left */\n  icon?: React.ReactNode;\n\n  /** Controls icon `width` and `height`, numbers are converted to rem, `40` by default */\n  iconSize?: number | string;\n\n  /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Reference to a cited quote */\n  cite?: React.ReactNode;\n}\n\nexport type BlockquoteFactory = Factory<{\n  props: BlockquoteProps;\n  ref: HTMLQuoteElement;\n  stylesNames: BlockquoteStylesNames;\n  vars: BlockquoteCssVariables;\n  variant: BlockquoteVariant;\n}>;\n\nconst defaultProps: Partial<BlockquoteProps> = {\n  iconSize: 48,\n};\n\nconst varsResolver = createVarsResolver<BlockquoteFactory>((theme, { color, iconSize, radius }) => {\n  const darkParsed = parseThemeColor({\n    color: color || theme.primaryColor,\n    theme,\n    colorScheme: 'dark',\n  });\n\n  const lightParsed = parseThemeColor({\n    color: color || theme.primaryColor,\n    theme,\n    colorScheme: 'light',\n  });\n\n  return {\n    root: {\n      '--bq-bg-light': rgba(lightParsed.value, 0.07),\n      '--bq-bg-dark': rgba(darkParsed.value, 0.06),\n      '--bq-bd': getThemeColor(color, theme),\n      '--bq-icon-size': rem(iconSize),\n      '--bq-radius': getRadius(radius),\n    },\n  };\n});\n\nexport const Blockquote = factory<BlockquoteFactory>((_props, ref) => {\n  const props = useProps('Blockquote', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    icon,\n    iconSize,\n    cite,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<BlockquoteFactory>({\n    name: 'Blockquote',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box component=\"blockquote\" ref={ref} {...getStyles('root')} {...others}>\n      {icon && <span {...getStyles('icon')}>{icon}</span>}\n      {children}\n      {cite && <cite {...getStyles('cite')}>{cite}</cite>}\n    </Box>\n  );\n});\n\nBlockquote.classes = classes;\nBlockquote.displayName = '@mantine/core/Blockquote';\n"],"names":[],"mappings":"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"}

package/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React from 'react';
 import classes from './Breadcrumbs.module.css.js';
 import { isElement } from '../../core/utils/is-element/is-element.js';
@@ -9,42 +8,101 @@ import { Box } from '../../core/Box/Box.js';
 import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
 import { getSpacing } from '../../core/utils/get-size/get-size.js';
 
+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 = {
-    separator: '/',
-    separatorMargin: 'xs',
+  separator: "/",
+  separatorMargin: "xs"
 };
 const varsResolver = createVarsResolver((_, { separatorMargin }) => ({
-    root: {
-        '--bc-separator-margin': getSpacing(separatorMargin),
-    },
+  root: {
+    "--bc-separator-margin": getSpacing(separatorMargin)
+  }
 }));
 const Breadcrumbs = factory((_props, ref) => {
-    const props = useProps('Breadcrumbs', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, vars, children, separator, separatorMargin } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "children", "separator", "separatorMargin"]);
-    const getStyles = useStyles({
-        name: 'Breadcrumbs',
-        classes,
-        props,
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-        vars,
-        varsResolver,
-    });
-    const items = React.Children.toArray(children).reduce((acc, child, index, array) => {
-        var _a;
-        const item = isElement(child) ? (React.cloneElement(child, Object.assign(Object.assign({}, getStyles('breadcrumb', { className: (_a = child.props) === null || _a === void 0 ? void 0 : _a.className })), { key: index }))) : (React.createElement("div", Object.assign({}, getStyles('breadcrumb'), { key: index }), child));
-        acc.push(item);
-        if (index !== array.length - 1) {
-            acc.push(React.createElement(Box, Object.assign({}, getStyles('separator'), { key: `separator-${index}` }), separator));
-        }
-        return acc;
-    }, []);
-    return (React.createElement(Box, Object.assign({ ref: ref }, getStyles('root'), others), items));
+  const props = useProps("Breadcrumbs", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    children,
+    separator,
+    separatorMargin
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "children",
+    "separator",
+    "separatorMargin"
+  ]);
+  const getStyles = useStyles({
+    name: "Breadcrumbs",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  const items = React.Children.toArray(children).reduce(
+    (acc, child, index, array) => {
+      var _a2;
+      const item = isElement(child) ? React.cloneElement(child, __spreadProps(__spreadValues({}, getStyles("breadcrumb", { className: (_a2 = child.props) == null ? void 0 : _a2.className })), {
+        key: index
+      })) : /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, getStyles("breadcrumb")), { key: index }), child);
+      acc.push(item);
+      if (index !== array.length - 1) {
+        acc.push(
+          /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, getStyles("separator")), { key: `separator-${index}` }), separator)
+        );
+      }
+      return acc;
+    },
+    []
+  );
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({ ref }, getStyles("root")), others), items);
 });
-Breadcrumbs.displayName = '@mantine/core/Breadcrumbs';
+Breadcrumbs.classes = classes;
+Breadcrumbs.displayName = "@mantine/core/Breadcrumbs";
 
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.js.map

package/esm/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.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  isElement,\n  MantineSpacing,\n  getSpacing,\n} from '../../core';\nimport classes from './Breadcrumbs.module.css';\n\nexport type BreadcrumbsStylesNames = 'root' | 'separator' | 'breadcrumb';\nexport type BreadcrumbsVariant = string;\nexport type BreadcrumbsCssVariables = {\n  root: '--bc-separator-margin';\n};\n\nexport interface BreadcrumbsProps\n  extends BoxProps,\n    StylesApiProps<BreadcrumbsFactory>,\n    ElementProps<'div'> {\n  /** Separator between children, `'/'` by default */\n  separator?: React.ReactNode;\n\n  /** Controls spacing between separator and breadcrumb, `'xs'` by default */\n  separatorMargin?: MantineSpacing | (string & {}) | number;\n\n  /** React nodes that should be separated with `separator` */\n  children: React.ReactNode;\n}\n\nexport type BreadcrumbsFactory = Factory<{\n  props: BreadcrumbsProps;\n  ref: HTMLDivElement;\n  stylesNames: BreadcrumbsStylesNames;\n  vars: BreadcrumbsCssVariables;\n  variant: BreadcrumbsVariant;\n}>;\n\nconst defaultProps: Partial<BreadcrumbsProps> = {\n  separator: '/',\n  separatorMargin: 'xs',\n};\n\nconst varsResolver = createVarsResolver<BreadcrumbsFactory>((_, { separatorMargin }) => ({\n  root: {\n    '--bc-separator-margin': getSpacing(separatorMargin),\n  },\n}));\n\nexport const Breadcrumbs = factory<BreadcrumbsFactory>((_props, ref) => {\n  const props = useProps('Breadcrumbs', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    separator,\n    separatorMargin,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<BreadcrumbsFactory>({\n    name: 'Breadcrumbs',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const items = React.Children.toArray(children).reduce<React.ReactNode[]>(\n    (acc, child, index, array) => {\n      const item = isElement(child) ? (\n        React.cloneElement(child, {\n          ...getStyles('breadcrumb', { className: child.props?.className }),\n          key: index,\n        })\n      ) : (\n        <div {...getStyles('breadcrumb')} key={index}>\n          {child}\n        </div>\n      );\n\n      acc.push(item);\n\n      if (index !== array.length - 1) {\n        acc.push(\n          <Box {...getStyles('separator')} key={`separator-${index}`}>\n            {separator}\n          </Box>\n        );\n      }\n\n      return acc;\n    },\n    []\n  );\n\n  return (\n    <Box ref={ref} {...getStyles('root')} {...others}>\n      {items}\n    </Box>\n  );\n});\n\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n"],"names":[],"mappings":";;;;;;;;;;;AA6CA,MAAM,YAAY,GAA8B;IAC9C,SAAS,EAAE,GAAG;IACd,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAqB,CAAC,CAAC,EAAE,EAAE,eAAe,EAAE,MAAM;IACvF,IAAI,EAAE;QACJ,uBAAuB,EAAE,UAAU,CAAC,eAAe,CAAC;KACrD;CACF,CAAC,CAAC,CAAC;MAES,WAAW,GAAG,OAAO,CAAqB,CAAC,MAAM,EAAE,GAAG;IACjE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC5D,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,eAAe,KAEb,KAAK,EADJ,MAAM,UACP,KAAK,EAXH,8GAWL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAqB;QAC9C,IAAI,EAAE,aAAa;QACnB,OAAO;QACP,KAAK;QACL,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnD,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;;QACvB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,IAC3B,KAAK,CAAC,YAAY,CAAC,KAAK,kCACnB,SAAS,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,MAAA,KAAK,CAAC,KAAK,0CAAE,SAAS,EAAE,CAAC,KACjE,GAAG,EAAE,KAAK,IACV,KAEF,6CAAS,SAAS,CAAC,YAAY,CAAC,IAAE,GAAG,EAAE,KAAK,KACzC,KAAK,CACF,CACP,CAAC;QAEF,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC9B,GAAG,CAAC,IAAI,CACN,oBAAC,GAAG,oBAAK,SAAS,CAAC,WAAW,CAAC,IAAE,GAAG,EAAE,aAAa,KAAK,EAAE,KACvD,SAAS,CACN,CACP,CAAC;SACH;QAED,OAAO,GAAG,CAAC;KACZ,EACD,EAAE,CACH,CAAC;IAEF,QACE,oBAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM,GAC7C,KAAK,CACF,EACN;AACJ,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.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  isElement,\n  MantineSpacing,\n  getSpacing,\n} from '../../core';\nimport classes from './Breadcrumbs.module.css';\n\nexport type BreadcrumbsStylesNames = 'root' | 'separator' | 'breadcrumb';\nexport type BreadcrumbsVariant = string;\nexport type BreadcrumbsCssVariables = {\n  root: '--bc-separator-margin';\n};\n\nexport interface BreadcrumbsProps\n  extends BoxProps,\n    StylesApiProps<BreadcrumbsFactory>,\n    ElementProps<'div'> {\n  /** Separator between children, `'/'` by default */\n  separator?: React.ReactNode;\n\n  /** Controls spacing between separator and breadcrumb, `'xs'` by default */\n  separatorMargin?: MantineSpacing | (string & {}) | number;\n\n  /** React nodes that should be separated with `separator` */\n  children: React.ReactNode;\n}\n\nexport type BreadcrumbsFactory = Factory<{\n  props: BreadcrumbsProps;\n  ref: HTMLDivElement;\n  stylesNames: BreadcrumbsStylesNames;\n  vars: BreadcrumbsCssVariables;\n  variant: BreadcrumbsVariant;\n}>;\n\nconst defaultProps: Partial<BreadcrumbsProps> = {\n  separator: '/',\n  separatorMargin: 'xs',\n};\n\nconst varsResolver = createVarsResolver<BreadcrumbsFactory>((_, { separatorMargin }) => ({\n  root: {\n    '--bc-separator-margin': getSpacing(separatorMargin),\n  },\n}));\n\nexport const Breadcrumbs = factory<BreadcrumbsFactory>((_props, ref) => {\n  const props = useProps('Breadcrumbs', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    separator,\n    separatorMargin,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<BreadcrumbsFactory>({\n    name: 'Breadcrumbs',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const items = React.Children.toArray(children).reduce<React.ReactNode[]>(\n    (acc, child, index, array) => {\n      const item = isElement(child) ? (\n        React.cloneElement(child, {\n          ...getStyles('breadcrumb', { className: child.props?.className }),\n          key: index,\n        })\n      ) : (\n        <div {...getStyles('breadcrumb')} key={index}>\n          {child}\n        </div>\n      );\n\n      acc.push(item);\n\n      if (index !== array.length - 1) {\n        acc.push(\n          <Box {...getStyles('separator')} key={`separator-${index}`}>\n            {separator}\n          </Box>\n        );\n      }\n\n      return acc;\n    },\n    []\n  );\n\n  return (\n    <Box ref={ref} {...getStyles('root')} {...others}>\n      {items}\n    </Box>\n  );\n});\n\nBreadcrumbs.classes = classes;\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n"],"names":[],"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;AAYF,MAAM,YAAY,GAAG;AACrB,EAAE,SAAS,EAAE,GAAG;AAChB,EAAE,eAAe,EAAE,IAAI;AACvB,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,eAAe,EAAE,MAAM;AACrE,EAAE,IAAI,EAAE;AACR,IAAI,uBAAuB,EAAE,UAAU,CAAC,eAAe,CAAC;AACxD,GAAG;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,WAAW,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACpD,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9D,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,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,eAAe;AACnB,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,UAAU;AACd,IAAI,WAAW;AACf,IAAI,iBAAiB;AACrB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,SAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,OAAO;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,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM;AACvD,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,KAAK;AAClC,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE;AAChM,QAAQ,GAAG,EAAE,KAAK;AAClB,OAAO,CAAC,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;AAC1I,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrB,MAAM,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACtC,QAAQ,GAAG,CAAC,IAAI;AAChB,0BAA0B,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC;AACvJ,SAAS,CAAC;AACV,OAAO;AACP,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK;AACL,IAAI,EAAE;AACN,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7H,CAAC,EAAE;AACH,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/components/Burger/Burger.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React from 'react';
 import classes from './Burger.module.css.js';
 import { UnstyledButton } from '../UnstyledButton/UnstyledButton.js';
@@ -10,39 +9,93 @@ import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/c
 import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
 import { getSize } from '../../core/utils/get-size/get-size.js';
 
+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',
-    transitionDuration: 300,
-    transitionTimingFunction: 'ease',
+  size: "md",
+  transitionDuration: 300,
+  transitionTimingFunction: "ease"
 };
-const varsResolver = createVarsResolver((theme, { color, size, transitionDuration, transitionTimingFunction }) => ({
+const varsResolver = createVarsResolver(
+  (theme, { color, size, transitionDuration, transitionTimingFunction }) => ({
     root: {
-        '--burger-color': color ? getThemeColor(color, theme) : undefined,
-        '--burger-size': getSize(size, 'burger-size'),
-        '--burger-transition-duration': `${transitionDuration}ms`,
-        '--burger-transition-timing-function': transitionTimingFunction,
-    },
-}));
+      "--burger-color": color ? getThemeColor(color, theme) : void 0,
+      "--burger-size": getSize(size, "burger-size"),
+      "--burger-transition-duration": `${transitionDuration}ms`,
+      "--burger-transition-timing-function": transitionTimingFunction
+    }
+  })
+);
 const Burger = factory((_props, ref) => {
-    const props = useProps('Burger', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, vars, opened, children, transitionDuration, transitionTimingFunction } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "opened", "children", "transitionDuration", "transitionTimingFunction"]);
-    const getStyles = useStyles({
-        name: 'Burger',
-        classes,
-        props,
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-        vars,
-        varsResolver,
-    });
-    return (React.createElement(UnstyledButton, Object.assign({}, getStyles('root'), { ref: ref }, others),
-        React.createElement(Box, Object.assign({ mod: ['reduce-motion', { opened }] }, getStyles('burger'))),
-        children));
+  const props = useProps("Burger", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    opened,
+    children,
+    transitionDuration,
+    transitionTimingFunction
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "opened",
+    "children",
+    "transitionDuration",
+    "transitionTimingFunction"
+  ]);
+  const getStyles = useStyles({
+    name: "Burger",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { ref }), others), /* @__PURE__ */ React.createElement(Box, __spreadValues({ mod: ["reduce-motion", { opened }] }, getStyles("burger"))), children);
 });
-Burger.displayName = '@mantine/core/Burger';
+Burger.classes = classes;
+Burger.displayName = "@mantine/core/Burger";
 
 export { Burger };
 //# sourceMappingURL=Burger.js.map

package/esm/components/Burger/Burger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.js","sources":["../../../src/components/Burger/Burger.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  MantineSize,\n  MantineColor,\n  getThemeColor,\n  getSize,\n} from '../../core';\nimport classes from './Burger.module.css';\nimport { UnstyledButton } from '../UnstyledButton';\n\nexport type BurgerStylesNames = 'root' | 'burger';\nexport type BurgerVariant = string;\nexport type BurgerCssVariables = {\n  root:\n    | '--burger-color'\n    | '--burger-size'\n    | '--burger-transition-duration'\n    | '--burger-transition-timing-function';\n};\n\nexport interface BurgerProps\n  extends BoxProps,\n    StylesApiProps<BurgerFactory>,\n    ElementProps<'button'> {\n  /** Controls burger `width` and `height`, numbers are converted to rem, `'md'` by default */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Key of `theme.colors` of any valid CSS value, by default `theme.white` in dark color scheme and `theme.black` in light */\n  color?: MantineColor;\n\n  /** State of the burger, when `true` burger is transformed into X, `false` by default */\n  opened?: boolean;\n\n  /** `transition-duration` property value in ms, `300` by default */\n  transitionDuration?: number;\n\n  /** `transition-timing-function` property value, `'ease'` by default  */\n  transitionTimingFunction?: string;\n}\n\nexport type BurgerFactory = Factory<{\n  props: BurgerProps;\n  ref: HTMLButtonElement;\n  stylesNames: BurgerStylesNames;\n  vars: BurgerCssVariables;\n  variant: BurgerVariant;\n}>;\n\nconst defaultProps: Partial<BurgerProps> = {\n  size: 'md',\n  transitionDuration: 300,\n  transitionTimingFunction: 'ease',\n};\n\nconst varsResolver = createVarsResolver<BurgerFactory>(\n  (theme, { color, size, transitionDuration, transitionTimingFunction }) => ({\n    root: {\n      '--burger-color': color ? getThemeColor(color, theme) : undefined,\n      '--burger-size': getSize(size, 'burger-size'),\n      '--burger-transition-duration': `${transitionDuration}ms`,\n      '--burger-transition-timing-function': transitionTimingFunction,\n    },\n  })\n);\n\nexport const Burger = factory<BurgerFactory>((_props, ref) => {\n  const props = useProps('Burger', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    opened,\n    children,\n    transitionDuration,\n    transitionTimingFunction,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<BurgerFactory>({\n    name: 'Burger',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <UnstyledButton {...getStyles('root')} ref={ref} {...others}>\n      <Box mod={['reduce-motion', { opened }]} {...getStyles('burger')} />\n      {children}\n    </UnstyledButton>\n  );\n});\n\nBurger.displayName = '@mantine/core/Burger';\n"],"names":[],"mappings":";;;;;;;;;;;;AAyDA,MAAM,YAAY,GAAyB;IACzC,IAAI,EAAE,IAAI;IACV,kBAAkB,EAAE,GAAG;IACvB,wBAAwB,EAAE,MAAM;CACjC,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CACrC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM;IACzE,IAAI,EAAE;QACJ,gBAAgB,EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,SAAS;QACjE,eAAe,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC;QAC7C,8BAA8B,EAAE,GAAG,kBAAkB,IAAI;QACzD,qCAAqC,EAAE,wBAAwB;KAChE;CACF,CAAC,CACH,CAAC;MAEW,MAAM,GAAG,OAAO,CAAgB,CAAC,MAAM,EAAE,GAAG;IACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,kBAAkB,EAClB,wBAAwB,KAEtB,KAAK,EADJ,MAAM,UACP,KAAK,EAZH,0IAYL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAgB;QACzC,IAAI,EAAE,QAAQ;QACd,OAAO;QACP,KAAK;QACL,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACE,oBAAC,cAAc,oBAAK,SAAS,CAAC,MAAM,CAAC,IAAE,GAAG,EAAE,GAAG,IAAM,MAAM;QACzD,oBAAC,GAAG,kBAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,CAAC,IAAM,SAAS,CAAC,QAAQ,CAAC,EAAI;QACnE,QAAQ,CACM,EACjB;AACJ,CAAC,EAAE;AAEH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Burger.js","sources":["../../../src/components/Burger/Burger.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  MantineSize,\n  MantineColor,\n  getThemeColor,\n  getSize,\n} from '../../core';\nimport classes from './Burger.module.css';\nimport { UnstyledButton } from '../UnstyledButton';\n\nexport type BurgerStylesNames = 'root' | 'burger';\nexport type BurgerVariant = string;\nexport type BurgerCssVariables = {\n  root:\n    | '--burger-color'\n    | '--burger-size'\n    | '--burger-transition-duration'\n    | '--burger-transition-timing-function';\n};\n\nexport interface BurgerProps\n  extends BoxProps,\n    StylesApiProps<BurgerFactory>,\n    ElementProps<'button'> {\n  /** Controls burger `width` and `height`, numbers are converted to rem, `'md'` by default */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Key of `theme.colors` of any valid CSS value, by default `theme.white` in dark color scheme and `theme.black` in light */\n  color?: MantineColor;\n\n  /** State of the burger, when `true` burger is transformed into X, `false` by default */\n  opened?: boolean;\n\n  /** `transition-duration` property value in ms, `300` by default */\n  transitionDuration?: number;\n\n  /** `transition-timing-function` property value, `'ease'` by default  */\n  transitionTimingFunction?: string;\n}\n\nexport type BurgerFactory = Factory<{\n  props: BurgerProps;\n  ref: HTMLButtonElement;\n  stylesNames: BurgerStylesNames;\n  vars: BurgerCssVariables;\n  variant: BurgerVariant;\n}>;\n\nconst defaultProps: Partial<BurgerProps> = {\n  size: 'md',\n  transitionDuration: 300,\n  transitionTimingFunction: 'ease',\n};\n\nconst varsResolver = createVarsResolver<BurgerFactory>(\n  (theme, { color, size, transitionDuration, transitionTimingFunction }) => ({\n    root: {\n      '--burger-color': color ? getThemeColor(color, theme) : undefined,\n      '--burger-size': getSize(size, 'burger-size'),\n      '--burger-transition-duration': `${transitionDuration}ms`,\n      '--burger-transition-timing-function': transitionTimingFunction,\n    },\n  })\n);\n\nexport const Burger = factory<BurgerFactory>((_props, ref) => {\n  const props = useProps('Burger', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    opened,\n    children,\n    transitionDuration,\n    transitionTimingFunction,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<BurgerFactory>({\n    name: 'Burger',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <UnstyledButton {...getStyles('root')} ref={ref} {...others}>\n      <Box mod={['reduce-motion', { opened }]} {...getStyles('burger')} />\n      {children}\n    </UnstyledButton>\n  );\n});\n\nBurger.classes = classes;\nBurger.displayName = '@mantine/core/Burger';\n"],"names":[],"mappings":"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"}