npm - @mantine/core - Versions diffs - 4.2.9 → 5.0.0-alpha.10 - Mend

@mantine/core 4.2.9 → 5.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1737) hide show

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

@@ -0,0 +1,67 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var React = require('react');
+var styles = require('@mantine/styles');
+var AvatarGroup_context = require('./AvatarGroup.context.js');
+var AvatarGroup_styles = require('./AvatarGroup.styles.js');
+var Box = require('../../Box/Box.js');
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+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 AvatarGroup = React.forwardRef((props, ref) => {
+  const _a = styles.useComponentDefaultProps("AvatarGroup", defaultProps, props), {
+    children,
+    spacing = "sm",
+    unstyled,
+    className
+  } = _a, others = __objRest(_a, [
+    "children",
+    "spacing",
+    "unstyled",
+    "className"
+  ]);
+  const { classes, cx } = AvatarGroup_styles['default']({ spacing }, { name: "AvatarGroup", unstyled });
+  return /* @__PURE__ */ React__default.createElement(AvatarGroup_context.AvatarGroupProvider, {
+    spacing
+  }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
+    ref,
+    className: cx(classes.root, className)
+  }, others), children));
+});
+AvatarGroup.displayName = "@mantine/core/AvatarGroup";
+exports.AvatarGroup = AvatarGroup;
+//# sourceMappingURL=AvatarGroup.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { AvatarGroupProvider } from './AvatarGroup.context';\nimport useStyles from './AvatarGroup.styles';\n\nexport interface AvatarGroupProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Avatar components */\n children: React.ReactNode;\n\n /** Negative space between Avatars */\n spacing?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<AvatarGroupProps> = {};\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>((props, ref) => {\n const {\n children,\n spacing = 'sm',\n unstyled,\n className,\n ...others\n } = useComponentDefaultProps('AvatarGroup', defaultProps, props);\n const { classes, cx } = useStyles({ spacing }, { name: 'AvatarGroup', unstyled });\n\n return (\n <AvatarGroupProvider spacing={spacing}>\n <Box ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Box>\n </AvatarGroupProvider>\n );\n});\n\nAvatarGroup.displayName = '@mantine/core/AvatarGroup';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","AvatarGroupProvider","Box"],"mappings":"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"}

package/cjs/components/Avatar/AvatarGroup/AvatarGroup.styles.js ADDED Viewed

@@ -0,0 +1,15 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var styles = require('@mantine/styles');
+var useStyles = styles.createStyles((theme, { spacing }) => ({
+  root: {
+    display: "flex",
+    paddingLeft: theme.fn.size({ size: spacing, sizes: theme.spacing })
+  }
+}));
+exports.default = useStyles;
+//# sourceMappingURL=AvatarGroup.styles.js.map

package/cjs/components/Avatar/AvatarGroup/AvatarGroup.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AvatarGroup.styles.js","sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface AvatarGroupStylesParams {\n spacing: MantineNumberSize;\n}\n\nexport default createStyles((theme, { spacing }: AvatarGroupStylesParams) => ({\n root: {\n display: 'flex',\n paddingLeft: theme.fn.size({ size: spacing, sizes: theme.spacing }),\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM;AACrD,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACvE,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/{Image/BackgroundImage → BackgroundImage}/BackgroundImage.js RENAMED Viewed

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styles = require('@mantine/styles');
-var Box = require('../../Box/Box.js');
+var utils = require('@mantine/utils');
+var Box = require('../Box/Box.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -44,8 +45,8 @@ var __objRest = (source, exclude) => {
 const defaultProps = {
   radius: 0
 };
-const BackgroundImage = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("BackgroundImage", defaultProps, props), { src, radius, sx } = _a, others = __objRest(_a, ["src", "radius", "sx"]);
+const _BackgroundImage = React.forwardRef((props, ref) => {
+  const _a = styles.useComponentDefaultProps("BackgroundImage", defaultProps, props), { src, radius, sx } = _a, others = __objRest(_a, ["src", "radius", "sx"]);
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues({}, others), {
     ref,
     sx: [
@@ -60,11 +61,13 @@ const BackgroundImage = React.forwardRef((props, ref) => {
         backgroundImage: `url(${src})`,
         borderRadius: theme.fn.radius(radius)
       }),
-      ...Array.isArray(sx) ? sx : [sx]
+      ...utils.packSx(sx)
     ]
   }));
 });
-BackgroundImage.displayName = "@mantine/core/BackgroundImage";
+_BackgroundImage.displayName = "@mantine/core/BackgroundImage";
+const BackgroundImage = utils.createPolymorphicComponent(_BackgroundImage);
 exports.BackgroundImage = BackgroundImage;
+exports._BackgroundImage = _BackgroundImage;
 //# sourceMappingURL=BackgroundImage.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"BackgroundImage.js","sources":["../../../src/components/BackgroundImage/BackgroundImage.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent, packSx } from '@mantine/utils';\nimport { Box } from '../Box';\n\nexport interface BackgroundImageProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Image url */\n src: string;\n\n /** Key of theme.radius or number to set border-radius in px */\n radius?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<BackgroundImageProps> = {\n radius: 0,\n};\n\nexport const _BackgroundImage = forwardRef<HTMLDivElement, BackgroundImageProps>((props, ref) => {\n const { src, radius, sx, ...others } = useComponentDefaultProps(\n 'BackgroundImage',\n defaultProps,\n props\n );\n\n return (\n <Box\n {...others}\n ref={ref}\n sx={[\n (theme) => ({\n ...theme.fn.focusStyles(),\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n display: 'block',\n width: '100%',\n border: 0,\n textDecoration: 'none',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n backgroundImage: `url(${src})`,\n borderRadius: theme.fn.radius(radius),\n }),\n ...packSx(sx),\n ]}\n />\n );\n});\n\n_BackgroundImage.displayName = '@mantine/core/BackgroundImage';\n\nexport const BackgroundImage = createPolymorphicComponent<'div', BackgroundImageProps>(\n _BackgroundImage\n);\n"],"names":["forwardRef","useComponentDefaultProps","React","Box","packSx","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/Badge/Badge.js CHANGED Viewed

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
 var Badge_styles = require('./Badge.styles.js');
 var Box = require('../Box/Box.js');
@@ -42,12 +43,10 @@ var __objRest = (source, exclude) => {
 const defaultProps = {
   variant: "light",
   size: "md",
-  radius: "xl",
-  gradient: { from: "blue", to: "cyan", deg: 45 }
+  radius: "xl"
 };
-const Badge = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Badge", defaultProps, props), {
-    component,
+const _Badge = React.forwardRef((props, ref) => {
+  const _a = styles.useComponentDefaultProps("Badge", defaultProps, props), {
     className,
     color,
     variant,
@@ -59,9 +58,9 @@ const Badge = React.forwardRef((props, ref) => {
     radius,
     gradient,
     classNames,
-    styles: styles$1
+    styles: styles$1,
+    unstyled
   } = _a, others = __objRest(_a, [
-    "component",
     "className",
     "color",
     "variant",
@@ -73,20 +72,19 @@ const Badge = React.forwardRef((props, ref) => {
     "radius",
     "gradient",
     "classNames",
-    "styles"
+    "styles",
+    "unstyled"
   ]);
   const { classes, cx } = Badge_styles['default']({
     size,
     fullWidth,
     color,
     radius,
-    gradientFrom: gradient.from,
-    gradientTo: gradient.to,
-    gradientDeg: gradient.deg
-  }, { classNames, styles: styles$1, name: "Badge" });
+    variant,
+    gradient
+  }, { classNames, styles: styles$1, name: "Badge", unstyled });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
-    component: component || "div",
-    className: cx(classes[variant], classes.root, className),
+    className: cx(classes.root, className),
     ref
   }, others), leftSection && /* @__PURE__ */ React__default.createElement("span", {
     className: classes.leftSection
@@ -96,7 +94,9 @@ const Badge = React.forwardRef((props, ref) => {
     className: classes.rightSection
   }, rightSection));
 });
-Badge.displayName = "@mantine/core/Badge";
+_Badge.displayName = "@mantine/core/Badge";
+const Badge = utils.createPolymorphicComponent(_Badge);
 exports.Badge = Badge;
+exports._Badge = _Badge;
 //# sourceMappingURL=Badge.js.map

package/cjs/components/Badge/Badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineSize,\n MantineNumberSize,\n MantineGradient,\n MantineColor,\n Selectors,\n ~~PolymorphicComponentProps~~,\n ~~PolymorphicRef,\n useMantineDefaultProps,\n~~} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Badge.styles';\n\nexport type ~~BadgeVariant = 'light' \| 'filled' \| 'outline' \| 'dot' \| 'gradient';\nexport type~~ BadgeStylesNames = Selectors<typeof useStyles>;\n\~~ninterface~~ ~~_BadgeProps~~ extends DefaultProps<BadgeStylesNames> {\n /** ~~Badge~~ ~~color~~ ~~from~~ theme /\n color?: MantineColor;\n\n /* Controls ~~badge~~ ~~background, color and border styles~~ /\n variant?: BadgeVariant;\n\n /* Controls gradient ~~settings~~ in gradient variant only /\n gradient?: MantineGradient;\n\n /* ~~Defines~~ ~~badge~~ height and font-size /\n size?: MantineSize;\n\n /* ~~Predefined~~ ~~border-radius~~ ~~value from~~ theme.radius or number ~~for~~ border-radius in px /\n radius?: MantineNumberSize;\n\n /* Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis /\n fullWidth?: boolean;\n\n /* Section rendered on the left side of label /\n leftSection?: React.ReactNode;\n\n /* Section rendered on the right side of label /\n rightSection?: React.ReactNode;\n\n /* Badge label */\n children?: React.ReactNode;\n}\n\~~nexport type BadgeProps<C> = PolymorphicComponentProps<C, _BadgeProps>;\n\ntype BadgeComponent = (<C = 'div'>(props: BadgeProps<C>) => React.ReactElement) & {\n displayName?: string;\n};\n\~~nconst defaultProps: Partial<BadgeProps~~<any>>~~ = {\n variant: 'light',\n size: 'md',\n radius: 'xl',\n ~~gradient: { from: 'blue', to: 'cyan', deg: 45~~ }~~,\n}~~;\n\nexport const ~~Badge:~~ ~~BadgeComponent~~ = forwardRef(\n (props: ~~BadgeProps<'div'>,~~ ref~~: PolymorphicRef<'div'>~~) => {\n const {\n ~~component,\n~~ className,\n color,\n variant,\n fullWidth,\n children,\n size,\n leftSection,\n rightSection,\n radius,\n gradient,\n classNames,\n styles,\n ...others\n } = ~~useMantineDefaultProps~~('Badge', defaultProps, props);\n\n const { classes, cx } = useStyles(\n {\n size,\n fullWidth,\n color,\n radius,\n ~~gradientFrom: gradient.from~~,\n ~~gradientTo:~~ gradient~~.to~~,\n ~~gradientDeg: gradient.deg,\n~~ },\n { classNames, styles, name: 'Badge' }\n );\n\n return (\n <Box~~\n component={component~~ ~~\|\| 'div'}\n~~ className={cx(classes~~[variant], classes~~.root, className)}\n ref={ref}\n {...others}\n ~~>\n~~ {leftSection && <span className={classes.leftSection}>{leftSection}</span>}\n <span className={classes.inner}>{children}</span>\n {rightSection && <span className={classes.rightSection}>{rightSection}</span>}\n </Box>\n );\n }\n) ~~as any~~;\n\~~nBadge~~.displayName = '@mantine/core/Badge';\n"],"names":["forwardRef","~~useMantineDefaultProps~~","styles","useStyles","React","Box"],"mappings":"~~;;;;;;;;;;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAOF~~,MAAM,YAAY,GAAG;AACrB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,MAAM,EAAE,IAAI;AACd,~~EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;AACjD,~~CAAC,CAAC;AACU,MAAC,~~KAAK~~,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;~~AAChD~~,EAAE,MAAM,EAAE,GAAGC,~~6BAAsB,~~CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;~~AACnE~~,IAAI,SAAS;AACb,IAAI,~~SAAS;AACb,IAAI,~~KAAK;AACT,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,YAAIC,QAAM;AACV,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,~~WAAW;AACf,IAAI,~~OAAO;AACX,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,aAAa;AACjB,IAAI,cAAc;AAClB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,uBAAS,CAAC;AACpC,IAAI,IAAI;AACR,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,~~YAAY,EAAE,QAAQ,CAAC,IAAI~~;~~AAC/B~~,IAAI,~~UAAU,EAAE,~~QAAQ~~,CAAC,EAAE~~;~~AAC3B~~,~~IAAI,WAAW,EAAE,QAAQ,CAAC,~~GAAG~~;AAC7B~~,~~GAAG,~~EAAE,EAAE,UAAU,UAAED,QAAM,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;~~AAC5C~~,EAAE,uBAAuBE,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,~~SAAS,IAAI,KAAK;AACjC,IAAI,SAAS,~~EAAE,~~EAAE,~~CAAC,OAAO,CAAC,~~OAAO,CAAC,EAAE,OAAO,CAAC,~~IAAI,EAAE,SAAS,CAAC;~~AAC5D~~,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,WAAW,oBAAoBD,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzE,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,GAAG,EAAE,WAAW,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC/D,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,QAAQ,CAAC,EAAE,YAAY,oBAAoBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC5E,IAAI,SAAS,EAAE,OAAO,CAAC,YAAY;AACnC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;AACpB,CAAC,EAAE;AACH,~~KAAK~~,CAAC,WAAW,GAAG,qBAAqB~~;;;;~~"}
1	+ {"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineSize,\n MantineNumberSize,\n MantineGradient,\n MantineColor,\n Selectors,\n useComponentDefaultProps,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles, { BadgeStylesParams, BadgeVariant } from './Badge.styles';\n\nexport type BadgeStylesNames = Selectors<typeof useStyles>;\n\nexport interface BadgeProps extends DefaultProps<BadgeStylesNames, BadgeStylesParams> {\n /** Key of theme.colors /\n color?: MantineColor;\n\n /* Controls appearance /\n variant?: BadgeVariant;\n\n /* Controls gradient, applied to gradient variant only /\n gradient?: MantineGradient;\n\n /* Badge height and font size /\n size?: MantineSize;\n\n /* Key of theme.radius or number to set border-radius in px /\n radius?: MantineNumberSize;\n\n /* Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis /\n fullWidth?: boolean;\n\n /* Section rendered on the left side of label /\n leftSection?: React.ReactNode;\n\n /* Section rendered on the right side of label /\n rightSection?: React.ReactNode;\n\n /* Badge label */\n children?: React.ReactNode;\n}\n\nconst defaultProps: Partial<BadgeProps> = {\n variant: 'light',\n size: 'md',\n radius: 'xl',\n};\n\nexport const _Badge = forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n const {\n className,\n color,\n variant,\n fullWidth,\n children,\n size,\n leftSection,\n rightSection,\n radius,\n gradient,\n classNames,\n styles,\n unstyled,\n ...others\n } = useComponentDefaultProps('Badge', defaultProps, props);\n\n const { classes, cx } = useStyles(\n {\n size,\n fullWidth,\n color,\n radius,\n variant,\n gradient,\n },\n { classNames, styles, name: 'Badge', unstyled }\n );\n\n return (\n <Box className={cx(classes.root, className)} ref={ref} {...others}>\n {leftSection && <span className={classes.leftSection}>{leftSection}</span>}\n <span className={classes.inner}>{children}</span>\n {rightSection && <span className={classes.rightSection}>{rightSection}</span>}\n </Box>\n );\n});\n\n_Badge.displayName = '@mantine/core/Badge';\n\nexport const Badge = createPolymorphicComponent<'div', BadgeProps>(_Badge);\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","Box","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/Badge/Badge.styles.js CHANGED Viewed

@@ -24,26 +24,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const sizes = {
-  xs: {
-    fontSize: 9,
-    height: 16
-  },
-  sm: {
-    fontSize: 10,
-    height: 18
-  },
-  md: {
-    fontSize: 11,
-    height: 20
-  },
-  lg: {
-    fontSize: 13,
-    height: 26
-  },
-  xl: {
-    fontSize: 16,
-    height: 32
-  }
+  xs: { fontSize: 9, height: 16 },
+  sm: { fontSize: 10, height: 18 },
+  md: { fontSize: 11, height: 20 },
+  lg: { fontSize: 13, height: 26 },
+  xl: { fontSize: 16, height: 32 }
 };
 const dotSizes = {
   xs: 4,
@@ -52,20 +37,34 @@ const dotSizes = {
   lg: 8,
   xl: 10
 };
-const heights = Object.keys(sizes).reduce((acc, key) => {
-  acc[key] = sizes[key].height;
-  return acc;
-}, {});
-var useStyles = styles.createStyles((theme, { color, size, radius, gradientFrom, gradientTo, gradientDeg, fullWidth }) => {
-  const dotSize = theme.fn.size({ size, sizes: dotSizes });
+function getVariantStyles({ theme, variant, color, size, gradient }) {
+  if (variant === "dot") {
+    const dotSize = theme.fn.size({ size, sizes: dotSizes });
+    return {
+      backgroundColor: "transparent",
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
+      border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[3]}`,
+      paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,
+      "&::before": {
+        content: '""',
+        display: "block",
+        width: dotSize,
+        height: dotSize,
+        borderRadius: dotSize,
+        backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 4 : theme.fn.primaryShade("light")),
+        marginRight: dotSize
+      }
+    };
+  }
+  const colors = theme.fn.variant({ color, variant, gradient });
+  return {
+    background: colors.background,
+    color: colors.color,
+    border: `${variant === "gradient" ? 0 : 1}px solid ${colors.border}`
+  };
+}
+var useStyles = styles.createStyles((theme, { color, size, radius, gradient, fullWidth, variant }) => {
   const { fontSize, height } = size in sizes ? sizes[size] : sizes.md;
-  const lightColors = theme.fn.variant({ color, variant: "light" });
-  const filledColors = theme.fn.variant({ color, variant: "filled" });
-  const outlineColors = theme.fn.variant({ color, variant: "outline" });
-  const gradientColors = theme.fn.variant({
-    variant: "gradient",
-    gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg }
-  });
   return {
     leftSection: {
       marginRight: theme.spacing.xs / 2
@@ -78,7 +77,7 @@ var useStyles = styles.createStyles((theme, { color, size, radius, gradientFrom,
       overflow: "hidden",
       textOverflow: "ellipsis"
     },
-    root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
+    root: __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
       fontSize,
       height,
       WebkitTapHighlightColor: "transparent",
@@ -97,45 +96,9 @@ var useStyles = styles.createStyles((theme, { color, size, radius, gradientFrom,
       cursor: "default",
       textOverflow: "ellipsis",
       overflow: "hidden"
-    }),
-    light: {
-      backgroundColor: lightColors.background,
-      color: lightColors.color,
-      border: "1px solid transparent"
-    },
-    filled: {
-      backgroundColor: filledColors.background,
-      color: filledColors.color,
-      border: "1px solid transparent"
-    },
-    outline: {
-      backgroundColor: outlineColors.background,
-      color: outlineColors.color,
-      border: `1px solid ${outlineColors.border}`
-    },
-    gradient: {
-      backgroundImage: gradientColors.background,
-      color: gradientColors.color,
-      border: 0
-    },
-    dot: {
-      backgroundColor: "transparent",
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
-      border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[3]}`,
-      paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,
-      "&::before": {
-        content: '""',
-        display: "block",
-        width: dotSize,
-        height: dotSize,
-        borderRadius: dotSize,
-        backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 4 : theme.fn.primaryShade("light")),
-        marginRight: dotSize
-      }
-    }
+    }), getVariantStyles({ theme, variant, color, size, gradient }))
   };
 });
 exports.default = useStyles;
-exports.heights = heights;
 //# sourceMappingURL=Badge.styles.js.map

package/cjs/components/Badge/Badge.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, MantineNumberSize, MantineColor } from '@mantine/styles';\n\nexport interface BadgeStylesParams {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n ~~gradientFrom~~: ~~string~~;\n ~~gradientTo~~: ~~string~~;\n ~~gradientDeg: number;\n~~ fullWidth: boolean;\n}\n\nconst sizes = {\n xs: {\n fontSize: 9~~,\n~~ height: 16~~,\n~~ },\n sm: {\n fontSize: 10~~,\n~~ height: 18~~,\n~~ },\n md: {\n fontSize: 11~~,\n~~ height: 20~~,\n~~ },\n lg: {\n fontSize: 13~~,\n~~ height: 26~~,\n~~ },\n xl: {\n fontSize: 16~~,\n~~ height: 32~~,\n~~ },\n} ~~as const~~;\n\nconst dotSizes = {\n xs: 4,\n sm: 4,\n md: 6,\n lg: 8,\n xl: 10,\n};\n\~~nexport~~ ~~const~~ ~~heights = Object.keys(sizes).reduce((acc, key) =>~~ {\n ~~acc[key]~~ = ~~sizes[key].height~~;\n ~~return~~ ~~acc~~;\n}, ~~{} as Record<~~MantineSize, ~~number>)~~;\n\~~nexport~~ ~~default createStyles~~(~~\n (\n theme,\n~~ { ~~color~~, ~~size~~, ~~radius~~, ~~gradientFrom~~, ~~gradientTo,~~ ~~gradientDeg, fullWidth~~ }: ~~BadgeStylesParams~~\n ) => {\n const dotSize = theme.fn.size({ size, sizes: dotSizes });\n ~~const~~ { ~~fontSize,~~ ~~height~~ } = ~~size~~ in ~~sizes~~ ? ~~sizes~~[~~size~~] : ~~sizes~~.~~md;\~~n ~~const~~ ~~lightColors =~~ theme.fn.~~variant~~({ ~~color~~, ~~variant~~: ~~'light'~~ });\n ~~const~~ ~~filledColors~~ = theme.fn.~~variant~~({ color, ~~variant~~: '~~filled~~' });\n const ~~outlineColors~~ = theme.fn.variant({ color, variant: ~~'outline'~~ });\n ~~const~~ ~~gradientColors~~ ~~= theme~~.~~fn.variant({\~~n ~~variant~~: 'gradient'~~,\n gradient~~: { ~~from:~~ ~~gradientFrom~~, ~~to:~~ ~~gradientTo~~, ~~deg~~: ~~gradientDeg~~ ~~},\~~n });\n\n return {\n leftSection: {\n marginRight: theme.spacing.xs / 2,\n },\n\n rightSection: {\n marginLeft: theme.spacing.xs / 2,\n },\n\n inner: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n root: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n fontSize,\n height,\n WebkitTapHighlightColor: 'transparent',\n lineHeight: `${height - 2}px`,\n textDecoration: 'none',\n padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px`,\n boxSizing: 'border-box',\n display: fullWidth ? 'flex' : 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: fullWidth ? '100%' : 'auto',\n textTransform: 'uppercase',\n borderRadius: theme.fn.radius(radius),\n fontWeight: 700,\n letterSpacing: 0.25,\n cursor: 'default',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n ~~},\n\n light: {\n~~ ~~backgroundColor: lightColors.background,\n color: lightColors.color,\n border: '1px solid transparent',\n },\n\n filled:~~ {~~\n backgroundColor:~~ ~~filledColors.background,\n color:~~ ~~filledColors.color,\n border:~~ ~~'1px solid transparent',\n },\n\n outline: {\n backgroundColor: outlineColors.background,\n~~ color: outlineColors.color,\n border: `1px solid ${outlineColors.border}`,\n },\n\n gradient: {\n backgroundImage: gradientColors.background,\n color: gradientColors.color,\n border: 0,\n },\n\n dot: {\n backgroundColor: 'transparent',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[3]\n }`,\n paddingLeft: theme.fn.size~~({ size~~, ~~sizes:~~ ~~theme.spacing~~ }) ~~/ 1.5 - dotSize / 2~~,\n\n '&::before': {\n content: '\"\"',\n display: 'block',\n width: dotSize,\n height: dotSize,\n borderRadius: dotSize,\n backgroundColor: theme.fn.themeColor(\n color,\n theme.colorScheme === 'dark' ? 4 : theme.fn.primaryShade('light')\n ),\n marginRight: dotSize,\n },\n },\n };\n }\n);\n"],"names":["createStyles"],"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;~~AAElE~~,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE~~;AACN~~,~~IAAI~~,QAAQ,EAAE,CAAC~~;AACf~~,~~IAAI~~,MAAM,EAAE,EAAE~~;AACd~~,~~GAAG~~;~~AACH~~,EAAE,EAAE,EAAE~~;AACN~~,~~IAAI~~,QAAQ,EAAE,EAAE~~;AAChB~~,~~IAAI~~,MAAM,EAAE,EAAE~~;AACd~~,~~GAAG~~;~~AACH~~,EAAE,EAAE,EAAE~~;AACN~~,~~IAAI~~,QAAQ,EAAE,EAAE~~;AAChB~~,~~IAAI~~,MAAM,EAAE,EAAE~~;AACd~~,~~GAAG~~;~~AACH~~,EAAE,EAAE,EAAE~~;AACN~~,~~IAAI~~,QAAQ,EAAE,EAAE~~;AAChB~~,~~IAAI~~,MAAM,EAAE,EAAE~~;AACd~~,~~GAAG~~;~~AACH~~,EAAE,EAAE,EAAE~~;AACN~~,~~IAAI~~,QAAQ,EAAE,EAAE~~;AAChB~~,~~IAAI~~,MAAM,EAAE,EAAE~~;AACd~~,~~GAAG~~;~~AACH~~,CAAC,CAAC;AACF,MAAM,QAAQ,GAAG;AACjB,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;~~AACU~~,~~MAAC~~,OAAO,~~GAAG~~,MAAM,CAAC,IAAI,CAAC,KAAK,~~CAAC~~,~~CAAC~~,~~MAAM~~,CAAC,CAAC,~~GAAG~~,EAAE,~~GAAG~~,KAAK~~;AAC/D~~,EAAE,~~GAAG~~,CAAC,~~GAAG~~,~~CAAC~~,GAAG,KAAK,CAAC,~~GAAG~~,CAAC,CAAC,MAAM,CAAC~~;AAC/B~~,~~EAAE~~,~~OAAO~~,~~GAAG~~,CAAC;~~AACb~~,~~CAAC~~,~~EAAE~~,EAAE,~~EAAE;AACP~~,~~gBAAeA~~,~~mBAAY~~,~~CAAC~~,CAAC,KAAK,~~EAAE~~,~~EAAE~~,KAAK,~~EAAE~~,IAAI,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~YAAY~~,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~WAAW~~,~~EAAE~~,~~SAAS~~,~~EAAE~~,~~KAAK~~;~~AAClH~~,~~EAAE,~~MAAM,~~OAAO~~,~~GAAG~~,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,~~QAAQ~~,EAAE,CAAC,CAAC;~~AAC3D~~,EAAE,~~MAAM~~,EAAE,QAAQ,EAAE,MAAM,EAAE,~~GAAG~~,~~IAAI~~,~~IAAI~~,~~KAAK~~,~~GAAG~~,KAAK,CAAC,~~IAAI~~,CAAC,~~GAAG~~,KAAK,~~CAAC,~~EAAE,CAAC~~;AACtE~~,~~EAAE~~,MAAM,~~WAAW~~,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,~~EAAE~~,~~KAAK~~,EAAE,OAAO,~~EAAE,~~OAAO,~~EAAE~~,CAAC,~~CAAC~~;~~AACpE~~,EAAE,MAAM,~~YAAY~~,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;~~AACtE~~,EAAE,MAAM,~~aAAa~~,~~GAAG~~,KAAK,~~CAAC,~~EAAE,CAAC,~~OAAO~~,~~CAAC~~,EAAE,~~KAAK~~,EAAE,OAAO,~~EAAE~~,~~SAAS~~,~~EAAE~~,CAAC,CAAC~~;AACxE~~,EAAE,MAAM,~~cAAc~~,~~GAAG~~,~~KAAK~~,CAAC,~~EAAE~~,CAAC,~~OAAO,~~CAAC;~~AAC1C~~,~~IAAI~~,~~OAAO~~,EAAE,~~UAAU;AACvB~~,IAAI,QAAQ,EAAE,EAAE,~~IAAI~~,EAAE,~~YAAY~~,EAAE,EAAE,EAAE,~~UAAU~~,EAAE,GAAG,~~EAAE~~,~~WAAW~~,~~EAAE;AACtE~~,GAAG,CAAC,CAAC;~~AACL~~,EAAE,OAAO;AACT,IAAI,WAAW,EAAE;AACjB,MAAM,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACvC,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACtC,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,YAAY,EAAE,UAAU;AAC9B,KAAK;AACL,IAAI,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;~~AAC3G~~,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,uBAAuB,EAAE,aAAa;AAC5C,MAAM,UAAU,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;AACnC,MAAM,cAAc,EAAE,MAAM;AAC5B,MAAM,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;AAC3E,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa;AACjD,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM;AACxC,MAAM,aAAa,EAAE,WAAW;AAChC,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AAC3C,MAAM,UAAU,EAAE,GAAG;AACrB,MAAM,aAAa,EAAE,IAAI;AACzB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,YAAY,EAAE,UAAU;AAC9B,MAAM,QAAQ,EAAE,QAAQ;AACxB,KAAK,CAAC~~;AACN~~,~~IAAI,KAAK,~~EAAE~~;AACX~~,~~MAAM~~,~~eAAe,EAAE,WAAW,~~CAAC,~~UAAU;AAC7C,MAAM,KAAK,~~EAAE,~~WAAW,CAAC,~~KAAK~~;AAC9B~~,~~MAAM,MAAM,~~EAAE,~~uBAAuB;AACrC,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU;AAC9C,MAAM,KAAK,EAAE,YAAY,CAAC,KAAK;AAC/B,MAAM,MAAM,EAAE,uBAAuB;AACrC,KAAK;AACL,IAAI,~~OAAO,EAAE~~;AACb~~,~~MAAM,eAAe,EAAE,aAAa,CAAC,UAAU;AAC/C,MAAM,~~KAAK,EAAE,~~aAAa,CAAC,KAAK;AAChC,MAAM,MAAM,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;AACjD,KAAK;AACL,~~IAAI,~~QAAQ,~~EAAE~~;AACd~~,MAAM,eAAe,EAAE,cAAc,CAAC,UAAU;AAChD,MAAM,KAAK,EAAE,cAAc,CAAC,KAAK;AACjC,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,IAAI,GAAG,EAAE;AACT,MAAM,eAAe,EAAE,aAAa;AACpC,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACvG,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,GAAG,OAAO,GAAG,CAAC;AACpF,MAAM,WAAW,EAAE;AACnB,QAAQ,~~OAAO,~~EAAE,~~IAAI;AACrB,QAAQ,OAAO,EAAE,OAAO;AACxB,QAAQ,KAAK,EAAE,OAAO;AACtB,QAAQ,MAAM,EAAE,OAAO;AACvB,QAAQ,YAAY,EAAE,OAAO;AAC7B,QAAQ,eAAe,EAAE,KAAK,~~CAAC,~~EAAE,~~CAAC~~,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC~~;~~AACtH~~,~~QAAQ,WAAW,EAAE,OAAO;AAC5B,OAAO;AACP,KAAK;AACL,~~GAAG,CAAC;AACJ,CAAC,CAAC~~;;;;;~~"}
1	+ {"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineSize,\n MantineNumberSize,\n MantineColor,\n MantineGradient,\n MantineTheme,\n} from '@mantine/styles';\n\nexport type BadgeVariant = 'light' \| 'filled' \| 'outline' \| 'dot' \| 'gradient';\n\nexport interface BadgeStylesParams {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n gradient: MantineGradient;\n variant: BadgeVariant;\n fullWidth: boolean;\n}\n\nconst sizes = {\n xs: { fontSize: 9, height: 16 },\n sm: { fontSize: 10, height: 18 },\n md: { fontSize: 11, height: 20 },\n lg: { fontSize: 13, height: 26 },\n xl: { fontSize: 16, height: 32 },\n};\n\nconst dotSizes = {\n xs: 4,\n sm: 4,\n md: 6,\n lg: 8,\n xl: 10,\n};\n\ninterface GetVariantStylesInput {\n theme: MantineTheme;\n variant: BadgeVariant;\n color: MantineColor;\n size: MantineSize;\n gradient: MantineGradient;\n}\n\nfunction getVariantStyles({ theme, variant, color, size, gradient }: GetVariantStylesInput) {\n if (variant === 'dot') {\n const dotSize = theme.fn.size({ size, sizes: dotSizes });\n return {\n backgroundColor: 'transparent',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[3]\n }`,\n paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,\n\n '&::before': {\n content: '\"\"',\n display: 'block',\n width: dotSize,\n height: dotSize,\n borderRadius: dotSize,\n backgroundColor: theme.fn.themeColor(\n color,\n theme.colorScheme === 'dark' ? 4 : theme.fn.primaryShade('light')\n ),\n marginRight: dotSize,\n },\n };\n }\n\n const colors = theme.fn.variant({ color, variant, gradient });\n\n return {\n background: colors.background,\n color: colors.color,\n border: `${variant === 'gradient' ? 0 : 1}px solid ${colors.border}`,\n };\n}\n\nexport default createStyles(\n (theme, { color, size, radius, gradient, fullWidth, variant }: BadgeStylesParams) => {\n const { fontSize, height } = size in sizes ? sizes[size] : sizes.md;\n\n return {\n leftSection: {\n marginRight: theme.spacing.xs / 2,\n },\n\n rightSection: {\n marginLeft: theme.spacing.xs / 2,\n },\n\n inner: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n root: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n fontSize,\n height,\n WebkitTapHighlightColor: 'transparent',\n lineHeight: `${height - 2}px`,\n textDecoration: 'none',\n padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px`,\n boxSizing: 'border-box',\n display: fullWidth ? 'flex' : 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: fullWidth ? '100%' : 'auto',\n textTransform: 'uppercase',\n borderRadius: theme.fn.radius(radius),\n fontWeight: 700,\n letterSpacing: 0.25,\n cursor: 'default',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n ...getVariantStyles({ theme, variant, color, size, gradient }),\n },\n };\n }\n);\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/Blockquote/Blockquote.js CHANGED Viewed

@@ -45,8 +45,8 @@ const defaultProps = {
   icon: /* @__PURE__ */ React__default.createElement(QuoteIcon.QuoteIcon, null)
 };
 const Blockquote = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Blockquote", defaultProps, props), { className, color, icon, cite, children, classNames, styles: styles$1 } = _a, others = __objRest(_a, ["className", "color", "icon", "cite", "children", "classNames", "styles"]);
-  const { classes, cx } = Blockquote_styles['default']({ color }, { classNames, styles: styles$1, name: "Blockquote" });
+  const _a = styles.useComponentDefaultProps("Blockquote", defaultProps, props), { className, color, icon, cite, children, classNames, styles: styles$1, unstyled } = _a, others = __objRest(_a, ["className", "color", "icon", "cite", "children", "classNames", "styles", "unstyled"]);
+  const { classes, cx } = Blockquote_styles['default']({ color }, { classNames, styles: styles$1, unstyled, name: "Blockquote" });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     component: "blockquote",
     className: cx(classes.root, className),

package/cjs/components/Blockquote/Blockquote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, Selectors, ~~useMantineDefaultProps~~ } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { QuoteIcon } from './QuoteIcon';\nimport useStyles from './Blockquote.styles';\n\nexport type BlockquoteStylesNames = Selectors<typeof useStyles>;\n\nexport interface BlockquoteProps\n extends DefaultProps<BlockquoteStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'blockquote'>, 'cite'> {\n /** Icon color from theme /\n color?: MantineColor;\n\n /* Icon, defaults to quote icon /\n icon?: React.ReactNode;\n\n /* Describe a reference to a cited quote */\n cite?: React.ReactNode;\n}\n\nconst defaultProps: Partial<BlockquoteProps> = {\n color: 'gray',\n icon: <QuoteIcon />,\n};\n\nexport const Blockquote = forwardRef<HTMLQuoteElement, BlockquoteProps>(\n (props: BlockquoteProps, ref) => {\n const { className, color, icon, cite, children, classNames, styles, ...others } =\n ~~useMantineDefaultProps~~('Blockquote', defaultProps, props);\n const { classes, cx } = useStyles({ color }, { classNames, styles, name: 'Blockquote' });\n\n return (\n <Box component=\"blockquote\" className={cx(classes.root, className)} ref={ref} {...others}>\n <div className={classes.inner}>\n {icon && <div className={classes.icon}>{icon}</div>}\n <div className={classes.body}>\n {children}\n {cite && <cite className={classes.cite}>{cite}</cite>}\n </div>\n </div>\n </Box>\n );\n }\n);\n\nBlockquote.displayName = '@mantine/core/Blockquote';\n"],"names":["React","QuoteIcon","forwardRef","~~useMantineDefaultProps~~","styles","useStyles","Box"],"mappings":";;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,kBAAkBA,cAAK,CAAC,aAAa,CAACC,mBAAS,EAAE,IAAI,CAAC;AAC5D,CAAC,CAAC;AACU,MAAC,UAAU,GAAGC,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACrD,EAAE,MAAM,EAAE,GAAGC,~~6BAAsB,~~CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,UAAEC,QAAM,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;~~AAChP~~,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,4BAAS,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,UAAED,QAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;~~AAC3F~~,EAAE,uBAAuBJ,cAAK,CAAC,aAAa,CAACM,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkBN,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,IAAI,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,IAAI,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACvD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,QAAQ,EAAE,IAAI,oBAAoBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnE,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
1	+ {"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { QuoteIcon } from './QuoteIcon';\nimport useStyles, { BlockquoteStylesParams } from './Blockquote.styles';\n\nexport type BlockquoteStylesNames = Selectors<typeof useStyles>;\n\nexport interface BlockquoteProps\n extends DefaultProps<BlockquoteStylesNames, BlockquoteStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'blockquote'>, 'cite'> {\n /** Icon color from theme /\n color?: MantineColor;\n\n /* Icon, defaults to quote icon /\n icon?: React.ReactNode;\n\n /* Describe a reference to a cited quote */\n cite?: React.ReactNode;\n}\n\nconst defaultProps: Partial<BlockquoteProps> = {\n color: 'gray',\n icon: <QuoteIcon />,\n};\n\nexport const Blockquote = forwardRef<HTMLQuoteElement, BlockquoteProps>(\n (props: BlockquoteProps, ref) => {\n const { className, color, icon, cite, children, classNames, styles, unstyled, ...others } =\n useComponentDefaultProps('Blockquote', defaultProps, props);\n const { classes, cx } = useStyles(\n { color },\n { classNames, styles, unstyled, name: 'Blockquote' }\n );\n\n return (\n <Box component=\"blockquote\" className={cx(classes.root, className)} ref={ref} {...others}>\n <div className={classes.inner}>\n {icon && <div className={classes.icon}>{icon}</div>}\n <div className={classes.body}>\n {children}\n {cite && <cite className={classes.cite}>{cite}</cite>}\n </div>\n </div>\n </Box>\n );\n }\n);\n\nBlockquote.displayName = '@mantine/core/Blockquote';\n"],"names":["React","QuoteIcon","forwardRef","useComponentDefaultProps","styles","useStyles","Box"],"mappings":"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"}

package/cjs/components/Box/Box.js CHANGED Viewed

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
 var useSx = require('./use-sx/use-sx.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -38,7 +39,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Box = React.forwardRef((_a, ref) => {
+const _Box = React.forwardRef((_a, ref) => {
   var _b = _a, { className, component, style, sx } = _b, others = __objRest(_b, ["className", "component", "style", "sx"]);
   const { systemStyles, rest } = styles.extractSystemStyles(others);
   const Element = component || "div";
@@ -48,7 +49,9 @@ const Box = React.forwardRef((_a, ref) => {
     style
   }, rest));
 });
-Box.displayName = "@mantine/core/Box";
+_Box.displayName = "@mantine/core/Box";
+const Box = utils.createPolymorphicComponent(_Box);
 exports.Box = Box;
+exports._Box = _Box;
 //# sourceMappingURL=Box.js.map

package/cjs/components/Box/Box.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.js","sources":["../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps~~,\n PolymorphicComponentProps,\n PolymorphicRef,\n~~ extractSystemStyles~~,\n~~} from '@mantine/styles';\nimport { useSx } from './use-sx/use-sx';\n\~~ninterface~~ ~~_BoxProps~~ extends DefaultProps {}\n\nexport ~~type~~ ~~BoxProps<C>~~ = ~~PolymorphicComponentProps~~<C, ~~_BoxProps>;\n\ntype BoxComponent = (<C = 'div'>(props:~~ BoxProps~~<C>)~~ ~~=> React.ReactElement)~~ & {~~\n displayName?:~~ ~~string;\n};\n\nexport const Box~~: ~~BoxComponent~~ ~~= forwardRef~~(\n ({ className, component, style, sx, ...others }: ~~BoxProps<'div'>,~~ ref~~: PolymorphicRef<'div'>~~) => {\n const { systemStyles, rest } = extractSystemStyles(others);\n const Element = component \|\| 'div';\n return (\n <Element ref={ref} className={useSx(sx, systemStyles, className)} style={style} {...rest} />\n );\n }\n) ~~as any~~;\n\~~nBox~~.displayName = '@mantine/core/Box';\n"],"names":["forwardRef","extractSystemStyles","React","useSx"],"mappings":"~~;;;;;;;;;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAMU~~,MAAC,~~GAAG~~,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;~~AAC3C~~,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAC3H,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAGC,0BAAmB,CAAC,MAAM,CAAC,CAAC;AAC7D,EAAE,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC;AACrC,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC;AACrE,IAAI,GAAG;AACP,IAAI,SAAS,EAAEC,WAAK,CAAC,EAAE,EAAE,YAAY,EAAE,SAAS,CAAC;AACjD,IAAI,KAAK;AACT,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AACZ,CAAC,EAAE;AACH,~~GAAG~~,CAAC,WAAW,GAAG,mBAAmB~~;;;;~~"}
1	+ {"version":3,"file":"Box.js","sources":["../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, extractSystemStyles } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { useSx } from './use-sx/use-sx';\n\nexport interface BoxProps extends DefaultProps {\n children?: React.ReactNode;\n}\n\nexport const _Box = forwardRef<HTMLDivElement, BoxProps & { component: any }>(\n ({ className, component, style, sx, ...others }, ref) => {\n const { systemStyles, rest } = extractSystemStyles(others);\n const Element = component \|\| 'div';\n return (\n <Element ref={ref} className={useSx(sx, systemStyles, className)} style={style} {...rest} />\n );\n }\n);\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = createPolymorphicComponent<'div', BoxProps>(_Box);\n"],"names":["forwardRef","extractSystemStyles","React","useSx","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/Breadcrumbs/Breadcrumbs.js CHANGED Viewed

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
 var Breadcrumbs_styles = require('./Breadcrumbs.styles.js');
 var Text = require('../Text/Text.js');
 var Box = require('../Box/Box.js');
@@ -44,10 +45,18 @@ const defaultProps = {
   separator: "/"
 };
 const Breadcrumbs = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Breadcrumbs", defaultProps, props), { className, children, separator, classNames, styles: styles$1 } = _a, others = __objRest(_a, ["className", "children", "separator", "classNames", "styles"]);
-  const { classes, cx } = Breadcrumbs_styles['default'](null, { classNames, styles: styles$1, name: "Breadcrumbs" });
+  const _a = styles.useComponentDefaultProps("Breadcrumbs", defaultProps, props), { className, children, separator, classNames, styles: styles$1, unstyled } = _a, others = __objRest(_a, ["className", "children", "separator", "classNames", "styles", "unstyled"]);
+  const { classes, cx } = Breadcrumbs_styles['default'](null, { classNames, styles: styles$1, unstyled, name: "Breadcrumbs" });
   const items = React__default.Children.toArray(children).reduce((acc, child, index, array) => {
-    acc.push(React__default.cloneElement(child, { className: classes.breadcrumb, key: index }));
+    var _a2;
+    const item = utils.isElement(child) ? React__default.cloneElement(child, {
+      className: cx(classes.breadcrumb, (_a2 = child.props) == null ? void 0 : _a2.className),
+      key: index
+    }) : /* @__PURE__ */ React__default.createElement("div", {
+      className: classes.breadcrumb,
+      key: index
+    }, child);
+    acc.push(item);
     if (index !== array.length - 1) {
       acc.push(/* @__PURE__ */ React__default.createElement(Text.Text, {
         size: "sm",

package/cjs/components/Breadcrumbs/Breadcrumbs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, ~~useMantineDefaultProps~~ } from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport useStyles from './Breadcrumbs.styles';\n\nexport type BreadcrumbsStylesNames = Selectors<typeof useStyles>;\n\nexport interface BreadcrumbsProps\n extends DefaultProps<BreadcrumbsStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Separator between breadcrumbs /\n separator?: React.ReactNode;\n\n /* React nodes that should be separated */\n children: React.ReactNode;\n}\n\nconst defaultProps: Partial<BreadcrumbsProps> = {\n separator: '/',\n};\n\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n (props: BreadcrumbsProps, ref) => {\n const { className, children, separator, classNames, styles, ...others } =\n ~~useMantineDefaultProps~~('Breadcrumbs', defaultProps, props);\n\n const { classes, cx } = useStyles(null, { classNames, styles, name: 'Breadcrumbs' });\n\n const items = React.Children.toArray(children).reduce(\n (acc: ~~any~~[], child: ~~any~~, index, array) => {\n ~~acc.push~~(React.cloneElement(child, { className: classes.breadcrumb, key: index }));\n\n if (index !== array.length - 1) {\n acc.push(\n <Text size=\"sm\" className={classes.separator} key={`separator-${index}`}>\n {separator}\n </Text>\n );\n }\n\n return acc;\n },\n []\n );\n\n return (\n <Box className={cx(classes.root, className)} ref={ref} {...others}>\n {items}\n </Box>\n );\n }\n);\n\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n"],"names":["forwardRef","~~useMantineDefaultProps~~","styles","useStyles","React","Text","Box"],"mappings":"~~;;;;;;;;;;;;;;~~AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;~~AAMF~~,MAAM,YAAY,GAAG;AACrB,EAAE,SAAS,EAAE,GAAG;AAChB,CAAC,CAAC;AACU,MAAC,WAAW,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACtD,EAAE,MAAM,EAAE,GAAGC,~~6BAAsB,~~CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,UAAEC,QAAM,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;~~AAC7N~~,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,6BAAS,CAAC,IAAI,EAAE,EAAE,UAAU,UAAED,QAAM,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;~~AACvF~~,EAAE,MAAM,KAAK,GAAGE,cAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,KAAK;AACtF,IAAI,GAAG,CAAC,IAAI,~~CAACA~~,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE,~~EAAE~~,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;~~AACvF~~,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACpC,MAAM,GAAG,CAAC,IAAI,iBAAiBA,cAAK,CAAC,aAAa,~~CAACC~~,SAAI,EAAE;AACzD,QAAQ,IAAI,EAAE,IAAI;AAClB,QAAQ,SAAS,EAAE,OAAO,CAAC,SAAS;AACpC,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AACjC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AACrB,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,~~uBAAuBD~~,cAAK,CAAC,aAAa,~~CAACE~~,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AACrB,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}
1	+ {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { isElement } from '@mantine/utils';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport useStyles from './Breadcrumbs.styles';\n\nexport type BreadcrumbsStylesNames = Selectors<typeof useStyles>;\n\nexport interface BreadcrumbsProps\n extends DefaultProps<BreadcrumbsStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Separator between breadcrumbs /\n separator?: React.ReactNode;\n\n /* React nodes that should be separated */\n children: React.ReactNode;\n}\n\nconst defaultProps: Partial<BreadcrumbsProps> = {\n separator: '/',\n};\n\nexport const Breadcrumbs = forwardRef<HTMLDivElement, BreadcrumbsProps>(\n (props: BreadcrumbsProps, ref) => {\n const { className, children, separator, classNames, styles, unstyled, ...others } =\n useComponentDefaultProps('Breadcrumbs', defaultProps, props);\n\n const { classes, cx } = useStyles(null, { classNames, styles, unstyled, name: 'Breadcrumbs' });\n\n const items = React.Children.toArray(children).reduce(\n (acc: React.ReactNode[], child: React.ReactElement, index, array) => {\n const item = isElement(child) ? (\n React.cloneElement(child, {\n className: cx(classes.breadcrumb, child.props?.className),\n key: index,\n })\n ) : (\n <div className={classes.breadcrumb} key={index}>\n {child}\n </div>\n );\n\n acc.push(item);\n\n if (index !== array.length - 1) {\n acc.push(\n <Text size=\"sm\" className={classes.separator} key={`separator-${index}`}>\n {separator}\n </Text>\n );\n }\n\n return acc;\n },\n []\n );\n\n return (\n <Box className={cx(classes.root, className)} ref={ref} {...others}>\n {items}\n </Box>\n );\n }\n);\n\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","isElement","Text","Box"],"mappings":"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"}

package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js CHANGED Viewed

@@ -6,7 +6,8 @@ var styles = require('@mantine/styles');
 var useStyles = styles.createStyles((theme) => ({
   root: {
-    display: "flex"
+    display: "flex",
+    alignItems: "center"
   },
   breadcrumb: {
     lineHeight: 1,

package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n root: {\n display: 'flex',\n },\n\n breadcrumb: {\n lineHeight: 1,\n whiteSpace: 'nowrap',\n WebkitTapHighlightColor: 'transparent',\n },\n\n separator: {\n marginLeft: theme.spacing.xs,\n marginRight: theme.spacing.xs,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n lineHeight: 1,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,uBAAuB,EAAE,aAAa;AAC1C,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAChC,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,cAAc,EAAE,QAAQ;AAC5B,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n root: {\n display: 'flex',\n alignItems: 'center',\n },\n\n breadcrumb: {\n lineHeight: 1,\n whiteSpace: 'nowrap',\n WebkitTapHighlightColor: 'transparent',\n },\n\n separator: {\n marginLeft: theme.spacing.xs,\n marginRight: theme.spacing.xs,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n lineHeight: 1,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,uBAAuB,EAAE,aAAa;AAC1C,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAChC,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,cAAc,EAAE,QAAQ;AAC5B,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}