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

package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React from 'react';
 import classes from './TypographyStylesProvider.module.css.js';
 import { factory } from '../../core/factory/factory.js';
@@ -6,23 +5,52 @@ import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
 import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
 import { Box } from '../../core/Box/Box.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 = {};
 const TypographyStylesProvider = factory((_props, ref) => {
-    const props = useProps('TypographyStylesProvider', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled"]);
-    const getStyles = useStyles({
-        name: 'TypographyStylesProvider',
-        classes,
-        props,
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-    });
-    return React.createElement(Box, Object.assign({ ref: ref }, getStyles('root'), others));
+  const props = useProps("TypographyStylesProvider", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled"]);
+  const getStyles = useStyles({
+    name: "TypographyStylesProvider",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled
+  });
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({ ref }, getStyles("root")), others));
 });
-TypographyStylesProvider.displayName = '@mantine/core/TypographyStylesProvider';
+TypographyStylesProvider.classes = classes;
+TypographyStylesProvider.displayName = "@mantine/core/TypographyStylesProvider";
 
 export { TypographyStylesProvider };
 //# sourceMappingURL=TypographyStylesProvider.js.map

package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyStylesProvider.js","sources":["../../../src/components/TypographyStylesProvider/TypographyStylesProvider.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n} from '../../core';\nimport classes from './TypographyStylesProvider.module.css';\n\nexport type TypographyStylesProviderStylesNames = 'root';\nexport type TypographyStylesProviderVariant = string;\n\nexport interface TypographyStylesProviderProps\n  extends BoxProps,\n    StylesApiProps<TypographyStylesProviderFactory>,\n    ElementProps<'div'> {}\n\nexport type TypographyStylesProviderFactory = Factory<{\n  props: TypographyStylesProviderProps;\n  ref: HTMLDivElement;\n  stylesNames: TypographyStylesProviderStylesNames;\n  variant: TypographyStylesProviderVariant;\n}>;\n\nconst defaultProps: Partial<TypographyStylesProviderProps> = {};\n\nexport const TypographyStylesProvider = factory<TypographyStylesProviderFactory>((_props, ref) => {\n  const props = useProps('TypographyStylesProvider', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, ...others } = props;\n\n  const getStyles = useStyles<TypographyStylesProviderFactory>({\n    name: 'TypographyStylesProvider',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  return <Box ref={ref} {...getStyles('root')} {...others} />;\n});\n\nTypographyStylesProvider.displayName = '@mantine/core/TypographyStylesProvider';\n"],"names":[],"mappings":";;;;;;;;AA4BA,MAAM,YAAY,GAA2C,EAAE,CAAC;MAEnD,wBAAwB,GAAG,OAAO,CAAkC,CAAC,MAAM,EAAE,GAAG;IAC3F,MAAM,KAAK,GAAG,QAAQ,CAAC,0BAA0B,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACzE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAArE,0DAA6D,CAAQ,CAAC;IAE5E,MAAM,SAAS,GAAG,SAAS,CAAkC;QAC3D,IAAI,EAAE,0BAA0B;QAChC,OAAO;QACP,KAAK;QACL,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,oBAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM,EAAI,CAAC;AAC9D,CAAC,EAAE;AAEH,wBAAwB,CAAC,WAAW,GAAG,wCAAwC;;;;"}
+{"version":3,"file":"TypographyStylesProvider.js","sources":["../../../src/components/TypographyStylesProvider/TypographyStylesProvider.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n} from '../../core';\nimport classes from './TypographyStylesProvider.module.css';\n\nexport type TypographyStylesProviderStylesNames = 'root';\nexport type TypographyStylesProviderVariant = string;\n\nexport interface TypographyStylesProviderProps\n  extends BoxProps,\n    StylesApiProps<TypographyStylesProviderFactory>,\n    ElementProps<'div'> {}\n\nexport type TypographyStylesProviderFactory = Factory<{\n  props: TypographyStylesProviderProps;\n  ref: HTMLDivElement;\n  stylesNames: TypographyStylesProviderStylesNames;\n  variant: TypographyStylesProviderVariant;\n}>;\n\nconst defaultProps: Partial<TypographyStylesProviderProps> = {};\n\nexport const TypographyStylesProvider = factory<TypographyStylesProviderFactory>((_props, ref) => {\n  const props = useProps('TypographyStylesProvider', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, ...others } = props;\n\n  const getStyles = useStyles<TypographyStylesProviderFactory>({\n    name: 'TypographyStylesProvider',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  return <Box ref={ref} {...getStyles('root')} {...others} />;\n});\n\nTypographyStylesProvider.classes = classes;\nTypographyStylesProvider.displayName = '@mantine/core/TypographyStylesProvider';\n"],"names":[],"mappings":"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"}

package/esm/components/UnstyledButton/UnstyledButton.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React from 'react';
 import classes from './UnstyledButton.module.css.js';
 import { polymorphicFactory } from '../../core/factory/polymorphic-factory.js';
@@ -6,25 +5,82 @@ import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
 import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
 import { Box } from '../../core/Box/Box.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 = {
-    __staticSelector: 'UnstyledButton',
+  __staticSelector: "UnstyledButton"
 };
-const UnstyledButton = polymorphicFactory((_props, ref) => {
-    const props = useProps('UnstyledButton', defaultProps, _props);
-    const { className, component = 'button', __staticSelector, unstyled, classNames, styles, style } = props, others = __rest(props, ["className", "component", "__staticSelector", "unstyled", "classNames", "styles", "style"]);
+const UnstyledButton = polymorphicFactory(
+  (_props, ref) => {
+    const props = useProps("UnstyledButton", defaultProps, _props);
+    const _a = props, {
+      className,
+      component = "button",
+      __staticSelector,
+      unstyled,
+      classNames,
+      styles,
+      style
+    } = _a, others = __objRest(_a, [
+      "className",
+      "component",
+      "__staticSelector",
+      "unstyled",
+      "classNames",
+      "styles",
+      "style"
+    ]);
     const getStyles = useStyles({
-        name: __staticSelector,
-        props,
-        classes,
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
+      name: __staticSelector,
+      props,
+      classes,
+      className,
+      style,
+      classNames,
+      styles,
+      unstyled
     });
-    return (React.createElement(Box, Object.assign({}, getStyles('root', { focusable: true }), { component: component, ref: ref, type: component === 'button' ? 'button' : undefined }, others)));
-});
-UnstyledButton.displayName = '@mantine/core/UnstyledButton';
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      __spreadValues(__spreadProps(__spreadValues({}, getStyles("root", { focusable: true })), {
+        component,
+        ref,
+        type: component === "button" ? "button" : void 0
+      }), others)
+    );
+  }
+);
+UnstyledButton.classes = classes;
+UnstyledButton.displayName = "@mantine/core/UnstyledButton";
 
 export { UnstyledButton };
 //# sourceMappingURL=UnstyledButton.js.map

package/esm/components/UnstyledButton/UnstyledButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledButton.js","sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  useProps,\n  StylesApiProps,\n  useStyles,\n  polymorphicFactory,\n  BoxComponentProps,\n  PolymorphicFactory,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n  extends Omit<BoxComponentProps, 'vars' | 'variant'>,\n    StylesApiProps<UnstyledButtonFactory> {\n  __staticSelector?: string;\n}\n\nconst defaultProps: Partial<UnstyledButtonProps> = {\n  __staticSelector: 'UnstyledButton',\n};\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n  props: UnstyledButtonProps;\n  stylesNames: UnstyledButtonStylesNames;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n  (_props: UnstyledButtonProps & { component?: any }, ref) => {\n    const props = useProps('UnstyledButton', defaultProps, _props);\n    const {\n      className,\n      component = 'button',\n      __staticSelector,\n      unstyled,\n      classNames,\n      styles,\n      style,\n      ...others\n    } = props;\n\n    const getStyles = useStyles<UnstyledButtonFactory>({\n      name: __staticSelector!,\n      props,\n      classes,\n      className,\n      style,\n      classNames,\n      styles,\n      unstyled,\n    });\n\n    return (\n      <Box\n        {...getStyles('root', { focusable: true })}\n        component={component}\n        ref={ref}\n        type={component === 'button' ? 'button' : undefined}\n        {...others}\n      />\n    );\n  }\n);\n\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n"],"names":[],"mappings":";;;;;;;;AAoBA,MAAM,YAAY,GAAiC;IACjD,gBAAgB,EAAE,gBAAgB;CACnC,CAAC;MASW,cAAc,GAAG,kBAAkB,CAC9C,CAAC,MAAiD,EAAE,GAAG;IACrD,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC/D,MAAM,EACJ,SAAS,EACT,SAAS,GAAG,QAAQ,EACpB,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,KAEH,KAAK,EADJ,MAAM,UACP,KAAK,EATH,2FASL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAwB;QACjD,IAAI,EAAE,gBAAiB;QACvB,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;KACT,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,oBACE,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,IAC1C,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,IAC/C,MAAM,EACV,EACF;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"UnstyledButton.js","sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  useProps,\n  StylesApiProps,\n  useStyles,\n  polymorphicFactory,\n  BoxComponentProps,\n  PolymorphicFactory,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n  extends Omit<BoxComponentProps, 'vars' | 'variant'>,\n    StylesApiProps<UnstyledButtonFactory> {\n  __staticSelector?: string;\n}\n\nconst defaultProps: Partial<UnstyledButtonProps> = {\n  __staticSelector: 'UnstyledButton',\n};\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n  props: UnstyledButtonProps;\n  stylesNames: UnstyledButtonStylesNames;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n  (_props: UnstyledButtonProps & { component?: any }, ref) => {\n    const props = useProps('UnstyledButton', defaultProps, _props);\n    const {\n      className,\n      component = 'button',\n      __staticSelector,\n      unstyled,\n      classNames,\n      styles,\n      style,\n      ...others\n    } = props;\n\n    const getStyles = useStyles<UnstyledButtonFactory>({\n      name: __staticSelector!,\n      props,\n      classes,\n      className,\n      style,\n      classNames,\n      styles,\n      unstyled,\n    });\n\n    return (\n      <Box\n        {...getStyles('root', { focusable: true })}\n        component={component}\n        ref={ref}\n        type={component === 'button' ? 'button' : undefined}\n        {...others}\n      />\n    );\n  }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n"],"names":[],"mappings":"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"}

package/esm/components/VisuallyHidden/VisuallyHidden.js

@@ -1,13 +1,41 @@
-import { __rest } from 'tslib';
 import React from 'react';
 import cx from 'clsx';
 import classes from './VisuallyHidden.module.css.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;
+};
 function VisuallyHidden(_a) {
-    var { className } = _a, others = __rest(_a, ["className"]);
-    return React.createElement("span", Object.assign({ className: cx(classes.root, className) }, others));
+  var _b = _a, { className } = _b, others = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: cx(classes.root, className) }, others));
 }
-VisuallyHidden.displayName = '@mantine/core/VisuallyHidden';
+VisuallyHidden.classes = classes;
+VisuallyHidden.displayName = "@mantine/core/VisuallyHidden";
 
 export { VisuallyHidden };
 //# sourceMappingURL=VisuallyHidden.js.map

package/esm/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport classes from './VisuallyHidden.module.css';\n\nexport interface VisuallyHiddenProps extends React.ComponentPropsWithoutRef<'span'> {}\n\nexport function VisuallyHidden({ className, ...others }: VisuallyHiddenProps) {\n  return <span className={cx(classes.root, className)} {...others} />;\n}\n\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n"],"names":[],"mappings":";;;;;SAMgB,cAAc,CAAC,EAA6C;QAA7C,EAAE,SAAS,OAAkC,EAA7B,MAAM,cAAtB,aAAwB,CAAF;IACnD,OAAO,4CAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,MAAM,EAAI,CAAC;AACtE,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,8BAA8B;;;;"}
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport classes from './VisuallyHidden.module.css';\n\nexport interface VisuallyHiddenProps extends React.ComponentPropsWithoutRef<'span'> {}\n\nexport function VisuallyHidden({ className, ...others }: VisuallyHiddenProps) {\n  return <span className={cx(classes.root, className)} {...others} />;\n}\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n"],"names":[],"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;AAIK,SAAS,cAAc,CAAC,EAAE,EAAE;AACnC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACzE,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;AACzH,CAAC;AACD,cAAc,CAAC,OAAO,GAAG,OAAO,CAAC;AACjC,cAAc,CAAC,WAAW,GAAG,8BAA8B;;;;"}

package/esm/core/Box/Box.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React, { forwardRef } from 'react';
 import cx from 'clsx';
 import { getBoxStyle } from './get-box-style/get-box-style.js';
@@ -12,27 +11,71 @@ import { InlineStyles } from '../InlineStyles/InlineStyles.js';
 import { isNumberLike } from '../utils/is-number-like/is-number-like.js';
 import { createPolymorphicComponent } from '../factory/create-polymorphic-component.js';
 
-const _Box = forwardRef((_a, ref) => {
-    var { component, style, __vars, className, variant, mod, size } = _a, others = __rest(_a, ["component", "style", "__vars", "className", "variant", "mod", "size"]);
+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 _Box = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { component, style, __vars, className, variant, mod, size } = _b, others = __objRest(_b, ["component", "style", "__vars", "className", "variant", "mod", "size"]);
     const theme = useMantineTheme();
-    const Element = component || 'div';
+    const Element = component || "div";
     const { styleProps, rest } = extractStyleProps(others);
     const responsiveClassName = useRandomClassName();
     const parsedStyleProps = parseStyleProps({
-        styleProps,
-        theme,
-        data: STYlE_PROPS_DATA,
+      styleProps,
+      theme,
+      data: STYlE_PROPS_DATA
     });
-    return (React.createElement(React.Fragment, null,
-        parsedStyleProps.hasResponsiveStyles && (React.createElement(InlineStyles, { selector: `.${responsiveClassName}`, styles: parsedStyleProps.styles, media: parsedStyleProps.media })),
-        React.createElement(Element, Object.assign({ ref: ref, style: getBoxStyle({
-                theme,
-                style,
-                vars: __vars,
-                styleProps: parsedStyleProps.inlineStyles,
-            }), className: cx(className, { [responsiveClassName]: parsedStyleProps.hasResponsiveStyles }), "data-variant": variant, "data-size": isNumberLike(size) ? undefined : size || undefined }, getBoxMod(mod), rest))));
-});
-_Box.displayName = '@mantine/core/Box';
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, parsedStyleProps.hasResponsiveStyles && /* @__PURE__ */ React.createElement(
+      InlineStyles,
+      {
+        selector: `.${responsiveClassName}`,
+        styles: parsedStyleProps.styles,
+        media: parsedStyleProps.media
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Element,
+      __spreadValues(__spreadValues({
+        ref,
+        style: getBoxStyle({
+          theme,
+          style,
+          vars: __vars,
+          styleProps: parsedStyleProps.inlineStyles
+        }),
+        className: cx(className, { [responsiveClassName]: parsedStyleProps.hasResponsiveStyles }),
+        "data-variant": variant,
+        "data-size": isNumberLike(size) ? void 0 : size || void 0
+      }, getBoxMod(mod)), rest)
+    ));
+  }
+);
+_Box.displayName = "@mantine/core/Box";
 const Box = createPolymorphicComponent(_Box);
 
 export { Box };

package/esm/core/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { useMantineTheme } from '../MantineProvider';\nimport { InlineStyles } from '../InlineStyles';\nimport { createPolymorphicComponent } from '../factory';\nimport type { MantineStyleProp, CssVarsProp } from './Box.types';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\nimport {\n  MantineStyleProps,\n  extractStyleProps,\n  parseStyleProps,\n  STYlE_PROPS_DATA,\n} from './style-props';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { isNumberLike } from '../utils';\n\nexport type Mod = Record<string, any> | string;\nexport type BoxMod = Mod | Mod[] | BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n  /** Class added to root element, if applicable */\n  className?: string;\n\n  /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */\n  style?: MantineStyleProp;\n\n  /** CSS variables defined on root component element */\n  __vars?: CssVarsProp;\n}\n\nexport type ElementProps<\n  ElementType extends React.ElementType,\n  PropsToOmit extends string = never\n> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' | PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n  /** Variant passed from parent component, sets `data-variant` */\n  variant?: string;\n\n  /** Size passed from parent component, sets `data-size` if value is not number like */\n  size?: string | number;\n\n  /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n  mod?: BoxMod;\n}\n\nconst _Box = forwardRef<HTMLDivElement, BoxComponentProps & { component: any; className: string }>(\n  ({ component, style, __vars, className, variant, mod, size, ...others }, ref) => {\n    const theme = useMantineTheme();\n    const Element = component || 'div';\n    const { styleProps, rest } = extractStyleProps(others);\n    const responsiveClassName = useRandomClassName();\n    const parsedStyleProps = parseStyleProps({\n      styleProps,\n      theme,\n      data: STYlE_PROPS_DATA,\n    });\n\n    return (\n      <>\n        {parsedStyleProps.hasResponsiveStyles && (\n          <InlineStyles\n            selector={`.${responsiveClassName}`}\n            styles={parsedStyleProps.styles}\n            media={parsedStyleProps.media}\n          />\n        )}\n        <Element\n          ref={ref}\n          style={getBoxStyle({\n            theme,\n            style,\n            vars: __vars,\n            styleProps: parsedStyleProps.inlineStyles,\n          })}\n          className={cx(className, { [responsiveClassName]: parsedStyleProps.hasResponsiveStyles })}\n          data-variant={variant}\n          data-size={isNumberLike(size) ? undefined : size || undefined}\n          {...getBoxMod(mod)}\n          {...rest}\n        />\n      </>\n    );\n  }\n);\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = createPolymorphicComponent<'div', BoxComponentProps>(_Box);\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA+CA,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAsE,EAAE,GAAG;QAA3E,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,OAAa,EAAR,MAAM,cAApE,uEAAsE,CAAF;IACnE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC;IACnC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACvD,MAAM,mBAAmB,GAAG,kBAAkB,EAAE,CAAC;IACjD,MAAM,gBAAgB,GAAG,eAAe,CAAC;QACvC,UAAU;QACV,KAAK;QACL,IAAI,EAAE,gBAAgB;KACvB,CAAC,CAAC;IAEH,QACE;QACG,gBAAgB,CAAC,mBAAmB,KACnC,oBAAC,YAAY,IACX,QAAQ,EAAE,IAAI,mBAAmB,EAAE,EACnC,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAC/B,KAAK,EAAE,gBAAgB,CAAC,KAAK,GAC7B,CACH;QACD,oBAAC,OAAO,kBACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,WAAW,CAAC;gBACjB,KAAK;gBACL,KAAK;gBACL,IAAI,EAAE,MAAM;gBACZ,UAAU,EAAE,gBAAgB,CAAC,YAAY;aAC1C,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,kBAC3E,OAAO,eACV,YAAY,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,IAAI,SAAS,IACzD,SAAS,CAAC,GAAG,CAAC,EACd,IAAI,EACR,CACD,EACH;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC;MAE1B,GAAG,GAAG,0BAA0B,CAA2B,IAAI;;;;"}
+{"version":3,"file":"Box.js","sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { useMantineTheme } from '../MantineProvider';\nimport { InlineStyles } from '../InlineStyles';\nimport { createPolymorphicComponent } from '../factory';\nimport type { MantineStyleProp, CssVarsProp } from './Box.types';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\nimport {\n  MantineStyleProps,\n  extractStyleProps,\n  parseStyleProps,\n  STYlE_PROPS_DATA,\n} from './style-props';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { isNumberLike } from '../utils';\n\nexport type Mod = Record<string, any> | string;\nexport type BoxMod = Mod | Mod[] | BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n  /** Class added to root element, if applicable */\n  className?: string;\n\n  /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */\n  style?: MantineStyleProp;\n\n  /** CSS variables defined on root component element */\n  __vars?: CssVarsProp;\n}\n\nexport type ElementProps<\n  ElementType extends React.ElementType,\n  PropsToOmit extends string = never\n> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' | PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n  /** Variant passed from parent component, sets `data-variant` */\n  variant?: string;\n\n  /** Size passed from parent component, sets `data-size` if value is not number like */\n  size?: string | number;\n\n  /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n  mod?: BoxMod;\n}\n\nconst _Box = forwardRef<HTMLDivElement, BoxComponentProps & { component: any; className: string }>(\n  ({ component, style, __vars, className, variant, mod, size, ...others }, ref) => {\n    const theme = useMantineTheme();\n    const Element = component || 'div';\n    const { styleProps, rest } = extractStyleProps(others);\n    const responsiveClassName = useRandomClassName();\n    const parsedStyleProps = parseStyleProps({\n      styleProps,\n      theme,\n      data: STYlE_PROPS_DATA,\n    });\n\n    return (\n      <>\n        {parsedStyleProps.hasResponsiveStyles && (\n          <InlineStyles\n            selector={`.${responsiveClassName}`}\n            styles={parsedStyleProps.styles}\n            media={parsedStyleProps.media}\n          />\n        )}\n        <Element\n          ref={ref}\n          style={getBoxStyle({\n            theme,\n            style,\n            vars: __vars,\n            styleProps: parsedStyleProps.inlineStyles,\n          })}\n          className={cx(className, { [responsiveClassName]: parsedStyleProps.hasResponsiveStyles })}\n          data-variant={variant}\n          data-size={isNumberLike(size) ? undefined : size || undefined}\n          {...getBoxMod(mod)}\n          {...rest}\n        />\n      </>\n    );\n  }\n);\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = createPolymorphicComponent<'div', BoxComponentProps>(_Box);\n"],"names":[],"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;AAeF,MAAM,IAAI,GAAG,UAAU;AACvB,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK;AACf,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;AACnL,IAAI,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AACpC,IAAI,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC;AACvC,IAAI,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAC3D,IAAI,MAAM,mBAAmB,GAAG,kBAAkB,EAAE,CAAC;AACrD,IAAI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC7C,MAAM,UAAU;AAChB,MAAM,KAAK;AACX,MAAM,IAAI,EAAE,gBAAgB;AAC5B,KAAK,CAAC,CAAC;AACP,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,gBAAgB,CAAC,mBAAmB,oBAAoB,KAAK,CAAC,aAAa;AAChJ,MAAM,YAAY;AAClB,MAAM;AACN,QAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;AAC3C,QAAQ,MAAM,EAAE,gBAAgB,CAAC,MAAM;AACvC,QAAQ,KAAK,EAAE,gBAAgB,CAAC,KAAK;AACrC,OAAO;AACP,KAAK,kBAAkB,KAAK,CAAC,aAAa;AAC1C,MAAM,OAAO;AACb,MAAM,cAAc,CAAC,cAAc,CAAC;AACpC,QAAQ,GAAG;AACX,QAAQ,KAAK,EAAE,WAAW,CAAC;AAC3B,UAAU,KAAK;AACf,UAAU,KAAK;AACf,UAAU,IAAI,EAAE,MAAM;AACtB,UAAU,UAAU,EAAE,gBAAgB,CAAC,YAAY;AACnD,SAAS,CAAC;AACV,QAAQ,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,mBAAmB,EAAE,CAAC;AACjG,QAAQ,cAAc,EAAE,OAAO;AAC/B,QAAQ,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,IAAI,KAAK,CAAC;AACjE,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC;AAC/B,KAAK,CAAC,CAAC;AACP,GAAG;AACH,CAAC,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAC3B,MAAC,GAAG,GAAG,0BAA0B,CAAC,IAAI;;;;"}

package/esm/core/Box/get-box-mod/get-box-mod.js

@@ -1,27 +1,46 @@
+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;
+};
 function transformModKey(key) {
-    return key.startsWith('data-') ? key : `data-${key}`;
+  return key.startsWith("data-") ? key : `data-${key}`;
 }
 function getMod(props) {
-    return Object.keys(props).reduce((acc, key) => {
-        const value = props[key];
-        if (value === undefined || value === '' || value === false || value === null) {
-            return acc;
-        }
-        acc[transformModKey(key)] = props[key];
-        return acc;
-    }, {});
+  return Object.keys(props).reduce((acc, key) => {
+    const value = props[key];
+    if (value === void 0 || value === "" || value === false || value === null) {
+      return acc;
+    }
+    acc[transformModKey(key)] = props[key];
+    return acc;
+  }, {});
 }
 function getBoxMod(mod) {
-    if (!mod) {
-        return null;
-    }
-    if (typeof mod === 'string') {
-        return { [transformModKey(mod)]: true };
-    }
-    if (Array.isArray(mod)) {
-        return [...mod].reduce((acc, value) => (Object.assign(Object.assign({}, acc), getBoxMod(value))), {});
-    }
-    return getMod(mod);
+  if (!mod) {
+    return null;
+  }
+  if (typeof mod === "string") {
+    return { [transformModKey(mod)]: true };
+  }
+  if (Array.isArray(mod)) {
+    return [...mod].reduce(
+      (acc, value) => __spreadValues(__spreadValues({}, acc), getBoxMod(value)),
+      {}
+    );
+  }
+  return getMod(mod);
 }
 
 export { getBoxMod, getMod };

package/esm/core/Box/get-box-mod/get-box-mod.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-box-mod.js","sources":["../../../../src/core/Box/get-box-mod/get-box-mod.ts"],"sourcesContent":["function transformModKey(key: string) {\n  return key.startsWith('data-') ? key : `data-${key}`;\n}\n\nexport function getMod(props: Record<string, any>) {\n  return Object.keys(props).reduce<Record<string, any>>((acc, key) => {\n    const value = props[key];\n\n    if (value === undefined || value === '' || value === false || value === null) {\n      return acc;\n    }\n\n    acc[transformModKey(key)] = props[key];\n    return acc;\n  }, {});\n}\n\nexport function getBoxMod(mod?: any): Record<string, any> | null {\n  if (!mod) {\n    return null;\n  }\n\n  if (typeof mod === 'string') {\n    return { [transformModKey(mod)]: true };\n  }\n\n  if (Array.isArray(mod)) {\n    return [...mod].reduce<Record<`data-${string}`, any>>(\n      (acc, value) => ({ ...acc, ...getBoxMod(value) }),\n      {}\n    );\n  }\n\n  return getMod(mod);\n}\n"],"names":[],"mappings":"AAAA,SAAS,eAAe,CAAC,GAAW;IAClC,OAAO,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,QAAQ,GAAG,EAAE,CAAC;AACvD,CAAC;SAEe,MAAM,CAAC,KAA0B;IAC/C,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAsB,CAAC,GAAG,EAAE,GAAG;QAC7D,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QAEzB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE;YAC5E,OAAO,GAAG,CAAC;SACZ;QAED,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,OAAO,GAAG,CAAC;KACZ,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;SAEe,SAAS,CAAC,GAAS;IACjC,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,IAAI,CAAC;KACb;IAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC;KACzC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACtB,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CACpB,CAAC,GAAG,EAAE,KAAK,sCAAW,GAAG,GAAK,SAAS,CAAC,KAAK,CAAC,EAAG,EACjD,EAAE,CACH,CAAC;KACH;IAED,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;AACrB;;;;"}
+{"version":3,"file":"get-box-mod.js","sources":["../../../../src/core/Box/get-box-mod/get-box-mod.ts"],"sourcesContent":["function transformModKey(key: string) {\n  return key.startsWith('data-') ? key : `data-${key}`;\n}\n\nexport function getMod(props: Record<string, any>) {\n  return Object.keys(props).reduce<Record<string, any>>((acc, key) => {\n    const value = props[key];\n\n    if (value === undefined || value === '' || value === false || value === null) {\n      return acc;\n    }\n\n    acc[transformModKey(key)] = props[key];\n    return acc;\n  }, {});\n}\n\nexport function getBoxMod(mod?: any): Record<string, any> | null {\n  if (!mod) {\n    return null;\n  }\n\n  if (typeof mod === 'string') {\n    return { [transformModKey(mod)]: true };\n  }\n\n  if (Array.isArray(mod)) {\n    return [...mod].reduce<Record<`data-${string}`, any>>(\n      (acc, value) => ({ ...acc, ...getBoxMod(value) }),\n      {}\n    );\n  }\n\n  return getMod(mod);\n}\n"],"names":[],"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,SAAS,eAAe,CAAC,GAAG,EAAE;AAC9B,EAAE,OAAO,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AACvD,CAAC;AACM,SAAS,MAAM,CAAC,KAAK,EAAE;AAC9B,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK;AACjD,IAAI,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;AAC7B,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE;AAC/E,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK;AACL,IAAI,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;AAC3C,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AACM,SAAS,SAAS,CAAC,GAAG,EAAE;AAC/B,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC/B,IAAI,OAAO,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC;AAC5C,GAAG;AACH,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC1B,IAAI,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM;AAC1B,MAAM,CAAC,GAAG,EAAE,KAAK,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;AAC/E,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;AACrB;;;;"}

package/esm/core/Box/get-box-style/get-box-style.js

@@ -1,19 +1,43 @@
-function mergeStyles(styles, theme) {
-    if (Array.isArray(styles)) {
-        return [...styles].reduce((acc, item) => (Object.assign(Object.assign({}, acc), mergeStyles(item, theme))), {});
-    }
-    if (typeof styles === 'function') {
-        return styles(theme);
+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]);
     }
-    if (styles == null) {
-        return {};
-    }
-    return styles;
+  return a;
+};
+function mergeStyles(styles, theme) {
+  if (Array.isArray(styles)) {
+    return [...styles].reduce(
+      (acc, item) => __spreadValues(__spreadValues({}, acc), mergeStyles(item, theme)),
+      {}
+    );
+  }
+  if (typeof styles === "function") {
+    return styles(theme);
+  }
+  if (styles == null) {
+    return {};
+  }
+  return styles;
 }
-function getBoxStyle({ theme, style, vars, styleProps, }) {
-    const _style = mergeStyles(style, theme);
-    const _vars = mergeStyles(vars, theme);
-    return Object.assign(Object.assign(Object.assign({}, _style), _vars), styleProps);
+function getBoxStyle({
+  theme,
+  style,
+  vars,
+  styleProps
+}) {
+  const _style = mergeStyles(style, theme);
+  const _vars = mergeStyles(vars, theme);
+  return __spreadValues(__spreadValues(__spreadValues({}, _style), _vars), styleProps);
 }
 
 export { getBoxStyle };

package/esm/core/Box/get-box-style/get-box-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-box-style.js","sources":["../../../../src/core/Box/get-box-style/get-box-style.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp, CssVarsProp } from '../Box.types';\n\ninterface GetBoxStyleOptions {\n  theme: MantineTheme;\n  styleProps: React.CSSProperties;\n  style?: MantineStyleProp;\n  vars?: CssVarsProp;\n}\n\nfunction mergeStyles(\n  styles: MantineStyleProp | CssVarsProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme);\n  }\n\n  if (styles == null) {\n    return {};\n  }\n\n  return styles;\n}\n\nexport function getBoxStyle({\n  theme,\n  style,\n  vars,\n  styleProps,\n}: GetBoxStyleOptions): React.CSSProperties {\n  const _style = mergeStyles(style, theme);\n  const _vars = mergeStyles(vars, theme);\n  return { ..._style, ..._vars, ...styleProps };\n}\n"],"names":[],"mappings":"AAUA,SAAS,WAAW,CAClB,MAAkD,EAClD,KAAmB;IAEnB,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACzB,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,MAAM,CACvB,CAAC,GAAG,EAAE,IAAI,sCAAW,GAAG,GAAK,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,EAAG,EACxD,EAAE,CACH,CAAC;KACH;IAED,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;QAChC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;KACtB;IAED,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,EAAE,CAAC;KACX;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;SAEe,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,GACS;IACnB,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACzC,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACvC,qDAAY,MAAM,GAAK,KAAK,GAAK,UAAU,EAAG;AAChD;;;;"}
+{"version":3,"file":"get-box-style.js","sources":["../../../../src/core/Box/get-box-style/get-box-style.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp, CssVarsProp } from '../Box.types';\n\ninterface GetBoxStyleOptions {\n  theme: MantineTheme;\n  styleProps: React.CSSProperties;\n  style?: MantineStyleProp;\n  vars?: CssVarsProp;\n}\n\nfunction mergeStyles(\n  styles: MantineStyleProp | CssVarsProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme);\n  }\n\n  if (styles == null) {\n    return {};\n  }\n\n  return styles;\n}\n\nexport function getBoxStyle({\n  theme,\n  style,\n  vars,\n  styleProps,\n}: GetBoxStyleOptions): React.CSSProperties {\n  const _style = mergeStyles(style, theme);\n  const _vars = mergeStyles(vars, theme);\n  return { ..._style, ..._vars, ...styleProps };\n}\n"],"names":[],"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,SAAS,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE;AACpC,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC7B,IAAI,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,MAAM;AAC7B,MAAM,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACtF,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;AACpC,IAAI,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE;AACtB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC;AACM,SAAS,WAAW,CAAC;AAC5B,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,UAAU;AACZ,CAAC,EAAE;AACH,EAAE,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC3C,EAAE,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACzC,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AACvF;;;;"}

package/esm/core/Box/get-style-object/get-style-object.js

@@ -1,14 +1,33 @@
-function getStyleObject(style, theme) {
-    if (Array.isArray(style)) {
-        return [...style].reduce((acc, item) => (Object.assign(Object.assign({}, acc), getStyleObject(item, theme))), {});
-    }
-    if (typeof style === 'function') {
-        return style(theme);
+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]);
     }
-    if (style == null) {
-        return {};
-    }
-    return style;
+  return a;
+};
+function getStyleObject(style, theme) {
+  if (Array.isArray(style)) {
+    return [...style].reduce(
+      (acc, item) => __spreadValues(__spreadValues({}, acc), getStyleObject(item, theme)),
+      {}
+    );
+  }
+  if (typeof style === "function") {
+    return style(theme);
+  }
+  if (style == null) {
+    return {};
+  }
+  return style;
 }
 
 export { getStyleObject };

package/esm/core/Box/get-style-object/get-style-object.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-style-object.js","sources":["../../../../src/core/Box/get-style-object/get-style-object.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../Box.types';\n\nexport function getStyleObject(\n  style: MantineStyleProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...getStyleObject(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"names":[],"mappings":"SAGgB,cAAc,CAC5B,KAAmC,EACnC,KAAmB;IAEnB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CACtB,CAAC,GAAG,EAAE,IAAI,sCAAW,GAAG,GAAK,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,EAAG,EAC3D,EAAE,CACH,CAAC;KACH;IAED,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;QAC/B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;KACrB;IAED,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,OAAO,EAAE,CAAC;KACX;IAED,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"get-style-object.js","sources":["../../../../src/core/Box/get-style-object/get-style-object.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../Box.types';\n\nexport function getStyleObject(\n  style: MantineStyleProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...getStyleObject(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"names":[],"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;AACK,SAAS,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC5B,IAAI,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM;AAC5B,MAAM,CAAC,GAAG,EAAE,IAAI,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACzF,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AACnC,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AACxB,GAAG;AACH,EAAE,IAAI,KAAK,IAAI,IAAI,EAAE;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}